@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:160px; top:21px; }
#n_header #snb li { margin-left: 6px; float:left; }
#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: 20px; 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:25%; 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(/nimg/main1.jpg) no-repeat center/cover; }
#main a:nth-child(2):before { background: url(/nimg/main2.jpg) no-repeat center/cover; }
#main a:nth-child(3):before { background: url(/nimg/main3.jpg) no-repeat center/cover; }
#main a:nth-child(4):before { background: url(/nimg/main4.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; }
#main a:nth-of-type(2) dl dd { text-transform:uppercase; } 
#main a.flag ul { position: absolute; left:0; top:30px; width:100%; height:380px; font:15px ntm; color:#fff; display:flex; align-items: center; justify-content: space-around; flex-wrap: wrap; text-align: center; transform: scale(0); transition: 0.5s; opacity: 0; }
#main a.flag:hover ul { transform: scale(1); opacity: 1; padding-top:10px; padding-bottom:10px; height:100%; top:0; background: #000000a6; }
#main a.flag ul li { width:28%; }
#main a.flag ul li p { margin-bottom: 3px; letter-spacing:-0.5px; }
#main a.flag ul li img { width:80%; }
#main a.flag ul:after { display: none; }
#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: 50%; }
.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 */
.both h3 { font:18px ntb; color:#333; float: left; width: 170px; padding-top:16px; }
.both article { width: 1000px; float:right; padding-top:16px; }
#sub1_1 article p { font:16px/1.6 ntd; color:#666; word-break: keep-all; }
#sub1_1 .cont1 { height:700px; background:url(/nimg/sub1_1.jpg) no-repeat center/cover; }
#sub1_1 .cont1 .fl { flex-direction: column; align-items:flex-start; height: 100%; }
#sub1_1 .cont1 h2 { font:28px ntb; color:#333; margin-top: 10px; }
#sub1_1 .cont1 p { font:16px/1.8 ntd; color:#666; margin-top: 40px; }
#sub1_1 .cont2 { margin-top: 80px; }
#sub1_1 .cont2 h3, #sub1_1 .cont2 article { border-top:1px solid #d69519; }
#sub1_1 .cont2 article ul { border:1px solid #eee; margin-top: 40px; padding-top:60px; padding-bottom: 110px; }
#sub1_1 .cont2 article ul li { padding:0 30px; height: 80px; position: relative; }
#sub1_1 .cont2 article ul li span { position: absolute; top:80px; width:100%; text-align: center; font:16px/1.4 nsb; }
#sub1_1 .cont3 { margin-top: 80px; }
#sub1_1 .cont3 article { border-top:1px solid #d69519; }
#sub1_1 .cont4 { margin-top: 200px; margin-bottom: 350px;  }
#sub1_1 .cont4 h3, #sub1_1 .cont4 article { border-top:1px solid #d69519; }
#sub1_1 .cont4 ul { border:1px solid #eee; height: 260px; }
#sub1_1 .cont4 ul li span { display: block; margin-top: 20px; text-align: center; font:16px nsb; color:#666; }
#sub1_1 .cont4 ul li { text-align: center; }
#sub1_1 .cont4 p { margin-top: 20px; }

/* sub1_2 */
#sub1_2 > ul { margin:90px auto 130px; }
#sub1_2 > ul li { float:left; width:50%; }
#sub1_2 > ul li a { border:1px solid #ddd; border-right:none; background: #f6f6f6; font:16px/60px ntb; color:#333; text-align: center; display: block; }
#sub1_2 > ul li:last-child a { border-right:1px solid #ddd; }
#sub1_2 > ul li.select a { border-color:#191919; background: #191919; color:#fff; }
#sub1_2 .cont1 > div { width:50%; float:left; }
#sub1_2 .cont1 .map { position: relative; }
#sub1_2 .cont1 .map img { width: 100%; }
#sub1_2 .cont1 .map figure { position: absolute; width:18px; height:26px; background: url(/nimg/point.png) no-repeat center; }
#sub1_2 .cont1 .map .p1 { left:35.5%; top:14%; }
#sub1_2 .cont1 .map .p2 { left:31.5%; top:18%; }
#sub1_2 .cont1 .map .p3 { left:38%; top:43%; }
#sub1_2 .cont1 .map .p4 { left:67.5%; top:66%;  }
#sub1_2 .cont1 .map .p5 { left:61.5%; top:53%; }
#sub1_2 .cont1 .map .p6 { left:29.8%; top:68%; }
#sub1_2 .cont1 .map .p7 { left:37.7%; top:56%; }
#sub1_2 .cont1 .map .p8 { left:48.7%; top:63%; }
#sub1_2 .cont1 .map .p9 { left:68.5%; top:58%; }
#sub1_2 .cont1 .map figure em { font:normal 16px ntr; color:#333; position: absolute; top:0; white-space: nowrap; }
#sub1_2 .cont1 .map figure.pl em { right:26px;}
#sub1_2 .cont1 .map figure.pr em { left:26px;}
#sub1_2 .cont1 .maplist { padding:90px 0 0 90px; }
#sub1_2 .cont1 .maplist ul li { width:45%; float:left; margin-bottom: 20px; cursor: pointer; }
#sub1_2 .cont1 .maplist ul li:before { content:""; width:18px; height:26px; background: url(/nimg/point.png) no-repeat center; display: inline-block; }
#sub1_2 .cont1 .maplist ul li span { font:normal 16px ntr; color:#333; position: relative; top:-8px; margin-left: 10px; padding:0 4px 4px 4px; }
#sub1_2 .cont1 .maplist ul li.on span { color:#d69519; border-bottom:1px solid #d69519; }
#sub1_2 .cont1 .maplist p { color:#d9bb80; font:14px ntr; }
#sub1_2 .cont1 .map figure.on, #sub1_2 .cont1 .maplist ul li.on:before { background-image: url(/nimg/point_on.png); }

#sub1_2 .cont2 { margin-top: 100px; margin-bottom: 400px;  }
#sub1_2 .cont2 h2 { font:16px ntr; color:#333; }
#sub1_2 .cont2 h2:before { content:""; display: block; width:20px; border-bottom:3px solid #d69519; margin-bottom: 4px;  }
#sub1_2 .cont2 ul li { margin-top: 30px; }
#sub1_2 .cont2 ul li .cl { position: relative; margin-bottom: 20px; }
#sub1_2 .cont2 ul li .cl article { width: 760px; right:0; bottom:0; border-bottom:1px solid #d69519; position: absolute; padding-bottom: 26px; }
#sub1_2 .cont2 ul li .cl article h3 { font:25px ntb; color:#333; margin-bottom: 25px; }
#sub1_2 .cont2 ul li .cl article p { font:16px ntd; color:#666; margin-top: 6px; position: relative; padding-left:75px; }
#sub1_2 .cont2 ul li .cl article p span { display: inline-block; font-family: ntm; position: absolute; left:0; }
#sub1_2 .cont2 ul li .cl article .viewmap { position: absolute; right:0; bottom:26px; width:44px; height: 44px;  background:#f6f6f6 url(/nimg/point_on.png) no-repeat center; border-radius: 100%;  }
#sub1_2 .cont2 ul li .gmap { display: none; }
#sub1_2 .cont2 ul li .gmap iframe { width: 100%; }

#sub1_2 .cont3 { margin-top: 100px; margin-bottom: 80px;  }
#sub1_2 .cont3 h2 { font:16px ntr; color:#333; }
#sub1_2 .cont3 h2:before { content:""; display: block; width:20px; border-bottom:3px solid #d69519; margin-bottom: 4px;  }
#sub1_2 .cont3 ul li { margin-top: 30px; }
#sub1_2 .cont3 ul li .cl { position: relative; margin-bottom: 20px; }
#sub1_2 .cont3 ul li .cl article { width: 760px; right:0; bottom:0; border-bottom:1px solid #d69519; position: absolute; padding-bottom: 26px; }
#sub1_2 .cont3 ul li .cl article h3 { font:25px ntb; color:#333; margin-bottom: 25px; }
#sub1_2 .cont3 ul li .cl article p { font:16px ntd; color:#666; margin-top: 6px; position: relative; padding-left:75px; }
#sub1_2 .cont3 ul li .cl article p span { display: inline-block; font-family: ntm; position: absolute; left:0; }
#sub1_2 .cont3 ul li .cl article .viewmap { position: absolute; right:0; bottom:26px; width:44px; height: 44px;  background:#f6f6f6 url(/nimg/point_on.png) no-repeat center; border-radius: 100%;  }
#sub1_2 .cont3 ul li .gmap { display: none; }
#sub1_2 .cont3 ul li .gmap iframe { width: 100%; }
#sub1_2 .cont4 { margin-top: 100px; margin-bottom: 80px;  }
#sub1_2 .cont4 h2 { font:16px ntr; color:#333; }
#sub1_2 .cont4 h2:before { content:""; display: block; width:20px; border-bottom:3px solid #d69519; margin-bottom: 4px;  }
#sub1_2 .cont4 ul li { margin-top: 30px; }
#sub1_2 .cont4 ul li .cl { position: relative; margin-bottom: 20px; }
#sub1_2 .cont4 ul li .cl article { width: 760px; right:0; bottom:0; border-bottom:1px solid #d69519; position: absolute; padding-bottom: 26px; }
#sub1_2 .cont4 ul li .cl article h3 { font:25px ntb; color:#333; margin-bottom: 25px; }
#sub1_2 .cont4 ul li .cl article p { font:16px ntd; color:#666; margin-top: 6px; position: relative; padding-left:75px; }
#sub1_2 .cont4 ul li .cl article p span { display: inline-block; font-family: ntm; position: absolute; left:0; }
#sub1_2 .cont4 ul li .cl article .viewmap { position: absolute; right:0; bottom:26px; width:44px; height: 44px;  background:#f6f6f6 url(/nimg/point_on.png) no-repeat center; border-radius: 100%;  }
#sub1_2 .cont4 ul li .gmap { display: none; }
#sub1_2 .cont4 ul li .gmap iframe { width: 100%; }
#sub1_2 .cont5 { margin-top: 100px; margin-bottom: 80px;  }
#sub1_2 .cont5 h2 { font:16px ntr; color:#333; }
#sub1_2 .cont5 h2:before { content:""; display: block; width:20px; border-bottom:3px solid #d69519; margin-bottom: 4px;  }
#sub1_2 .cont5 ul li { margin-top: 30px; }
#sub1_2 .cont5 ul li .cl { position: relative; margin-bottom: 20px; }
#sub1_2 .cont5 ul li .cl article { width: 760px; right:0; bottom:0; border-bottom:1px solid #d69519; position: absolute; padding-bottom: 26px; }
#sub1_2 .cont5 ul li .cl article h3 { font:25px ntb; color:#333; margin-bottom: 25px; }
#sub1_2 .cont5 ul li .cl article p { font:16px ntd; color:#666; margin-top: 6px; position: relative; padding-left:75px; }
#sub1_2 .cont5 ul li .cl article p span { display: inline-block; font-family: ntm; position: absolute; left:0; }
#sub1_2 .cont5 ul li .cl article .viewmap { position: absolute; right:0; bottom:26px; width:44px; height: 44px;  background:#f6f6f6 url(/nimg/point_on.png) no-repeat center; border-radius: 100%;  }
#sub1_2 .cont5 ul li .gmap { display: none; }
#sub1_2 .cont5 ul li .gmap iframe { width: 100%; }
#sub1_2 .cont6 { margin-top: 100px; margin-bottom: 400px;  }
#sub1_2 .cont6 h2 { font:16px ntr; color:#333; }
#sub1_2 .cont6 h2:before { content:""; display: block; width:20px; border-bottom:3px solid #d69519; margin-bottom: 4px;  }
#sub1_2 .cont6 ul li { margin-top: 30px; }
#sub1_2 .cont6 ul li .cl { position: relative; margin-bottom: 20px; }
#sub1_2 .cont6 ul li .cl article { width: 760px; right:0; bottom:0; border-bottom:1px solid #d69519; position: absolute; padding-bottom: 26px; }
#sub1_2 .cont6 ul li .cl article h3 { font:25px ntb; color:#333; margin-bottom: 25px; }
#sub1_2 .cont6 ul li .cl article p { font:16px ntd; color:#666; margin-top: 6px; position: relative; padding-left:75px; }
#sub1_2 .cont6 ul li .cl article p span { display: inline-block; font-family: ntm; position: absolute; left:0; }
#sub1_2 .cont6 ul li .cl article .viewmap { position: absolute; right:0; bottom:26px; width:44px; height: 44px;  background:#f6f6f6 url(/nimg/point_on.png) no-repeat center; border-radius: 100%;  }
#sub1_2 .cont6 ul li .gmap { display: none; }
#sub1_2 .cont6 ul li .gmap iframe { width: 100%; }

/* sub1_2_2 */
#sub1_2.sub1_2_2 > ul { margin-bottom: 30px; }
#sub1_2.sub1_2_2 .cont1 .title { padding-top:100px; margin-bottom:10px; display: block; }
#sub1_2.sub1_2_2 .cont1 .map { width: 100%; }
#sub1_2.sub1_2_2 .cont1 .map figure { background-image: url(/nimg/point_on.png); cursor:pointer; }
#sub1_2.sub1_2_2 .cont1 .map figure em { color:#d69519; }
#sub1_2.sub1_2_2 .cont1 .map .p1 { left:66.7%; top:30%; }
#sub1_2.sub1_2_2 .cont1 .map .p2 { left:65.7%; top:36.3%; }
#sub1_2.sub1_2_2 .cont1 .map .p3 { left:69%; top:40.5%; }
#sub1_2.sub1_2_2 .cont1 .map .p4 { left:73.5%; top:32%; }
#sub1_2.sub1_2_2 .cont1 .map .p5 { left:19%; top:29%; }
#sub1_2.sub1_2_2 .cont1 .map .p6 { left:36.5%; top:52%; }
#sub1_2.sub1_2_2 .cont1 .map .p7 { left:38%; top:30%; }
#sub1_2.sub1_2_2 .cont1 .map .p8 { left:41.8%; top:35%; }
#sub1_2.sub1_2_2 .cont2 { margin-bottom:80px; }
#sub1_2.sub1_2_2 .cont2 ul li { margin-top: 50px; }
#sub1_2.sub1_2_2 .cont2 ul li:first-child { margin-top: 40px; }
#sub1_2.sub1_2_2 .cont2 ul li .cl article { width: auto; position:static; }

#sub1_2.sub1_2_2 .cont3 ul li { margin-top: 50px; }
#sub1_2.sub1_2_2 .cont3 ul li:first-child { margin-top: 40px; }
#sub1_2.sub1_2_2 .cont3 ul li .cl article { width: auto; position:static; }
#sub1_2.sub1_2_2 .cont4 ul li { margin-top: 50px; }
#sub1_2.sub1_2_2 .cont4 ul li:first-child { margin-top: 40px; }
#sub1_2.sub1_2_2 .cont4 ul li .cl article { width: auto; position:static; }
#sub1_2.sub1_2_2 .cont5 ul li { margin-top: 50px; }
#sub1_2.sub1_2_2 .cont5 ul li:first-child { margin-top: 40px; }
#sub1_2.sub1_2_2 .cont5 ul li .cl article { width: auto; position:static; }
#sub1_2.sub1_2_2 .cont6 ul li { margin-top: 50px; }
#sub1_2.sub1_2_2 .cont6 ul li:first-child { margin-top: 40px; }
#sub1_2.sub1_2_2 .cont6 ul li .cl article { width: auto; position:static; }


/* sub2_1 */
#sub1_1.sub2_1 { background:url(/nimg/sub2_1_1.jpg) no-repeat center/cover; }
#sub1_1.sub2_1 .cont1 { height:auto; padding:100px 0 240px; background: none;}
#sub1_1.sub2_1 .cont1 h3 { margin-top: 70px; font:22px ntb; color:#333; }
#sub1_1.sub2_1 .cont1 ul { margin-top: 30px; }
#sub1_1.sub2_1 .cont1 ul li { font:16px ntd; color:#666; position: relative; word-break: keep-all; padding-left:14px; margin-bottom: 8px;  } 
#sub1_1.sub2_1 .cont1 ul li:before { content:"·"; position: absolute; left:0; } 


/* sub2_2 */
#sub2_2 h2 { font:24px ntb; color:#333; }
#sub2_2 > ul { margin:90px auto 130px; }
#sub2_2 > ul li { float:left; width:25%; }
#sub2_2 > ul li a { border:1px solid #ddd; border-right:none; background: #f6f6f6; font:16px/60px ntb; color:#333; text-align: center; display: block; }
#sub2_2 > ul li:last-child a { border-right:1px solid #ddd; }
#sub2_2 > ul li.select a { border-color:#191919; background: #191919; color:#fff; }
#sub2_2 .cont1 img { float:left; }
#sub2_2 .cont1 div { float:right; width: 570px; }
#sub2_2 .cont1 div strong { font:14px ntd; color:#d69519; text-transform: uppercase; padding-top: 20px; display: block; }
#sub2_2 .cont1 div h2 { font-size:28px; margin-top: 14px; }
#sub2_2 .cont1 div p { font:16px/1.6 ntd; color:#666; margin-top: 40px; }
#sub2_2 .cont1 a { width: 230px; height: 56px; border:1px solid #666; color:#333; position: absolute; bottom:0; left:625px; font:15px ntr;  }
#sub2_2 .cont1 a:hover { color:#fff; background:#d69519; border:1px solid #d69519; }
#sub2_2 .cont2 { margin-top: 120px; }
#sub2_2 .cont2 h2 { margin-bottom: 10px;  }
#sub2_2 .cont2 div { width: 50%; float:left; }
#sub2_2 .cont2 div h3 { font:18px/58px ntb; text-align: center; border-top:2px solid #d69519; border-bottom:1px solid #d69519;}
#sub2_2 .cont2 div:last-of-type ul { border-left:1px solid #fff; }
#sub2_2 .cont2 div ul li { border-bottom:1px solid #fff; box-sizing: border-box; text-align: center; font:16px/44px ntr; color:#333; height: 44px; }
#sub2_2 .cont2 div ul li:nth-child(1) { background: #f6ecc226;}
#sub2_2 .cont2 div ul li:nth-child(2) { background: #f6ecc22e;}
#sub2_2 .cont2 div ul li:nth-child(3) { background: #f6ecc24f;}
#sub2_2 .cont2 div ul li:nth-child(4) { background: #f6ecc261;}
#sub2_2 .cont2 div ul li:nth-child(5) { background: #f6ecc29e;}
#sub2_2 .cont2 div ul li:nth-child(6) { background: #f6ecc2db;}
#sub2_2 .cont2 div ul li:nth-child(7) { background: #f6ecc2;}
#sub2_2 .cont2 div ul li span { font-family: ntbl; }
#sub2_2 .cont2 div:last-of-type ul li { height: 154px; line-height:154px; }
#sub2_2 .cont2 div:last-of-type ul li:nth-child(1) { background: #f8f1e78a; }
#sub2_2 .cont2 div:last-of-type ul li:nth-child(2) { background: #eddabe; }
#sub2_2 .cont3 { margin-top: 140px; }
#sub2_2 .cont3 p { font:16px ntd; color:#666; margin-top: 6px; }
#sub2_2 .cont3 h3, #sub2_2 .cont4 h3 { margin-top: 36px; font:18px ntm; color:#d69519; margin-bottom: 10px;  }
#sub2_2 .cont3 ul li { float:left; text-align: center; margin-right: 13px; width:290px; margin-bottom: 30px; }
#sub2_2 .cont3 ul li:nth-child(4n) { margin-right: 0; }
#sub2_2 .cont3 ul li:nth-child(4n+1) { clear:both; }
#sub2_2 .cont3 ul li img { width: 100%; }
#sub2_2 .cont3 ul li span, #sub2_2 .cont4 ul li span { font:16px ntr; color:#333; margin-top: 4px; display: block;  }
#sub2_2 .cont3.cont3_2 { margin-bottom:250px; }
#sub2_2 .cont4 { margin-top: 100px; margin-bottom: 250px;  }
#sub2_2 .cont4 ul li { float:left; margin-right: 37px;  margin-bottom: 37px; width:272px; text-align: center;  position: relative; }
#sub2_2 .cont4 ul li:nth-child(4n) { margin-right: 0; }
#sub2_2 .cont4 ul li img { border:1px solid #ddd; }
#sub2_2 .cont4 ul li:after { content:""; width: 20px; height: 25px; background: url(/nimg/arr.jpg) no-repeat center; position: absolute; top:50%; margin-top:-23px; left:281px; }
#sub2_2 .cont4 ul li:nth-child(4n):after { display: none; }

#sub2_2.sub2_2_2 .cont2 div:last-of-type ul li { height: 103px; line-height:103px; }
#sub2_2.sub2_2_2 .cont2 div:last-of-type ul li:nth-child(1) { background: #f8f1e78a; }
#sub2_2.sub2_2_2 .cont2 div:last-of-type ul li:nth-child(2) { background: #eddabe5e; }
#sub2_2.sub2_2_2 .cont2 div:last-of-type ul li:nth-child(3) { background: #eddabe; height:102px; }

#sub2_2.sub2_2_3 .cont2 div:last-of-type ul li { height: 132px; line-height:132px; }

#sub2_2.sub2_2_4 .cont2 div:last-of-type ul li { height: 110px; line-height:110px; }
#sub2_2.sub2_2_4 .cont4 ul li:after { display: none; }





/*sub2_2 레이아웃 변경모드 */
#sub2_2 .cont5 { margin-top:100px; margin-bottom:250px; }
#sub2_2 .cont5 h3 { font:16px/40px nseb; color:#333; margin-top:15px; text-align: center; background:#F6ECC2; width:100%; height:40px; }
#sub2_2 .cont5 h3.color {  background:#eddabe; }
#sub2_2 .cont5 h3:nth-of-type(2) { margin-top:30px; }
#sub2_2 .cont5 div.left { float:left; width: 49%; margin-right:2%; position:relative; }
#sub2_2 .cont5 div.left:first-child { position:relative; }
#sub2_2 .cont5 div.left:last-child { margin-right:0; }
#sub2_2 .cont5 div > img { position:absolute; left:50%; top:-85px; margin-left:-3.5px; }
#sub2_2 .cont5 div ul { text-align: center; padding:10px 0 30px 0; border:1px solid #eddabe;}
#sub2_2 .cont5 div ul.color { border:1px solid #eddabe; }
#sub2_2 .cont5 div ul li { display: inline-block; width: 90%; margin-bottom:20px; position:relative; padding-top:20px; border-top:1px solid #f3f3f3;}
#sub2_2 .cont5 div ul li:first-child { border-top:0; }
#sub2_2 .cont5 div ul li p { font:18px/1.6 nseb; display: inline-block; text-align:left; width:50%; text-align:left; position:absolute; bottom:0; left:0; }
#sub2_2 .cont5 div ul li p.p { position:unset; width:90%; text-align: center; font:18px/1.6 nsr; margin-top:30px; }
#sub2_2 .cont5 div ul li img { float: right; width:45%; }
#sub2_2 .cont5 div ul li span { font:16px ntr; }



/* sub3_1 */
/*
#sub3_1 { position: fixed; left:0; top:0; width: 100%; height: 100%; }
#sub3_1 span { position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index:1; }
#sub3_1 div { width:33.3333%; margin:0 auto; height: 100%; }
#sub3_1 div ul { width:535px; position: relative; z-index:2; }
#sub3_1 div ul li { float:left; width:165px; margin-right: 20px; margin-bottom: 60px; }
#sub3_1 div ul li:nth-child(3n) { margin-right: 0; }
#sub3_1 div ul li p { text-align: center; color:#fff; font:16px ntm; text-transform: uppercase; margin-bottom: 6px; }
#sub3_1 .close { color:#fff; font-size:32px; position: absolute; left:0; width:100%; text-align:center; top:50%; margin-top:200px;  }
*/

/* 게시판 공통 */ 
#w_login { background:url(/nimg/top1.jpg) no-repeat center/cover; padding:223px 0; }
#w_login .mbskin { margin:0 auto; }
#sv0 { background:url(/nimg/top1.jpg) no-repeat center/cover; height:200px; }
#w_board { padding:100px 0;}





@media (min-width: 800px) and (max-width: 1340px) { /* 모바일용 */

#main a.flag ul { font-size:13px; }
#main a.flag ul li p { word-break: keep-all; }
#main a.flag ul li img { width:80%; }	
	
}






@media  (min-width: 850px) and (max-width:1200px) {  /* 하단 푸터 영역*/
#n_header h1 { margin-left:20px; }
#n_header #snb { right:80px; }
#nav_btn { right:20px; }
	
#n_footer { padding:20px 3% 30px; height: auto; position:relative; }
#n_footer a { color:inherit; }
#n_footer img { display: none; }
#n_footer address { font:normal 13px/1.6 nsb; margin-left: 0; float:none; padding-top: 0; letter-spacing:-0.5px;}
#n_footer address p { margin-top: 10px;  }
.family_site { bottom:30px; }
	
}

@media  (max-width:850px) {  /* 하단 푸터 영역*/
#n_header h1 { margin-left:20px; }
#n_header #snb { right:80px; }
#nav_btn { right:20px; }
	
#n_footer { padding:20px 3% 30px; height: auto; }
#n_footer a { color:inherit; }
#n_footer img { display: none; }
#n_footer address { font:normal 13px/1.6 nsb; margin-left: 0; float:none; padding-top: 0; letter-spacing:-0.5px;}
#n_footer address p { margin-top: 10px;  }
.family_site { bottom:30px; right:75px;}
	
}









@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width:94%; }
    
