@charset "utf-8";

/* layout */
#wrap { position:relative; text-align:center; margin:0 auto ; width:100%;}
#container {position:relative; width:980px ;margin:0 auto; margin-bottom:20px; clear:both;overflow:hidden;}
aside {float:left; width:160px;text-align:left; padding-bottom:300px;}
article {float:left ;margin: 4px 0px 50px 70px; width:750px; text-align:left;letter-spacing:-0.02em;}
footer {float:left;margin: -200px 0px 0px 0px; left:22px;bottom:10px;width:165px; text-align:left;clear:both;}
footer  ul li a{display:block; margin-bottom:3px; margin-right:4px; float:left;}
footer  ul li::after { content:""; display: block; clear:both; }

/* sitemap_layout */
#sitemap_container {position:relative; width:980px ;margin:0 auto; clear:both; overflow:hidden;}

aside h1 {color:#111; border-bottom:2px solid #1abc9c;  font-weight:bold;}
aside h1.menu {padding: 28px 0px 26px 4px; font-family: 'NanumSquare';  }
aside h1.menu a { font-size: 20px; color:#333; }

aside h1.serm_bottom {padding: 48px 0px 26px 4px;}

aside ul.leftmenu {margin-top:0px; width:100%; padding:0 0 0 5px}
aside ul.leftmenu li {width:100%; line-height:40px;border-bottom:1px solid #ecf0f1; }
aside ul.leftmenu li.selected {width:100%; line-height:40px;border-bottom:1px solid #ecf0f1; background:url(../img/ko/common/menu_icon.jpg) no-repeat; background-position: right;}
aside ul.leftmenu li.last {border:none;}
aside ul.leftmenu li a {font-size:14px;color:#444;}
aside ul.leftmenu li a:hover {color:#000; font-weight:bold;}
aside ul.leftmenu li a.selected {padding:0 10px 0 0;font-size:14px;color:#000;  font-weight:bold;}
aside ul.leftmenu li span{float:left;width:18px;text-align:right;padding-right:5px;}

aside ul.leftmenu_02 {margin-top:0px; width:100%;}
aside ul.leftmenu_02 li {width:100%; line-height:40px;border-bottom:1px solid #ecf0f1;}
aside ul.leftmenu_02 li.selected {width:100%; line-height:40px;border-bottom:1px solid #ecf0f1; background:url(../img/ko/common/menu_icon.jpg) no-repeat; background-position: right; letter-spacing:-0.7px;}
aside ul.leftmenu_02 li.last {border:none;}
aside ul.leftmenu_02 li a {padding:0 5px;font-size:14px;color:#444;}

/*aside ul.leftmenu_02 li a:hover {color:#000;font-family:나눔고딕 bold, ngwoff, ngeot; font-weight:bold; letter-spacing:-0.5;}
aside ul.leftmenu_02 li a.selected {padding:0 10px 0 5px;font-size:14px;color:#000; font-family:나눔고딕 bold, ngwoff, ngeot; font-weight:bold;}
*/
aside ul.leftmenu_02 li a:hover {color:#000;font-weight:bold;}
aside ul.leftmenu_02 li a.selected {padding:0 10px 0 5px;font-size:14px;color:#000; font-weight:bold;}
aside ul.leftmenu_02 li span{float:left;width:20px;text-align:center;}

aside ul.lm_2th {padding:0 0 5px 0; }
aside ul.lm_2th li {line-height:30px;border:0;}
aside ul.lm_2th li.selected {line-height:30px;border:0;background:url(../img/ko/common/menu_icon.jpg) no-repeat; background-position: right;}
aside ul.lm_2th li a.selected{padding:3px 10px 3px 0px;}
aside ul.lm_2th li a {margin-left:12px;padding:3px 10px 3px 0px;letter-spacing:0;}
aside ul.lm_2th li a:hover {color:#000;font-weight:bold;}

aside p.adobe {margin-top:47px;}

article .location {display:none; margin-top:10px;color:#979797;}
article .location span {color:#4b4b4b;}
article h2 {color:#575757; font-weight:normal; padding-top:26px; padding-bottom:26px;	margin-bottom:10px;	border-bottom-style:solid; border-color:#ecf0f1; border-width:1px; font-size:22px }
article h3 {color:#575757; font-weight:normal; padding-top:26px; padding-bottom:26px;	margin-bottom:30px;	border-bottom-style:solid; border-color:#ecf0f1; border-width:1px; font-size:22px }
hr {display:block; height:1px; border:none; background-color:#eee; font-size:0px; clear:both;}

footer li select {margin-top:20px;width:144px;height:21px;border:1px solid #bbb; font-size:12px; color:#888;}
footer li.copy {margin:20px 0 0 0;}
footer li.copy p {font-size:11px;color:#888;line-height:18px;letter-spacing:-0.3px;}
footer li.copy p.ctxt {margin-top:10px;color:#888;line-height:17px;}

/* annex.css */
.ax_exp_first { float:left; clear:both; margin-top:50px; }
.ax_exp_first p {float:left; width:480px;}
.ax_exp_first img { float:left; padding:0px 20px 0px 0px; clear:both;}

.ax_exp { float:left; clear:both; margin-top:30px; }
.ax_exp p {float:left; width:480px;}
.ax_exp img { float:left; padding:0px 20px 0px 0px; clear:both;}

.ax_main { width:750px; }
.ax_main .ax_main_blankt { margin:25px 0 30px  0; }
.ax_main .ax_main_blankb { margin:0 0 30px 0; }
.ax_main p.f2 { margin-bottom:15px;}

.ax_gallery { background-repeat:no-repeat; width:750px; height:450px; margin-bottom:20px }
.ax_gallery img { float:left; margin-top:183px; visibility:hidden; }
.ax_gallery p { width:740px; height:27px; background:url(../img/bg_gallery.png); padding-top:3px; padding-left:10px; z-index:100; color:White }
                
.ax_gallery_left { float:left; width:375px; height:420px }
.ax_gallery_right { float:left; width:375px; height:420px }             

.ax_gallery_list { width:750px; }

.ax_gallery_list_name { float:left; margin-left:8px; width:116px; font-weight:bold; }
.ax_gallery_list_name p { margin-bottom:2px; font-size:12px }
.ax_gallery_list_a { float:left; margin-left:8px; overflow:hidden; border:1px solid #C4C4C4; margin-left:8px; opacity:.5; filter: alpha(opacity:'50'); }
.ax_gallery_list_a img { margin:-1px }

.ax_gallery_list_selected_a { float:left; overflow:hidden; border:2px solid #1ABE9C; margin-left:8px; }
.ax_gallery_list_selected_a img { margin:-2px }

.ax_gallery_list_dot { float:left; margin-left:8px; width:116px; }
.ax_gallery_list_dot img { margin-left:2px; margin-right:2px }

/* common.css */
.cu_main { width:750px ; letter-spacing:0}
.cu_blank { height:40px; clear:both }
.cu_line { border-top:1px solid #999; height:1px }
.cu_left { width:180px; float:left; font-size:17px; }
.cu_right { width:500px; float:left;sline-height:20px }
.cu_right a{ width:100px; sline-height:20px; text-decoration:underline; }
.cu_first { width:66px; clear:both; float:left; color:#19bb9b; letter-spacing:0; }
.cu_second { width:430px; float:left; margin-bottom:25px }
.cu_second2 { width:430px; float:left }
.cu_first3 { width:246px; clear:both; float:left; color:#19bb9b; letter-spacing:0; }
.cu_second3 { width:250px; float:left; margin-bottom:25px }

.qa_line { border-top:1px solid #999; height:1px; clear:both }
.qa_left { width:110px; float:left; font-size:18px; margin-top:17px; margin-bottom:17px }
.qa_right { width:560px; float:left; margin-top:17px; margin-bottom:17px }

.csm_main { width:1000px; }
.csm_content { margin-top:30px }

.csm_content_chapter { float:left; width:172px; font-size:13px; line-height:22px; margin-right:20px }
.csm_content_chapter span { font-size:17px; font-weight:bold }

.csm_content_chapter_end { float:left; width:172px; font-size:13px; line-height:22px }
.csm_content_chapter_end span { font-size:17px; font-weight:bold }

.csm_content div ul li { margin-left:3px; font-size:14px; line-height:31px; }
.csm_content div > ul > li { border-top:1px solid #ECF0F1;letter-spacing:0; padding:3px 0;}
.csm_content div > ul > li a:hover, a:active{ font-weight:bold;}
.csm_content div > ul > li.noline { border-top:0; letter-spacing:0;}
.csm_content div ul ul li { margin-left:8px; padding-left:6px; font-size:12px; color:#666; line-height:28px; background:url(../common/img/sm_dot.png) no-repeat; }
.csm_content div ul ul li a:hover, a:active{ font-weight:bold; }
.csm_content div ul ul { margin:0 0 10px 0;}

.csm_content_chapter h1 { border-bottom:2px solid #1abc9c; padding-bottom:18px; font-size:17px; color:#000; font-weight:normal; margin:0 0 5px 0; }
.csm_content_chapter h2 { border-bottom:2px solid #1abc9c;padding-top:15px; padding-bottom:18px; font-size:17px; color:#000; font-weight:normal; margin:0 0 5px 0; }
.csm_content_chapter_end h1 {border-bottom:2px solid #1abc9c; padding-bottom:18px; font-size:17px; color:#000; font-weight:normal; margin:0 0 5px 0;}

/* doctrine.css */
.dt_main {width:690px; font-size:15px; line-height:25px; background-image:url('../img/bg_note.gif'); padding:30px; }
.dt_main_point{font-size:19px; line-height:31px; letter-spacing:0; padding:20px 0 30px 28px; color:#222;}
.dt_main_ja {width:690px; font-size:14px; line-height:1.6; background-image:url('../img/bg_note.gif'); padding:30px; }

.dt_intro_row { background-image:url(../doctrine/img/doctrine_intro_bg_normal.jpg); background-repeat:no-repeat; width:750px; height:143px }

.dt_intro_row_first { float:left; width:180px; padding-top:17px }
.dt_intro_row_second { float:left; width:490px; height:100%; color:#222222; display:table }
.dt_intro_row_second p { display:table-cell; vertical-align:middle }

.dt_intro_row_first_1 { color:#9E9E9E; padding-left:5px; font-size:11px; font-weight:bold }
.dt_intro_row_first_2 { color:#727272; font-size:20px; font-weight:bold }

.dt_intro_row:hover { background-image:url(../doctrine/img/doctrine_intro_bg_selected.jpg); background-repeat:no-repeat; width:750px; height:143px; color:#67B000 }
.dt_intro_row:hover .dt_intro_row_first_1 { color:#67B000 }
.dt_intro_row:hover .dt_intro_row_first_2 { color:#67B000 }
.dt_intro_row:hover .dt_intro_row_second { color:#67B000 }

.dt_main img { margin-bottom:20px;}
.dt_main p { margin-bottom:20px}
.dt_main_ja img { margin-bottom:20px;}
.dt_main_ja p { margin-bottom:20px}


/* sermon.css */
.sm_main { width:750px; }
.sm_main_en { width:750px; letter-spacing:0; }
.sm_outline { margin-top:45px; }
.sm_outline > img { float:left;}
.sm_outline div { float:left }
.sm_outline div > img { margin-bottom:12px }
.sm_outline_info { width:500px; float:left;}
.sm_outline_info .btn{float:right; width:255px; margin-top:25px; clear:both;}
.sm_outline_info .btn .ab_pdf { cursor:pointer; margin-left:5px }

.sm_outline_info_en { width:500px; float:left; letter-spacing:0;}
.sm_outline_info_intro { width:400px; margin-left:40px }

.sm_download {width:175px; height:300px; margin:0 60px 0 0;}
.sm_download p { float:left; margin-top:30px }
.sm_download div { float:right; width:130px }
.sm_download a { }
.sm_download a img { margin:0px 0px 12px 28px; }
.sm_download a img.two { margin:0px 0px 12px 35px; }
.sm_download .audio_book { display:none }


.sm_author { }
.sm_author img {float:left; margin-right:67px }
.sm_author p {float:left; width:500px; }
.sm_author p span {}

.sm_content {float:left; margin:20px 0 20px 0; width:750px;}

.sm_content_name { float:left; width:250px }
.sm_content_name p { font-size:14px; letter-spacing:-0.02em;}

.sm_content_name_eng p { float:left; width:250px; font-size:14px; letter-spacing:0;}
.sm_content_name_eng span { font-size:17px; font-weight:bold; letter-spacing:0; }

.sm_content_name span { font-size:17px; font-weight:600; margin:0 3px 0 0; }
.sm_content_value p { float:left; width:250px; line-height:23px; font-size:13px; }

.sm_ebook { cursor:pointer; margin-left:30px }
.sm_ebook_E { cursor:pointer; margin-left:32px }

/* introduce.css */
.int_main p { margin-bottom:20px; }
.int_main p.f2 { padding-top:40px; }
.int_main p.top { padding-top:0px; }
.int_main .image { text-align:center; margin:20px 0 35px 0;}

.founder .image { float:right; padding:0px 30px 25px 40px; }
.founder p { margin-bottom:20px; }
.founder p.subtitle { color:#575757; font-size:30px; line-height:130%; margin-bottom:75px; }
.founder p.subtitle span{ font-size:13px; vertical-align:top; }

.history_year {height: 58px;border-bottom: 1px solid #ecf0f1;background: url(../intro/img/di_bar_gray.gif) 0 -2px repeat-x;text-align:center;}
.history_year p { margin-bottom:20px; }
.history_year li {float: left;margin-left: 55px;font-size: 16px;width: 73px;}
.history_year li.years {line-height: 18px;padding-top: 19px;border-top: 1px solid #ecf0f1;cursor: pointer;}
.history_year li.spot {float: left;width:3px;height: 58px;background:url('../intro/img/di_small_dot.gif') center no-repeat;}
.history_year li.on {color: #1abc9c;border-top: 2px solid #1abc9c;padding-top: 18px;background: url(../intro/img/di_arrow_downward.gif) 50% top no-repeat;}
.history_year li.years:hover {color: #1abc9c;border-top: 2px solid #1abc9c;padding-top: 18px;background: url(../intro/img/di_arrow_downward.gif) 50% top no-repeat;}
.history_year li.years:hover a {color: #1abc9c;}

.hiscon {width: 100%;overflow: hidden;}
.hiscon p { margin-bottom:20px; }
.hiscon dl {padding: 7px 50px;border-top: 1px solid #ecf0f1;margin-top: -1px;}
.hiscon dl dt {float: left; width: 95px;font-size: 28px;color: #8b8b8b;letter-spacing: -1px;padding:15px 0 0 0;}
.hiscon dl dd p {float: left;}
.hiscon dl dd img {width: 200px;height: 118px; margin:9px 0 0 0;}
.hiscon dl dd ul {float: left; width: 325px; padding:11px 0 0 0; font-size:13px;}
.hiscon dl dd ul li {float: left; clear: both;}

.local_area {height:58px; border-bottom:1px solid #ecf0f1 ; background:url('../intro/img/di_bar_gray.gif') 0 -2px repeat-x;overflow:hidden;}
.local_area li {width: 46px;float:left;margin-left:29px;font-size:16px;}	
.local_area li.area {line-height:18px;padding-top:19px;text-align:center;border-top:1px solid #ecf0f1;cursor:pointer;}
.local_area li.on {color:rgb(26, 188, 156);border-top:2px solid rgb(26, 188, 156);padding-top:18px;background:url('../intro/img/di_arrow_downward.gif') 50% top no-repeat;}
.local_area li.spot {width:3px;height:58px;background:url('../intro/img/di_small_dot.gif') center no-repeat;}	
.local_area li.area:hover {color:rgb(26, 188, 156);border-top:2px solid rgb(26, 188, 156);padding-top:18px;background:url('../intro/img/di_arrow_downward.gif') 50% top no-repeat;}	
.local_area li.area:hover a{color:rgb(26, 188, 156);}


.local_top {float:left;width:750px;height:200px;clear:both; margin:0 0 25px 0;}
.local_top img.pic {float:right; width:256px; height:184px; padding:10px 70px 0 0;}
.local_top img.icon {padding:0px 9px 2px 0px;}
.local_top p {float:left;width:380px;padding:30px 0px 0px 30px;line-height:190%;}
.local_top p span {font-size:20px;}
.local_top a img {padding:0px 0px 2px 10px;width:52px;height:18px;}

.local_top_small {float:left;width:750px;height:175px;clear:both; margin:0 0 25px 0;}
.local_top_small img {padding:10px 0 0 0;}
.local_top_small img.icon {padding:0px 9px 2px 0px;}
.local_top_small p {float:left;width:380px;padding:30px 0px 0px 30px;line-height:190%;}
.local_top_small p span {font-size:20px;}
.local_top_small a img {padding:0px 0px 2px 10px;width:52px;height:18px;}

.icon_map{ margin-left: 0 }

/* artbook.css */
.ab_main { background-image:url('../img/bg_note.gif'); width:700px; padding:25px; font-size:14px; color:#444; line-height:29px; letter-spacing:-0.5px; }
.ab_main p { margin-bottom:20px}
.ab_main .title { margin-bottom:5px; font-weight:bold; }
.ab_main .left_img { float:left; margin-right:20px; margin-bottom:20px; }
.ab_main .clear_both { clear:both; margin-bottom:0px; }
.ab_pdf { cursor:pointer; margin-left:45px }
