/* 00.Common */
html, body{margin: 0 auto; padding: 0; font-family: 'Nanum Gothic', sans-serif; height: 100%; width: 100%; min-width: 1440px;}
a {text-decoration: none;}
a img {border: 0; /* Less ie 10 */}
ul, ol {list-style: none; padding: 0; margin: 0;}
caption, legend {display: none;}
fieldset {border: none;}
.hidden {display: none;}
.wrap {width: 75%; margin: auto; max-width: 1300px;}
.btn_fff {color: #fff!important;}
#contentsWrap {position:relative; min-height: 529px;}
input[type=text], input[type=number], input[type=submit], input[type=password] {-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
select {-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
input[type=submit], input[type=button] {cursor: pointer;}
.v_helper {vertical-align: middle; height: 100%; display: inline-block; width: 0;}

/* 01.header */
header {position: relative;}

div#topAd {/*height: 110px;*/ text-align: center; background: /*url(/img/bg/topAd_bg.jpg) center no-repeat*/ #1b272e; background-size: cover; /*overflow: hidden;*/ position: relative;}
div#topAd_wrap {position: relative; height: 100%; /*padding-top: 15px;*/}
div#topAd h2, div#topAd h3 {margin: 0; }
div#topAd h2 {color: #fe649a; font-size: 35px; margin-top: 5px;}
div#topAd h3 {color: #18dfd3; font-size: 25px;}
div#topAd_wrap a.close_btn {background: #101726; position: absolute; top: 0; right: 0; width: 30px; height: 30px; color: #cecece; font-size: 25px; padding: 2.5px; cursor: pointer;}

div#topAd_img img, div#topAd_detail img {width: 100%;}
div#topAd_img {background: #1b272e;}
div#topAd_detail {display: none; position: absolute; width: 100%; z-index: 2022; background: #0f161b;}

div#topUtil {position: relative; padding: 18.5px 0;}
div#topUtil img {vertical-align: middle;}
div#topLogo, div#utilBtn {display: inline-block; vertical-align: middle;}
div#utilBtn {text-align: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
div#utilBtn .btn_fff {font-size: 15px; width: 110px; padding: 7px 0; border-radius: 5px; display: inline-block; margin-right: 13px;}
a#loginBtn {background: #41c4d5;}
#registerBtn {background: #ffa41b; cursor: pointer;}
a#adminBtn {background: #ff884b;}

#topMenu {text-align: center; position: relative; border: 1px solid #ddd; border-left: 0; border-right: 0;}
#topMenu>ul>li {display: inline-block; vertical-align: top; width: 8%; margin-right: 1%; position: relative;}
a.menu_title {display: block; color: #333; border: 5px solid #fff; border-left: 0; border-right: 0; font-size: 18px; font-weight: 700; padding: 10px 0; letter-spacing: -1px;}
a.menu_title:hover {border-bottom: 5px solid #4abec7; color: #4abec7;}
a.menu_em {color: #fff!important; background: #0d5999; border: 5px solid #0d5999; border-left: 0; border-right: 0;}
a.menu_em:hover {color: #fff; background: #4abec7; border-top: 5px solid #4abec7;}
ul.menu_depth {position: absolute; z-index: 1000; display: none; /*text-align: left;*/ font-size: 14px; /*max-width: 118px;*/ width: 100%;}
ul.menu_depth li {height: 20px; margin: 10px 0;}
ul.menu_depth a {color: #555; font-size: 13px; letter-spacing: -1px;}
ul.menu_depth a:hover {color: #4abec7;}
.menu_bg {background: #fff; width: 100%; position: absolute; display: none; z-index: 999; top: 52px; box-shadow: 0 1px 2px #aaa;}

#qMenu {position: absolute; top: 300px; right: 4%; z-index: 1001;}
#qMenu .general_qMenu {width: 122px; background: #fff; text-align: center; font-size: 16px; border: 1px solid #0d5999;}
#qMenu .general_qMenu a {color: #333; font-size: 14px; font-weight: bold; display: table-cell; vertical-align: middle; letter-spacing: -1.5px;}
#qMenu .general_qMenu ul {padding: 0 10px;}
#qMenu .general_qMenu li {border-bottom: 1px solid #0d5999; width: 100px; display: table; height: 80px;}
#qMenu .general_qMenu li:last-child {border: none;}
#qMenu .general_qMenu #first_pay {margin-bottom: -3px;}
#qMenu .general_qMenu #first_pay a {display: block;}
#qMenu .general_qMenu #first_pay img {width: 100%;}
#qMenu .general_qMenu #toTop {background: #0d5999; color: #fff; cursor: pointer; padding: 5px 0;}

#qMenu .event_qMenu {width: 122px; display: none;}
#qMenu .event_qMenu .eqM_top {color: #fff; font-size: 20px; font-weight: 700; background: #76797c; padding: 35px 10px 15px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#qMenu .event_qMenu .eqM_top img {position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%);}
#qMenu .event_qMenu .eqM_bottom {padding: 4px; background: #fff; text-align: center; color: #4abec7; border: 1px solid #76797c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#qMenu .event_qMenu .eqM_bottom p {font-size: 15px; margin: 10px 0; font-weight: bold;}
#qMenu .event_qMenu .eqM_bottom b {font-size: 24px;}
#qMenu .event_qMenu .eqM_bottom a {display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; font-weight: 500; background: #76797c; border-radius: 5px; height: 36px; font-family: 'Noto Sans KR', sans-serif; margin-top: 10px;}


#leftBanner {position: absolute; top: 300px; left: 3%; z-index: 1001;}

/* responsiveMenu */
div#mTop {display: none;}
#hdLogo {text-align: center;}
#openMenu, #closeMenu {font-size: 0; cursor: pointer; position: absolute;}
#openMenu {background: url(/img/icon/menu.png) center no-repeat; background-size: contain; top: 25px; width: 30px; height: 30px;}
#closeMenu {background: url(/img/icon/close.png) center no-repeat; background-size: contain; top: 7px; right: 7px; display: inline-block; transform: rotate(0deg); transition: transform 0.1s ease; width: 25px; height: 25px; outline: none;}
#responsiveMenu {display: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; z-index: 2020;}
#responsiveMenu h4, #responsiveMenu h4>a {color: #4abec7;}
#responsiveMenu>ul {background: #fff; height: 100%; width: 40%; min-width: 250px; max-width: 350px; margin: 0; position: absolute; left: -50%; overflow-y: auto;}
#responsiveMenu a {color: #555; display: block;}
#responsiveMenu ul>li>ul {padding-left: 25px; line-height: 2.2em; font-weight: bold; background: #f6f6f6; display: none;}
.on_menu {cursor: pointer; font-size: 1.2em; border-bottom: 1px solid #ccc; margin: 0; padding: 10px 15px;}
.mStore_btn a {display: inline-block!important;}
.mStore_btn li {line-height: normal;}
.mStore_btn li:first-child a {padding-top: 5px;}
#rM_bg {width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.5);}

/* 02.footer */
div#ftList {width: 100%; overflow: hidden; text-align: center; padding: 5px 0; border-top: 1px solid #ddd;}
div#ftList img {max-height: 45px; vertical-align: middle;}
div#ftList li {display: inline-block; margin: 0 10px;}

div#ftLinks {background: #303030; text-align: center; padding: 10px 0;}
div#ftLinks li {display: inline-block; color: #ddd; font-size: 13px; margin: 0 5px;}
div#ftLinks a {color: #ddd;}

div#ftAddr {background: #616161; padding: 16px 0;}
div#ftAddr ul {display: inline-block; font-size: 14.5px; vertical-align: middle; color: #ddd; width: 77%;}
div#ftAddr li {margin: 10px 0; margin-left: 20px}
div#ftLogo {display: inline-block; vertical-align: middle; width: 22%;}
#ftLogo img {width: 100%;}


/* 03.subCommon */
#subCommon, #subContents {width: 95%;}
#subContents {margin-bottom: 50px;}
div#breadCrumb {text-align: right; margin-top: 40px;}
div#breadCrumb a {color: #333;}
div#breadCrumb li {display: inline-block; background: url(/img/icon/breadCrumb_arrow.png) 1px no-repeat; padding: 0 12px 0 17px; font-size: 14px;}
div#breadCrumb li:first-child {background: none;}
div#breadCrumb li:last-child a {color: #00bbc9; font-weight: bold;}
div#breadCrumb img {vertical-align: top;}

div.sub_wrap {display: inline-block; vertical-align: top;}
div#subLeft {width: 210px;}
div#subRight {width: 79%; margin-left: 20px;}
h3#sLtitle {color: #fff; background: #00bbc9; margin: 0; text-align: center; font-size: 24px; padding: 24px 0;}
ul#sLmenu {margin-bottom: 40px;}
ul#sLmenu li {background: #fff; border: 1px solid #ddd; border-bottom: none;}
ul#sLmenu li:last-child {border-bottom: 1px solid #ddd;}
ul#sLmenu a {color: #555; font-size: 14px; display: block; background: #fff; padding: 15px;}
li.sL_on a, ul#sLmenu a:hover {background: #dbf8fa!important; color: #00bbc9!important; font-weight: bold;}
div#sLcall {background: url(/img/bg/mTcall_bg.png) -200px -320px;; color: #fff; padding: 10px 15px; height: 260px;}
div#sLcall h2 {margin: 5px 0 0;}
div#sLcall h3 {margin: 15px 0 0;}
div#subLeft fieldset {padding: 0;}
div#subLeft form#qCounsel {background: url(/img/bg/qCounsel_bg.jpg); position: relative; padding: 7px;}
div#subLeft form#qCounsel h3 {color: #fff;}
div#subLeft form#qCounsel table {width: 100%;}
div#subLeft form#qCounsel td {height: 20px;}
div#subLeft form#qCounsel input[type=text] {width: 100px; height: 25px; border: 1px solid #ddd;}
div#subLeft form#qCounsel select {height: 29px; width: 49px; border: 1px solid #ddd;}
div#subLeft form#qCounsel tr>td:first-child input[type=text] {width: 70px;}
div#subLeft form#qCounsel textarea {resize: none; width: 177px;}
div#subLeft form#qCounsel input[type=submit] {width: 100%; color: #fff; background: #00535a; font-size: 17px; font-weight: bold; height: 40px; border: none; cursor: pointer;}
div#subLeft form#qCounsel input[type=checkbox] {vertical-align: middle;}
div#subLeft form#qCounsel input[type=text], form#qCounsel select, form#qCounsel textarea {-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
div#subLeft form#qCounsel label {font-size: 13px!important; letter-spacing: -1px;}

h2#pageTitle {margin: 25px 0 45px; color: #00bac8; font-size: 40px; font-weight: 800; margin-left: 10px;}
h2#pageTitle:after {content: ""; display: block; border-bottom: 2px solid #00bac8; width: 1em; margin: 15px 0;}

/* 04.media */
@media screen and (max-width: 1780px) {
    #leftBanner {display: none;}
}

@media screen and (max-width: 1600px) {
    #qMenu {right: 1%;}
    a.menu_title {font-size: 16px;}
    ul.menu_depth {font-size: 13px;}
    .menu_bg {top: 50px;}
}

@media screen and (max-width: 1440px) {
    .wrap {width: auto;}
    #topUtil {width: 80%;}
    .index_img, .moeCert_img, .voucher_img {max-width: 30%;}
    #qMenu {display: none;}
}

/* @media screen and (max-width: 1200px) {
    #topUtil {width: 90%;}
    .moeCert_img, .voucher_img {max-width: 25%;}
    div#subRight {width: 72%;}
}

@media screen and (max-width: 1070px) {
    a.menu_title {font-size: 13px;}
    ul.menu_depth {letter-spacing: -1px;}
    .menu_bg {top: 46px;}
    div#topAd h3 {font-size: 20px;}
    div#topAd h2 {font-size: 33px;}
    div#utilBtn .btn_fff {font-size: 14px!important; width: 90px; margin-right: 5px;}
    div#ftAddr ul {font-size: 13px; letter-spacing: -1px; width: 75%;}
}

@media screen and (max-width: 960px) {
    #topUtil {width: 95%;}
    .index_img, .moeCert_img, .voucher_img {max-width: 25%;}
    div#subRight {width: 70%;}
}

@media screen and (max-width: 860px) {
    #header {position: fixed; top: 0; width: 100%; background: #fff; box-shadow: 0 2px 3px grey; z-index: 2021;}
    div#contentsWrap {margin-top: 80px;}
    div#breadCrumb {margin-top: 100px;}
    div#subLeft {display: none;}
    div#subRight {width: 100%; margin-left: 0;}
    #topAd, #topMenu, #topLogo, #utilBtn {display: none!important;}
    #mTop {display: block!important;}
    div#ftAddr {text-align: center;}
    #ftLogo {width: 100%!important; display: block; margin: auto;}
    #ftLogo img {width: auto;}
    div#ftAddr ul {width: 90%;}
    div#ftAddr li {margin-left: 0;}
    table.base .table_hidden, table.base_view .table_hidden {display: none;}
}

@media screen and (max-width: 500px) {
    #hdLogo img {max-width: 75%;}
    div#breadCrumb {display: none;}
    h2#pageTitle {margin: 50px 20px 45px; font-size: 6vw;}
} */


/* ---------------
|    이하나 css    |
-----------------*/

a {color: #555;}
a:link, a:visited {color: #333; text-decoration: none;}
a:active, a:hover, a:focus {color: #ab6c11;}
em {font-style: normal;}
.cen, .title_etc {text-align: center;}
.notext {display: none;}

.box_point {overflow: hidden; display: block; padding: 10px 15px; margin: 5px 0; border: #ddd 1px solid;}
.box_point02 {overflow: hidden; display: block; padding: 15px 35px; margin: 5px 0; border: #ddd 1px solid;}
.box_point03{overflow: hidden; display: block; padding: 15px 20px; margin: 5px 0; border: #ddd 2px solid;}
.box_point .point, .box_point02 .point {padding: 0 0 0 20px; margin: 0 0 2px 0; color: #333; background: url(/img/common/point_red.png) no-repeat 0 2px;}
.box_point03 .point {padding: 0 0 0 10px; margin: 0; color: #333; background:url(/img/icon/btn_arr.png) no-repeat 0 5px;}
.box_point p span.point, .box_point02 p span.point {padding: 2px 0 2px 20px; color: #333;}
.box_point .point, .box_point02 .point {padding: 0 0 0 20px; margin: 0 0 2px 0; background: url(/img/common/point_red.png) no-repeat 0 2px;}

.img_box, .img_box02 {overflow: hidden; display: block; text-align: center;}
.img_box .img {position: relative; display: inline-block; padding: 0 0 0 25px; margin: 5px 0 5px 0; vertical-align: middle; background: url(/img/sub/box_arr.png) no-repeat 0 center;}
.img_box .img.first, .img_box02 .img.first {padding-left: 0;}
.img_box .img div {display: block; padding: 5px 2px; line-height: 150%; font-size: 13px; color: #fff; text-align: center; border: 1px solid #2a8b49; background: #47af70;}
.img_box .img div span {font-size: 11px; letter-spacing: -1px; color: #ff0;}
.img_box02 .img div {display: block; padding: 0 0 10px; line-height: 150%; text-align: center; color: #2a8b49; border: 1px solid #2a8b49; background: #fff;}
.img_box02 .img {position: relative; display: inline-block; width: 200px; padding: 0; margin: 5px 0 5px 0; vertical-align: middle;}
.img_box02 .img p {padding-top: 35px; background: url(/img/sub/box_arr.png) no-repeat center 0;}
.img_box02 .img div span {display: block; padding: 10px 0; margin-bottom: 10px; font-size: 13px; color: #fff; letter-spacing: -1px; border-bottom: 1px solid #2a8b49; background: #47af70;}

.color_point {color: #ac730f !important;}/*황금*/
.color_point02 {color: #27829e !important;}
.color_point03 {color: #ff6633 !important;}/*주황*/
.color_point04 {color: #47af70 !important;}/*밝은녹색*/

ul.blit04 li strong, ul.blit03 li strong {color: #34527e;}

h2.title, .title01 {padding: 8px 0 8px 25px; background: url(/img/icon/dot_red.png) no-repeat 0 14px;}
h3.title, .title02 {padding: 5px 0 5px 25px; background: url(/img/icon/dot_red.png) no-repeat 0 7px;}
h4.title, .title03 {padding: 0px 0 0px 15px; color: #626f81; background: url(/img/icon/dot_red03.png) no-repeat 3px 7px;}
ul.blit02 li {padding-left: 13px; padding-bottom: 5px; color: #333; background: url(/img/icon/dot_red03.png) no-repeat 0 7px;}
ol li ul.blit03 li, ul.blit03 li {padding-left: 9px; line-height: 170%; color: #666; text-align: justify; background: url(/img/icon/dot_red04.png) no-repeat 0 12px;}
ol li ul.blit04 li, ul.blit04 li {padding-left: 9px; line-height: 170%; color: #666; text-align: justify; background: url(/img/icon/dot_red05.png) no-repeat 0 10px;}
ol.blit_num {padding-left: 30px; list-style: decimal-leading-zero;}
ol.blit_num > li span {color: #333;}
ol.blit_num02 {margin: 0; padding: 3px 0 7px 0;}
ol.blit_num02 li {margin: 0 0 0 15px; padding: 0; line-height: 170%; background: none; list-style: none;}
.h_sup > em {display: inline-block; font-weight: bold; color: #00b2f4; vertical-align: top;}

.app_box {display: block; margin-top: 20px; padding: 20px 25px 30px; vertical-align: top; border: #ddd 3px dashed;}
.app_box h2.title {padding: 0; margin: 0 0 5px; text-align: center; border: 0; color: #47af70 !important; background: none;}
.app_box .blit02 {font-size: 14px; color: #ac730f!important;}
.app_box p.same {margin: 0; padding: 2px 0; text-align: center; line-height: 100%; font-size: 12px;}
.app_box p.same input {vertical-align: middle;}
.app_box .ok_btn {display: block; margin: 20px auto 0; padding: 20px; font-size: 18px; background: #e35656; color: #fff; border: none; cursor: pointer;}
.app_box input[type=text], .app_box input[type=id], .app_box input[type=password], .app_box input[type=file], .app_box input[type=checkbox], .app_box input[type=tel] {border: #dcddde 1px solid; border-left: 1px solid #bcbec0; border-top: 1px solid #bcbec0; background: none; vertical-align: middle; height: 22px;}
.app_box select {vertical-align: middle; border: #bcbec0 1px solid; padding: 3px; margin: 0 2px 0 0;}

.bottom_box {display :block; text-align:center; margin:20px auto 0;}
.bottom_box .ok_btn {display: inline-block; background:#e35656;}
.bottom_box .ok_btn a {display: inline-block; padding: 20px; font-size: 18px; background: #e35656; color: #fff;}

.new_btn > a {padding: 20px; color: #fff; background: #e35656;}

input.search_box {margin: 0 0; padding: 2px 2px 3px 2px; width: 150px; vertical-align: middle; border: #dcddde 1px solid; height: 22px;}
.t_lcms02 select {vertical-align: middle; border: #bcbec0 1px solid; padding: 3px; margin: 0 2px 0 0;}

.sugang {border: #dfeaf0 1px solid; padding: 10px; margin-bottom: 5px;}
.sugang h2 {padding: 0 15px 3px; margin: 0 0 5px; font-size: 16px; border: 0; background: #ebf6f6;}
.sugang h2 em {padding-right: 25px; color: #39c;}
.sugang p {padding-left: 15px;}

div.sub_banner {display: none;}