@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; }
img { vertical-align: top; }

/* common */
html, body { height:100%; }
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1200px; margin:0 auto; position: relative; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.dn { display:none !important; }
.arr:after { content:""; width:10px; height:10px; display:inline-block; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); margin-left:4px; }

/* header & footer */
#n_header { height: 90px; background: #191919; position: fixed; left:0; top:0; width: 100%; z-index:99; }
#n_header h1 { margin-left:100px; padding-top:19px; }
#n_header #snb { position: absolute; right:180px; top:21px; }
#n_header #snb li { margin-left: 6px; float:left; }
#n_header #snb li:last-child { margin-left:45px; }
#n_header #snb li a:link, #n_header #snb li a:visited { box-sizing: border-box; width: 100px; height: 48px; color:#fff; font:22px ntbl; transition:0.3s;  }
/* #n_header #snb li a:hover, #n_header #snb li a:active, #n_header #snb li a:focus { background: #ac7305; border-color:#ac7305; } */
#n_header #snb li:last-child a { font-size:18px; line-height:1.1; }
.blank { height: 90px; }

#nav_btn { position:fixed; right:100px; top:26px; z-index:9999; }
#nav_btn .line{  width: 30px; height: 3px; background-color: #fff; display: block; margin: 7px auto; transition: all 0.3s ease-in-out;}
#nav_btn:hover{ cursor: pointer;}
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);}   

#n_box { position: fixed; left:0; top:-100%; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index:999; transition:0.5s; box-sizing: border-box; }
#n_box.on { top:0; }
#n_gnb { width:80%; }
#n_gnb h2 { font:28px ntbl; padding-top:20px; }
#n_gnb a { color:inherit; }
#n_gnb > li { float:left; width: 30%; color:#fff; border-right:1px solid rgba(255,255,255,0.2); height:400px; text-align: center; }
#n_gnb > li:nth-child(2) { width: 40%; }
#n_gnb > li:last-child { border-right:none; }
#n_gnb ul li { font:18px ntr; margin-top: 30px; color:#ddd; }

#n_footer { background: #191919; padding-top:15px; height: 119px; box-sizing: border-box; }
#n_footer img { margin-left: 100px; float:left; }
#n_footer address { font:normal 14px/1.6 nsb; color:#f4f4f4; margin-left: 60px; float:left; padding-top: 3px; }
#n_footer address span { margin:0 14px; }
#n_footer address p { margin-top: 5px;  }