/* header & footer */
.family_site { position:unset; margin-top:8px;}
	
#n_header { height: 60px; }
#n_header h1 { margin-left:3%; padding-top:10px; }
#n_header h1 img { height: 40px; }
#n_header #snb { position: fixed; right:0; top:auto; bottom:0; width: 100%; }
#n_header #snb li { margin-left: 0%; width:calc(100%/3); }
#n_header #snb li:first-child { margin-left: 0; }
#n_header #snb li a:link, #n_header #snb li a:visited { width:auto; height: 40px; font:18px ntbl; background: #191919; border-right:none; border-color:rgba(255,255,255,0.3); }
#n_header #snb li:last-child a { font-size:14px; line-height:1.1; border-right:1px solid rgba(255,255,255,0.3); }
.blank { height: 60px; }

#nav_btn { right:3%; top:12px; }
#nav_btn .line{  width: 26px; height: 2px; }
#nav_btn.act .line:nth-child(1){ transform: translateY(9px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-9px) rotate(-45deg);}   

#n_gnb { width: 94%; }
#n_gnb h2 { font:18px ntbl; padding-top:20px; }
#n_gnb > li { float:none; width: auto; border-right:none; border-bottom:1px solid rgba(255,255,255,0.2); height:auto; padding-bottom:20px; }
#n_gnb > li:nth-child(2) { width: auto; }
#n_gnb > li:last-child { border:none; }
#n_gnb ul li { font:14px ntr; margin-top: 5px; }

