@charset "utf-8";
@import url('plugin.css');

body{height:100%;}
#wrap{position:relative;width:100%; height:100%; /* overflow:hidden */ display:inline-block;}
#header{position:fixed; width:100%; height:54px; background-color:#fff; z-index:100}
#container{position:relative; margin-top:54px}
#footer{position:relative; margin-top:26px}
#contents{position:relative}
.site_grid{position:relative; padding:0 15px}

/*HEADER*/
#header h1{position:absolute; top:14px; left:50%; margin-left:-130px}
#header h1 img{width:254px; height:24px}
#header .btn_nav{float:left; margin-top:20px; margin-left:15px}
#header .btn_nav img{width:21px; height:15px}
#header .btn_search{position:relative; float:right; width:33px; height:48px; background:url('/images/en/common/ico_glass1.png') no-repeat left 16px; background-size:18px 18px; cursor:pointer; z-index:10}
#header .btn_search.open{background:#fff url('/images/en/common/ico_x3.png') no-repeat left 18px; background-size:15px 15px}
#header .searchbar{visibility:hidden; position:absolute; top:54px; left:0; width:100%; height:0; background-color:#34394c; opacity:0; overflow:hidden; transition:.1s; z-index:15;}
#header .searchbar.open{visibility:visible; height:57px; opacity:1}
#header .searchbar .searchbar1{margin-top:3px}
#header .lang_eng{position:absolute; top:17px; right:15px}
#header .lang_eng a{font-family: 'Roboto Condensed', sans-serif; font-size:14px; font-weight:bold; color:#c39965}

/*NAVIGATION*/
#gnb{position:fixed; color:#fff; background-color:#222; overflow-y: auto; -ms-overflow-style: none}  /*gnb scroll custom*/
#gnb::-webkit-scrollbar{width: 0px; background:transparent}
#gnb .top_gnb{height:58px; padding-top:15px; box-sizing:border-box}
#gnb .top_gnb h1{float:left}
#gnb .top_gnb img{width:254px; height:24px}
#gnb .top_gnb .btn_close{float:right; margin-top:5px}
#gnb .top_gnb .btn_close button{width:17px; height:17px; background:url('/images/en/common/ico_x1.png') no-repeat 0 0; background-size:17px 17px}
#gnb .tab{overflow:hidden}
#gnb .tab button{float:left; width:50%; height:55px; border:1px solid #393939; font-size:17px; font-family:'NanumSquareB'; font-weight:bold; color:rgba(255,255,255,0.2); text-align:center; background:#222; transition:0.2s; box-sizing:border-box}
#gnb .tab button:first-child{border-right:none}
#gnb .tab button.active{border-top:1px solid #fff; border-bottom:1px solid #222; color:rgba(255,255,255,1)}
#gnb .tabcontent{display:none; margin-bottom:28px;}
#gnb .select_lang{text-align:center; margin-bottom:28px}
#gnb .select_lang a{display:inline-block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:bold; color:rgba(255,255,255,0.2);}
#gnb .select_lang a.active{color:#c39965}
#gnb .select_lang span{display:inline-block; color:#393939; margin:0 9px}

#main_menu{margin-top:3px}
#main_menu > li{font-family:'NanumSquareB'; font-size:17px; font-weight:bold; color:#fff; letter-spacing:-0.7px; background:#222}
#main_menu > li a{display:block}
#main_menu > li > ul > li,
#main_menu > li > ul > li > a{font-family:'NanumSquareR'; font-size:15px; font-weight:normal; color:rgba(255,255,255,.5);}
#main_menu > li > ul > li{border-color:#484e5e; background-color:#34394c}
#main_menu > li > ul > li > button{border-color:#484e5e}
#main_menu > li > ul > li > ul > li > a{font-size:15px; color:#222; padding-left:16px; background:url('/images/en/common/list-style1.png') no-repeat 2px 3px; background-size:8px 8px; box-sizing:border-box}
#main_menu > li > ul > li > ul > li{background-color:#fff; border-color:#e6e6e6}

#gnb .digital_content{padding:28px 15px 10px}
#gnb .digital_content li{float:left; width:50%; padding-left:9px; padding-right:9px; margin-bottom:19px; box-sizing:border-box}
#gnb .digital_content li:nth-child(odd){padding-left:0}
#gnb .digital_content li:nth-child(even){padding-right:0}
#gnb .digital_content li:nth-last-child(1),
#gnb .digital_content li:nth-last-child(2){margin-bottom:0}
#gnb .digital_content li img{width:100%; border-radius:5px}
#gnb .digital_content li .tit_site{margin-top:8px; font-size:14px; color:rgba(255,255,255,.87); text-align:center}

/*FOOTER*/
#footer .footer_menu li{float:left; width:50%; text-align:center; background-color:#eeede9; box-sizing:border-box}
#footer .footer_menu li:nth-child(odd){border-right:1px solid #fff}
#footer .footer_menu li:nth-child(1),
#footer .footer_menu li:nth-child(2){border-bottom:1px solid #fff}
#footer .footer_menu li a{display:block; font-size:13px; color:#666; line-height:50px; letter-spacing:-0.5px}
#footer .familysite{float:left; width:50%; background:#323338; box-sizing:border-box}
#footer .familysite:first-child{border-right:1px solid #4f5055}
#footer .familysite select{width:100%;}
#footer .footer{padding:25px 0 46px; text-align:center; background:#40404a}
#footer .footer address,
#footer .footer address a{font-size:13px; color:#b0b5bb; line-height:22px; letter-spacing:-0.8px}
#footer .footer .sns_set{margin-top:24px}
#footer .footer .sns_set a{display:inline-block; margin:0 8px}
#footer .footer .sns_set .sns_fb{width:23px;}
#footer .footer .sns_set .sns_blog{width:25px;}
#footer .footer p{margin-top:12px; font-size:11px; color:#8b8b8d}