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

body { overflow-x:hidden; }
.wrap { width:1200px; margin:0 auto; position: relative; }
.wrap:after, ul:after, .cls:after { content:""; clear:both; display: block; }
.fl { display: flex; align-items:center; justify-content: center; }
.dn { display: none !important; }

/* header & footer */
#w_header { height:120px; position: fixed; width:100%; left:0; top:0; background: #fff; z-index:999;  }
#w_header.on { box-shadow: 0 2px 2px rgba(0,0,0,0.2); }
#w_header h1 { padding-top:30px; }
#w_header h1 img { height:60px; }
#w_header #w_gnb { position: absolute; top:64px; right:120px;}
#w_header #w_gnb li { float:left; margin-right:80px; }
#w_header #w_gnb li a { color:#333; font:18px sc7; }
#w_header #w_sns { position: absolute; right:0; top: 62px; }
#w_header #w_sns li { float:left; }
#w_header #w_sns img { height:30px; }
.blank { height:120px; }

#w_footer { background:#333; padding:50px 0; font:16px/1.8 ntl; color:#ddd;  }
#w_footer a { color:#ddd; }
#w_footer span { margin-right:45px;}

/* index */
#w_main .bg_tri { width:1600px; padding:50px 0; background: url(/images/bg_tri.jpg) no-repeat left center/cover; }
#w_main .bg_tri .main { margin-left:-360px; height:540px; position:relative; width:1130px; overflow: hidden; }
#w_main .main .w_slide { height:100%; position:relative; } 
#w_main .main .w_slide li { height:100%; float:left; cursor:default; background-repeat: no-repeat; background-position: center; background-size:cover; }
#w_main .main #w_page { text-align:right; position:absolute; bottom:20px; right:40px; width:100%; z-index:1;  }
#w_main .main #w_page li { display:inline-block; margin-right:10px; width:14px; height:14px; background:#fff; cursor:pointer; border-radius: 100%; }
#w_main .main #w_page li.select { background:#edec43; }
#w_main .main #w_page li:last-child { margin-right:0; }
#w_main .bg_tri .ment { position: absolute; right:0; top:100px; color:#fff; }
#w_main .bg_tri .ment i { font:22px sc2; }
#w_main .bg_tri .ment i strong { font-family: sc6; }
#w_main .bg_tri .ment p { margin:30px 0 50px; font:52px/1.3 sc6; }
#w_main .bg_tri .ment p span { color:#edec43; }
#w_main .bg_tri .ment b { font:16px ntr; }
#w_main .bg_tri .deco { position: absolute; right:-40px; bottom:0; }

#w_bnr { padding:120px 0 100px; }
#w_bnr ul li { float:left; margin:0 20px 20px 0; width:285px; height: 240px; box-sizing: border-box; border:1px solid #ddd; padding:26px 0 0 20px; position: relative; transition: 0.3s; cursor: pointer; }
#w_bnr ul li:nth-child(4n) { margin-right: 0; }
#w_bnr ul li:nth-child(7) { margin-right: 0; width:590px;}
#w_bnr ul li:first-child:after { content:""; display:block; width:50px; height: 50px; position: absolute; left:0; top:0; border-top:5px solid #1c9ef1; border-left:5px solid #078ad3; }
#w_bnr ul li:last-child:after { content:""; display:block; width:50px; height: 50px; position: absolute; right:0; bottom:0; border-right:5px solid #374f69; border-bottom:5px solid #203851; }
#w_bnr ul li:nth-child(1):hover { background: #e1f6fc; }
#w_bnr ul li:nth-child(2):hover { background: #ffd7ef; }
#w_bnr ul li:nth-child(3):hover { background: #e2fffd; }
#w_bnr ul li:nth-child(4):hover { background: #f2ffe7; }
/*#w_bnr ul li:nth-child(5):hover { background: #ffe6e6; }*/
#w_bnr ul li:nth-child(5):hover { background: #e6fff3; }
#w_bnr ul li:nth-child(6):hover { background: #fcf6db; }
#w_bnr ul li:nth-child(7):hover { background: #ffe8e8; }
#w_bnr ul li dl dt { font:22px sc6; color:#333; margin-bottom: 20px; }
#w_bnr ul li dl dd { font:16px/1.4 ntd; color:#666; }
#w_bnr ul li img { position: absolute; right:20px; bottom:26px; }