.family_site {position:absolute; right:100px;}
.family_site .site_link {position:relative; float:left; width:198px; margin-left:2px;}
.family_site .site_link .selectBtn {display:block; width:100%; height:auto; padding:0 13px; background:url('/korea/images/family_site_more.png') no-repeat 93% center; border:1px solid #afafaf; font-size:14px; line-height:43px; color:#e0e0e0; text-align:left; font-family:inherit; font-weight:400; transition:all .3s;}
.family_site .site_link.open .selectBtn {border-color:#353c47; background-color:#353c47; background-image:url('/korea/images/family_site_more_on.png'); color:#fff;}
.family_site .sitea {display:none; position:absolute; left:0; bottom:45px; width:100%; padding:15px 10px 12px 13px; border:1px solid #353c47; background-color:#fff; box-sizing:border-box;}
.family_site .sitea.open { display: block; }
.family_site .sitea ul {overflow-y:auto; overflow-x:hidden; position:relative; max-height:360px;}
.family_site .sitea li {position:relative; padding-left:12px; margin-top:5px;}
.family_site .sitea li:first-child {margin-top:0;}
.family_site .sitea li:before {display:block; position:absolute; left:0; top:11px; width:6px; height:1px; background-color:#797979; content:'';}
.family_site .sitea a {color:#555; font-weight:400;}


/* main */
.swiper-container { width: 100%; height: 550px; }
.swiper-container .swiper-wrapper { height:100%; }
.swiper-slide { background-position: center; background-size: cover; height:100%; }
.swiper-container p.fl { font:23px/1.3 nser; color:#fff; position: absolute; left:0; top:-75px; width:100%; height:100%; z-index:1; text-align: center; text-shadow: 2px 2px 3px #0000001f; }
.swiper-container p.fl2 { font:23px/1.3 nser; color:#fff; position: absolute; left:0; top:305px; width:100%; height:100%; z-index:1; text-align: center; text-shadow:2px 2px 3px #0000001f; }
.swiper-container p.bold { font:45px/1.4 nseb; color:#fff; position: absolute; left:0; top:-10px; width:100%; height:100%; z-index:1; text-align: center; text-shadow: 2px 2px 3px #00000024; }


#main { height:210px; background: #191919; }
#main a { float:left; width:33.3333%; height:100%; position: relative; overflow:hidden;  }
#main a:before { content:""; position: absolute; left:0; top:0; width:100%; height:100%; transition:0.3s; }
#main a:nth-child(1):before { background: url(/korea/images/main1.jpg) no-repeat center/cover; }
#main a:nth-child(2):before { background: url(/korea/images/main2.jpg) no-repeat center/cover; }
#main a:nth-child(3):before { background: url(/korea/images/main3.jpg) no-repeat center/cover; }
#main a:hover:before { transform:scale(1.1); }
#main a dl { position: absolute; bottom:-20px; left:0; width: 100%; color:#fff; text-align: center; }
#main a dl dt { text-transform: uppercase; font:16px ntbl; }
#main a dl dd { height: 250px; font:20px/1.3 nseb; text-shadow: 2px 2px 3px #00000024; }
#lang { position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); flex-direction: column; color:#fff; z-index:99999; text-align: center; }
#lang h2 { font:16px/60px ntb; border-bottom:1px solid rgba(255,255,255,0.2); width:560px; }
#lang ul { width:560px; }
#lang ul li { border-bottom:1px solid rgba(255,255,255,0.2); }
#lang ul li a { color:inherit; font:600 35px/80px 'Noto Sans KR'; }

/* sub layout */
.lnb { height:50px; border-bottom:1px solid #eee; }
.lnb ul li { float:left; width: 33.3333%; }
.lnb ul li a { font:16px/50px ntb; color:#333; display: block; height:50px; text-align: center; }
.lnb ul li.select a { border-bottom:2px solid #d69519; color:#d69519; }

strong.title { font:12px ntd; color:#d69519; text-transform: uppercase; }
.both .title { display: block; margin-bottom: 10px; }

/*sub1_1*/
#sub1_1 { padding:100px 0 200px; }

/* sub1_2 */
#sub1_2 { padding:100px 0 200px; }
#sub1_2 #local li { float:left; font:22px ntr; color:#999; }
#sub1_2 #local li:after { content:"|"; margin:0 20px; font-size:16px; position: relative; top:-4px; } 
#sub1_2 #local li a { color:inherit; }
#sub1_2 #local li:last-child:after { display: none; }
#sub1_2 #local li.select a { color:#d69519; font-family: ntb; }
#sub1_2 #cate { margin-top: 20px; margin-bottom: 40px; }
#sub1_2 #cate li { float:left; font:18px ntr; color:#999; }
#sub1_2 #cate li:after { content:"|"; margin:0 10px; font-size:14px; position: relative; top:-2px; }
#sub1_2 #cate li a { color:inherit; }
#sub1_2 #cate li:last-child:after { display: none; }
#sub1_2 #cate li.select a { color:#333; font-family: ntb; }
#sub1_2 #bo_cate { display: none; }


/* sub1_3 */
#sub1_3 { padding:100px 0 0; }
#sub1_3 .cont1 #w_info li { float:left; width:50%; border-top:2px solid #333; }
#sub1_3 .cont1 #w_info li > p { font:16px/46px ntm; color:#333; background: #f4f4f4; border-bottom:1px solid #ddd; text-align: center; }
#sub1_3 .cont1 #w_info li div { height: 200px; border-bottom:1px solid #ddd; font:16px/1.8 ntr; }
#sub1_3 .cont1 #w_info li:first-child div span:last-child { margin-left: 80px; }
#sub1_3 .cont1 #w_info li:last-child div span:last-child { margin-left: 40px; position: relative; top:-4px }
#sub1_3 .cont1 #w_info li:first-child { border-right:1px solid #ddd; box-sizing: border-box;}
#sub1_3 .cont2 { margin-top: 50px; }
#sub1_3 .cont2 .title + h2 { font:18px ntb; color:#333; }


/* sub2_1 */
#sub2_1 { background:#f2f2f2 url(../images/bg_sub2_1.jpg) no-repeat center bottom; }
#sub2_1 .wrap { padding:100px 0 200px; }
#sub2_1 h2 { margin-top: 20px; font:28px/1.4 ntb; color:#333; }
#sub2_1 p { margin-top: 50px; font:16px/1.6 ntd; color:#666; }
#sub2_1 .cl { margin-top: 40px; }
#sub2_1 .cl span { font:16px/1.6 ntb; color:#333; float:left; position: relative; top:6px; margin-right: 50px; }
#sub2_1 .cl img { float:left;  }
#sub2_1.sub2_1_1 { background: #f1f1f1;}
#sub2_1.sub2_1_1 .doc { position: absolute; right:0; bottom:0; }
#sub2_1.sub2_1_1 span { font:16px/1.6 ntb; color:#333; display: block; margin-top: 40px; }


/* sub2_2 */
#sub2_2 { padding:100px 0 200px; }
#sub2_2 .left { border-top:1px solid #d69519; width:175px; float:left; }
#sub2_2 .left h2 { font:18px /1.8 ntb; color:#333; padding-top: 10px;  }
#sub2_2 .right { border-top:1px solid #d69519; width: 1006px; float:right; padding-top: 20px; }
#sub2_2 .cont1 .right article { margin-bottom: 60px; }
#sub2_2 .cont1 .right img { float:left; width:210px; }
#sub2_2 .cont1 .right dl { float:left; margin-left: 40px; }
#sub2_2 .cont1 .right dl dt { font:16px ntm; color:#333; margin-bottom: 20px; }
#sub2_2 .cont1 .right dl dd { font:16px/1.6 ntd; color:#666; }
#sub2_2 .cont2 { margin-top: 100px; }
#sub2_2 .cont2 .right { position: relative; }
#sub2_2 .cont2 .right .his ul li { float:left; width: 190px; margin-right: 14px; cursor: pointer; margin-bottom:20px; }
#sub2_2 .cont2 .right .his ul li:nth-of-type(5n) { margin-right: 0; }
#sub2_2 .cont2 .right .his ul li p { font:16px ntm; color:#333; margin-top: 10px; text-align: center; }
#sub2_2 .cont2 .right article { position: absolute; left:0; top:20px; width: 100%; height: 100%; color:#fff; background: rgba(0,0,0,0.7); flex-direction: column; text-align: center; display: none; }
#sub2_2 .cont2 .right article.on { display:flex; }
#sub2_2 .cont2 .right article h3 { font:16px ntb; margin-bottom: 20px; }
#sub2_2 .cont2 .right article p { font:16px/1.8 ntd; }
#sub2_2 .cont2 .right article .close { position: absolute; right:16px; top:16px; }


/* sub2_3 */
#sub2_3 { padding:100px 0 200px; }
#sub2_3 .mapcate { margin-bottom: 40px; }
#sub2_3 .mapcate li { float:left; width:25%; }
#sub2_3 .mapcate li a { display: block; height: 58px; color:#333; font:16px/58px ntb; text-align: center; background: #f6f6f6; border:1px solid #ddd; border-right:none; border-top:none; }
#sub2_3 .mapcate li:nth-child(4n) a { border-right:1px solid #ddd; }
#sub2_3 .mapcate li:nth-child(11) a { border-right:1px solid #ddd; }
#sub2_3 .mapcate li:nth-child(1), #sub2_3 .mapcate li:nth-child(2), #sub2_3 .mapcate li:nth-child(3), #sub2_3 .mapcate li:nth-child(4) { border-top:1px solid #ddd; } 
#sub2_3 .mapcate li.select a { background: #333; color:#fff; border-color:#333; }
#sub2_3 div { display: none; }
#sub2_3 div.on { display: block; }
#sub2_3 div iframe { width: 100%; height: 600px; margin-bottom: 20px; }
#sub2_3 article h3  { font:18px /1.8 ntb; color:#333; padding-top: 10px; border-top:1px solid #d69519; width:220px; float:left; }
#sub2_3 article ul { border-top:1px solid #d69519; width: 960px; float:right; padding-top: 10px; }
#sub2_3 article ul li { position: relative; padding-left:90px; font:16px ntd; color:#666; margin-bottom: 8px; }
#sub2_3 article ul li span { position: absolute; left: 0; font-family: ntb; }

/* sub3_1 */
.lnb.sm3 li { width:50%; }
#sub3_1 { padding:100px 0 200px; }
#sub3_1 .cont1 h2 { font:16px/1.6 ntr; color:#333;  margin-bottom: 40px; }
#sub3_1 .cont1 h2:before { content:""; display: block; width:28px; border-top:3px solid #d69519; margin-bottom: 4px; }