/* reset */
::selection {background:#9fe5ffbf; color:#fff;}
::-moz-selection{background:#9fe5ffbf; color:#fff}

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

/* common */
html, body { height:100%; }
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
.wrap { width:1400px; 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; }
.fl:after { display:none; }
.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 */
#w_header { position:fixed; left:0; top:0; height:80px; border-bottom:1px solid rgba(255,255,255,0.2); z-index:99; width:100%; transition:0.3s; overflow: hidden; }
#w_header.fix { background: rgba(0,0,0,0.9); border-bottom:none; }
#w_header.down { background: rgba(0,0,0,0.9); border-bottom:none; height: 250px; }
#w_header h1 { padding-top: 25px; }
#w_header #w_gnb { position: absolute; left:330px; top:0; }
#w_header #w_gnb > li { float:left; margin-right: 100px; color:#fff; font:16px/30px nseb; text-transform: uppercase; }
#w_header #w_gnb > li > a { line-height:80px; }
#w_header #w_gnb ul { font-family: ntr; position: absolute; }
#w_header #w_gnb li ul li { line-height:1.8; }
#w_header #w_gnb li ul li a { font-size:14px; }
#w_header #w_lang { color:#fff; font:16px nseb; background: rgba(255,255,255,0); border:none; padding-right:10px; position: absolute; right:0; top:30px; }
#w_header #w_lang:focus { outline: none; }
#w_header #w_lang option { background: #000;}

#w_footer { padding:30px 0 45px; background: #0c0c0c; }
#w_footer img { float:left; margin-right: 60px; margin-top: 8px; }
#w_footer address { color:#ccc; font:normal 14px/1.8 ntr; float:left; }
#w_footer address span { margin-right: 20px; }
#w_footer address p { margin-top: 20px; }


/* index */
#section1 { background:url(/images/bg_main2.jpg) no-repeat center/cover; }
#section2 { background:url(/images/bg_main3.jpg) no-repeat center/cover; }
#section3 { background:url(/images/bg_main4.jpg) no-repeat center/cover; }
#section4 { background:url(/images/bg_main5.jpg) no-repeat center/cover; }

#fp-nav.right { right:50% !important; margin-right:-700px; }
#fp-nav.right ul li a span { background: #fff;}
.mouse { position: fixed; left:50%; margin-left: -13px; bottom: 30px; animation: 1s mouse infinite; }
@keyframes mouse {
    0% { bottom:40px; }
    50% { bottom:20px; }
    100% { bottom:40px; }    
}

#w_main { height:100vh; }
#w_main .swiper-container { width: 100%; height: 100%; }
#w_main .swiper-slide { background-position: center; background-size: cover; }
#section0 .swiper-pagination { bottom: auto; top:300px; left:0; text-align: left; font:16px ntr;  }
#section0 .swiper-button-prev { top:314px; left:50px; }
#section0 .swiper-button-next { top:314px; right:auto; left:80px; }
#section0 .swiper-button-prev:after { font-size:14px; }
#section0 .swiper-button-next:after { font-size:14px; }
#section0 .ment { position: absolute; left:50%; margin-left:-700px; z-index:10; top:33%; color:#fff; }
#section0 .ment p { font:16px/1.6 nsr; }
#section0 .ment h2 { font:85px/1 ntb; margin-top: 20px; }

#section1 { color:#fff; font:16px nsr; text-align: center; }
#section1 h2 { color:#3ebfef; font:14px ntb; }
#section1 h3 { font:16px nsr; margin-top: 25px; }
#section1 ul { margin-top: 80px; align-items: flex-start; }
#section1 ul li { width:245px;}
#section1 ul li:nth-child(2n) { font:40px nsl; padding-top: 24px; margin:0 60px; width:10px;}
#section1 ul li h4 { font:85px nseb; }
#section1 ul li h4 span { line-height:85px; }
#section1 ul li dl { margin-top: 40px; }
#section1 ul li dl dt { font:18px nsb; }
#section1 ul li dl dd { font:16px/1.6 ntt; margin-top: 20px; }

#section2 h2 { font:67px/1 ntb; color:#fff; }
#section2 h2 span { font:65px ntt; opacity: 0.3; }
#section2 .btn { justify-content: flex-start; }
#section2 .btn { margin-top: 40px; }
#section2 .btn li { float:left; color:#fff; cursor: pointer; display: inline-block; }
#section2 .btn li.prev:after { content:"prev"; font:14px/1 swiper-icons;}
#section2 .btn li.stop { font:14px nsr; margin:0 20px; position: relative; top:1px; width:20px; }
#section2 .btn li.stop .play { font:16px nsr; display: none; }
#section2 .btn li.stop.on .play { display: inline; }
#section2 .btn li.stop.on .pause { display: none; }
#section2 .btn li.next:after { content:"next"; font:14px/1 swiper-icons;}
#section2 .frame { margin-top: 20px; width:1340px; overflow: hidden;  }
#section2 .frame .pslide { width:4000px; position: relative; }
#section2 .frame .pslide li { float:left; width:430px; margin-right: 25px; }

#section3 h2 { font:67px ntb; color:#fff; }
#section3 h3 { font:17px nsr; color:#fff; margin-top: 10px; }
#section3 .brand { margin-top: 130px; color:#fff; }
#section3 .brand .tab li { width: 390px; margin-right: 30px; float:left; border-bottom:3px solid rgba(255,255,255,0.4); justify-content: flex-start; padding-bottom: 10px; cursor: pointer; transition:0.3s; }
#section3 .brand .tab li.select { border-color:#fff; }
#section3 .brand .tab li figure { width: 54px; height:54px; margin-right: 10px; }
#section3 .brand .tab li p { font:16px nseb; }
#section3 .brand .tab li p:after { content:"next"; font:bold 13px/1 swiper-icons; margin-left: 10px; opacity:0; transition:0.3s; }
#section3 .brand .tab li.select p:after { margin-left: 30px; opacity:1; }
#section3 .brand article { margin-top: 30px; font:16px/1.6 nsr; display: none; }
#section3 .brand article.on { display: block; }

#section4 h3 { font:18px ntb; color:#3ebfef; padding-bottom: 10px; }
#section4 article { position: relative; }
#section4 .press { width: 100%; margin-bottom: 40px; }
#section4 .press img { float:left; margin-right: 40px; }
#section4 .press .notice { float:left; width: 650px; overflow:hidden; }
#section4 .btn { justify-content: flex-start; position: absolute; right:50px; bottom:0; }
#section4 .btn li { float:left; color:#fff; cursor: pointer; display: inline-block; }
#section4 .btn li.prev:after { content:"prev"; font:14px/1 swiper-icons;}
#section4 .btn li.stop { font:14px nsr; margin:0 20px; position: relative; top:1px; width:20px; }
#section4 .btn li.stop .play { font:16px nsr; display: none; }
#section4 .btn li.stop.on .play { display: inline; }
#section4 .btn li.stop.on .pause { display: none; }
#section4 .btn li.next:after { content:"next"; font:14px/1 swiper-icons;}
#section4 .w_notice { width: 650px; float:left; margin-right: 40px; }
#section4 .w_notice .more { position: absolute; right:0; top:0; font:20px/20px nseb; color:#3ebfef; }
#section4 .cs { width: 650px; float:left; }
#section4 .cs ul { border-top:2px solid #3ebfef; }
#section4 .cs li { height:48px; border-bottom:1px solid #666; position: relative; color:#fff; font:16px nsr; }
#section4 .cs li:first-child { height:96px; }
#section4 .cs li span { position: absolute; left:0; line-height:48px; }
#section4 .cs li a { position: absolute; right:0; font:32px nseb; top:8px; }
#section4 .cs li p { position: absolute; right:0; line-height:48px; }

/* sub layout */
.sv { height:420px; position: relative; overflow: hidden; }
.sv:before { content:""; position: absolute; left:0; top:0; width: 100%; height: 100%; animation: 1s sv; }
.sv h2 { color:#fff; font:50px nsl; position: relative; }
@keyframes sv {
    0% { transform: scale(1.1); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
#sub2_1, #sub2_2 { height: 790px; }
#sub2_1 h2, #sub2_2 h2 { font-size:60px; }
#sub1:before { background:url(/images/bg_sub1.png) no-repeat center/cover; }
#sub2_1:before { background:url(/images/bg_sub2_1.png) no-repeat center/cover; }
#sub2_2:before { background:url(/images/bg_sub2_2.png) no-repeat center/cover; }
#sub3:before { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sub3_2:before { background:url(/images/bg_sub3_2.png) no-repeat center/cover; }
#sub4:before { background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sub5:before { background:url(/images/bg_sub5.png) no-repeat center/cover; }

.sm { height: 70px; border-bottom:1px solid #eee; }
.sm ul li { display: inline-block; color:#666; font:16px/70px nseb; }
.sm ul li:after { content:"|"; color:#999; margin:0 30px; font-family: nsl; }
.sm ul li:last-child:after { display: none; }
.sm ul li.select a { color:#3dbfef; }
.sm ul li:hover { color:#333; transition: 0.3s; }

.pad { padding:100px 0 200px; font:normal 16px/1.6 nsr; color:#666; }

/* sub1_1 */
.btitle { color:#3dbfef; font:14px ntb; margin-bottom: 20px; }
.bold { font:22px/1.6 nseb; color:#333; }

#sub1_1 .cont1 ul.fl { margin:60px 0; }
#sub1_1 .cont1 ul.fl li:nth-child(odd) { width: 240px; height:240px; border-radius:100%; background: #fff; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); }
#sub1_1 .cont1 ul.fl li:nth-child(even) { font:40px nsl; color:#ccc; margin:0 40px; }
#sub1_1 .cont1 ul.fl li { flex-direction: column; text-align:center; }
#sub1_1 .cont1 ul.fl li h4 { color:#3dbfef; font:55px nseb; }
#sub1_1 .cont1 ul.fl li h4 span { font-size:16px; }
#sub1_1 .cont1 ul.fl li p { margin-top: 10px; font-size:14px; font-family: 'nsb'; }
#sub1_1 .cont1 strong { display: block; margin:80px 0 20px; color:#333; font:22px ntb; }
#sub1_1 .cont2 { margin-top: 100px; }
#sub1_1 .cont2 img { float:left; margin-right: 70px; }
#sub1_1 .cont2 table { width:650px; border-collapse: collapse; border-top:1px solid #3dbfef; }
#sub1_1 .cont2 table th { border-bottom:1px solid #eee; padding:14px 8px; font:16px nseb; color:#333; text-align: left;}
#sub1_1 .cont2 table td { border-bottom:1px solid #eee; font:16px/1.5 nsr; color:#666; }



/* sub1_2 */
#sub1_2 { padding-bottom:0; }
#sub1_2 .cont1 .bold { margin-bottom: 30px; }
#sub1_2 .cont1 ul { justify-content: space-between; margin-top: 40px; }
#sub1_2 .cont1 ul li { width: 440px; height: 270px; border-radius: 10px; box-sizing: border-box; padding:30px 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); }
#sub1_2 .cont1 ul li h4 { font:35px nsb; color:#3dbfef; }
#sub1_2 .cont1 ul li h4 span { font:18px nsb; margin-left: 14px; }
#sub1_2 .cont1 ul li p { margin-top: 14px; }
#sub1_2 .cont1 ul li:nth-child(1) { background:#fff url(/images/sub1_2_1.png) no-repeat right 30px bottom 20px; }
#sub1_2 .cont1 ul li:nth-child(2) { background:#fff url(/images/sub1_2_2.png) no-repeat right 30px bottom 20px; }
#sub1_2 .cont1 ul li:nth-child(3) { background:#fff url(/images/sub1_2_3.png) no-repeat right 30px bottom 20px; }

#sub1_2 .cont2 { background: #fbfbfb; padding:100px 0 160px; margin-top: 160px; }
#sub1_2 .cont2 ul { margin-top: 60px; flex-wrap: wrap; overflow: hidden; }
#sub1_2 .cont2 ul li { width: 240px; height: 240px; border-radius: 100%; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); margin:20px 50px; background: #fff; font:18px ntr; text-align: center; position: relative; }
#sub1_2 .cont2 ul li:after { display: block; content:""; width:100px; border-top:1px dotted #ccc; top:50%; right:-100px; position: absolute; }
#sub1_2 .cont2 ul li:before { display: block; content:""; width:9px; height: 9px; top:50%; margin-top:-4px; left:-54px; position: absolute; background: #3dbfef; border-radius: 100%; }
#sub1_2 .cont2 ul li:nth-child(4n+1):before { content:""; width:100px; border-top:1px dotted #ccc; top:50%; left:-100px; position: absolute; height: 0; border-radius: 0; background: none; } 
#sub1_2 .cont2 ul li.select { color:#fff; background: #3dbfef; }


/* sub1_3 */
#sub1_3 { padding-bottom: 0; }
#sub1_3 .cont2 { margin-top: 40px; }
#sub1_3 .cont2 .history { position: relative; padding-top:40px; padding-bottom: 100px; overflow: hidden; }
#sub1_3 .cont2 .history:before { content:""; border-left:1px solid #eee; position: absolute; left:560px; top:0; height: 4000px; }
#sub1_3 .cont2 .history > li { margin-bottom: 30px; }
#sub1_3 .cont2 .history > li:after { clear:both; display: block; content:""; }
#sub1_3 .cont2 .history li img { float:left; margin-top: 18px; border-radius: 10px; }
#sub1_3 .cont2 .history li article { float:left; margin-left: 90px; }  
#sub1_3 .cont2 .history li article h4 { font:27px ntbl; color:#333; position: relative; } 
#sub1_3 .cont2 .history li article h4:before { display: block; content:""; width:9px; height: 9px; left:-34px; position: absolute; background: #3dbfef; border-radius: 100%; top:15px }
#sub1_3 .cont2 .history li article ul { position:relative; }
#sub1_3 .cont2 .history li article ul li { font:16px/2 nsr; color:#666; padding-left:10px; }
#sub1_3 .cont2 .history li article ul li:first-child { margin-top:16px;}
#sub1_3 .cont2 .history li article ul li:before { content: "-"; position: absolute; left:0; }

/* sub1_4 */
#sub1_4 { padding-bottom: 0; }
#sub1_4 .bold { margin-bottom: 30px; }
#sub1_4 .cont2 { margin-top: 100px; }
#sub1_4 .cont2 ul { text-align: center; }
#sub1_4 .cont2 ul li { display:inline-block; font:18px nseb; color:#333; cursor: pointer; }
#sub1_4 .cont2 ul li:after { content:"· "; margin:0 28px; color:#999; }
#sub1_4 .cont2 ul li:last-child:after { display: none; }
#sub1_4 .cont2 ul li.select { color:#3dbfef; }
#sub1_4 .cont2 nav { margin-top: 20px; text-align: center; display: none; }
#sub1_4 .cont2 nav.on { display: block; }
#sub1_4 .cont2 nav a { margin:0 20px; color:#333; font:16px nsb; cursor: auto; }
#sub1_4 .cont3 { margin-top: 40px; background: #fafafa; padding:60px 0 100px; text-align: center; }
#sub1_4 .cont3 .nara { position: absolute; left:0; top:0; width: 100%; height:100%; display: none; }
#sub1_4 .cont3 .nara.on { display:block; }
#sub1_4 .cont3 .nara li { position:absolute; }
#sub1_4 .cont3 .nara li:before { content:""; position:absolute; left:0; top:0;  width:8px; height:8px; border-radius:100%; border:1px solid #fff; animation:1s circle infinite; }
@keyframes circle {
	0% { opacity:1; transform:scale(1); }
	100% { opacity:0; transform:scale(5); }
}
#sub1_4 .cont3 .nara li span { position:absolute; left:0; top:0;  width:8px; height:8px; border-radius:100%; background: #ff5555; }
#sub1_4 .cont3 .nara li a { position: absolute; left:18px; top:-4px; font:13px nseb; white-space:nowrap; }

#sub1_4 .cont3 .n1 li:nth-child(1) { left:68.4%; top:33%; }
#sub1_4 .cont3 .n1 li:nth-child(2) { left:74.4%; top:42%; }
#sub1_4 .cont3 .n1 li:nth-child(2) a { left:auto; right:10px; }
#sub1_4 .cont3 .n1 li:nth-child(3) { left:79.4%; top:32%; }
#sub1_4 .cont3 .n1 li:nth-child(4) { left:72.8%; top:48%; }
#sub1_4 .cont3 .n1 li:nth-child(4) a {left:auto; right:10px; }
#sub1_4 .cont3 .n1 li:nth-child(5) { left:74.8%; top:49%; }
#sub1_4 .cont3 .n1 li:nth-child(6) { left:72.8%; top:53%; }
#sub1_4 .cont3 .n1 li:nth-child(7) { left:74%; top:55.7%; }
#sub1_4 .cont3 .n1 li:nth-child(8) { left:77.4%; top:42%; }

#sub1_4 .cont3 .n2 li:nth-child(1) { left:12%; top:30%; }
#sub1_4 .cont3 .n2 li:nth-child(2) { left:15%; top:15%; }

#sub1_4 .cont3 .n3 li:nth-child(1) { left:27%; top:62%; }
#sub1_4 .cont3 .n3 li:nth-child(2) { left:19%; top:75.3%; }

#sub1_4 .cont3 .n4 li:nth-child(1) { left:64.4%; top:15%; }
#sub1_4 .cont3 .n4 li:nth-child(2) { left:41%; top:27.3%; }
#sub1_4 .cont3 .n4 li:nth-child(2) a { left:auto; right:10px; }
#sub1_4 .cont3 .n4 li:nth-child(3) { left:43.7%; top:28.1%; }
#sub1_4 .cont3 .n4 li:nth-child(3) a { left:10px; top:5px; }
#sub1_4 .cont3 .n4 li:nth-child(4) { left:46%; top:27.3%; }
#sub1_4 .cont3 .n4 li:nth-child(4) a { left:14px;  top:-10px; }
#sub1_4 .cont3 .n4 li:nth-child(5) { left:41.9%; top:31.3%; }
#sub1_4 .cont3 .n4 li:nth-child(6) { left:45.9%; top:34.3%; }


/* sub1_5 */
#sub1_5 .cont2 { margin-top: 60px; }
#sub1_5 .cont2 iframe { width: 100%; height: 600px; }
#sub1_5 .cont2 table { width:100%; border-collapse: collapse; border-top:1px solid #3dbfef; margin-top: 20px;  }
#sub1_5 .cont2 table th { border-bottom:1px solid #eee; padding:14px 0 14px 50px; font:16px nseb; color:#3dbfef; text-align: left; width: 160px; }
#sub1_5 .cont2 table td { border-bottom:1px solid #eee; font:16px nsr; color:#666; }
#sub1_5 .cont2 table tr:nth-child(1) th { background: url(/images/icon1.png) no-repeat 18px center; }
#sub1_5 .cont2 table tr:nth-child(2) th { background: url(/images/icon2.png) no-repeat 16px center; }
#sub1_5 .cont2 table tr:nth-child(3) th { background: url(/images/icon3.png) no-repeat 14px center; }



/* aoel */
.ytitle { color:#f0d283; font:14px ntb; margin-bottom: 20px; }

#aoel { padding-bottom: 0; }
#aoel .cont1 {text-align: center;}
#aoel .cont1 .bold { font-size:27px; color:#333; margin-top: 30px; }
#aoel .cont1 .bold span { color:#f0d283; }
#aoel .cont1 p { margin-top: 20px; }
#aoel .cont1 img { margin-top: 40px; border-radius: 10px; }

#aoel .cont2 { margin-top: 200px; }
#aoel .cont2 p { margin-top: 20px; }
#aoel .cont2 ul { justify-content: space-between; margin-top: 40px; }
#aoel .cont2 ul li { width: 440px; height: 100px; border-radius: 10px; box-sizing: border-box; padding:30px 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); }
#aoel .cont2 ul li h4 { font:35px nsb; color:#f0d283; }
#aoel .cont2 ul li h4 span { font:18px nsb; margin-left: 14px; }
#aoel .cont2 ul li p { margin-top: 14px; }

#aoel .cont3 { margin-top: 200px; }
#aoel .cont3 p { margin-top: 20px; width:800px; word-break:keep-all;}
#aoel .cont3 p + img { margin-top: 40px; border-radius: 10px; }
#aoel .cont3 img:last-child { position: absolute; right:0; bottom:0; border-radius: 10px; }

#aoel .cont4 { margin-top: 200px; }
#aoel .cont4 p { margin-top: 20px; }
#aoel .cont4 ul li { margin-top: 30px; justify-content: flex-start; }
#aoel .cont4 ul li p { border-radius: 20px; margin-right: 40px; margin-top:0; width:130px; height:110px; background:#fbfbfb; text-align: center; }
#aoel .cont4 ul li p span { font:18px/110px 'nseb'; color:#fff;}
#aoel .cont4 ul li img { margin-top:20px; }
#aoel .cont4 ul li dl { width:100%; }
#aoel .cont4 ul li dl dt { font:16.5px nseb; color:#333; margin-bottom: 10px; }
#aoel .cont4 ul li dl dd { font-size:15.5px; }
#aoel .cont4 ul li dd { position:relative; padding-left:10px; }
#aoel .cont4 ul li dd:before { content: "-"; position:absolute; left:0; }



#aoel .cont5 { margin-top: 200px; }
#aoel .cont5 ul { margin-top: 40px; justify-content: space-between;  }
#aoel .cont5 ul li { position: relative; border-radius: 14px; overflow: hidden; width:calc(100%/6); margin-right:10px; }
#aoel .cont5 ul li:last-child { margin-right:0; }
#aoel .cont5 ul li a { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left:0; top:0; flex-direction: column; opacity: 0; transition: 0.3s; text-align: center; }
#aoel .cont5 ul li:hover a { opacity: 1; }
#aoel .cont5 ul li img { width:100%; }
#aoel .cont5 ul li a .ytitle { margin-bottom: 0; }
#aoel .cont5 ul li a span { margin-top: 10px; font:16px nseb; color:#fff; }

#aoel .cont6 { margin-top: 200px; height: 450px; background: url(/images/aoel4.png) no-repeat center/cover; }

/* thera fill */
#thera .ytitle { color:#82dcd9; }
#thera.pad { padding-bottom:0; }
#thera .cont3 { margin-top: 0; }
#thera .cont3 p { margin-top: 20px; }
#thera .cont3 p + img { margin-top: 40px; border-radius: 10px; }
#thera .cont3 img:last-child { position: absolute; right:0; bottom:0; border-radius: 10px; }

#thera .cont4 { margin-top: 200px; }
#thera .cont4 p { margin-top: 20px; }
#thera .cont4 ul li { margin-top: 30px; justify-content: flex-start; }
#thera .cont4 ul li p { border-radius: 20px; margin-right: 40px; margin-top:0; width:130px; height:110px; background:#82dcd9; text-align: center; }
#thera .cont4 ul li p span { font:18px/110px 'nseb'; color:#fff;}
#thera .cont4 ul li img { border-radius: 100%; margin-right: 60px; }
#thera .cont4 ul li dl dt { font:16.5px nseb; color:#333; margin-bottom: 10px; }
#thera .cont4 ul li dl dd { font-size:15.5px; }
#thera .cont4 ul li dd { position:relative; padding-left:10px; }
#thera .cont4 ul li dd:before { content: "-"; position:absolute; left:0; }
#thera .cont5  { margin-top: 150px; }
#thera .cont5 img { border-radius: 10px; }

#thera .cont6 { margin-top: 200px; height: 450px; background: url(/images/the5.png) no-repeat center/cover; }



/* sub3_1 */
#sub3_1 > div { padding:160px 0; }
#sub3_1 > div:nth-child(2n) { background: #f9f9f9; }
#sub3_1 figure { float:left; width: 500px; height: 480px; border:1px solid #ddd; box-sizing: border-box; margin-right: 80px; }
#sub3_1 article { float:left; width: 700px; position: relative; }
#sub3_1 article .box { display: inline-block; margin-right: 2px; border:1px solid #3dbfef; border-radius: 5px; color:#3dbfef; font:12px ntd; padding:4px 8px; }
#sub3_1 article h2 { font:24px ntb; color:#333; margin:10px 0; }
#sub3_1 article .down { position: absolute; right:0; top:35px; }
#sub3_1 article .down li { float:left; margin-left:8px; }
#sub3_1 article .down li a { width: 120px; height: 38px; color:#fff; background:#3dbfef; border-radius:5px; font:13px nsb; }
#sub3_1 article .down li a:hover { background: #09addb; transition: 0.3s; }
#sub3_1 article .down li a img { margin-left: 8px; }
#sub3_1 article table { width:100%; border-top:2px solid #3dbfef; border-collapse: collapse; }
#sub3_1 article table th { border-bottom:1px solid #ddd; text-align: left; font:15px nseb; color:#333; width: 140px; }
#sub3_1 article table td { border-bottom:1px solid #ddd; padding:14px 0; font:15px/1.6 nsr; color:#666; word-break: keep-all; }
#sub3_1 article table td em { display: block; position: relative; font-style:normal; padding-left:14px; }
#sub3_1 article table td em:before { content:"-"; position: absolute; left:0; }

#p_detail { position: fixed; left: 0; top: 0; width: 100%; height:100%; background: rgba(0,0,0,0.8); z-index:999; display: none; }
#p_detail.on { display:flex; }
#p_detail figure { display: inline-block; max-height:80%; overflow:auto; }
#p_detail .w_close { position:fixed; right:40px; top:40px; font:32px ntl; color:#fff; }

/* sub3_2 */
#sub3_2 > div { padding:160px 0; }
#sub3_2 > div:nth-child(2n) { background: #f9f9f9; }
#sub3_2 figure { float:left; width: 500px; height: 480px; border:1px solid #ddd; box-sizing: border-box; margin-right: 80px; }
#sub3_2 article { float:left; width: 700px; position: relative; }
#sub3_2 article .box { display: inline-block; margin-right: 2px; border:1px solid #3dbfef; border-radius: 5px; color:#3dbfef; font:12px ntd; padding:4px 8px; }
#sub3_2 article h2 { font:24px ntb; color:#333; margin:10px 0; }
#sub3_2 article .down { position: absolute; right:0; top:35px; }
#sub3_2 article .down li { float:left; }
#sub3_2 article .down li a { width: 120px; height: 38px; color:#fff; background:#3dbfef; border-radius:5px; font:13px nsb; }
#sub3_2 article .down li a:hover { background: #09addb; transition: 0.3s; }
#sub3_2 article .down li a img { margin-left: 8px; }
#sub3_2 article table { width:100%; border-top:2px solid #3dbfef; border-collapse: collapse; }
#sub3_2 article table th { border-bottom:1px solid #ddd; text-align: left; font:15px nseb; color:#333; width: 140px; }
#sub3_2 article table td { border-bottom:1px solid #ddd; padding:14px 0; font:15px/1.6 nsr; color:#666; word-break: keep-all; }
#sub3_2 article table td em { display: block; position: relative; font-style:normal; padding-left:14px; }
#sub3_2 article table td em:before { content:"-"; position: absolute; left:0; }


/* notice */
#sub4_1 .cont1 .btitle { font-size:22px; } 
#sub4_1 .cont2 { font-size:14px; margin-top: 40px; } 

#sub4_2 .cont1 .btitle { font-size:22px; } 

/* sub5_1 */
#sub5_1 .wrap { width:1200px; }
#sub5_1 .cont1 .btitle { font-size:22px; } 
#sub5_1 .cont2 { margin-top: 20px; } 
#w_fmail { border-collapse:collapse; width:100%; border-top:2px solid #3dbfef; }
#w_fmail td { border-bottom:1px solid #ddd; padding:20px; }
#w_fmail td:first-child { width:160px;  font:16px nseb; color:#333; text-align: center; border-right:1px solid #ddd; }
#w_fmail td input[type=text] { border:1px solid #ddd; background:none; height:40px; font:16px nsb; color:#666; padding:0 20px; width:50%; }
#w_fmail td p { margin-bottom:10px; }
#w_fmail td textarea {border:1px solid #ddd; background:none; font:15px/1.4 nsb; color:#666; padding:20px; width:100%; }
#w_fmail td .agree { font:16px nsb; color:#666; padding:10px 0 0; }
#w_fmail td #w_info { height:160px; }
#w_fmail + input[type=submit] { background:#3dbfef; color:#fff; font:16px nsb; text-align:center; width:230px; height:55px; border:none; display: block; margin:60px auto 0; border-radius:5px; }
#w_fmail + input[type=submit]:hover { background:#09addb; transition: 0.3s;  }

/* 모바일 */
/*
#w_fmail td:first-child { width:auto;  font:16px/1.4 nseb; padding:0 10px; word-break: keep-all; text-align: center; white-space: nowrap; }
#w_fmail td p { margin-bottom:10px; }
#w_fmail td .agree { font:14px nsb; }
#w_fmail td #w_info { height:160px; font:14px/1.6 nsb; }
*/