#w_baro { background: #2b3b50; padding:100px 0 140px; }
#w_baro article { background: #fff; position: absolute; left:0; top:40px; height:400px; width:690px; box-sizing: border-box; padding:80px 0 0 60px; }
#w_baro article h2 { font:16px sc6; color:#666; }
#w_baro article h2 span { font-size:32px; color:#2b3b50;  margin-right: 20px;}
#w_baro article strong { display: block; margin:20px 0 40px; color:#e84b39; font:28px sc6; }
#w_baro article strong:before { content:'"'}
#w_baro article p { font:16px/1.6 ntd; color:#666; }
#w_baro img { margin-left:auto; display: block; }

#w_info { background: #f1f1f1; padding:120px 0;  }
#w_info h3 { font:22px sc6; color:#333; margin-bottom: 20px; }
#w_info h3 span { font:14px ntd; color:#666; margin-left: 20px; }
#w_info .latest { width:590px; float:left; }
#w_info .latest article { float:left; width:285px; }
#w_info .latest article:nth-child(1) { width:100%; margin-bottom: 40px; }
#w_info .latest article:nth-child(2) { margin-right: 20px;  height:150px; }
#w_info .latest article:nth-child(3) { height:150px; }
#w_info .latest .num { font:31px sc2; color:#333; }
#w_info .latest span { font:14px/1.6 ntd; color:#666; }
#w_info .latest span b { font-family:ntb; color:#333; }
#w_info .w_map { width:590px; float:right; }
#w_info .w_map .root_daum_roughmap { width:100% !important; }
#w_info .w_map .wrap_controllers { padding: 0; border-top:none; }
#w_info .w_map .wrap_controllers a, #w_info .w_map .wrap_controllers div { display:none; }

