@charset "utf-8";

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 공통 - UI 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#skip_navi {display:none;}
body {background-color:#fff;}

#wrapper {}
.header {height:70px; min-width:320px; background-color:#fff; position:relative; /*background-color:#fff;*/ /*position:fixed; top:0; left:0; width:100%; z-index:101;*/
      /*-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.20);*/
}
h1.logo {float:left;}
h1.logo img {}
.base_width {margin:0 auto; width:1135px; position:relative;}

/* 데스크탑 */
@media all and (max-width:1100px){
      .base_width {width:auto;}
      .header {padding:0 10px; box-sizing:border-box;}
}

/* 태블릿 */
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
}

/* 모바일 */
@media all and (max-width:414px){
      .header {line-height:70px;}
      h1.logo img {height:60px;}
}


/* 대메뉴 */
.gnbarea {float:right; height:70px;}
.gnbarea ul.gnb {}
.gnbarea ul.gnb>li {float:left; position:relative;}
.gnbarea ul.gnb>li a.title,.gnbarea ul.gnb>li a.title_nosub {display:block; padding:0 25px; height:70px; line-height:70px; color:#333; font-size:18px;}
.gnbarea ul.gnb>li:hover a.title,.gnbarea ul.gnb>li:hover a.title_nosub {color:#990000;} 
ul.gnb>li a.title.active {}

.gnbarea ul.gnb>li .submenu {padding:10px 5px; width:155px; border:solid 1px #ccc; background-color:#fff; position:absolute; top:60px; left:-30px; z-index:10;
      -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
      -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);
      box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.40);}
}
.gnbarea ul.gnb>li .submenu ul {}
.gnbarea ul.gnb>li .submenu ul li {padding:10px 5px; line-height:20px; border-bottom:solid 1px #eee;}
.gnbarea ul.gnb>li .submenu ul li:last-child {border-bottom:none;}
.gnbarea ul.gnb>li .submenu ul li a {display:block;}
.gnbarea ul.gnb>li .submenu ul li a:hover {color:#990000;}

@media all and (max-width:1200px){
      .gnbarea ul.gnb>li a.title {padding:0 15px;}
}

/* 테스크탑 */
@media all and (max-width:768px){
      .gnbarea {display:none;}
}

a.btn_sidemenu {display:none;}

/* 테스크탑 */
@media all and (max-width:768px){
      a.btn_sidemenu {display:inline-block; width:22px; height:30px; line-height:0; text-align:center; position:absolute; top:25px; right:8px;}
      a.btn_sidemenu span {display:inline-block; margin:3px 0;  width:100%; height:1px; background-color:#333;}

      a.btn_sidemenu.active {width:40px; height:40px; top:15px; right:0;}
      a.btn_sidemenu.active span {width:55px; margin:0;}
      a.btn_sidemenu.active span:nth-child(1) {transform:rotate(45deg); position:relative; top:16px; left:-7px;}
      a.btn_sidemenu.active span:nth-child(2) {transform:rotate(-45deg); position:relative; top:12px; left:-7px;}
      a.btn_sidemenu.active span:nth-child(3) {display: none;}
}

.gnbarea_mobile {position:absolute; top:70px; right:-300px; width:100%; height:100vh; height:calc(100% - 70px); background-color:#fff; z-index:300;}
.gnbarea_mobile .outline {padding-bottom:70px; height:100vh; height:100%; overflow-y:auto; box-sizing:border-box;}

.btn_sidemenu_close {display:inline-block; font-size:0; text-indent:-1000px; width:50px; height:50px; background:url('../images/ctl/icon_sidemenu_close.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-25px;}

ul.gnb_mobile {margin:0 10px; border-top:solid 2px #72091e;}
ul.gnb_mobile>li {border-bottom:solid 1px #ddd; }
ul.gnb_mobile>li a.title, ul.gnb_mobile>li a.title_nosub {display:block; padding:10px 15px; color:#333; font-size:16px; position:relative;}
ul.gnb_mobile>li a.title.active {background-color:#fff; color:#72091e; font-weight:600;}
ul.gnb_mobile>li a.title span.cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert.png') no-repeat center; position:absolute; top:16px; right:15px;}
ul.gnb_mobile>li a.title.active span.cert {display:inline-block; width:10px; height:10px; background:url('../images/icon/icon_cert_active.png') no-repeat center;}
ul.gnb_mobile>li .submenu {opacity:0; padding:0 10px 10px; background-color:#fff;}
ul.gnb_mobile>li .submenu>ul {}
ul.gnb_mobile>li .submenu>ul>li>a {display:block; padding:0 20px; height:35px; line-height:40px; color:#333; border-top:solid 1px #fff; background:url('../images/icon/icon_nav_bar.png') no-repeat 15px center;}
ul.gnb_mobile>li .submenu>ul>li.first>a {border-top:none;}
ul.gnb_mobile>li .submenu>ul>li>a:hover {background-color:#f2f2f2;}


.modal_screen_sidemenu {width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:70px; left:0; z-index:150;}
.gnbarea_mobile .bottom_func {width:100%; height:50px; text-align:center; border-top:solid 1px #e2e2e2; background-color:#f5f5f5; position:absolute; bottom:0; left:0;}
.gnbarea_mobile .bottom_func span {display:block; padding-top:15px; font-size:12px; color:#999;}

/* 테스크탑 */
@media all and (max-width:1024px){
 
}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){   
 
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 main_cont
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_slide .slide_outline {display:table; width:100%; height:800px; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}
.main_slide .slide_inline {display:block; width:430px; text-align:center; vertical-align:middle; background-color:rgba(149, 4, 4, 0.4); position:absolute; bottom:50px; right:0;}
.main_slide .slide_inline span.title_kor {display:block; margin-bottom:10px; padding:15px; font-size:26px; color:#fff; line-height:1; background-color:rgba(133, 0, 0, 0.4); position:relative;}
.main_slide .slide_inline span.title_kor:after {display:inline-block; clear:both; content:''; width:120px; height:2px; background-color:#8b0821; position:absolute; bottom:0; left:50%; margin-left:-60px;}
.main_slide .slide_inline span.title_eng {display:block; font-size:35px; color:#fff; line-height:1; font-family:IropkeBatangM,AppleGothic,serif;}
.main_slide .slide_inline span.lead_txt {display:block; padding:0 0 20px; font-size:12px; color:#fff; line-height:1.2; opacity:0.8;}

.main_slide .slide_inline:hover span.title_kor:after {background-color:#ff0000;}

/* 테스크탑 */
@media all and (max-width:1024px){
       
}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){   
      .main_slide .slide_inline {width:400px; position:absolute; bottom:30px; right:0;}
      .main_slide .slide_inline span.title_kor {font-size:30px;}
      .main_slide .slide_inline span.title_eng {font-size:50px;}
      .main_slide .slide_inline span.lead_txt {font-size:13px;} 
}

@media all and (max-width:414px){
      .main_slide .slide_outline {height:500px;}
      .main_slide .slide_inline {width:95%; position:absolute; bottom:10px; right:0;}
      .main_slide .slide_inline span.title_kor {padding:10px; font-size:20px;}
      .main_slide .slide_inline span.title_eng {font-size:30px;}
      .main_slide .slide_inline span.lead_txt {font-size:12px;} 
      .main_slide .slide_inline span.lead_txt {padding:0 20px 20px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 Footer
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {background-color:#fff;}
#sub_footer {}
.footer_content {padding:20px 10px 30px; position:relative;}

.familylink {position:absolute; right:0;}
.familylink a.btn_family {display:inline-block; padding:0 15px; height:26px; line-height:26px; color:#ccc; font-size:14px; background-color:#333; 
            -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.familylink a.btn_family span.cert {display:inline-block; margin-left:65px; vertical-align:middle; width:10px; height:10px; opacity:0.5; background:url('../images/common/icon_arrow_bottom_white.png') no-repeat center center;}
.familylink a.btn_family:hover {background-color:#222;}

.familylink .familylink_outline {position:relative;}
.familylink .site_list {width:100%; position:absolute; bottom:30px; right:0; background-color:#fff; border:solid 1px #ddd;
      -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.familylink .site_list ul {padding:10px}
.familylink .site_list ul li {border-bottom:solid 1px #ddd;}
.familylink .site_list ul li a {display:block; padding:0 5px; line-height:26px;}
.familylink .site_list ul li a:hover {color:#990000;}

.footer_content .footer_copy {text-align:center; color:#666666;}
.footer_content .footer_copy .copyright {}

.footer_content a.go_page_top {display:inline-block; width:40px; height:55px; line-height:55px; text-align:center; background-color:#24272d; position:absolute; top:0; right:0;
      -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.footer_content a.go_page_top img {width:20px;}
.footer_content a.go_page_top:hover {background-color:#222;}

/* 데스크탑 */
@media all and (max-width:1200px){
       
}
/* 테블릿 */
@media all and (max-width:768px){

}
/* 테블릿 */
@media all and (max-width:480px){
      .familylink {margin-bottom:10px; position:relative; right:initial; text-align:center;}      
      .footer_content .footer_copy .copyright { font-size:12px;}
}