@charset "utf-8";

/* 공통사용 */
html{height:100%; }
li,ul{margin:0px; padding:0px; list-style:none; display:list-item; text-align:-webkit-match-parent;}
img{border:0px;}
body{.overflow-y:auto; margin:0px; padding:0px; font-family: "Nanum Gothic", sans-serif;}

input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, {-webkit-appearance: none;/*기본속성없애기*/  border-radius:0;/*기본 라운드 없애기*/ margin:0;}
* {-webkit-text-size-adjust:none;}
p{padding:0px; margin:0;}


/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

.intro_dila_pack{display:inline-block; vertical-align:top;}
.btn_blue{background-color:#264f98; color:#fff; border-radius:100px; display:inline-block; padding:10px 20px 10px 20px; cursor:pointer; min-width:80px;}

.dis_m_copy{font-size:14px; padding:5px 0 25px 0;}
.disaster_pic{position: relative;}

/* 20231215 */
.dila_index_pac{text-align: center; width:100%; position:absolute; top:50%; left:0px; margin:-30px 0 0 0;}
.dila_index_pac img{display:inline-block; vertical-align:text-top; margin:0 20px 0 20px;}
.dila_index_pac2{text-align: center; width:100%; position:absolute; top:50%; left:0px; margin:-80px 0 0 0;}
.dila_index_pac2 img{display:inline-block; vertical-align:text-top; margin:0 20px 0 20px;}
.go_to_home{margin:20px; background-color:#f0f0f0; border-radius:50px; font-size:14px; font-weight:bold; display:inline-block; padding:10px 20px 10px 20px;}
.go_to_home a:link{text-decoration: none;  color:#489ff0;}
.go_to_home a:visited{text-decoration: none; color:#489ff0;}
.go_to_home a:active{text-decoration: none; color:#489ff0;}
.go_to_home a:hover{text-decoration: none; color:#489ff0;}
.go_to_home img{vertical-align:middle;}
.dila_index_right{display:inline-block; text-align:left; vertical-align:middle;}
/* .go_to_home img{width:13px;} */

.intro_three_pack{display:inline-block; vertical-align:text-top; width:298px; text-align:center; margin:30px 0 0 0;}
.into_pack_logos{text-align:right; padding:0 10px 0 0;}

.intro_wrap{width:1200px; margin:0 auto; position:relative; text-align:center;}
.intro_logos{padding:300px 0px 0 0;}
.intro_logos img{margin:0 10px 0 10px;}
.intro_logos2{padding:30px 615px 0 0;}

.book_thumb_new{display:inline-block; vertical-align:text-top; margin:0 10px 0 0;}
.book_thumb_new img{width:238px; height:363px;}

.book_thumb_new2{display:inline-block; vertical-align:text-top; margin:0 10px 0 0;}
.book_thumb_new2 img{width:200px;}
.book_thumb_new2 div.book_inbook img{width:150px;}

.book_thumb_new3{display:inline-block; vertical-align:text-top; margin:0 10px 0 0;}
.book_thumb_new3 img{width:250px;}

/* head */
.logo{padding:50px 0 0 0;}
.menu{padding:30px 0 0 0; width:100%;}
.menu_left{padding:40px 0 40px 0; width:1520px; margin:0 auto; text-align:left; position:relative;}
.menu_in_right{position:absolute; top:0px; right:47px;}
.menu_h1{display:inline-block; font-family: 'font'; font-size:18px; padding:0 20px 0 30px; height:22px; line-height:22px; color:#264f98;}
.menu_h1 a:link{ color:#264f98; text-decoration:none;}
.menu_h1 a:visited{ color:#264f98; text-decoration:none;}
.menu_h1 a:active{ color:#264f98; text-decoration:none;}
.menu_h1 a:hover{ color:#264f98; text-decoration:none;}
.logo_dila{padding:30px 0 0 0;}
.logo_apolia{padding:22px 0 0 0;}
.logo_north{padding:36px 0 0 0;}

.postponed{font-size:16px; color:#f76464; font-weight:bold; padding:2px 0 0 0;}


/* jump open */
.jump{position:absolute; top:63px; left:40px;}
.jump_open{position:absolute; top:0px; left:0px; background-color:#fff; width:300px; text-align:left; padding:30px 0 0 100px;}
.jump_close{position:absolute; top:63px; left:40px; cursor:pointer;}
.jump_unit{font-size:15px;  font-family: 'font'; cursor:pointer; padding:4px 0 4px 0; height:18px;}
.jump_small{font-size:12px; letter-spacing:0px;}
.jump_sub{font-size:12px; position:absolute; top:59px; left:200px; cursor:pointer; line-height:20px;}


/* foot */

.foot_h1{font-size:14px; font-family: 'DINMedium'; letter-spacing:-0.2px; color:#999;}
.foot_h2{font-size:13px; font-family: 'DINProLight'; letter-spacing:-0.2px; color:#CCC; padding:10px 0 0 0;}
.foot_h2 a:link{color:#999; text-decoration:none;}
.foot_h2 a:visited{color:#999; text-decoration:none;}
.foot_h2 a:active{color:#999; text-decoration:none;}
.foot_h2 a:hover{color:#999; text-decoration:none;}

/* main */
.main_wrap{text-align:center; padding:0 0 65px 0; width:1260px; margin:0 auto;}
.main_wrap_new{text-align:center; padding:0 0 65px 0; width:1470px; margin:0 auto;}
.main_left{ width:450px; display:inline-block; vertical-align:text-top; text-align:left;}
.main_middle{ width:450px; display:inline-block; vertical-align:text-top; text-align:left;}
.main_right{ width:316px; display:inline-block; vertical-align:text-top;}
.main_right_new{ width:410px; display:inline-block; vertical-align:text-top;}
.main_right_dila{width:550px; display:inline-block; vertical-align:text-top;}

.main_box_01{padding:65px 0 0 0; min-height:580px;}
.main_box_01_short{padding:65px 0 0 0; min-height:495px;}
.main_h1{font-size:18px; font-family: 'font'; color:#264f98; padding:0 0 20px 0;}/* color:#264f98; */
.main_h1_new{font-size:13px; font-family: 'font'; color:#264f98; padding:0 0 5px 0; letter-spacing:-1px;}/* color:#264f98; */
.main_h1_left{font-size:13px; font-family: 'font'; color:#264f98; padding:30px 0 10px 0; text-align:left;}

.main_unit{ padding:0 50px 0px 0; min-height:170px;}
.main_unit_h1{ font-size:14px; font-family: 'DINMedium'; color:#666; padding:0 0 5px 0; line-height:16px;}
.main_unit_h2{font-size:16px; font-family: 'font'; padding:0 0 5px 0; line-height:20px;}
.main_unit_h3{font-size:14px; font-family: 'DINMedium'; color:#999; padding:0 0 5px 0; line-height:16px;}

.main_unit_h1_n{ font-size:13px; font-family: 'NanumGothicWeb';color:#666; padding:0 0 5px 0;}
.main_unit_h2_n{font-size:15px; font-family: 'NanumGothicWebB'; padding:0 0 5px 0; line-height:20px}
.main_unit_h3_n{font-size:13px; font-family: 'NanumGothicWeb'; color:#999; padding:0 0 5px 0; line-height:20px;}

.coll_bold{color:#000;}


.main_btn{text-align:right; padding:10px 0 0 0;}
.main_unit_down{text-align:right; font-size:14px; font-family: 'DINMedium'; padding:5px 10px 8px 10px; background-color:#fff; display:inline-block; cursor:pointer; color:#264f98;}
.main_unit_down_n{text-align:right; font-size:13px; font-family: 'NanumGothicWebB'; padding:5px 10px 8px 10px; background-color:#fff; display:inline-block; cursor:pointer; color:#264f98;}
.main_unit_down:hover{background-color:#fff;}
.main_unit_down a:link{color:#264f98; text-decoration:none;}
.main_unit_down a:visited{color:#264f98; text-decoration:none;}
.main_unit_down a:active{color:#264f98; text-decoration:none;}
.main_unit_down a:hover{color:#264f98; text-decoration:none;}
.main_unit_down img{vertical-align:middle;}
.seemore{font-size:13px; font-family: 'DINMedium'; }
.seemore a:link{color:#999; text-decoration:none;}
.seemore a:active{color:#999; text-decoration:none;}
.seemore a:visited{color:#999; text-decoration:none;}
.seemore a:hover{color:#999; text-decoration:none;}
.unit_hi{min-height:100px;}
.press_gogo{position:absolute; top:-28px; right:0px;}


.main_box_02{padding:65px 0 0 0;}
.main_book{ margin:0 auto 30px; width:192px; height:292px; position:relative;}
.main_book div.on{background:url(../images/black80.png); width:192px; height:292px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:290px; cursor:pointer; display:none;}
.main_book:hover div.on{display:inline-block;}
.main_book div.on2{background:url(../images/black80.png); width:194px; height:275px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:275px; cursor:pointer; display:none;}
.main_book:hover div.on2{display:inline-block;}
.main_book div.on3{background:url(../images/black80.png); width:192px; height:205px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:205px; cursor:pointer; display:none;}
.main_book:hover div.on3{display:inline-block;}
.main_book div img{width:100%;}

.main_book_left{ margin:0 0 20px 0; width:192px; height:292px; position:relative;}
.main_book_left div.on{background:url(../images/black80.png); width:192px; height:292px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:290px; cursor:pointer; display:none;}
.main_book_left:hover div.on{display:inline-block;}
.main_book_left div.on2{background:url(../images/black80.png); width:194px; height:275px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:275px; cursor:pointer; display:none;}
.main_book_left:hover div.on2{display:inline-block;}
.main_book_left div.on3{background:url(../images/black80.png); width:192px; height:205px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:205px; cursor:pointer; display:none;}
.main_book_left:hover div.on3{display:inline-block;}
.main_book_left div img{width:100%;}

.brill_book div.on{background:url(../images/black80.png); width:170px; height:260px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:260px; cursor:pointer; display:none;}
.brill_book:hover div.on{display:inline-block;}


.main_box_02_new{padding:65px 0 0 0;}
.main_book_new{ width:180px; height:268px; position:relative; display:inline-block; margin:0 4px 0 4px;}
.main_book_new div img{width:100%;}
.main_book_new div.on{background:url(../images/black80.png); width:181px; height:255px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:255px; cursor:pointer; display:none;}
.main_book_new:hover div.on{display:inline-block;}

/* cont */
.subcont_wrap{width:1200px; margin:0 auto; position:relative; padding:63px 0 0 0;}
.subcont_box{padding:0 0 65px 295px; min-height:480px;}
.submenu_box{position:absolute; top:65px; left:20px;}
.subm_unit{ font-size:16px; font-family: 'font'; cursor:pointer; color:#9c9fa5; padding:0 0 20px 0; height:20px;}
.subm_unit.on{color:#264f98;}
.sub_h1{font-size:20px; font-family: 'font'; padding:0 0 15px 0; min-height:25px; line-height:22px;}
.sub_h2{font-size:15px; font-family: 'DINMedium'; line-height:22px; color:#333; text-align:justify;}
.sub_h2_new{font-size:15px; font-family: 'DINMedium'; line-height:22px; color:#333; text-align:justify; padding:0 0 30px 0;}
.member_h1{font-size:17px; font-family: 'font'; padding:40px 0 30px 0;}
.member_h2{font-size:17px; font-family: 'font'; padding:40px 0 10px 0;}
.sub_h3{font-size:14px; font-family: 'font'; padding:0 0 15px 0;}
.sub_h4{font-size:15px; font-family: 'font'; padding:0 0 15px 0;}


.subm_unit_in{padding:0 0 15px 0;}
.submsubm{font-size:14px; font-family: 'font'; color:#CCC; padding:0 0 5px 10px; cursor:pointer; height:22px;}
.submsubm.on{color:#666;}

/* member */
.gover_table{border-top:1px solid #666; width:100%;}
.gover_table th{font-size:14px; border-bottom:1px solid #CCC; font-family: 'font'; font-weight:normal; padding:10px 0 10px 0;}
.gover_table td{font-size:13px; vertical-align:text-top;  font-family: 'DINMedium'; border-bottom:1px solid #ddd; padding:10px 10px 10px 0; line-height:18px; text-align:left;}
.gover_table td:nth-child(1){font-family: 'font'; }
.gover_table td a:link{text-decoration:none; color:#333;}
.gover_table td a:visited{text-decoration:none; color:#333;}
.gover_table td a:active{text-decoration:none; color:#333;}
.gover_table td a:hover{text-decoration:none; color:#333;}
.gover_table td img{display:inline-block; vertical-align:text-top; padding:2px 7px 0 0;}

.winner_table{border-top:1px solid #666; width:100%;}
.winner_table td{border-bottom:1px solid #ddd; font-size:14px; padding:15px 0 15px 0; vertical-align:text-top; line-height:19px;}
.winner_table td.winner_t{font-family: 'font'; font-size:14px; width:170px; vertical-align:text-top;}

.in_email{ vertical-align:text-top; display:inline-block;}
.in_email img{ padding:0px 4px 2px 0; display:inline-block; vertical-align:middle;}
.in_email a:link{text-decoration:none; color:#333;}
.in_email a:visited{text-decoration:none; color:#333;}
.in_email a:active{text-decoration:none; color:#333;}
.in_email a:hover{text-decoration:none; color:#333;}

.boldt{font-family: 'font';}


/* member */
.member_unit{padding:0 0 65px 0; position:relative;}
.ceo_h4{padding:0 0 0 400px; font-family: 'DINMedium'; color:#333; font-size:15px; line-height:24px; text-align:justify;}
.ceo_info{position:absolute; top:8px; left:0px;}
.ceo_h1{font-size:13px; font-family: 'DINMedium'; padding:15px 0 0 0; color:#666;}
.ceo_h2{font-size:15px; font-family: 'DINMedium'; padding:5px 0 0 0; color:#666;}
.ceo_h3{font-size:13px; font-family: 'DINMedium'; padding:8px 0 0 0; color:#666; line-height:20px;}
.ceo_h3 a:link{color:#999;}

.member_unit2{padding:0 0 65px 0; position:relative; display:inline-block; height:320px; width:214px;}

.regul_h1{font-size:15px; font-family: 'DINMedium';}
.regul_btn{padding:10px 10px 0 0; display:inline-block; vertical-align:text-top;}
.btn_down{cursor:pointer; font-family: 'DINMedium'; font-size:14px; display:inline-block; background-color:#f5f5f5; color:#264f98; padding:8px 15px 10px 15px; margin:0 0 5px 0;}
.btn_down:hover{background-color:#eee;}


.conf_unit{position:relative; border-bottom:1px solid #ddd; padding:40px 0 20px 0; min-height:130px;}
.conf_info2{padding:0 0 0 250px;}
.conf_thumb{position:absolute; top:30px; left:0px;}
.conf_thumb img{width:180px;}

.conf_thumb_a{position:absolute; top:30px; left:0px;}
.conf_thumb_a img{width:160px;}

.upcoming{font-family: 'font'; display:inline-block; margin:0 0 0 5px; height:26px; width:92px; height:26px; background:url(../images/upcoming.png); vertical-align:middle;}

/* .upcoming{font-family: 'font'; font-style:italic; display:inline-block; color:#fff; padding:0px 12px 0px 10px; background-color:#e72b39; webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border-radius: 80px; margin:0 0 0 5px; height:26px; line-height:26px;} */


/* book */
.book_box{ position:relative; padding:0 0 50px 0;}
.book_cont{padding:0 0 0 290px; min-height:400px;}
.book_thumb{position:absolute; top:0px; left:0px;}
.book_thumb div.on{background:url(../images/black80.png); width:238px; height:360px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:360px; cursor:pointer; display:none; text-align:center;}
.book_thumb:hover div.on{display:inline-block;}
.book_thumb img{width:238px;}

.book_thumb2{position:absolute; top:0px; left:0px;}
.book_thumb2 div.on{background:url(../images/black80.png); width:238px; height:254px; position:absolute; top:0px; left:0px; font-size:13px; font-family: 'DINMedium'; color:#fff; line-height:254px; cursor:pointer; display:none; text-align:center;}
.book_thumb2:hover div.on{display:inline-block;}
.book_thumb2 img{width:238px;}


.book_h1{font-size:20px; font-family: 'font'; padding:0 0 30px 0; line-height:22px;}
.book_h1_new{font-size:20px; font-family: 'font'; padding:0 0 0px 0;}
.book_h2{font-size:16px; font-family: 'font'; padding:0 0 10px 0; border-bottom:2px solid #000;}
.book_letter{padding:15px 0 8px 0; border-bottom:1px solid #ddd; margin:0 0 30px 0;}
.book_subttt{font-family: 'DINMedium'; font-size:15px; padding:10px 0 30px 0;}

.book_info_table{width:100%;}
.book_info_table td{font-size:14px;  font-family: 'DINMedium'; padding:0 0 5px 0;}
.book_info_table td.title{font-family: 'DINMedium';}
.book_info_table td.univ{font-family: 'DINMedium'; color:#999; }

.book_left{}
.book_right{}
.book_in_h1{font-size:14px; font-family: 'DINMedium'; padding:0 0 5px 0; vertical-align:text-top;}
.book_in_h2{font-size:14px; font-family: 'DINMedium'; padding:0 0 10px 0; color:#999; vertical-align:text-top;}
.book_h3{font-size:16px; font-family: 'DINMedium'; padding:0 0 20px 0; text-align:justify;}
.book_h4{font-size:14px; font-family: 'DINMedium'; line-height:23px;}
.book_h4 span{font-family: 'font'; padding:0 10px 0 0;}

.book_letter_table{ width:100%;}
.book_letter_table th{width:35%; text-align:left; padding:0 20px 0 0; vertical-align:text-top; font-weight:normal;}
.book_letter_table td{vertical-align:text-top;}


/* gallery */
.gallery_unit{width:295px; display:inline-block; vertical-align:text-top; text-align:center; margin:0 6px 0 0; padding:0 0 40px 0; cursor:pointer;}
.gallery_unit:nth-child(3){margin:0 -5px 0 0;}
.gallery_unit:nth-child(6){margin:0 -5px 0 0;}
.gallery_unit:nth-child(9){margin:0 -5px 0 0;}
.gallery_unit:nth-child(12){margin:0 -5px 0 0;}
.gallery_h1{font-size:14px; font-family: 'DINMedium'; padding:10px 10px 0 10px; }
.gall_view_unit{padding:0 0 5px 0;}
.gall_view_unit img{width:100%;}
.gallery_view_h1{font-size:18px; font-family: 'font'; padding:0 0 30px 0;}
.gall_btn{ text-align:right; padding:20px 0 0 0;}
.btn_list{font-size:18px; font-family: 'DINMedium'; display:inline-block; background-color:#f5f5f5; border:1px solid #CCC; line-height:50px; height:50px; width:150px; text-align:center; cursor:pointer;}

.main_pub_h1{text-align:left; padding:0 0 10px 62px; font-family: 'font'; font-size:15px;}
.main_pub_h1 a:link{ color:#333; text-decoration:none;}
.main_pub_h1 a:visited{ color:#333; text-decoration:none;}
.main_pub_h1 a:active{ color:#333; text-decoration:none;}
.main_pub_h1 a:hover{ color:#333; text-decoration:none;}

.book_thumb_bottom{position:absolute; top:380px; width:238px;}


.all_wrap{width:1260px;}
.head_box{border-bottom:7px solid #264f98; height:165px; text-align:center; width:1260px;}
.head_box_new{border-bottom:7px solid #264f98; height:200px; text-align:center; width:1260px;}
.foot{background-color:#f5f5f5; text-align:center; padding:40px 0 40px 0; width:1260px; position:relative;}

/* new */
.new_icon{font-size:16px; font-weight:bold; color:#fbb101; display:inline-block; vertical-align:text-top;; padding:2px 0 0 5px;}

.intro_global{position:absolute; bottom:40px; right:60px;}
.intro_global a:link{color:#656462; font-weight:bold; text-decoration:none;}
.intro_global a:visited{color:#656462; font-weight:bold; text-decoration:none;}
.intro_global a:active{color:#656462; font-weight:bold; text-decoration:none;}
.intro_global a:hover{color:#656462; font-weight:bold; text-decoration:none;}

.new_book_down{font-size:14px; cursor:pointer;}

.new_book_line{display:inline-block; vertical-align:text-top; padding:0 0 30px 0; margin:0 10px 0 0;}
.new_book_thumb{width:250px; height:353px; border:1px solid #ddd;}
.new_book_thumb img{width:100%; }
.new_book_title{width:250px; text-align:center; font-size:14px; padding:15px 0 0 0;}




/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

.all_wrap{width:100%;}
.head_box{border-bottom:7px solid #264f98; height:165px; text-align:center; width:100%;}
.head_box_new{border-bottom:7px solid #264f98; height:200px; text-align:center; width:100%;}
.foot{background-color:#f5f5f5; text-align:center; padding:40px 0 40px 0; width:100%;}

}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/

.all_wrap{width:1260px;}
.head_box{border-bottom:7px solid #264f98; height:165px; text-align:center; width:1260px;}
.head_box_new{border-bottom:7px solid #264f98; height:200px; text-align:center; width:1260px;}
.foot{background-color:#f5f5f5; text-align:center; padding:40px 0 40px 0; width:1260px;}

}
/* Desktop Device */
@media all and (min-width:1025px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/


}