/* sub layout */
.sv { height:300px; flex-direction: column; color:#fff; }
.sv p { font:48px sc6; }
.sv p:after { content:""; display:block; width:50px; margin:20px auto; border-top:1px solid #fff; }
.sv span { font:20px sc6;  }
.cont { padding:60px 0 200px; }

/* print */
#bg_print { background: url(/images/bg_print.jpg) no-repeat center/cover; }
#w_print .cont1 #w_slide { margin-right:20px; height:522px; position:relative; overflow:hidden; width:794px; float:left; width:100%; }
#w_print .cont1 #w_slide ul { width:200%; position:relative; height:100%;}
#w_print .cont1 #w_slide ul li { float:left; width:50%; height:100%; }
#w_print .cont1 #w_slide a:link, .w_print #w_slide a:visited { position:absolute; width:40px; height:40px; background:rgba(0,0,0,0.4); top:50%; margin-top:-20px; font:normal normal normal 14px/1 FontAwesome; color:#fff; display:flex; align-items:center; justify-content:center; opacity:0.2; transition:0.3s; }
#w_print .cont1 #w_slide a:hover, .w_print #w_slide a:active, .w_print #w_slide a:focus { opacity:1; }
#w_print .cont1 #w_slide .w_prev { left:0; }
#w_print .cont1 #w_slide .w_prev:before { content:"\f060"; color:#fff; }
#w_print .cont1 #w_slide .w_next { right:0; }
#w_print .cont1 #w_slide .w_next:before { content:"\f061"; color:#fff; }
#w_print .cont1 #w_calc { width:386px; float:left; display: none; }
#w_print .cont1 #w_calc table { border:2px solid #007ac8; border-left:none; border-right:none; width:100%; border-collapse:collapse; }
#w_print .cont1 #w_calc table td { border:1px solid #ddd; height:50px; font:16px sc6; color:#666; }
#w_print .cont1 #w_calc table td:first-child { border-left:none; text-align:center;  width:120px; background: #f9f9f9;}
#w_print .cont1 #w_calc table td:last-child { border-right:none; padding:0 15px; position:relative; }
#w_print .cont1 #w_calc table td:last-child img { position:absolute; right:15px; top:16px; cursor:pointer; }
#w_print .cont1 #w_calc table td select { height:30px; font:14px ntd; color:#999; border:1px solid #ddd; width:88%; padding-left:10px;}
#w_print .cont1 #w_calc table td input { height:30px; font:14px ntd; color:#999; border:none; border:1px solid #ddd;width:88%; padding:0 14px; }
#w_print .cont1 #w_calc table td #w_cnum { width:43%; float:left; margin-right:2%; }
#w_print .cont1 #w_calc table td #w_bnum { width:43%; float:left;  }
#w_print .cont1 #w_calc table td #w_total { text-align:right; border:none; background:none; width:88%; color:#007ac8; pointer-events:none; font:22px ntm;}
#w_print .cont1 #w_calc table td #w_total + span { position:relative; top:4px; font:18px ntm; color:#007ac8; }
#w_print .cont1 #w_calc #w_admin { background:#007ac8; display:block; text-align:center; height:50px; color:#fff; margin:20px 0; font:16px/50px sc6; }
#w_print .cont1 #w_calc #w_admin.on { background:#666; }
#w_print .cont1 #w_calc .w_admin { display:none; }
#w_print .cont1 #w_calc .w_admin input[type=text] { width:100%; }
#w_print .cont1 #w_calc .w_admin input[type=radio] { width:14px; height:14px; }
#w_print .cont1 #w_calc .w_admin textarea { height:100px; width:100%; margin:10px 0; border:none; border:1px solid #ddd; padding:6px 14px; font:14px ntd; color:#999; }
#w_print .cont1 #w_calc .w_admin td:last-child { font:14px ntd;  }
#w_print .cont1 #w_calc .w_admin input[type=submit] { background:#007ac8; width:100%; border:none; text-align:center; height:50px; color:#fff; margin:20px 0 0; font:16px/50px sc6; }

#w_print .cont2 { margin-top: 100px; }
#w_print .w_title { font:52px/1.2 sc4; color:#333; float:left; }
#w_print article { width:894px; float:right; }
#w_print article h3 { font:24px sc6; color:#007ac8; border-bottom:2px solid #007ac8; padding-bottom: 8px; margin-bottom: 10px; }
#w_print article p { font:16px/1.8 ntd; color:#666; }
#w_print article p span { color:#e84b39; font-size:18px; word-break: keep-all; }

#w_print .cont3 { margin-top: 100px; }
#w_print .cont3 h3 { margin-bottom: 20px; }
#w_print .cont3 article div { width:30%; margin-right: 5%; float:left; margin-bottom: 60px; }
#w_print .cont3 article div:nth-child(3n) { margin-right: 0;  }
#w_print .cont3 article div:nth-child(3n+1) { clear:both; }
#w_print .cont3 article div table { width:100%; border-left:none; border-right:none; border-collapse:collapse;}
#w_print .cont3 article div table th { border-left:none; text-align:center;  background: #f9f9f9; border:1px solid #ddd; font:16px ntm; color:#333;  padding:6px 0;}
#w_print .cont3 article div table th:first-child { width:50%; border-left:none; }
#w_print .cont3 article div:first-child table th:first-child { width:100px; }
#w_print .cont3 article div table td { border:1px solid #ddd; padding:8px 0; font:16px ntd; color:#666; text-align: center; }
#w_print .cont3 article div table th:last-child, #w_print .cont3 article div table td:last-child { border-right:none; }

#w_print .cont4 { margin-top: 100px; }
#w_print .cont4 h3 { margin-bottom: 20px; }
#w_print .cont4 article { position: relative; }
#w_print .cont4 img { width:380px; margin-right:20px; }
#w_print .cont4 p { width:494px; position: absolute; right:0; bottom:0; word-break: keep-all; }
#w_print .cont4 p strong { font:20px ntb; display: block; color:#333; margin-bottom: 10px; }
#w_print .cont4 article:nth-of-type(2n) { margin: 30px 0 60px; }
#w_print .cont4 article figure { width:285px; float:left; margin-right: 20px; }
#w_print .cont4 article figure img { width:285px; }
#w_print .cont4 article figure:last-child { margin-right: 0; width:284px; }
#w_print .cont4 article figure figcaption { font:14px ntr; color:#666; margin-top: 8px;  }

#w_print .cont5 { margin-top: 40px; }
#w_print .cont5 h3 { margin-bottom: 20px; }
#w_print .cont5 ul li { width:437px; float:left; margin-right:20px; position: relative; margin-bottom: 30px;  }
#w_print .cont5 ul li:nth-child(2n) { margin-right: 0; }
#w_print .cont5 ul li:after { content:""; clear:both; display: block;  }
#w_print .cont5 ul li img { float:left; margin-right: 20px; }
#w_print .cont5 ul li p { float:left; width:132px; word-break: keep-all; font-size:14px; line-height:1.4; }
#w_print .cont5 ul li p strong { font:20px ntb; display: block; color:#333; margin-bottom: 10px; }

#w_print .cont6 { margin-top: 100px; }
#w_print .li3 { margin-top: 60px; }
#w_print .li3 h3 { margin-bottom: 20px; }
#w_print .li3 article figure { width:285px; float:left; margin-right: 20px; margin-bottom: 40px; }
#w_print .li3 article figure img { width:285px; }
#w_print .li3 article figure figcaption { font:20px ntb; color:#333; margin-top: 8px;  }



/* book */
#bg_book { background: url(/images/bg_book.jpg) no-repeat center/cover; }
#w_print.w_book .cont1 #w_slide { height:772px; }
.w_book .cont7 article figure figcaption span { display: block; font:14px/1.4 ntd; color:#666; margin-top: 10px; word-break: keep-all; }
#w_print.w_book .cont3 article div table th span { font-size:13px; display:block; }
#w_print.w_book .cont8 article:first-child  { width:590px; position:absolute; right:304px;  }
#w_print.w_book .cont8 article:first-child figure:last-child { margin-right: 0; }
#w_print.w_book .cont8 article:last-child { width:284px; }
#w_print.w_book .cont8 article:after { content:""; clear:both; display:block; }

/* cover */
#bg_cover { background: url(/images/bg_cover.jpg) no-repeat center/cover; }
#w_cover .cont1 > p { font:18px/1.8 sc6; color:#666;}
#w_cover .cont1 ul { margin-top: 40px; }
#w_cover .cont1 ul li { width:285px; margin-right:20px; float:left; margin-bottom: 40px; background: #fff; }
#w_cover .cont1 ul li figure { height:200px; }
#w_cover .cont1 ul li:nth-child(4n) { margin-right: 0; }
#w_cover .cont1 ul li:nth-child(4n+1) { clear:both; }
#w_cover .cont1 ul li img { width:100%; height:100%; border:1px solid #ddd; }
#w_cover .cont1 ul li p { margin-top: 10px; font:16px ntb; }
#w_cover .cont1 a { margin:60px auto 0; width:180px; height:50px; color:#fff; font:16px sc6; background: #007ac8;}

/* qna */
#bg_qna { background: url(/images/bg_qna.jpg) no-repeat center/cover; }
#bg_req { background: url(/images/bg_req.jpg) no-repeat center/cover; }