﻿@charset "utf-8";
@import url("../font/NotoSansKR/fonts.css");
@import url("../font/SCDream/fonts.css");
@import url("../font/TitilliumWeb/fonts.css");
@import url("../font/XEIcon-2.3.3/xeicon.css");

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumGothic-Regular.eot);
  src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Regular.woff2) format('woff2'),
       url(./font/NanumGothic-Regular.woff) format('woff'),
       url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumGothic-Bold.eot);
  src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Bold.woff2) format('woff2'),
       url(./font/NanumGothic-Bold.woff) format('woff'),
       url(./font/NanumGothic-Bold.ttf) format('truetype');
}

/* reset.css */
/*
html {font-size: 20px;}
html, body{min-height:100%;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; padding: 0; line-height: 1.6; font-family: 'Titillium Web', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-size: 0.9rem; font-weight: 400; color: #111;}
*/

/*
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
*/
html {font-size: 20px;}
html, body{min-height:100%;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5
{
	font-family:'Nanum Gothic';
	/*font-size:14px;*/
	font-size: 0.8rem;
	font-weight:400;
	color:#333;
}
ul,ol,li{list-style:none}
img{border:0px none;}
img,input,select,button,label{vertical-align:middle}
i,em,address{font-style:normal}
a{text-decoration:none;color:#222}
a:hover{text-decoration:none}
caption{display:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';zoom:1;overflow:hidden;clear:both}
.inner{position:relative;margin:0 auto;width:1280px;}
.inner:after{display:block;content:'';clear:both;}
.soundOnly{display:inline-block !important;position:absolute !important;top:0 !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important}
.fl-l{float:left;}
.fl-r{float:right;}
.afterClear:after{display:block;content:'';clear:both;}
.aleft{text-align:left;}
.aright{text-align:right;}
.acenter{text-align:center;}

/*Size*/
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}
.indent1{text-indent:15px}.indent2{text-indent:30px}.indent3{text-indent:45px}.indent4{text-indent:60px}
.pdt5{padding-top:5px !important;}.pdt10{padding-top:10px !important;}.pdt15{padding-top:15px !important;}.pdt20{padding-top:20px !important;}.pdt25{padding-top:25px !important;}.pdt30{padding-top:30px !important;}.pdt35{padding-top:35px !important;}.pdt40{padding-top:40px !important;}.pdt45{padding-top:45px !important;}.pdt50{padding-top:50px !important;}
.pdr5{padding-right:5px !important;}.pdr10{padding-right:10px !important;}.pdr15{padding-right:15px !important;}.pdr20{padding-right:20px !important;}.pdr25{padding-right:25px !important;}.pdr30{padding-right:30px !important;}.pdr35{padding-right:35px !important;}.pdr40{padding-right:40px !important;}.pdr45{padding-right:45px !important;}.pdr50{padding-right:50px !important;}
.pdb5{padding-bottom:5px !important;}.pdb10{padding-bottom:10px !important;}.pdb15{padding-bottom:15px !important;}.pdb20{padding-bottom:20px !important;}.pdb25{padding-bottom:25px !important;}.pdb30{padding-bottom:30px !important;}.pdb35{padding-bottom:35px !important;}.pdb40{padding-bottom:40px !important;}.pdb45{padding-bottom:45px !important;}.pdb50{padding-bottom:50px !important;}
.pdl5{padding-left:5px !important;}.pdl10{padding-left:10px !important;}.pdl15{padding-left:15px !important;}.pdl20{padding-left:20px !important;}.pdl25{padding-left:25px !important;}.pdl30{padding-left:30px !important;}.pdl35{padding-left:35px !important;}.pdl40{padding-left:40px !important;}.pdl45{padding-left:45px !important;}.pdl50{padding-left:50px !important;}
.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt15{margin-top:15px !important;}.mgt20{margin-top:20px !important;}.mgt25{margin-top:25px !important;}.mgt30{margin-top:30px !important;}.mgt35{margin-top:35px !important;}.mgt40{margin-top:40px !important;}.mgt45{margin-top:45px !important;}.mgt50{margin-top:50px !important;}
.mgr0{margin-right:0px !important;}.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr15{margin-right:15px !important;}.mgr20{margin-right:20px !important;}.mgr25{margin-right:25px !important;}.mgr30{margin-right:30px !important;}.mgr35{margin-right:35px !important;}.mgr40{margin-right:40px !important;}.mgr45{margin-right:45px !important;}.mgr50{margin-right:50px !important;}
.mgb5{margin-bottom:5px !important;}.mgb10{margin-bottom:10px !important;}.mgb15{margin-bottom:15px !important;}.mgb20{margin-bottom:20px !important;}.mgb25{margin-bottom:25px !important;}.mgb30{margin-bottom:30px !important;}.mgb35{margin-bottom:35px !important;}.mgb40{margin-bottom:40px !important;}.mgb45{margin-bottom:45px !important;}.mgb50{margin-bottom:50px !important;}
.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px !important;}.mgl15{margin-left:15px !important;}.mgl20{margin-left:20px !important;}.mgl25{margin-left:25px !important;}.mgl30{margin-left:30px !important;}.mgl35{margin-left:35px !important;}.mgl40{margin-left:40px !important;}.mgl45{margin-left:45px !important;}.mgl50{margin-left:50px !important;}

/*Layout*/
#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover,
#skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}
#header{position:relative;height:87px;background:url(../../images/new/bg_headerLine.png) repeat-x center bottom;}
#header h1{position:absolute;top:50%;left:10px;margin-top:-15px;height:30px;}
#header #gnb ul,
#header #gnb ul li,
#header #gnb ul li a{display:block;color:#333;}
#header #gnb > ul{padding-left:210px;}
#header #gnb > ul:after{content:'';clear:both;}
#header #gnb > ul > li{position:relative;float:left;padding:0 13px;}
#header #gnb > ul > li > a{height:82px;font-size:0.85rem;line-height:82px;}
#header #gnb > ul > li > a:before{display:none;content:'';position:absolute;bottom:0;left:50%;margin-left:-7px;width:14px;height:7px;background:url(../../images/new/icon_navSelect.png) no-repeat center bottom;}
#header #gnb > ul > li > a:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-10px;height:20px;border-right:1px solid #bbb;}
#header #gnb > ul > li.first > a:after{display:none;}
#header #gnb > ul > li > a:hover,
#header #gnb > ul > li.active > a{font-weight:bold;color:#d62636;}
#header #gnb > ul > li > a:hover:before,
#header #gnb > ul > li.active > a:before{display:block;}
#header #gnb > ul > li.active > ul{display:block;}
#header #gnb > ul > li > ul{display:none;position:absolute;left:0;padding:15px 25px;width:200px;background:#fff;border:1px #d62636 solid;z-index:10;}
#header #gnb > ul > li > ul > li{padding:5px 0;}
#header #gnb > ul > li > ul > li > a{display:inline-block;position:relative;padding:3px 0 3px 13px;color:#333;}
#header #gnb > ul > li > ul > li > a:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:3px;height:3px;background:url(../../images/new/icon_gnbSubBullet.png) no-repeat;}
#header #gnb > ul > li > ul > li > a:after{display:none;content:'';position:absolute;bottom:0;left:13px;right:0;border-bottom:1px #db515b solid;}
#header #gnb > ul > li > ul > li > a:hover,
#header #gnb > ul > li > ul > li.active > a{color:#d62636;}
#header #gnb > ul > li > ul > li > a:hover:before,
#header #gnb > ul > li > ul > li.active > a:before{background:url(../../images/new/icon_gnbSubBullet_active.png) no-repeat;}
#header #gnb > ul > li > ul > li > a:hover:after,
#header #gnb > ul > li > ul > li.active > a:after{display:block;}
#header #topGuide{position:absolute;top:50%;right:15px;margin-top:-10px;height:20px;}
#header #topGuide:after{display:block;content:'';clear:both;}
#header #topGuide li{position:relative;float:left;padding:0 15px;}
#header #topGuide li:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-10px;height:20px;border-right:1px solid #bbb;}
#header #topGuide li.first:after{display:none;}
#footer{background:#f9f9f9;border-top:1px #dcdcdc solid;}
#footer .logo{position:absolute;top:20px;left:20px;}
#footer p{padding:25px 0 25px 200px;color:#666;line-height:160%;}
#contents > .inner{padding:20px 0 80px;min-height:650px;}
#contents h3{display:block;position:relative;margin:20px 0 10px;font-size:22px;font-weight:bold;color:#111;line-height:24px;}
#contents h3 span{display:inline-block;position:relative;margin-left:18px;padding-left:18px;font-size:15px;font-weight:normal;}
#contents h3 span:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-6px;height:12px;border-left:1px #d9d9d9 solid;}
#contents h3 span b b{color:#e60039;}
#contents h4{display:block;position:relative;margin:20px 0 10px;font-size:15px;font-weight:bold;color:#111;}
#contents h4 span.guide{display:block;position:absolute;top:0;right:0;font-size:12px;font-weight:normal;}

/* ---------------------------- 메인화면 비쥬얼영역 --------------------------- */
#mainVisual{position:relative;height:221px;background:url(../../images/new/bg_mainVisual.jpg) no-repeat center top;}
#mainVisual h2{display:block;padding-top:20px;height:90px;font-size:30px;font-weight:bold;color:#565956;line-height:90px;text-align:center;}
#mainVisual h2 b{color:#e60039;}
#mainVisual.mapPage{height:160px;background:url(../../images/new/bg_mainVisual.jpg) no-repeat center center;}
#mainVisual.mapPage h2{padding-top:0;height:160px;line-height:160px;}
#mapVisual h2 b{color:#e60039;}
#mainTopSearch{text-align:center;}
#mainTopSearch label{display:inline-block;margin:0 15px;font-size:16px;font-weight:bold;color:#414141;line-height:38px;vertical-align:top;}
#mainTopSearch input[type='text'],
#mainTopSearch select{min-width:80px;height:38px;line-height:38px;font-size:15px;text-indent:5px;border:0px none;vertical-align:top;}
#mainTopSearch .btn_submit{display:inline-block;padding:0 20px;height:38px;line-height:38px;font-size:16px;font-weight:bold;color:#fff;background:#414141;border:0px none;cursor:pointer;vertical-align:top;}
#mainSearchOption{margin-top:-58px;padding:15px 0 15px 200px;background:#fafafa url(../../images/new/img_searchIcon.png) no-repeat 64px 18px;border-bottom:1px #e2e6ef solid;}
#mainSearchOption ul{display:block;}
#mainSearchOption ul:after{display:block;content:'';clear:both;}
#mainSearchOption ul li{display:block;float:left;width:33.3333%;height:40px;line-height:40px;}
#mainSearchOption ul li.colFull{width:100%;}
#mainSearchOption ul li label{display:inline-block;width:100px;font-size:16px;font-weight:bold;color:#555;vertical-align:top;}
#mainSearchOption ul li b{font-size:18px;color:#e60039;}
#mainSearchOption ul li .labelDesc{font-size:12px;color:#888;}
.searchTitleBar{height:42px;font-size:18px;font-weight:bold;color:#193d72;line-height:42px;text-align:center;background:#eceef3;border-top:2px solid #193d72;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;}
/*.searchBar{padding:15px 0;background:url(../../images/new/bg_searchBar.png);border-bottom:1px #d9d9d9 solid;}
.searchBar .searchForm{height:115px;background:url(../../images/new/bg_searchForm.png) no-repeat center center;}
.searchBar .searchForm ul{display:block;padding-top:29px;text-align:center;}
.searchBar .searchForm ul li{display:inline-block;position:relative;margin-left:10px;padding:0 10px 0 130px;height:50px;font-size:15px;line-height:50px;background:#fff;border-top:3px #235bad solid;vertical-align:middle;}
.searchBar .searchForm ul li label{display:block;position:absolute;top:0;left:0;width:120px;height:50px;font-size:17px;line-height:50px;text-align:center;background:#f2f2f2;}
.searchBar .searchForm ul li input[type='text'],
.searchBar .searchForm ul li select{min-width:80px;height:40px;line-height:40px;font-size:14px;border:0px none;vertical-align:middle;}
.searchBar .searchForm ul li a.btn_submit,
.searchBar .searchForm ul li button.btn_submit,
.searchBar .searchForm ul li input[type="submit"]{display:inline-block;margin-right:-10px;height:50px;padding:0 28px 0 45px;font-size:1.1em;font-weight:bold;color:#fff;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;cursor:pointer;vertical-align:top;}*/
.searchBar{padding:50px 0 10px;}
.searchBar .searchForm{padding:30px 0;min-height:40px;text-align:center;background:#eceef3;border:1px #dce1e9 solid;border-top:2px #193d72 solid;}
.searchBar .searchForm label{display:inline-block;padding:0 20px;font-size:17px;color:#193d72;line-height:40px;vertical-align:top;}
.searchBar .searchForm input[type='text']{padding:0 10px;height:40px;font-size:14px;line-height:38px;border:1px #bfc8da solid;vertical-align:top;box-sizing:border-box;}
.searchBar .searchForm .btn_submit{display:inline-block;height:40px;padding:0 28px 0 45px;font-size:16px;font-weight:bold;color:#fff;line-height:40px;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;cursor:pointer;vertical-align:top;}
.searchBar .searchForm .btn_nation{display:inline-block;position:relative;height:38px;padding:0 16px;font-size:16px;font-weight:bold;color:#193d72;line-height:38px;background:#fff;border:1px #193d72 solid;cursor:pointer;vertical-align:top;}
.searchBar .searchForm{position:relative;}
.searchBar .searchForm .nationSelectBox{display:none;margin:20px 40px 0;}
.searchBar .searchForm .nationSelectBox ul{display:block;max-height:156px;border-top:1px #dcdcdc solid;border-left:1px #dcdcdc solid;overflow-y:auto;}
.searchBar .searchForm .nationSelectBox ul:after{display:block;content:'';clear:both;}
.searchBar .searchForm .nationSelectBox ul li{display:block;float:left;width:10%;background:#fff;}
.searchBar .searchForm .nationSelectBox ul li a{display:block;height:25px;font-size:13px;line-height:25px;border-right:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;letter-spacing:-1px;overflow:hidden;}
.mainContent{padding:40px 0;}

/* ------------------------------ 서브화면 비쥬얼영역 ------------------------------ */
#subVisual{position:relative;background:url(../../images/new/bg_subVisual.jpg) no-repeat center top;}
#subVisual > .inner{height:70px;}
#subVisual h2{padding-left:110px;height:70px;font-size:22px;font-weight:bold;color:#fff;line-height:70px;}
#subVisual h2.bg_subVisualIcon1{background:url(../../images/new/icon_subIcon1.png) no-repeat left center;}
#subVisual h2.bg_subVisualIcon2{background:url(../../images/new/icon_subIcon2.png) no-repeat left center;}
#subVisual h2.bg_subVisualIcon3_1{background:url(../../images/new/icon_subIcon3.png) no-repeat left center;}
#subVisual h2.bg_subVisualIcon3_2{background:url(../../images/new/icon_subIcon4.png) no-repeat left center;}
#subVisual #location{position:absolute;top:30px;right:15px;}
#subVisual #location:after{display:block;content:'';clear:both;}
#subVisual #location li{float:left;padding:0 12px 0 8px;font-size:12px;color:#484848;line-height:15px;}
#subVisual #location li img{display:inline-block;vertical-align:middle;}
#subVisual #location li.arrow{background:url(../../images/new/icon_locationArrow.png) no-repeat right center;}

/* ------------------------------ 검색테이블 스타일 ------------------------------ */
#contents .allSearch{/*margin-bottom:20px;*/padding:30px 0;border-bottom:1px solid #e5e5e5;background:url(../../images/new/bg_allSearch.png);}
#contents .allSearch:after{display:block;content:'';clear:both;}
#contents .allSearch table{width:100%;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;}
#contents .allSearch table th,
#contents .allSearch table td{border-bottom:1px solid #d0d7e1;}
#contents .allSearch table caption{display:table-caption;height:42px;font-size:18px;font-weight:bold;color:#193d72;line-height:42px;background:#eceef3;border:1px solid #d0d7e1;border-top:2px solid #193d72;}
#contents .allSearch table thead th{height:38px;font-size:15px;font-weight:bold;color:#4f5c70;background:#f8f8f8;border-right:1px solid #dcdcdc;}
#contents .allSearch table tbody td{padding:10px 15px;background:#fff;border-right:1px solid #dcdcdc;vertical-align:top;}
#contents .allSearch table tbody ul{display:block;margin:-10px -15px;padding:10px 15px;height:148px;overflow-y:auto;}
#contents .allSearch table tbody ul li{display:block;padding:4px 0;}

#contents .allSearch table thead th.last,
#contents .allSearch table tbody td.last{border-right:0px none;}
#contents .allSearch table tbody td label{display:inline-block;margin-left:12px;vertical-align:middle;}
#contents .allSearch table tbody td select{padding-left:10px;width:140px;height:30px;color:#666;border:1px solid #c2c2c2;box-sizing:border-box;}
#contents .allSearch table tbody td.allCenter{text-align:center;vertical-align:middle;}
#contents .allSearch a.btn_submit,
#contents .allSearch button.btn_submit,
#contents .allSearch input[type="submit"]{display:block;margin-top:10px;float:right;height:40px;padding:0 28px 0 45px;font-size:1.1em;font-weight:bold;color:#fff;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;cursor:pointer;}
#contents .allSearch a.btn_submit:hover,
#contents .allSearch button.btn_submit:hover,
#contents .allSearch input[type="submit"]:hover{opacity:0.8	;}

/* ------------------------------검색테이블 스타일  가로 3줄 표시 ------------------------------ */

#contents .allSearch table tbody ul li span.line_2020{display: inline-block; width: 32%; float: left; padding: 4px 0;}
#contents .allSearch2{/*margin-bottom:20px;*/padding:30px 0;border-bottom:1px solid #e5e5e5;background:url(../../images/new/bg_allSearch.png);}
#contents .allSearch2:after{display:block;content:'';clear:both;}
#contents .allSearch2 table{width:100%;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;}
#contents .allSearch2 table th,
#contents .allSearch2 table td{border-bottom:1px solid #d0d7e1;}
#contents .allSearch2 table caption{display:table-caption;height:42px;font-size:18px;font-weight:bold;color:#193d72;line-height:42px;background:#eceef3;border:1px solid #d0d7e1;border-top:2px solid #193d72;}
#contents .allSearch2 table thead th{height:38px;font-size:15px;font-weight:bold;color:#4f5c70;background:#f8f8f8;border-right:1px solid #dcdcdc;}
#contents .allSearch2 table tbody td{padding:10px 15px;background:#fff;border-right:1px solid #dcdcdc;vertical-align:top;}
#contents .allSearch2 table tbody ul{display:block;margin:-10px -15px;padding:10px 15px;height:148px;overflow-y:auto; width:100%;}
#contents .allSearch2 table tbody ul li{display:inline-block; padding:4px 0; width: 32%;}
#contents .allSearch2 table thead th.last,
#contents .allSearch2 table tbody td.last{border-right:0px none;}
#contents .allSearch2 table tbody td label{display:inline-block;margin-left:12px;vertical-align:middle;}
#contents .allSearch2 table tbody td select{padding-left:10px;width:140px;height:30px;color:#666;border:1px solid #c2c2c2;box-sizing:border-box;}
#contents .allSearch2 table tbody td.allCenter{text-align:center;vertical-align:middle;}
#contents .allSearch2 a.btn_submit,
#contents .allSearch2 button.btn_submit,
#contents .allSearch2 input[type="submit"]{display:block;margin-top:10px;float:right;height:40px;padding:0 28px 0 45px;font-size:1.1em;font-weight:bold;color:#fff;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;cursor:pointer;}
#contents .allSearch2 a.btn_submit:hover,
#contents .allSearch2 button.btn_submit:hover,
#contents .allSearch2 input[type="submit"]:hover{opacity:0.8	;}

#contents .allSearch3{}
#contents .allSearch3:after{display:block;content:'';clear:both;}
#contents .allSearch3 table{width:100%;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;}
#contents .allSearch3 table th,
#contents .allSearch3 table td{border-bottom:1px solid #d0d7e1;}
#contents .allSearch3 table caption{display:table-caption;height:42px;font-size:18px;font-weight:bold;color:#193d72;line-height:42px;background:#eceef3;border:1px solid #d0d7e1;border-top:2px solid #193d72;}
#contents .allSearch3 table thead th{height:38px;font-size:15px;font-weight:bold;color:#4f5c70;background:#f8f8f8;border-right:1px solid #dcdcdc;}
#contents .allSearch3 table tbody td{padding:10px 15px;background:#fff;border-right:1px solid #dcdcdc;vertical-align:top;}
#contents .allSearch3 table tbody ul{display:block;margin:-10px -15px;padding:10px 15px;height:148px;overflow-y:auto;}
#contents .allSearch3 table tbody ul li{display:block;padding:4px 0;}
#contents .allSearch3 table tbody ul li span.line_2020{display: inline-block; width: 32%; float: left; padding: 4px 0;}
#contents .allSearch3 table thead th.last,
#contents .allSearch3 table tbody td.last{border-right:0px none;}
#contents .allSearch3 table tbody td label{display:inline-block;margin-left:12px;vertical-align:middle;}
#contents .allSearch3 table tbody td select{padding-left:10px;width:140px;height:30px;color:#666;border:1px solid #c2c2c2;box-sizing:border-box;}
#contents .allSearch3 table tbody td.allCenter{text-align:center;vertical-align:middle;}
#contents .allSearch3 a.btn_submit,
#contents .allSearch3 button.btn_submit,
#contents .allSearch3 input[type="submit"]{display:block;margin-top:10px;float:right;height:40px;padding:0 28px 0 45px;font-size:1.1em;font-weight:bold;color:#fff;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;cursor:pointer;}
#contents .allSearch3 a.btn_submit:hover,
#contents .allSearch3 button.btn_submit:hover,
#contents .allSearch3 input[type="submit"]:hover{opacity:0.8	;}

/* ------------------------------ 테이블 스타일 ------------------------------ */
#contents .tableInfo{position:relative;margin-bottom:10px;height:30px;line-height:30px;}
#contents .tableInfo:after{display:block;content:'';clear:both;}
#contents .tableInfo .total{display:block;float:left;margin-left:5px;}
#contents .tableInfo .total b{color:#3579d4;font-weight:bold;}
#contents .tableInfo .count{display:inline-block;position:relative;font-size:15px;}
#contents .tableInfo .count b{color:#e60039;}
#contents .tableInfo .desc{display:block;float:right;}
#contents .tableGuide{position:relative;margin-bottom:15px;padding:10px 15px 10px 60px;font-size:0.7rem;color:#111;line-height:160%;background:#f7f7f7 url(../../images/new/icon_info.png) no-repeat 15px 15px;border:1px #dedede solid;}
table.list{width:100%;border-top:2px #545454 solid;border-left:1px #dcdcdc solid;}
table.list th{padding:10px 0;font-weight:bold;color:#424d89;text-align:center;background:#f9f9f9;border-right:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;}
table.list td{padding:10px;color:#343434;text-align:center;line-height:20px;border-right:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;}
table.list td.left{text-align:left;}
table.list td .typeIcon{margin-top:2px;margin-bottom:2px;}
table .numRight{text-align:right !important;}

/* ------------------------------ Highmaps MAP ------------------------------ */
.globalMap{position:relative;padding-top:20px;background:#fff;border:1px #dce1e9 solid;border-top:2px #193d72 solid;}
.globalMap .globalMapImg{position:relative;padding-right:100px;height:550px;}
.globalMap .globalMapDesc{padding:20px;font-size:13px;font-weight:bold;color:#333;text-align:right;clear:both;}
.mainContent .globalMap{padding-top:0;border:0px none;border-bottom:1px #e6e7eb solid;}
.mainContent .globalMap .globalMapImg{padding-right:30px;}
.mapUseGuide{position:relative;margin:15px 20px;line-height:20px;padding:0 0 0 30px;font-size:12px;color:#111;line-height:160%;background:url(../../images/new/icon_mapInfo.png) no-repeat 0 center;}
.customTooltip{}
.customTooltip b{display:inline-block;padding-top:5px;font-size:13px;vertical-align:top;}
.customTooltip .customTooltipValue{margin-top:5px;font-size:30px;}
#btn_mapReset{display:none;position:absolute;top:15px;left:10px;width:32px;height:32px;text-indent:-9999em;background:url(../../images/new/icon_btnWorld.png) no-repeat center center;}

/* ------------------------------ 상태아이콘 ------------------------------ */
.typeIcon{display:inline-block;position:relative;margin:0 10px 0 5px;padding:0;height:16px;font-size:10.5px;font-weight:bold;color:#fff;line-height:16px;text-align:center;vertical-align:middle;}
.typeIcon:before{display:block;content:'';position:absolute;top:0;left:-5px;width:5px;height:16px;}
.typeIcon:after{display:block;content:'';position:absolute;top:0;right:-5px;width:5px;height:16px;}
.typeIcon.icon1{background:#ffb400;}
.typeIcon.icon1:before{background:url(../../images/new/icon_typeIcon1.png) no-repeat left top;}
.typeIcon.icon1:after{background:url(../../images/new/icon_typeIcon1.png) no-repeat right top;}
.typeIcon.icon2{background:#268b55;}
.typeIcon.icon2:before{background:url(../../images/new/icon_typeIcon2.png) no-repeat left top;}
.typeIcon.icon2:after{background:url(../../images/new/icon_typeIcon2.png) no-repeat right top;}
.typeIcon.icon3{background:#3579d4;}
.typeIcon.icon3:before{background:url(../../images/new/icon_typeIcon3.png) no-repeat left top;}
.typeIcon.icon3:after{background:url(../../images/new/icon_typeIcon3.png) no-repeat right top;}
.typeIcon.icon4{background:#d62636;}
.typeIcon.icon4:before{background:url(../../images/new/icon_typeIcon4.png) no-repeat left top;}
.typeIcon.icon4:after{background:url(../../images/new/icon_typeIcon4.png) no-repeat right top;}
.typeIcon.icon5{background:#e21d90;}
.typeIcon.icon5:before{background:url(../../images/new/icon_typeIcon5.png) no-repeat left top;}
.typeIcon.icon5:after{background:url(../../images/new/icon_typeIcon5.png) no-repeat right top;}
.typeIcon.icon6{background:#60a032;} /* 19.0814:수정 */
.typeIcon.icon6:before{background:url(../../images/new/icon_typeIcon6.png) no-repeat left top;}
.typeIcon.icon6:after{background:url(../../images/new/icon_typeIcon6.png) no-repeat right top;}
.typeIcon.icon7{background:#e6be64;} /* 19.0814:수정 */
.typeIcon.icon7:before{background:url(../../images/new/icon_typeIcon7.png) no-repeat left top;}
.typeIcon.icon7:after{background:url(../../images/new/icon_typeIcon7.png) no-repeat right top;}
.typeIcon.icon8{background:#ffe400;}
.typeIcon.icon8:before{background:url(../../images/new/icon_typeIcon8.png) no-repeat left top;}
.typeIcon.icon8:after{background:url(../../images/new/icon_typeIcon8.png) no-repeat right top;}
.typeIcon.icon9{background:#939393;} /* 19.0814:수정 */
.typeIcon.icon9:before{background:url(../../images/new/icon_typeIcon9.png) no-repeat left top;}
.typeIcon.icon9:after{background:url(../../images/new/icon_typeIcon9.png) no-repeat right top;}

/* ------------------------------ 버튼 ------------------------------ */
.btn_excel{display:inline-block;padding:0 12px 0 35px;height:28px;line-height:28px;border:1px solid #c3c3c3;background:#fbfbfb url(../../images/new/icon_btnExcel.png) no-repeat 12px center;vertical-align:middle;}
.btn_detail{display:inline-block;position:relative;padding:0 25px 0 12px;height:28px;line-height:28px;border:1px solid #c3c3c3;vertical-align:middle;}
.btn_detail.small{padding:0 22px 0 10px;height:24px;font-size:13px;line-height:24px;}
.btn_detail:after{display:block;content:'';position:absolute;top:50%;right:12px;margin-top:-3px;width:5px;height:7px;background:url(../../images/new/icon_btnDetail.png) no-repeat;}

.btn_detailDown{display:inline-block;position:relative;padding:0 25px 0 12px;height:28px;line-height:28px;border:1px solid #c3c3c3;vertical-align:middle;}
.btn_detailDown.small{padding:0 22px 0 10px;height:24px;font-size:13px;line-height:24px;}
.btn_detailDown:after{display:block;content:'';position:absolute;top:50%;right:12px;margin-top:-3px;width:10px;height:7px;background:url(../../images/new/icon_btnDetailDown.png) no-repeat;}

.btn_detailUp{display:inline-block;position:relative;padding:0 25px 0 12px;height:28px;line-height:28px;border:1px solid #c3c3c3;vertical-align:middle;}
.btn_detailUp.small{padding:0 22px 0 10px;height:24px;font-size:13px;line-height:24px;}
.btn_detailUp:after{display:block;content:'';position:absolute;top:50%;right:12px;margin-top:-3px;width:10px;height:7px;background:url(../../images/new/icon_btnDetailUp.png) no-repeat;}

/* ------------------------------ 충돌문제 ------------------------------ */
#header{margin:0;}
#footer{width:auto;padding-top:0;padding-top:0;margin-left:0;margin-right:0;}
html, body{overflow:auto;}
.sub_content .article{min-width:inherit;height:313px;border-left:1px solid #d0d7e1;}
p.img_nothingnation{min-height:450px;}

/* ------------------------------ 검색영역 디자인 ------------------------------ */
.sub_content .article dl.artiwrap01:last-child{border-right:0px none;}
.sub_content .article dl.artiwrap01{height:312px;border-right:1px solid #d0d7e1 !important;border-bottom:1px solid #d0d7e1 !important;}
dl.artiwrap01 dt.arti_title{padding-top:0;height:38px;font:inherit;font-size:15px;font-weight:bold;color:#4f5c70;line-height:38px;background:#f8f8f8;border-bottom:1px solid #d0d7e1;border-top:1px solid #d0d7e1;}
.selectword_search_btn{margin-top:10px;background:none;border:0px none;}
.selectword_search_btn:after{display:block;content:'';clear:both;}
.selectword_search_btn a{display:block;margin:10px 0 0 0;float:right;height:40px;padding:0 28px 0 45px;font-size:1.1em;font-weight:bold;color:#fff;line-height:40px;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;}
.selectword_search_btn a img{display:none;}
/*.selectword_search_btn a:after{content:'검색';}*/
.highcharts-label.highcharts-data-label-color-0 text{color:#aaaaaa !important;fill:#aaaaaa !important;}

/* ------------------------------ 지구촌한류현황 검색영역 디자인 ------------------------------ */
.koreanwave_search_inner{clear:both; margin-bottom:20px;}
.koreanwave_search_title{height:42px;font-size:18px;font-weight:bold;color:#193d72;line-height:42px;text-align:center;background:#eceef3;border-top:2px solid #193d72;border-left:1px solid #d0d7e1;border-right:1px solid #d0d7e1;}
.koreanwave_search_area{height:261px; border-left:1px solid #d0d7e1; border-bottom:1px solid #d0d7e1 !important; overflow:hidden;}
.koreanwave_search_area dl {float:left;}
.koreanwave_search_area dl.artiwrap01:last-child{border-right:0px none;}
.koreanwave_search_area dl.artiwrap01{height:260px;border-right:1px solid #d0d7e1 !important;}
.koreanwave_search_area dl dd ul {clear:both; border-bottom:1px solid #d0d7e1}
.koreanwave_search_li{float: left; width:20%; padding:10px; border-right:1px solid #d0d7e1;}
.koreanwave_search_li_sub{float: left;padding:10px;}
.koreanwave_search_li_sub span{display:inline-block; width:95px;}
.koreanwave_search_li_sub span input[type='checkbox']{margin-right:5px;}
.koreanwave_search_input {width:75%; height:40px; font-size:14px; padding:0 10px; line-height:38px; border:1px #bfc8da solid; box-sizing:border-box;}
.koreanwave_search_li_spanrow{display: inline-block; width: 32%; float: left; padding: 4px 0;}
.koreanwave_search_btn{;background:none;border:0px none;}
.koreanwave_search_btn:after{display:block;content:'';clear:both;}
.koreanwave_search_btn a{display:block;float:right;height:40px;padding:0 28px 0 45px;font-size:1.1em;font-weight:bold;color:#fff;line-height:40px;background:#193d72 url(../../images/new/icon_allSearch.png) no-repeat 22px center;border:0px none;}
.koreanwave_search_btn a img{display:none;}

.koreanwave_nation_list{width:100%;border-top:2px #545454 solid;border-left:1px #dcdcdc solid;}
.koreanwave_nation_list th{padding:10px 0;font-weight:bold;color:#424d89;text-align:center;background:#f9f9f9;border-right:1px #dcdcdc solid;}
.koreanwave_nation_list tr{border-bottom:1px #dcdcdc solid;}
.koreanwave_nation_list td{padding-left:0px;color:#343434;text-align:center;line-height:20px;}
.koreanwave_nation_list td.left{text-align:left; padding-left:10px;}

.video-list ul li {
  position: relative;
  padding-bottom: 57%;
  overflow: hidden;
}

.video-list ul li iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.koreanwave_buttons {
    min-width: 310px;
    margin-top : 1rem;
    margin-left : 1rem;
    font-size: 0;
}

.koreanwave_buttons button {
    cursor: pointer;
    border: 0px solid silver;
    background-color: #f8f8f8;
    font-size: 1rem;
    padding: 0.5rem;
    outline: none;
    transition-duration: 0.3s;
    margin: 0;
}

.koreanwave_buttons button:first-child {
    /*
    border-top-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    */
}

.koreanwave_buttons button:last-child {
    /*border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-right-width: 1px;
    */
}

.koreanwave_buttons button:hover {
    color: white;
    background-color: rgb(158 159 163);
    outline: none;
}

.koreanwave_buttons button.active {
    background-color: #193d72;
    color: white;
}

.koreanwave_ft_container { position: relative; background:#f2f4f7; max-width: 86rem; max-height:42px; margin: 0 auto; }
.koreanwave_ft_container ul.lst { padding-left:10px; overflow: hidden; }
.koreanwave_ft_container ul.lst li { line-height: 2.5rem; float: left; color: #333; font-size: 15px; font-weight: bold; }
.koreanwave_ftBtn_wrap { position: absolute; right: 0; top: 0; height:42px;}
.koreanwave_ftBtn_wrap .ftBtn { width: 16.5rem; }
.koreanwave_ftBtn_wrap .ftBtn > button { width: 100%; height: 41px; padding: 0 1.5rem; color: #333; border: 1px solid #ddd; border-top: none; border-right:none; background: #f2f4f7; font-size: 0.9rem; }
.koreanwave_ftBtn_wrap .ftBtn > button i { float: right; line-height: 2.5rem; margin: 0.5rem 0; }
.koreanwave_ftBtn_wrap .ftBtn > button:hover { background: #4a4a4a; color: #fff; }
.koreanwave_ftBtn_wrap .ftBtn.on button { background: #4a4a4a; color: #fff; }
.koreanwave_ftBtn_wrap .ftBtn > div { display: none; position: absolute; left: 0; bottom: 2.5rem; width: 98%; max-height: 11rem; padding: 0.5rem 0; overflow: auto; background: #fff; border: 2px solid #4a4a4a; }
.koreanwave_ftBtn_wrap .ftBtn > div ul { margin-left: 0.5rem; overflow: hidden; }
.koreanwave_ftBtn_wrap .ftBtn > div a { display: block; position: relative; padding-left: 1rem; margin: 0.35rem 0; font-size: 0.9rem; color: #333; }
.koreanwave_ftBtn_wrap .ftBtn > div a:before { content: ""; position: absolute; left: 0.5rem; top: 0.5rem; width: 3px; height: 3px; border-radius: 50%; background: #333; }
.koreanwave_ftBtn_wrap .ftBtn > div a:hover { text-decoration: underline; }
.koreanwave_ftBtn_wrap .ftBtn.on i { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }


/* ------------------------------ 지도 하단 차트 ------------------------------ */
ul.chartContent{padding:20px;border:1px #ddd solid;}
ul.chartContent:after{display:block;content:'';clear:both;}
ul.chartContent > li{display:block;float:left;}
ul.chartContent.col1 > li{width:100%; text-align:center;}
ul.chartContent.col1 > li span.title{font-size:14px;font-weight:bold;color:#333;}
ul.chartContent.col1 > li div.chartView{height:300px;}
ul.chartContent.col2 > li{width:50%; text-align:center;}
ul.chartContent.col2 > li span.title{font-size:14px;font-weight:bold;color:#333;}
ul.chartContent.col2 > li div.chartView{height:300px;}
ul.chartContent.col3 > li{width:33.3333%;}
ul.chartContent.col3 > li span.title{font-size:14px;font-weight:bold;color:#333;}
ul.chartContent.col3 > li div.chartView{height:300px;}

/* ------------------------------ 영역 분할 ------------------------------ */
.afterClear{}
.afterClear.col2,
.afterClear.col3{margin:0 -10px;}
.afterClear:after{display:block;content:'';clear:both;}
.fl-l{float:left;}
.fl-r{float:right;}
.w495{width:49.5%;}
.afterClear.col2 > div{float:left;padding:0 10px;width:50%;box-sizing:border-box;}
.afterClear.col3 > div{float:left;padding:0 10px;width:33.3333%;box-sizing:border-box;}
.w333{padding:0 10px;width:33.3333%;box-sizing:border-box;}

.contentBox{border:1px #d7e2f3 solid;clear:both;}
.contentBox .titleBar{margin-top:-1px;padding:0 10px;height:40px;line-height:40px;background:#f2f4f7;border-top:1px #d7e2f3 solid;border-bottom:1px #d7e2f3 solid;}
.contentBox .titleBar .leftBox{display:block;float:left;height:40px;line-height:40px;}
.contentBox .titleBar .rightBox{display:block;float:right;text-align:right;height:40px;line-height:40px;}
.contentBox .gridContentBox{padding:10px;}
.contentBox .afterClear{padding:20px;}
.contentBox .titleBar .btn_excel,
.contentBox .titleBar .btn_detail{margin-top:5px;vertical-align:top;}
.contentBox .titleBar select#selectYear{margin-top:5px;height:30px;vertical-align:top;}
.titleBar ul{float:left;}
.titleBar ul li{float:left;height:40px;line-height:40px;margin-right:7px;}

ul.subtab{position:relative;height:41px;margin-bottom:20px;background:none;border:0px none;border-bottom:1px #acacac solid;z-index:1;}
ul.subtab li{height:41px;background:none;border:0px none;vertical-align:top;}
ul.subtab li a{display:inline-block;height:38px;line-height:38px;color:#c1c1c1;background:#fff;border:0px none;border-top:3px #fff solid;border-left:1px #fff solid;border-right:1px #fff solid;border-bottom:0px none;vertical-align:top;}
ul.subtab li a:hover,
ul.subtab li.subtab_on a{color:#db3e4c;border-top:3px #db3e4c solid;border-left:1px #acacac solid;border-right:1px #acacac solid;border-bottom:1px #fff solid;}
ul.subtab li a span,
ul.subtab li a:hover span,
ul.subtab li.subtab_on a span{padding:0 30px;color:inherit}
ul.subtab li a,
ul.subtab li a span{background:#fff !important;}

#gridHolder{border-top:2px #545454 solid !important;}
.rMateH5__DataGrid.gridStyle{border-color:#dcdcdc !important;}
.rMateH5__DataGridHeaderBackgroundSkin.rMateH5__DataGrid{background:#f9f9f9 !important;border-bottom:1px #dcdcdc solid !important;}
.gridHeaderStyle{font-weight:bold !important;color:#424d89 !important;}

.selectAreaDetailProgramList #container1,
.selectAreaDetailProgramList #container2,
.selectAreaDetailProgramList #container3,
.selectAreaDetailProgramList #container4,
.selectAreaDetailProgramList #container5,
.selectAreaDetailProgramList #container6{margin:0 auto;max-width:800px;height:400px;}
.selectAreaDetailProgramList .contentBox{position:relative;}
.selectAreaDetailProgramList .contentBox .btn_detail{position:absolute;top:10px;right:10px;}

.eSchoolSearchTb {}
.eSchoolSearchTb table {font-size:12px;}