#n_footer { padding:20px 3% 50px; height: auto; }
#n_footer a { color:inherit; }
#n_footer img { display: none; }
#n_footer address { font:normal 13px/1.6 nsb; margin-left: 0; float:none; padding-top: 0; letter-spacing:-0.5px;}
#n_footer address p { margin-top: 10px;  }

	
/* main */
.swiper-container { height: 250px; }
.swiper-container p.fl { font:14px/1.4 nsr; top:-45px; }
.swiper-container p.fl2 { font:14px/1.4 nsr; top:135px;}
.swiper-container p.bold { font:20.5px/1.4 ntb; top:-10px; letter-spacing:-0.5px; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display: none; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display: none; }
#main { height:auto; }
#main a { float:none; width:auto; height:140px; display: flex; align-items:center; justify-content: center; background: #000;}
#main a:before { opacity:0.6; }
#main a dl { position: relative; bottom: 0;}
#main a dl dt { margin-bottom: 10px; }
#main a dl dd { height: auto; font:18px/1.3 nseb; }

#main a.flag { transition: 0.3s; overflow: hidden; }
#main a.flag ul { top:0; width:100%; height:260px; font:14px ntm; transform: scale(1); transition:none; opacity: 1; display: none; padding-bottom:0; padding-top:0; }
#main a.flag.down { height:260px; }
#main a.flag.down dl { display:none; }
#main a.flag.down ul { display:flex; }
#main a.flag ul li { width:30%; }
#main a.flag ul li img { width:80%; }

    
    
