@charset "utf-8";
@import url(../font/public/static/pretendard-subset.css);

* {padding:0; margin:0;font-family: 'pretendard', 'Sans-serif';box-sizing:border-box;}
body {background-color:#fff;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,p{margin:0;padding:0;font-style:normal;font-weight:normal; font-family: 'pretendard', 'Sans-serif';}
textarea {overflow: auto; resize: none}
a:link {font-family: 'pretendard', 'Sans-serif';text-decoration:none; transition: 0.3s; }
a:visited {font-family: 'pretendard', 'Sans-serif';text-decoration:none; }
a:hover {font-family: 'pretendard', 'Sans-serif';text-decoration:none;}
a:active {font-family: 'pretendard', 'Sans-serif';text-decoration:none;}

img, fieldset {border:none; vertical-align:top;}
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0;}
iframe {border:none;border-collapse:collapse;}
ul,ol{list-style:none;margin:0; padding:0;}
table{width: 100%; border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family: 'pretendard', 'Sans-serif'; }
hr {overflow:hidden; display: block; height:1px; border:none; border-top:1px solid #dadada}
button {line-height: 1;  background: none; border: 0; margin: 0; padding: 0; width: auto;cursor: pointer; overflow: hidden;}
button > span {position: relative;}

/* 공통 */
.nav_menu {display:none;}
.go_menu {display:none !important;}
.pc_block {display:block;}
.m_block {display:inline;}

/* 강조 컬러 */
.emp01 {color:#fe1515 !important}
.emp02 {color:#b8966e !important}
.emp03 {color:#007eff !important}
.emp04 {color:#00a13d !important}
.emp05 {color:#333 !important}

.w5p {width: 5% !important}
.w10p {width: 10% !important}
.w15p {width: 15% !important}
.w20p {width: 20% !important}
.w30p {width: 30% !important}
.w40p {width: 40% !important}
.w50p {width: 50% !important}
.w60p {width: 60% !important}
.w65p {width: 65% !important}
.w100p {width: 100% !important}
.w130 {width: 130px !important;}
.h134 {height: 134px;}
.h200 {height: 200px;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt30 {margin-top:30px !important;}
.mr8 {margin-right:8px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.ml5 {margin-left:5px;}
.ml8 {margin-left:8px;}
.mb20 {margin-bottom:20px !important}
.mb50 {margin-bottom:50px !important}
.ptb10 {padding-top:10px !important; padding-bottom:10px !important;}
.ptb50 {padding-top:50px !important; padding-bottom:50px !important;}
.r_bt {position: absolute; top:50%; right: 0; margin-top:-17px}
.bt_lr {position: relative;margin: 20px 0; height: 34px;}
.bt_center {margin: 20px 0; text-align: center}
.bt_center2 {margin: 40px 0 0; text-align: center}
.bt_right {margin: 20px 0; text-align: right}
.ver_0 {vertical-align: 0}
.ver_t {vertical-align: top !important}
.ver_m {vertical-align: middle !important}
.ver_b {vertical-align: bottom !important}
.txt_l {text-align: left}
.txt_r {text-align: right}
.txt_center {text-align: center !important}
.txt_none {text-indent: -9999999px;}
.fl {float: left;}
.fr {float: right;}
::placeholder {color: #999; opacity: 1;}
:-ms-input-placeholder {color: #999 !important;}
::-ms-input-placeholder { color: #999;}
.pc_show {display:block;}
.m_show,
.etc_m_menu {display: none}

#skip_nav a {display: block; position: absolute; top: -40px; left: 0;}
#skip_nav a:focus { top: 0; width: 100%; height: 40px; font-size:16px; line-height:40px; color:#fff; z-index:9999; text-align: center; background: #003964;}

.inner {position: relative; max-width:1600px; margin: 0 auto;}

/* HEADER */
#wrap{position:relative; width:100%;}
.top_bn {width: 100%;height:50px; text-align: center; background: #000;}
.top_bn a.top_bn_close {position: absolute; top:18px; right: 0; padding:0 28px 0 0; font-size:16px; line-height:18px; color:#fff; background:url("../img/bt_top_close.gif") no-repeat right center}
#header {margin: 0; width:100%;  padding:0; z-index:3;background:#fff}
#header .head {position:relative;height: 84px;   z-index:1;}

.top_line {width: 100%; padding: 9px 0; text-align: right; background: #fff;}
.top_line .inner > a {position: relative; display: inline-block; margin:0 0 0 40px; font-size:18px; line-height:36px; color:#000}
.top_line .inner > a:after {content: ''; position: absolute; top: 10px; right:-21px; display: block; width: 1px; height: 15px; background:#ccc;}
.top_line .inner > a:nth-child(2):after { display: none;}
.top_line .inner ul {display: inline-block;vertical-align: top;margin-left: 27px;}
.top_line .inner ul li  {display: inline-block; margin-left: 3px;}

#header h1 {position: absolute; top: -49px; left: 0; overflow:hidden;  width:365px; height:108px; margin:0; }
#header h1 a {display:block; height: 100%; text-indent:-99999px;  background:url("../img/logo.png") no-repeat left top/cover; }

/* GNB */
#header .gnb {overflow:hidden;  padding:0; margin: 0; z-index:1;}
#header .gnb > ul {text-align: right;}

/* 1뎁스 */
#header .gnb>ul>li {display: inline-block; margin:0 0 0 88px; }
#header .gnb>ul>li:first-child {margin:0}
#header .gnb>ul>li h2 a {position: relative; overflow:hidden; display:block; letter-spacing: -1px; padding: 0; height:50px; margin:0; font-weight: 500; font-size:24px; line-height:50px; color:#000; -webkit-transition: all 0.2s; transition: all 0.2s;}
#header .gnb>ul>li h2 a:hover,
#header .gnb>ul>li h2 a.on {color:#346ddf; -webkit-transition: all 0.2s; transition: all 0.2s;}

/* 컨텐츠 */
#body {position: relative; float:left; width:100%; padding-bottom:40px;}
#body:after{display:block;clear:both;content:'';}

/* FOOTER */
#footer {position: relative; clear:both; max-width:1600px; margin:0 auto; padding:33px 0 50px; border-top:1px solid #ccc; background:#fff}
#footer h1 {position: absolute; top: 50px; right: 0;z-index: 1; display:block; overflow:hidden;  width:259px; height:83px; margin:0; }
#footer h1 a {display:block; height: 100%; text-indent:-99999px;  background:url("../img/logo2.png") no-repeat left top/cover; }
#footer .foot_link {margin:0 0 30px; padding:0;}
#footer .foot_link .inner > a {position:relative; float: left; margin-right:40px; text-align: center; font-size:18px; line-height:20px; color:#000;}
#footer .foot_link .inner > a:first-child {font-weight: 600;}
#footer .foot_link .inner > a::after {content: ''; position: absolute; top: 2px; right:-21px; display: block; width: 1px; height: 17px; background:#ccc;}
#footer .foot_link .inner > a:last-child::after {display: none;}
#footer .foot_link .inner::after {content: ''; clear: both; display: block}
#footer address { position:relative; max-width: 1600px; margin: 0 auto; padding: 0;font-size:18px; line-height:20px; color:#000;}
#footer address span {display:inline-block; margin:0 40px 10px 0; position:relative; font-size:18px; line-height:20px; color:#000;}
#footer address span::after {content: ''; position: absolute; top: 2px; right:-21px; display: block; width: 1px; height: 17px; background:#ccc;}
#footer address p span:last-child::after {display: none;}
#footer .go_top {position: absolute; top: 0; right:-109px;}

/* 레이어팝업 */
.pop_layer {position: fixed; top: 0; right:0; bottom:0; left: 0; overflow: auto; z-index: 1001; padding:10px 1.875rem; display: none;}
.pop_layer .bg {position: fixed; top: 0; left: 0; z-index:1001; display: block; width: 100%; height: 100%; background-color:rgba(0,0,0,.6) }
.pop_layer .pop_layer_in {position:relative; z-index:1002;  overflow: hidden; margin:0 auto; max-width:800px; background: #fff;}
.pop_layer .pop_layer_in2 {position:relative; z-index:1002;  overflow: hidden; margin:0 auto; max-width:500px; background: #fff;}

/* 0309~ */
.pop_layer.pop_bs .pop_layer_in {max-width:1200px;}
/* ~0309 */

.pop_layer.pop_s .pop_layer_in {max-width: 502px;}
.pop_layer h1 {display: block; height: 60px; padding: 0 18px;  margin:0; font-size:28px; line-height:60px; color:#fff;background: linear-gradient(to right, rgba(5,197,200,1) 0%,rgba(76,62,233,1) 100%);}
.pop_layer .bt_close {position: absolute; top:23px; right:18px; padding: 0 0 0 26px; display:block;  height: 18px; font-size:18px; line-height:18px; color:#fff; background: url("../img/bt_close.png") no-repeat 0 0 }
.pop_layer .pop_con {padding:40px;}
.pop_layer .pop_con p {display: block; margin: 0 0 26px; font-size:16px; line-height:30px; color:#000; letter-spacing: -1px;}
.pop_layer .pop_con h2 {display: block; margin: 0 0 16px; font-size:20px; line-height:22px; color:#000; font-weight: 500;}
.map_loca {max-width: 100%;}

/* 테이블 */
.tb_row01 th {padding:7px 9px;  margin:0; font-size:16px; line-height:18px; color:#000; text-align: center; border: 1px solid #ccc; border-right: none; background:#f4f4f4}
.tb_row01 th:first-child {border-right: 1px solid #ccc;}
.tb_row01 tr:first-child th:first-child,
.tb_row01 tr:nth-child(6) th,
.tb_row01 tr:nth-child(7) th {border-left: none;}
.tb_row01 td {padding:7px 9px;  margin:0; font-size:16px; line-height:18px; color:#000;  border: 1px solid #ccc; border-right: none; background:#fff}
.tb_row02 {border-bottom: 1px solid #ccc;}
.tb_row02 th {padding:12px 9px;  margin:0; font-size:16px; line-height:18px; color:#000; text-align: center; border-top: 1px solid #ccc; background:#f4f4f4}
.tb_row02 td {padding:12px 9px;  margin:0; font-size:16px; line-height:18px; color:#000;  border-top: 1px solid #ccc; background:#fff}

/* 버튼 */
.btn_area {overflow: hidden; margin: 29px 0 0; text-align: center;}
.btn {width:122px; height:50px; font-size:18px; line-height:48px; vertical-align: top;  text-align: center;}
.btn2 {min-width:80px; height:35px; font-size:18px; line-height:33px; vertical-align: top;  text-align: center;}
.btn span,
.btn2 span {display: block;}
.black span {color:#fff; background:#000}
.gray span {color:#000; background:#eee}
.gray2 span {color:#fff; background:#777}
.bor span {color:#000; border: 1px solid #000; background:#fff}

/* 입력폼 */
.txtarea {width:100%; padding: 5px; font-size:16px; line-height:20px; color:#000; vertical-align: top;  border: 1px solid #ccc; background: #fff;}
.inp {width: 100%; height: 35px; padding:0 5px; font-size:16px; line-height:35px; color:#000; vertical-align: middle;  border: 1px solid #ccc; background: #fff; }

select::-ms-expand { display: none; }
select {position:relative;	-webkit-appearance: none;-moz-appearance: none;	-ms-appearance: none; appearance: none; padding:0 24px 0 10px; font-size:16px;height:34px; color:#000; vertical-align:top; border: 1px solid #ccc; background:#fff url("../img/icon_sel.png") no-repeat right 10px center;}
select option {width:100%; height:34px; font-size:16px; line-height:34px; color:#000;}



@media all and (max-width:1600px) {
    #header .top_line .inner {padding:0 10px;}
    #header .head {padding:0 10px;}
    #header .gnb>ul>li {margin:0 0 0 40px; }
    #footer {padding:33px 10px 50px;}
    #footer .go_top { top: 90px; right: 0;}
}
@media all and (max-width:1300px) {
    #header h1 { overflow:hidden; width:250px; height:74px; top: -25px; }
    #header .top_line .inner {padding:0 10px;}
    #header .gnb>ul>li {margin:0 0 0 10px; }
    #footer h1 {position: static; margin: 0 0 20px;}
    #footer h1 a {width: 200px; height: 64px;}
    #footer .foot_link {position: absolute; top: 53px; right: 0;}

}
@media all and (max-width:1050px) {
    #header h1 { top:-14px;  width:193px; height:57px; }
    #header .gnb>ul>li h2 a { font-size:20px;}
    #footer address span {display:inline-block; margin:0 20px 10px 0; font-size:16px; line-height:20px; }
    #footer address span::after {top: 2px; right:-11px; height: 17px;}
}
@media all and (max-width:900px) {
    #header .gnb>ul>li h2 a { font-size:17px;}
    .pop_layer .pop_layer_in .pop_con {padding:20px;}
}

/* 팝업관리 */
.popup_preview{position:fixed; top:0; left:0;  padding: 0; z-index:21; display:none;}
.popup_preview .bg {position: fixed; top: 0; left: 0; z-index:11; display: block; width: 100%; height: 100%; background-color:rgba(0,0,0,.6) }
.popup_preview > div {position: relative; z-index: 12; max-width: 500px; margin: 0 auto; border:1px solid #2d7d9a; box-sizing:border-box;font-size: 14px; line-height: 1.4; background-color:#fff; box-shadow:7px 7px 10px rgba(100,100,100,0.3);}

/* 0309~ */
.popup_preview .popup_close{position: absolute; top: 16px; right: 10px; text-indent: -9999px;  display: block; width: 15px; height: 15px; background:url("http://115.68.194.224/img/bt_close.png") no-repeat 0 0 / cover}
/* ~0309 */

.popup_preview h1{overflow:hidden; font-size: 14px; line-height: 1.4; cursor:move; box-sizing:border-box;padding:15px 40px 15px 15px; background-color:#2d7d9a; color:#fff;}
.popup_preview_cont{overflow: auto; padding:15px; color:#333; box-sizing:border-box; background-color:#fff}
.popup_preview_cont span {vertical-align:top}
.popup_preview .stop_by_today{overflow:hidden; height:53px; box-sizing:border-box; padding:15px; background-color:#e0e0e0; }
.popup_preview.orange > div {border:1px solid #ff9600;}
.popup_preview.orange > div h1{background-color:#ff9600;}
.popup_preview.purple > div {border:1px solid #7e00ff;}
.popup_preview.purple > div h1{background-color:#7e00ff;}
.popup_close.ca2 {color:#fff;}
.popup_preview > div h1.ca1 {background:#2e7d9b;}
.popup_preview > div h1.ca2 {background:#ff9600;}
.popup_preview > div h1.ca3 {background:#7d00fe;}
/* //팝업관리 */