@charset 'utf-8';

@font-face { 
  font-family:'notokr-regular'; 
  font-style: normal; 
  src: url("font/notokr-regular.eot"); 
  src: url("font/notokr-regular.eot?#iefix") format('embedded-opentype'), 
       url("font/notokr-regular.woff") format('woff'), 
       url("font/notokr-regular.ttf") format('truetype'); 
} 
@font-face { 
  font-family:'notokr-medium'; 
  font-style: normal; 
  src: url("font/notokr-medium.eot"); 
  src: url("font/notokr-medium.eot?#iefix") format('embedded-opentype'), 
       url("font/notokr-medium.woff") format('woff'), 
       url("font/notokr-medium.ttf") format('truetype'); 
} 


body, div, h1, h2, dl, dt, dd, ul, li, p, table, button, select, input{
font-family: 'notokr-regular','notokr-medium','돋움',Helvetica,'AppleGothic',Verdana,Arial,'geneva',sans-serif !important;
font-size:14px;line-height:1;letter-spacing:-1px;color:#333;font-size-adjust:0.5;}

@media all and (max-width:1024px){
    body, div, h1, h2, dl, dt, dd, ul, li, p, table, button, select, input{font-size:15px}
}
@media all and (max-width:768px){
    body, div, h1, h2, dl, dt, dd, ul, li, p, table, button, select, input{font-size:14px}
}

/* Reset */
*{margin:0;padding:0; letter-spacing: -1px;}
.hidden{text-indent:-9999px;overflow:hidden;position:absolute}
ol, ul, li{list-style:none}
input, button, select, fieldset{border:none;outline-width:0;cursor:pointer}
input[type="text"]{cursor:text}
caption, legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;/*display:none;*/}
legend{position:absolute;top:0px;left:-9999px}
img{border:0 none}
a{text-decoration:none;cursor:pointer;color:#000}
i, em, address{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0px;table-layout:fixed;zoom:1;width:100%;empty-cells:show}
th,td{word-wrap:break-word}
strong{font-weight:bold}
.rdus{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
.inB{display:inline-block;zoom:1;*display:inline;_display:inline}
.lbhidden{display:block;width:0;bottom:0;position:absolute;text-indent:-9000px;overflow:hidden}
.m_more2 {display: none;}
a, a:link, a:visited, a:active, a:hover,img, img:link, img:visited, img:active, img:hover {outline:none !important}

.clfix{*zoom:1}
.clfix:after,.clfix:before{line-height:0;display:table;content:''}
.clfix:after{clear:both}

/* SkipToContent */ 
#skipToContent{margin:0}
#skipToContent a{position:absolute;left:-3000%}
#skipToContent a:focus{display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#555;color:#fff;text-align:center}
body {position: relative;}


/*헤더*/
header {position: fixed; height: 142px; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff;}
.hdWrap {position: relative;}
.headTop {width: 1200px; height: 82px; margin: 0 auto;}
.headTop h1 {display: block; width: 322px; height: 33px; margin: 0 auto; text-align: center;}
.headTop h1 img {margin-top: 24px;}
.sitemap,.logout {float: right; font-size: 16px;  color: #333;}
.logout {margin-left: 20px;}
.headBtm {border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
.btmIn {width: 1200px; margin: 0 auto;}
.btmIn .menu {height: 58px;}
.btmIn .menuList {float: left; width: 20%; padding-top: 19px; text-align: center; font-size: 21px;  letter-spacing: -1.5px; font-weight: bold;}
.btmIn .menuList a {color: #000;}
.btmIn .menuList .subMenu a:hover {text-decoration: underline;}

/* GNB */
/* 190131 (S) */
.bG {display: none; position: absolute; width:100%; height: 230px; border-bottom: 1px solid #c9c9c9; top: 142px; text-align:center; background-color: #fff; z-index: 9998;}
.subMenu {position: relative; height: 230px; margin-top: 19px; border-right: 1px solid #ddd; z-index: 9999;}
/* //190131 (E) */
.firsm {border-left: 1px solid #ddd;}
.menuList:hover .subMenu {background-color: #f1f1f1;}
.subMenu:hover {background-color: #f1f1f1;}
.subMenu li {font-size: 16px; font-weight: normal; line-height: 40px;}
.subMenu li:first-child {padding-top: 10px;}
.subMenu a:hover {color: #005e97; }

/* 모바일 메뉴*/
.gnb_bt {display:none; position: absolute; top: 17px; right: 20px;}
.gnb_bt.close:hover .button .mu {background:initial;}
.mbi_menu_header {position: relative; width:270px;height:54px; background-color: #005e97;}
.mbi_menu_header .tit {position: absolute; top: 16px; left: 10px; font-weight:700; color: #fff; font-size: 20px;}
.m_close {position: absolute; top: 18px; right: 15px;}
#totalview{display:none; height: 100%; position:fixed;z-index:900;background:#fff;right:0;top:0;box-shadow:0 -3px 10px #333;}
#totalview.on{display:block;}
#totalview .closeTotalView{display:block;}
#totalview .allmenu{width:100%;}
#totalview .allmenu .d1{float:initial;padding:0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
#totalview .allmenu a{display:block;transition:all 0.5s ease-out;}
#totalview .allmenu .d1>a{overflow:hidden;display:block;padding:13px 0 17px 9px;background-color:#fff;color:#000;text-decoration:none;font-size:14px;background-image:url(/images/common/m_gnb_off.png);background-repeat:no-repeat;background-position:238px 14px;font-weight:700;width:100%}
#totalview .allmenu .d1.active>a{background-color:#fff;font-weight:700;background-image:url(/images/common/m_gnb_on.png)}
#totalview .allmenu .d1.faq a{background:none;}
#totalview .gnb_depth li{padding:0 0 0 0px; border-top:1px solid #d6dade; background:#f1f1f1;}
#totalview .gnb_depth li a{color:#1f2d3a;font-size:13px;padding:14px 0 15px 11px;display:block;}
#totalview .gnb_depth li a:hover{color: #0e2853;}
#totalview .gnb_depth li:last-child a{border-bottom:0;}
#totalview .gnb_depth{display:none;position:relative;top:0; text-align:left;}
#totalview .gnb_depth.active{display:block;}
#totalview .allmenu .out{padding:10px 24px}
#totalview .allmenu .out .linktxt {margin-left: 5px; border: none;}
#totalview .allmenu .out dl {margin-bottom: 5px;}
#totalview .allmenu .out a{display:inline-block; border:1px solid #000;}
#totalview .allmenu .out a.o1{padding: 6px 10px 3px; border-radius:4px; vertical-align: middle;}
#totalview .allmenu .out a.o2{padding:7px 5px;border-radius:4px; font-size: 14px;}
#totalview .allmenu .out a.o3 {padding: 5px 5px 2px; border-radius:4px; vertical-align: middle;}
#totalview .allmenu .out a.o2:hover{letter-spacing:-.0.45;text-decoration:underline;}
.gnbTotalBack{position: fixed;top: 0; left: 0; width: 100%; height: 100%; min-height: 983px; background: rgba(0,0,0,0.8);z-index: 100;}



/* 푸터 */
.ftTop {height: 58px; background-color: #484745;}
.ftBtm {background-color: #5f5e5d;}
.ftinner {width: 1200px; margin: 0 auto;}
.ftMenu {display: inline-block;}
.ftMenu li {float: left; padding: 22px 0;}
.ftMenu li:after {content: ""; display: inline-block; height: 13px; padding-right: 30px; border-right: 1px solid #fff;}
.ftMenu li:before {content: ""; display: inline-block; padding-left: 30px;}
.ftMenu li:first-child {font-weight: bold;}
.ftMenu li:first-child:before {padding-left: 0;}
.ftMenu li:last-child:after {border-right: none;}
.ftMenu li a {font-size: 15px; color: #fff;}
.ftMenu li a:hover {}
.shortCut {float: right; margin-top: 11px;}
.shortCut .fir {position: relative; float: left; width: 220px; height: 36px; background:url(/images/common/ftselect.png) 0 0 no-repeat; background-color: #707070; background-position: 190px 15px;}
.shortCut .fir label {position: absolute; top:10px; left: 16px; font-size: 15px; color: #fff;}
.shortCut select {width: 220px; height: 36px; cursor: pointer; opacity: 0;filter: alpha(opacity=0); }
.shortCut li.fir select {-webkit-appearance: none; -moz-appearance: none;appearance: none;background-color: #fff; padding-left: 10px;border: 0;}
.ftinfo {display: inline-block; padding: 30px 0;}
.ftinfo p { font-size: 15px; color: #d1d1d1; line-height: 27px; word-break: keep-all; letter-spacing: 0;}
.ftinfo p span {letter-spacing: 0;}
.ftinfo p span:last-child {padding-left: 22px;}
.ftinfo p .ftb {padding-left: 0 !important;}
.ftinfo .copyright {color: #a2a2a2;}
.ftlogo {float: right; padding: 30px 0;}


/* 팝업 */
#loginExtensionPop {position: absolute; top: 13%; left: 38%;}
#indexPop {position: absolute; top: 5%; left: 20%;}
.mainPopup {float: left; max-width: 660px; min-width: 300px; margin: 15px; background-color: #fff; overflow: hidden;}
.popup_top {padding: 15px 20px; background-color: #292f40; overflow: hidden;}
.loginpop {max-width: 100%;}
.loginpop .popup {padding: 30px;}
.loginpop .popup_cont {margin-left: 20px;}
.popup_font01 {display: inline-block; font-size: 18px; font-weight: 500; color: #fff;}
.popup_close {float: right; cursor: pointer;}
.popup_close img {vertical-align: middle;}
.contwrap {text-align: center;}
.popup_img {display: inline-block;}
.popup_cont {display: inline-block; text-align: left;}
.popup_cont img {width: 100% !important;}
.popup_btn {padding-top: 20px;}
.popup_btn ul {text-align: center;}
.popup_btn li {display: inline-block; padding: 10px 15px; border: 1px solid #333; cursor: pointer;}
.popup_btn li:hover a {font-weight: bold;}
.pop-checkbox {padding: 0 15px 10px 0; text-align: right;}
.pop-checkbox input {margin-right: 4px; vertical-align: middle;}
.pop-checkbox p {display: inline-block;}

#mapArea .print-wrap {width: 26%; top:20%; left: 40%;}
#mapArea .map {margin: 0;}
#mapArea .map h2 {font-size: 22px;}
#mapArea .map p {font-size: 14px; color: #888;}
#mapArea .map img {width: 100%;}
#mapArea .print-tb {height: auto; padding: 10px;}

/* 타이틀 구성 */
h2.sub-title { margin-bottom:16px; font-size:16px; line-height:18px; color:#343434; }
h2.sub-title span.compulsory { font-size:12px; float:right; font-weight:normal; color:#787878;}
h2.next-title { margin-top:33px; }
/* 190102 (S) */
h3.notice-title {padding-left:23px; font-size:13px; line-height:20px; color:#444; background:url(https://www.enap.or.kr/images/common/ico/bul_arrow.gif) no-repeat left top; clear:both;}
/* //190102 (E) */
h3.next-notice-title { margin-top:30px; }
h3.receipt-title {font-size:12px;color:#343434;margin-top:33px;}
p.info-text-image { margin-top:43px; }
p.info-text-image-type2 { margin:43px 0 35px 0;}
a.link-text {display:block; padding:2px 0 5px 23px; margin-top:55px; font-size:12px; color:#1f75ba; background:url(https://www.enap.or.kr/images/common/ico/bul_arrow.gif) no-repeat left top; text-decoration:underline;}
p.info-text {margin:35px 0 15px 0; font-size:16px; line-height:18px; color:#343434; font-weight:bold;}
p.info-text span {color:#1f75ba;font-weight:bold;}
p.reference-text {color:#64ad14;margin-top:15px;}

/* 타이틀 하단 텍스트 */
p.attention-text {  }
p.first-attention {  }

/* 표 */
div.table-data {margin-top: 10px; border-top:3px solid #76b0df; }
div.table-data table { width:100%; }
div.table-data table thead th { border:1px solid #ccc; border-top-width:0; text-align:center; background:#f4f9fc; }
div.table-data table tbody td { border:1px solid #ccc; }
div.table-data table tfoot td { border:1px solid #ccc; }

/* 190103 (S) */
div.schedule table thead th {height:70px;}
div.schedule table tbody td { padding:9px 0 11px; text-align:center; line-height: 17px;}
div.commission table thead th {padding: 14px 0;}
div.commission table tbody td {padding: 14px 0; text-align:center;}
/* //190103 (E) */

div.sitemap-link { margin-top:25px; }
div.sitemap-link table tbody th { padding:31px 0 23px 17px; border:1px solid #ccc; border-left-width:0; text-align:left; font-size:14px; color:#343434; background:#fafcfe; }
div.sitemap-link table tbody td { border-right-width:0;  }
div.sitemap-link table tbody tr:first-child th, div.sitemap-link table tbody tr:first-child td { border-top-width:0; }
div.sitemap-link table tbody td ul { padding:8px 0 0 30px; }
div.sitemap-link table tbody td ul:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
div.sitemap-link table tbody td ul li { float:left; padding-left:15px; margin-left:14px; background:url(https://www.enap.or.kr/images/common/ico/bul_green_dot.gif) no-repeat left 5px; }
div.sitemap-link table tbody td ul li:first-child { padding-left:0; margin-left:0; background:none; }
div.sitemap-link table tbody td ul li a { color:#787878; }
div.sitemap-link table tbody td ul li a:hover { text-decoration:underline; color:#64ad14; }


/******** 상단 비주얼 및 텍스트 이미지 ********/
/* 181227 (S) */
.visual-text {position:relative; width:100%; height: 250px; margin-top: 30px; border-bottom:1px solid #ccc; }
.visual-text .info {position:absolute; width: 50%; top: 15%; left: 45%;}
.visual-text .info h3 {font-size: 30px; color: #1f75ba;}
.visual-text .info .visutit {margin: 10px 0; font-size: 20px; color: #aaa;}
/* 190102 (S) */
.visual-text .info .visutxt {font-size: 16px; line-height: 22px; word-break: keep-all; color: #333; text-align: left;}
/* //190102 (E) */


/* 접수정보확인 */
/* 190103 (S) */
.online-cheak {background:url(https://www.enap.or.kr/images/online/bg_cheak.png) no-repeat center 0;}
/* //190103 (E) */

/* 접수정보확인 및 수험표 출력 */
.online-print { height:260px; margin:34px 0 49px; background:url(https://www.enap.or.kr/images/online/bg_print.png) no-repeat 100px 15px ; }

/* //181227 (E) */

/******** 상단 비주얼 및 텍스트 이미지 //********/

/* Rounding Box */
/* 190103 (S) */
.rounding-box {border: 1px solid #ccc; border-radius: 5px; background-color: #f4f9fc;}
.rounding-box .inner-rounding-box {padding: 25px 20px; line-height: 20px;}
/* //190103 (E) */
.rounding-box .inner-rounding-box strong { color:#64ad14; }
.next-box { margin-top:15px; }
.middle-box { margin:15px 0 20px; }

/* Button Area */
.line-button { padding-top:29px; margin-top:35px; border-top:1px solid #ccc; text-align:center; }

/* Hyphen bullet */
.hyphen-list { width:100%; }
/* 190102 (S) */
.hyphen-list li {padding-left:20px; margin-top:2px; font-size:13px; line-height:20px; color:#898989; background:url(https://www.enap.or.kr/images/common/ico/bul_hyphen.gif) no-repeat 6px 10px; word-break: keep-all;}
/* //190102 (E) */
.hyphen-list li:first-child { margin-top:0; }
.next-hyphen-list { margin-top:11px; }



/******** List Type ********/
/* bullet list */
/* 190107 (S) */
.bullet-list > li {padding: 0 8px 0 18px; margin-top:9px; line-height:18px; background:url(https://www.enap.or.kr/images/common/ico/bul_blue_dot.gif) no-repeat 5px 8px; }
/* //190107 (E) */
.bullet-list > li:first-child { margin-top:0; }
.bullet-list > li strong.point { color:#64ad14; }
.bullet-list > li .list-link { margin-top:6px; }
.bullet-list > li > ul { margin-top:5px; }
/* 190102 (S) */
.bullet-list > li > ul > li {padding-left:10px; margin-top:5px; background:url(https://www.enap.or.kr/images/common/ico/bul_hyphen.gif) no-repeat 0 9px; line-height: 20px; word-break: keep-all;}
/* //190102 (E) */
.bullet-list > li > ul > li:first-child { margin-top:0; }
.next-list { margin-top:14px; }
.topblt {margin: 28px 0;}
/* 190110 (S) */
.topblt>li {padding: 0 8px 0 10px; background-position: 0 6px;}
/* //190110 (E) */
.blfirst {padding: 0 !important; font-weight: bold; background: none !important; font-size: 15px; line-height: 22px !important;}

/* Number List */
ol.number-list {  }
ol.number-list li { width:100%; }
ol.number-list li:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
ol.number-list li span { float:left; }
ol.number-list li p { float:left; }
/******** List Type// ********/

/*본인인증*/

.certification-type {overflow:hidden;  padding:0 0 50px 0; margin:27px 0 30px 0; border-bottom:1px solid #ccc;}
.certification-type li {float:right;}
.certification-type li:first-child { float:left; }
.certification-type li div.certification-cellphone ,.certification-type li div.certification-ipin {width:336px;height:247px;background:url(https://www.enap.or.kr/images/common/certification_bottom.gif) left bottom no-repeat;}
.certification-type li div.certification-cellphone div.inner-wrap {padding:30px 0 0 30px;}
.certification-type li div.certification-cellphone div.inner-wrap div {clear:both;margin:0 0 10px 0;}
.certification-type li div.certification-cellphone div.inner-wrap div span {float:left;display:block;width:87px;font-weight:bold;color:#333;padding:5px 0 0 0;}
.certification-type li div.certification-cellphone div.inner-wrap input[type=text],
.certification-type li div.certification-cellphone div.inner-wrap input[type=password] {width:80px; padding:2px 0; border:1px solid #d1d1d1;padding:2px 0;background:#f8f8f8;}/* 20130802 */
.certification-type li div.certification-cellphone div.inner-wrap .btn {margin:0 0 0 87px;}
.certification-type li div.certification-ipin div.inner-wrap .btn {margin:42px 0 0 52px;}


/* 20160222 */
/* 이용약관 및 이용안내 Css */
.receipt-box {height:150px; padding:20px 25px 20px 25px; margin:10px 0 0; border:1px solid #d7d7d7; overflow-y:scroll;}
.receipt-box .rules { padding:0 0 0; }
.receipt-box .rules > li { margin-top:30px; }
.receipt-box .privacy > li { margin-top:10px; }
.receipt-box .rules > li:first-child { margin-top:0; }
.receipt-box .rules > li:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
.receipt-box .rules > li h2 { font-weight:normal; font-size:14px; line-height:14px; color:#1f75ba; }
.receipt-box .rules > li > ul {  }
.receipt-box .rules > li > ul > li { margin-top:10px; }
.receipt-box .rules > li > ul > li strong { display:block; width:100%; }
.receipt-box .rules-list { width:100%; margin-top:5px; }
.receipt-box .rules > li p.rules-info-text { margin-top:5px; }
.receipt-box .rules-list:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
.receipt-box .rules-list li { width:100%; }
.receipt-box .rules-list li :after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
/* 1900102 (S) */
.receipt-box .rules-list span {float: left; line-height: 20px;}
.receipt-box .rules-list .depth2-rules { padding:0 0 0 15px; }
.receipt-box .rules-list .depth2-rules li {  }
/*.receipt-box .rules-list .depth2-rules li p { width:600px; }*/
/* //1900102 (E) */
.receipt-box .rules-list .info-rules { padding:0 0 0 15px; }
.receipt-box .rules-list .info-rules li span { width:70px; }
.receipt-box .rules-list .info-rules li p { width:505px; }
.receipt-box .rules-list .info-rules li.use span { width:190px; }
.receipt-box .rules-list .info-rules li.use p { width:425px; }

/* 190102 (S) */
ul.rules li strong.tit{font-size:13px; color:#555;letter-spacing:-1px;line-height: 22px;}
/* 190129 (S) */
ul.rules li p.txt18{ margin:10px 0 0 0; line-height:22px; text-align:justify}
/*ol.rules-list li.txtL{ margin:2px 0 5px 15px;  line-height:20px; float:left;} */
/* //190129 (E) */

ol.rules-list li table.liTb {float:left; width:100%; margin: 5px 0 15px 0; text-align:center; border:1px solid #ccc; border-right:none; border-bottom:none;}
ol.rules-list li table.liTb thead th{ background:#ededed; padding:8px 0 5px 0;  border-right:1px solid #ccc;  border-bottom:1px solid #ccc;}
ol.rules-list li table.liTb tbody td{ padding:8px 5px 5px 5px; border-bottom:1px solid #ccc;  border-right:1px solid #ccc;}

.mT50{ margin-top:50px !important;}

.red_box p {padding: 20px 10px; border: 1px solid #f20000;color: #f20000;text-align: center}

/* 190122 (S) */
@media all and (max-width: 1366px){
#loginExtensionPop {top: 10%; left: 32%;}
}
/* //190122 (E) */

@media all and (max-width: 1280px){
.headTop,.ftinner {width: 98%;}
.btmIn {width: 100%;}
/* 190114 (S) */
.btmIn .menuList {padding-top: 19px; font-size: 17px;}
/* //190114 (E) */
.subMenu {margin-top: 20px;}
.lstsm {border-right: none;}
.firsm {border-left: none;}
.visual-text div.info img {width: 100%;}
}

/* 181227 (S) */
@media all and (max-width: 1024px){
.visual-text {height: 230px;}
.visual-text .info {top: 10%;}
div.sitemap-link table tbody td ul li {background-position: 0 center;}
#indexPop {left: 5%;}
.loginpop {max-width: inherit !important;}
.mainPopup {max-width: 55%; margin: 10px;}
#mapArea .print-wrap {width: 45%;}
}
/* //181227 (E) */

@media all and (max-width: 812px){
.btmIn .menuList {font-size: 17px;} 
.subMenu {margin-top: 23px;}
}

@media all and (max-width: 812px){
header {height: 82px;}
.hdWrap {border-bottom: 1px solid #c9c9c9;}
.headTop h1 {margin-left: 10px; text-align: left;}
.headTop h1 img {margin-top: 26px;}
.gnb_bt {display: block;}
.sitemap,.logout,.headBtm {display: none;}
.mb-logout {padding: 13px;}
.mb-logout p {display: inline-block; padding-left: 5px; font-weight: bold; font-size: 14px; color: #888; vertical-align: middle;}
.mb-logout img {width: 7%; vertical-align: middle;}
.visuWrap {margin-top: 83px !important; background-position: center 0 !important;}
.shortCut {display: none;}
.ftTop {height: 50px;}
.ftinner {text-align: center;}
.ftMenu li {padding: 17px 0;}
.ftinfo {padding: 15px 0;}
.ftlogo {display: none;}
}

/* 190102 (S) */
@media all and (max-width: 768px){
h2.sub-title {margin-top:20px !important;} 
.visual-text {height: 200px;}
.visual-text .info {top: 5%;}
.mT50 {margin-top: 30px !important;}
.hyphen-list li {padding: 0 10px 0 20px;}
#loginExtensionPop {top: 7%; left: 25%;}
.mainPopup {max-width: 50%;}
.loginpop .popup {padding: 30px 20px 10px 20px;}
div.sitemap-link table tbody td ul {width: 80%;}
#mapArea .print-wrap {width: 60%; left: 20%;}
}

@media all and (max-width: 667px){
.visual-text {height: 170px;}
.visual-text .info {left: 43%;}
}

@media all and (max-width: 568px){
.visual-text .info h3 {font-size: 24px;}
.visual-text .info .visutit {margin: 6px 0; font-size: 18px;}

}

@media all and (max-width: 480px){
.visual-text {height: 160px; margin-top: 15px;}
.visual-text .info {width: 60%; left: 40%;}
}

@media all and (max-width: 460px){
header {height: 65px;}
.headTop {height: 65px;}
.headTop h1 img {width: 80%; margin-top: 20px;}
.gnb_bt {top: 14px; right: 7px;}
.gnb_bt img {width: 80%;}
.visuWrap {margin-top: 66px !important;}
.ftMenu li:before {padding-left: 15px;}
.ftMenu li:after {padding-right: 15px;}
.ftMenu li a {font-size: 14px;}
.ftinfo .copyright {font-size: 13px;}
.ftinfo p {font-size: 14px; line-height: 24px;}
.ftinfo p span:last-child {display: block; padding-left: 0;}
}


@media all and (max-width: 414px){
.visual-text .info {width: 100%; left: 0; top: 0;}
.visual-text .info .visutxt {font-size: 14px; line-height: 22px;}
.red_box p {padding: 20px 80px;}
#loginExtensionPop {top: 20%; left: 0;}
#indexPop {left: 0;}
.mainPopup {max-width: 100%;}
.loginpop .popup {padding: 10px;}
.popup_font01 {font-size: 15px;}
div.sitemap-link table tbody th {padding: 10px 8px;}
div.sitemap-link table tbody td ul {padding: 0 0 0 10px;}
#mapArea .print-wrap {width: 90%; left: 3%;}
#mapArea .map h2 {font-size: 18px;}
}


@media all and (max-width: 375px){
.visual-text div.info p {margin-top: 10px;} 
div.schedule table tbody td {padding: 8px 1px;}
.table-data.schedule .times {display: block;}
.red_box p {padding: 20px 60px;}
/*#loginExtensionPop {width: 80%; left: 10%;}*/
.loginpop .popup {padding: 20px 0;}
.loginpop .popup_cont {margin: 20px;}
.popup_btn {padding: 0;}
div.sitemap-link table tbody td ul {width: 100%; padding: 0 7px;}
}

@media all and (max-width: 360px){
.ftMenu li:before {padding-left: 10px;}
.ftMenu li:after {padding-right: 10px;}
}

@media all and (max-width: 320px){
.headTop h1 img {width: 70%; margin-top: 23px;}
.ftMenu li a,.ftinfo p {font-size: 14px;}
.ftinfo .copyright {font-size: 12px;}
.visual-text .info h3 {margin-top: 10px;}
.visual-text .info .visutit {font-size: 16px;}
.visual-text div.info p {margin-top: 20px;}
.red_box p {padding: 20px 40px;}
/* 190122 (S) */
#loginExtensionPop {width: 90%; left: 5%;}
/* //190122 (E) */
}
/* //181227 (E) */