#lang h2 { font:16px/40px ntb; width:94%; }
#lang ul { width:94%; }
#lang ul li a { font:600 24px/60px 'Noto Sans KR'; }
 
/* sub layout */
    .lnb ul li a { font:14px/50px ntb; } 
.lnb .wrap { width:100%; }   
    
.both .title { border-bottom:1px solid #d69519; padding-bottom:10px; }

/* sub1_1 */
.both h3 { float: none; width: auto; padding-top: 0;  }
.both article { width: auto; float:none; }
#sub1_1 article p { font:14px/1.6 ntd; }
#sub1_1 .cont1 { height:auto; padding:60px 0; }
#sub1_1 .cont1 h2 { font:22px ntb; margin-top:5px; }
#sub1_1 .cont1 p { font:14px/1.6 ntd; word-break: keep-all; margin-top:25px; }
#sub1_1 .cont2 h3, #sub1_1 .cont2 article { border-top:none; }
#sub1_1 .cont2 article ul { padding-top:10px; padding-bottom: 70px; }
#sub1_1 .cont2 article ul li { padding:0 10px; height: 80px; position: relative; }
#sub1_1 .cont2 article ul li:nth-child(odd) img { height:30px; }
#sub1_1 .cont2 article ul li:nth-child(even) img { width:20px; }
#sub1_1 .cont2 article ul li span { font:12px/1.4 nsb; }
#sub1_1 .cont3 { margin-top:30px; }
#sub1_1 .cont3 article { border-top:none; }
#sub1_1 .cont4 { margin-top: 60px; margin-bottom: 100px;  }
#sub1_1 .cont4 h3, #sub1_1 .cont4 article { border-top:none; }
    
#sub1_1 .cont4 ul { height: auto; padding:20px 0 0; display:block; text-align: center; }
#sub1_1 .cont4 ul li img { height:80px; }
#sub1_1 .cont4 ul li span { margin-top: 0; font:14px nsb; }
#sub1_1 .cont4 ul li:first-child { margin-right: 0; margin-bottom: 30px; }
    
    
/* sub1_2 */
#sub1_2 > ul { margin:40px auto; width: 100%; }
#sub1_2 > ul li { float:left; width:50%; }
#sub1_2 > ul li a { font:14px/50px ntb; }
#sub1_2 .cont1 > div { width:auto; float:none; }
#sub1_2 .cont1 .map { display: none; }
#sub1_2 .cont1 .maplist { padding:0; }
#sub1_2 .cont1 .maplist ul li { width:50%; margin-bottom: 10px; text-align: center;}
#sub1_2 .cont1 .maplist ul li:before { width:12px; height:17px; background-size:cover; }
#sub1_2 .cont1 .maplist ul li span { top:-2px; margin-left: 6px; padding:0 4px 2px 4px; }
#sub1_2 .cont1 .maplist p { text-align: center; }
#sub1_2.sub1_2_2 .cont1 .title { padding-top:60px; }
#sub1_2.sub1_2_2 .cont2 ul li { margin-top:30px; }
#sub1_2.sub1_2_2 .cont2 ul li:first-child { margin-top:30px; }
#sub1_2 .cont2 { margin-bottom: 200px; margin-top:20px; }
#sub1_2 .cont2 img { width: 100%; }
#sub1_2 .cont2 ul li { margin-top: 60px; }
#sub1_2 .cont2 ul li:nth-of-type(1) { margin-top: 30px; }
#sub1_2 .cont2 ul li .cl article { width: auto; position: static; padding-bottom: 10px; }
#sub1_2 .cont2 ul li .cl article h3 { margin-bottom: 14px; margin-top: 10px; font:20px ntb; }
#sub1_2 .cont2 ul li .cl article p { font:14px ntd; padding-left:70px; width:calc(100% - 50px); word-break: keep-all; }
#sub1_2 .cont2 ul li .cl article .viewmap { bottom:10px; }
#sub1_2 .cont2 ul li .gmap iframe { height:300px;  }

#sub1_2.sub1_2_2 .cont3 ul li { margin-top:30px; }
#sub1_2.sub1_2_2 .cont3 ul li:first-child { margin-top:30px; }
#sub1_2 .cont3 { margin-top:20px; }
#sub1_2 .cont3 ul li { margin-top: 60px; }
#sub1_2 .cont3 ul li:nth-of-type(1) { margin-top: 30px; }
#sub1_2 .cont3 ul li .cl article { width: auto; position: static; padding-bottom: 10px; }
#sub1_2 .cont3 ul li .cl article h3 { margin-bottom: 14px; margin-top: 10px; font:20px ntb; }
#sub1_2 .cont3 ul li .cl article p { font:14px ntd; padding-left:70px; width:calc(100% - 50px); word-break: keep-all; }
#sub1_2 .cont3 ul li .cl article .viewmap { bottom:10px; }
#sub1_2 .cont3 ul li .gmap iframe { height:300px;  }
#sub1_2.sub1_2_2 .cont4 ul li { margin-top:30px; }
#sub1_2.sub1_2_2 .cont4 ul li:first-child { margin-top:30px; }
#sub1_2 .cont4 { margin-top:20px; }
#sub1_2 .cont4 ul li { margin-top: 60px; }
#sub1_2 .cont4 ul li:nth-of-type(1) { margin-top: 30px; }
#sub1_2 .cont4 ul li .cl article { width: auto; position: static; padding-bottom: 10px; }
#sub1_2 .cont4 ul li .cl article h3 { margin-bottom: 14px; margin-top: 10px; font:20px ntb; }
#sub1_2 .cont4 ul li .cl article p { font:14px ntd; padding-left:70px; width:calc(100% - 50px); word-break: keep-all; }
#sub1_2 .cont4 ul li .cl article .viewmap { bottom:10px; }
#sub1_2 .cont4 ul li .gmap iframe { height:300px;  }
#sub1_2.sub1_2_2 .cont5 ul li { margin-top:30px; }
#sub1_2.sub1_2_2 .cont5 ul li:first-child { margin-top:30px; }
#sub1_2 .cont5 { margin-top:20px; }
#sub1_2 .cont5 ul li { margin-top: 60px; }
#sub1_2 .cont5 ul li:nth-of-type(1) { margin-top: 30px; }
#sub1_2 .cont5 ul li .cl article { width: auto; position: static; padding-bottom: 10px; }
#sub1_2 .cont5 ul li .cl article h3 { margin-bottom: 14px; margin-top: 10px; font:20px ntb; }
#sub1_2 .cont5 ul li .cl article p { font:14px ntd; padding-left:70px; width:calc(100% - 50px); word-break: keep-all; }
#sub1_2 .cont5 ul li .cl article .viewmap { bottom:10px; }
#sub1_2 .cont5 ul li .gmap iframe { height:300px;  }
#sub1_2.sub1_2_2 .cont6 ul li { margin-top:30px; }
#sub1_2.sub1_2_2 .cont6 ul li:first-child { margin-top:30px; }
#sub1_2 .cont6 { margin-top:20px; margin-bottom:100px; }
#sub1_2 .cont6 ul li { margin-top: 60px; }
#sub1_2 .cont6 ul li:nth-of-type(1) { margin-top: 30px; }
#sub1_2 .cont6 ul li .cl article { width: auto; position: static; padding-bottom: 10px; }
#sub1_2 .cont6 ul li .cl article h3 { margin-bottom: 14px; margin-top: 10px; font:20px ntb; }
#sub1_2 .cont6 ul li .cl article p { font:14px ntd; padding-left:70px; width:calc(100% - 50px); word-break: keep-all; }
#sub1_2 .cont6 ul li .cl article .viewmap { bottom:10px; }
#sub1_2 .cont6 ul li .gmap iframe { height:300px;  }
    
    

/* sub2_1 */
#sub1_1.sub2_1 .cont1 { padding:80px 0 150px; }
#sub1_1.sub2_1 .cont1 h3 { font:20px ntb; word-break: keep-all; }
#sub1_1.sub2_1 .cont1 ul li { font:14px/1.4 ntd; } 
    
/* sub2_2 */
#sub2_2 h2 { font:20px ntb; word-break: keep-all; }
#sub2_2 > ul { margin:40px auto; width:100%; }
#sub2_2 > ul li { width:50%; }
#sub2_2 > ul li a { font:14px/50px ntb; border-bottom:none; }
#sub2_2 > ul li:nth-child(2n) a { border-right:1px solid #ddd; }
#sub2_2 > ul li:nth-child(3) a, #sub2_2 > ul li:nth-child(4) a { border-bottom:1px solid #ddd; }
#sub2_2 .cont1 img { float:none; width: 100%; }
#sub2_2 .cont1 div { float:none; width: auto; }
#sub2_2 .cont1 div h2 { font-size:20px; word-break: keep-all; margin-top:5px; }
#sub2_2 .cont1 div p { font:14px/1.6 ntd; word-break: keep-all; margin-top:15px; }
#sub2_2 .cont1 a { width: auto; height: 50px; position: static; font:15px ntr; display: flex; margin-top: 40px; }
#sub2_2 .cont2 { margin-top:100px; }
#sub2_2 .cont2 h2 { font-size:18px; }
#sub2_2 .cont2 div { width: auto; float:none; margin-bottom: 40px; }
#sub2_2 .cont2 div h3 { font:16px/40px ntb; }
#sub2_2 .cont2 div ul li { font:14px/1.4 ntr !important; height:44px !important; padding-top:4px; }
#sub2_2 .cont3 { margin-top:80px; }
#sub2_2 .cont3 p { font:14px ntd; word-break: keep-all; }
#sub2_2 .cont3 h3, #sub2_2 .cont4 h3 { font:16px ntm; }
#sub2_2 .cont3 ul li { margin-right: 3%; width:48.5%; margin-bottom: 20px; }
#sub2_2 .cont3 ul li:nth-child(2n) { margin-right: 0; }
#sub2_2 .cont3 ul li:nth-child(2n+1) { clear:both; }
#sub2_2 .cont3 ul li span, #sub2_2 .cont4 ul li span { font:14px ntr; word-break: keep-all; }
#sub2_2 .cont3 h3, #sub2_2 .cont4 h3 { margin-top:10px; }
#sub2_2 .cont3.cont3_2 { margin-bottom:120px; }
#sub2_2 .cont4 { margin-bottom:120px; }
#sub2_2 .cont4 ul li { margin-right: 3%;  margin-bottom: 20px; width:48.5%; }
#sub2_2 .cont4 ul li:nth-child(2n) { margin-right: 0; }
#sub2_2 .cont4 ul li img { width: 100%; }
#sub2_2 .cont4 ul li:after { display: none; }
    
/*sub2_2 레이아웃 변경모드 */
#sub2_2 .cont5 { margin-bottom:100px; }
#sub2_2 .cont5 div.left { width:100%; }
#sub2_2 .cont5 div ul li p { font-size:15px; }
#sub2_2 .cont5 div ul li p.p { font-size:15px; margin-top:10px; }
#sub2_2 .cont5 div ul li span { font-size:14px; }
#sub2_2 .cont5 div.left:last-child { margin-top:88px; }


/* sub3_1 */
    /*
#sub3_1 div { width:auto; }
#sub3_1 div ul { width:94% }
#sub3_1 div ul li { width:32%; margin-right: 2%; }
#sub3_1 div ul li img { width: 100%; }
#sub3_1 div ul li p { font:14px ntm; }
    */
    
}



@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }


}