@charset "utf-8";
* {padding:0; margin:0;}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
html {overflow-y:scroll;}
body {}
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;font-style:normal; font-family:lato,나눔고딕, Nanum Gothic, NanumGothic,dotum, gulim;}

a:link {text-decoration:none; }
a:hover {;text-decoration:none;}
a:visited {;text-decoration:none;}

img, fieldset {border:none;}
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{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;font-family:lato,나눔고딕, Nanum Gothic, NanumGothic,dotum, gulim; }

/* Setting */
body, input, select, textarea, button, a {color:#000; font-family:lato,나눔고딕, Nanum Gothic, NanumGothic,dotum, gulim;}
body, textarea {line-height:1.4em;}
body {font-size:12px; }

/* default */
.clear:after {content:''; display:block; clear:both; height:0; line-height:0; font-size:0;}
.block {display:block;}

/* SKIP_NAVI */
.skip_navi {position: absolute;  top: 0;left: 0;  width: 100%; z-index: 99999;}
.skip_navi li { height: 0; font-size: 0;  line-height: 0;}
.skip_navi a {position: absolute; top: -500px;  left: 0;  height: 1px; }
.skip_navi a:focus, .skip_navi a:active, .skip_navi a:hover { top: 0; width: 100%; height: 33px; display: inline-block; color: #fff;  font-size: 14px; font-weight: bold; line-height: 35px;  padding: 2px 0 0 38px; text-align: center;  text-decoration: none; z-index:999; background-color:#8ec51e;}

/* HEADER */
#wrap{position:relative; overflow:hidden; width:100%; min-width:1400px;}

#header{position:relative;overflow:visible; width:100%; height:128px; padding:0; z-index:2; background: url("../image/common/bg_head.png") repeat-x left top  }
#header:after { content:""; display:block; clear:both; }
#header .head {position:relative; width:1001px; margin:0 auto; padding:26px 0 0 0;  }
#header h1 {overflow:hidden; width:211px;padding:0; margin:0 auto;}
#header h1 a {display:block; width:211px;}
#header .login_area {position:absolute; top:39px; left:2px; width:183px; height:27px;  padding:0; text-align:center;background: url("../image/common/bg_top.png") no-repeat left top}
#header .login_area a {overflow:hidden;vertical-align:middle;  padding:0 4px ; letter-spacing:-1px; display: inline-block; color: #727272;  font-size: 12px; line-height:27px; }
#header .login_area a:first-child {background:none;}
#header .login_area a:hover {font-weight:bold;color:#744f01;}
#header .login_area img {vertical-align:middle; }

.today_weather {position:absolute; top:38px; right:0; padding: 0 0 0 53px; margin:0;}
.today_weather > img {position:absolute; top:4px; left:0px;}
.today_weather .today_date {display:block; margin:0 0 4px;  font-size:13px; color:#2b2b2b;}
.today_weather .today_date span {color:#0c4da2}
.today_weather .today_temp {display:block; margin:0 0 0; font-size:22px; color:#adadad;}
.today_weather .today_temp em {font-size:25px; color:#0072ff;}
.today_weather .today_temp span {color:#f91010}
.today_weather .today_temp img {vertical-align:middle; }


/* GNB */
.gnb { overflow:hidden; position:absolute; top:104px; left:0; height:38px; width:951px;  margin:0; padding:0 0 0 50px; background: url("../image/common/bg_gnb.png") repeat-x left top;}
.gnb:after { content:""; display:block; clear:both; }

/* 1뎁스 */
.gnb>ul {float:left; overflow:hidden;display:block;height:178px;}
.gnb>ul>li {float: left; height:178px;}

.gnb>ul>li h2 {overflow:hidden; display:block; height:38px; margin:0; padding:0;}
.gnb>ul>li h2 > a {overflow:hidden; display:block; width:153px; height:38px; letter-spacing:-1px; line-height:40px; color:#d3c9b3; font-weight:600; font-size: 15px; text-align:center; padding:0;}
.gnb>ul>li h2:hover h2 a, .gnb>ul>li.on h2 a  {color:#fff;}
.gnb>ul>li h2 a img {vertical-align:top;}

/* 2뎁스 */
.gnb>ul>li>ul {padding:11px 0 0 0 ;}

.dep2 li {margin:0 0 0 0; vertical-align:top; }
.dep2 li a {overflow:hidden; display:block; width:153px; padding:0; font-size:12px; line-height:22px; color:#737373; vertical-align:top; text-indent: 57px;}
.gnb04 .dep2 li a, .gnb05 .dep2 li a {text-indent: 50px;}
.dep2 li a:hover,.dep2 li a:focus,.dep2 li.on a  {color:#744f01; font-weight:bold;}

/* 컨텐츠 */
#body { float:left; width:100%; padding:0; }
#body:after{display:block;clear:both;content:'';}
.main #body {background:#e9e9e9}

/* FOOTER */
#footer {float:left;position:relative;width:100%; background:#e9e9e9;  }
.sub #footer {background:#fff}
#footer .foot_in { position:relative;width:1001px; height:140px;  margin:0 auto; text-align:center; padding:0; }
#footer .foot_in:after { content:""; display:block; clear:both; }
#footer .foot_in .clause_ul { overflow:hidden; width:1001px; margin:-21px auto 0; background:#f4f4f4;}
#footer .foot_in .clause_ul li {float:left; margin-left:-1px; border:1px solid #e4e4e4}
#footer .foot_in .clause_ul li:hover {border:1px solid #a48a5c}
#footer .foot_in .clause_ul li:first-child {margin:0;}
#footer .foot_in .clause_ul a {display:block; width:249px; color:#797979; font-size:12px; line-height:38px; font-weight:600; }
#footer .foot_in .clause_ul a:hover,#footer .foot_in .clause_ul a:focus {color:#fff; background-color:#b5985a}
.addr {position:relative; width:100%; overflow: hidden; margin:26px auto 0; padding:0 0 0 0; text-align:center; }
.addr dl {overflow: hidden;display:block; }
.addr dl dt {display:inline-block; padding:0 0 0 0; font-size:12px; line-height:18px; color:#5b5b5b}
.addr dl dd {display:inline-block; margin:0; padding:0 13px 0 0;  font-size:12px; line-height:18px;  color:#5b5b5b}
.addr p {overflow: hidden; display:block; clear:both; font-size:12px; line-height:19px; color:#5b5b5b}
.addr p span {color:#2c2c2c}
.addr p strong {color:#00288d}

/* table */
.tbl_type01 {width:100%; border-top:1px solid #464646;}
.tbl_type01 th {height:37px; padding: 0px 0; margin: 0; font-size:13px; color:#464646;  text-align:center; border-bottom:1px solid #d9d9d9; background-color:#efefef; }
.tbl_type01 td {padding:20px 0 15px 0 ; border-bottom:1px solid #d9d9d9; vertical-align:middle; text-align:center; font-size:13px; line-height:22px;color:#464646;  background-color:#fff;}

/* default */
.hide {display:block; height:0; font-size:0; line-height:0; text-indent:-999999px;}
.hide2 { text-indent:-999999px;}
.pos_re {position:relative;}
.c_both {clear:both;}
.f_nor {font-weight:normal !important;}

.f_left {float:left !important;}
.f_right {float:right !important;}

.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}

.v_top {vertical-align:top;}
.v_middle {vertical-align:middle;}

.bor_none {border:none !important;}
.bg_none {background:none !important;}

/* 간격 */
.mt2 {margin-top:2px;}


.popup-wrap button {
  overflow: hidden;
  padding: 0px;
  border: 0px;
  font-weight: normal;
  background-color: transparent;
  cursor: pointer
}

.popup-wrap button::-moz-focus-inner {
  border: 0px;
  padding: 0px
}

.popup-wrap .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.popup-wrap .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.popup-wrap .btn {
  padding-bottom: 2px
}

.popup-wrap .btn .arw,
.popup-wrap .btn .ico {
  position: relative;
  top: 1px
}

.popup-wrap .btn,
.popup-wrap .btn-ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  /*position: relative;*/
  overflow: hidden;
  vertical-align: middle
}

.popup-wrap .btn-ico>span,
.popup-wrap .btn>span {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%
}

.popup-wrap .btn-ico:focus,
.popup-wrap .btn:focus {
  outline-width: 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5)
}


.popup-wrap .btn-area.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.popup-wrap .btn-area.horizontal .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.popup-wrap .btn.demo1 {
  height: 30px;
  margin: auto;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 14px;
  background: #004f2d;
  color: #fff;
}

.popup-wrap .btn.demo1.primary {
  background: #2496ee;
  color: #fff
}

.popup-wrap .btn.demo1.secondary {
  background: #333;
  color: #fff
}

.popup-wrap .btn.demo1[disabled] {
  background: #aaa;
  color: #fff
}

.popup-wrap .btn.demo2 {
  height: 40px;
  padding: 0 10px 2px;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
  box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3);
  line-height: 27px;
  color: #333
}

.popup-wrap .btn-ico.demo1 {
  width: 30px;
  height: 30px;
  padding-bottom: 2px;
  font-size: 16px;
  background: #eee;
  border-radius: 50%
}

.popup-wrap .btn-search {
  width: 34px;
  height: 34px
}

.popup-wrap .btn-pager {
  width: 20px;
  height: 20px;
  line-height: 18px;
  border: 1px solid #ddd
}

.popup-wrap .btn-top {
  width: 50px;
  height: 50px;
  line-height: 48px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%
}

.popup-wrap .arw,
.popup-wrap .flag,
.popup-wrap .ico {
  display: inline-block;
  background: no-repeat 0 0;
  vertical-align: middle;
  overflow: hidden;
  color: transparent;
  text-indent: -999px;
  white-space: nowrap
}


.popup-wrap .ico-close1 {
  width: 15px;
  height: 15px;
  background-image: url(/image/ico_close01.png)
}

.popup-wrap .ico-close1.primary {
  background-position: 0 0
}

.popup-wrap .ico-close1.dark {
  background-position: -15px 0
}

.popup-wrap .ico-close1.white {
  background-position: -30px 0
}

.popup-wrap .ico-close1.gray {
  background-position: -45px 0
}

/* Popup Layout */
.popup-wrap {visibility:hidden; display:flex; position:fixed; z-index:1002; left:0; top:0; width:100%; height:100%; padding:20px; justify-content:center; align-items:center; flex-direction:column;}
.popup-wrap .popup {position:relative; z-index:11; width:100%; background-color:#fff; opacity:0; transition:all 0.2s ease;}
.popup-wrap.is-active {visibility:visible;}
.popup-wrap.is-active .popup {opacity:1;}
 
/* Popup Scroll */
.popup {display:flex; flex-direction:column;}
.popup .popup-body {flex:1 1 auto; overflow:auto;}
.popup .popup-head, .popup .popup-foot {flex:none;}
 
/* Transition */
.popup-wrap.type-basic .popup {transform:translate(0, 30px);}
.popup-wrap.type-full {padding:0;}
.popup-wrap.type-full .popup {width:100%; height:100%; min-height:100%; opacity:1; transform:translate(0, 0);}
.popup-wrap.type-select {padding:0; justify-content:flex-end;}
.popup-wrap.type-select .popup {width:100%; transform:translate(0, 100%);}
.popup-wrap.type-alert .popup {transform:translate(0, 30px);}
.popup-wrap.type-confirm .popup {transform:translate(0, 30px);}
.popup-wrap.is-active .popup {transform:translate(0,0);}

.popup-wrap {
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 1002;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-wrap .popup {
    position: relative;
    z-index: 1001;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.popup-wrap.is-active {
    visibility: visible;
}

.popup-wrap.is-active .popup {
    opacity: 1;
	outline: 0
}

.popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup .popup-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: auto
}

.popup .popup-foot,
.popup .popup-head {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.popup-wrap.type-basic .popup {
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.popup-wrap.type-full {
    padding: 0
}

.popup-wrap.type-full .popup {
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.popup-wrap.type-select {
    padding: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.popup-wrap.type-select .popup {
    width: 100%;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.popup-wrap.type-alert .popup {
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.popup-wrap.type-confirm .popup {
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.popup-wrap.is-active .popup {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.popup.demo1 {
    width: 480px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.popup.demo1 .popup-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 0px 20px;
    height: 50px;
    border-bottom: 1px solid #ddd;
}
.popup.demo1 .popup-head h3{
    font-family:'Noto Sans KR', sans-serif;
    font-size: 18px;
}
.popup.demo1 .popup-body {
    padding: 20px;
    overflow: auto;
    line-height: 1.5;
}

.popup.demo1 .popup-cont {
    font-size: 14px;
}

.popup.demo1 .popup-foot {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 15px 20px;
    border-top: 1px solid #ddd
}

.popup.demo1 .popup-close {
    position: absolute;
    right: 2px;
    top: 0;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup.demo1 .popup-close .btn-ico {
    width: 100%;
    height: 100%
}

.type-basic .popup.demo1 {
    max-height: 480px
}

.type-basic .popup.demo1 .popup-cont {
    height: 600px
}

.dimmer {
    visibility: hidden;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: all ease 0.3s 0.15s;
    -o-transition: all ease 0.3s 0.15s;
    transition: all ease 0.3s 0.15s
}

.dimmer.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.dimmer-popup {
    z-index: 1000
}

.dimmer-aside {
    z-index: 300
}


/* zIndex */

.dimmer-popup {
    z-index: 1000;
}

.dimmer-aside {
    z-index: 300;
}


/* 오늘 날씨 */
.now_weather{ position:absolute; right:10px; top:20px; }
.now_weather i{ display:inline-block; vertical-align:middle;width:65px; height:65px; }
.now_weather i img{ width:100%; }
.now_weather .temperature_txt{ font-size:13px; margin-left:5px; }

/* 날씨 버튼 */
.weather_btn{ position:absolute; right:0; top:42%; padding:10px 30px; border-radius:30px; background:#fff; border:1px solid #e3e3e3; font-size:12px; }
.weather_btn .ico_weather{ display:inline-block; width:35px; height:27px; background:url("/image/main/weather_ico.png")no-repeat; background-size:contain; vertical-align:middle; margin-right:7px; }


/*ie_chk_area*/
.dp-none{ display:none !important; }
.ie_chk_area{position: fixed;width: 550px;height: 550px;bottom: 0px;right: 0px;display: block;background: #fff;padding: 25px;z-index: 999;border:1px solid #ccc;}
.ie_chk_area .con .tit img {display: block;margin: 20px auto 10px;}
.ie_chk_area .con .tit{display: block;margin: auto;font-size: 1.8rem;font-weight: 400;text-align: center; color: #00455a; line-height:1.2;}
.ie_chk_area .con strong{font-weight: 900;}
.ie_chk_area .con strong.color-01{color: #009c39;}
.ie_chk_area .blind{display: none;}
.ie_chk_area .btn-close{ position: absolute; display: block; width: 40px; height: 40px; top: 0px; right: 0px; float: right; background: url('/resource/assets/common/images/bt_close_b.png') center no-repeat; border: 0;}
.ie_chk_area .btxt{color: #00455a;text-align: center;font-weight: bold;padding-bottom: 2rem;margin-bottom: 2rem;border-bottom: 1px solid; font-size:15px;}
.ie_chk_area .txt{color: #575757;text-align: center; font-size:14px; font-weight:bold;}
.ie_chk_area .con span{position: relative;width: 480px;height: 350px;margin: 20px auto;background: #f4f4f4;display: block;padding: 30px;}
.ie_chk_area .btn-upgrade{position:relative;display:block;margin: 20px auto;width: 256px;text-align: center;padding: 10px 0;background: #00455a;border-radius: 5rem;font-size: 16px;color: #fff;}
.ie_chk_area .chk-uclose{position: absolute;bottom: 0;padding: 0.5rem 0;background: white;width: 540px;left: 0;text-align: center;}
.ie_chk_area .chk-uclose #ie_chk_close{ vertical-align:middle; margin-right:3px; }