@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('/plugin/fonts/notosanskr.css');
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);

@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'twaysky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* KoPub Dotum 폰트 크롬에서 깨짐현상으로 KoPubWorldDotum 으로 새로 불러왔다 */
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('../css/fonts/KoPubWorldDotumLight.eot');
    src: url('../css/fonts/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/KoPubWorldDotumLight.woff2') format('woff2'),
        url('../css/fonts/KoPubWorldDotumLight.woff') format('woff'),
        url('../css/fonts/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('../css/fonts/KoPubWorldDotumMedium.eot');
    src: url('../css/fonts/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/KoPubWorldDotumMedium.woff2') format('woff2'),
        url('../css/fonts/KoPubWorldDotumMedium.woff') format('woff'),
        url('../css/fonts/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('../css/fonts/KoPubWorldDotumBold.eot');
    src: url('../css/fonts/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/KoPubWorldDotumBold.woff2') format('woff2'),
        url('../css/fonts/KoPubWorldDotumBold.woff') format('woff'),
        url('../css/fonts/KoPubWorldDotumBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'LeferiBaseType-RegularA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeferiBaseType-BoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-BoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:1em;line-height:1.267em;height:100%;font-family:"Noto Sans KR","Nanum Square", "Nanum Gothic", "dotum", "Poppins", sans-serif;background-color:#fff;color:#292929;min-width:320px; letter-spacing:-0.03em; }
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle}
label { margin-bottom: 0px; }
input[type="reset"], input[type="file"] {-webkit-appearance:none;cursor:pointer;padding:0}
textarea, select {font-family:"Noto Sans KR", "Nanum Square", "Nanum Gothic", "dotum", sans-serif, fontAwesome}
textarea {font-size:0.9em;border-radius:0;-webkit-appearance:none}
select {font-size:1em;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:hover, a:link, a:visited { text-decoration:none; color:#292929 }
ul,li,dl,dt,dd {padding:0px;margin:0px}
ul {list-style:none}

.cke_sc { display: none }
#autosave_wrapper {display: none}


.mo_view {display: none!important}
@media (max-width: 769px) {
    .pc_view {display: none!important;}
    .mo_view {display: block!important; margin: 20px 0px 0px; text-align: center}
    
    #sub_new_top .mo_view {margin: 45px 40px 0px 25px;}
}

* { font-family: "Noto Sans KR", 'Nanum Square',sans-serif; letter-spacing: -.5px; }

*, *:before, *:after {box-sizing:border-box;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
*,:after,:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7;
}

input[type=password] {font-family: 'Noto Sans KR'!important}

.form-control-msg { width: 100%; color: #dc3545; font-size: 0.8rem; font-weight:bold; margin-top: 5px;}

/* 버튼 테두리 선 제거 */
/*
a,
a:active,
a:hover,
a:focus,
button,
button:active,
button:hover,
button:focus {outline: none!important}
*/

a:focus{outline:2px solid-webkit-focus-ring-color;outline-offset:-2px}

.slick-slider * { outline: 0; border: 0;}
.slick-dots { position: absolute; bottom: 27px; z-index: 10; width: 100%; height: 0; text-align: center;  font-size: 0;  line-height: 0; }
.slick-dots li { display: inline-block;  width: 10px; height: 10px;margin: 0px 3px;border-radius: 50%;background-color: rgba(200,200,200,0.7);cursor: pointer;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.slick-dots li button{display: block;width: 100%;height: 100%;opacity: 0;font-size: 0;line-height: 0;}
.slick-dots li.slick-active{background-color: rgba(100,100,100,0.5);cursor: default;}

/* 약관 Modal */
.modal-title { line-height: 2.2; }
#clauseModal {width:100vw; height: 350px; top: 80px}
#clauseModal .modal-dialog {min-height:auto}
#clauseModal .modal-header,
#clauseModal .modal-footer,
#clauseModal .modal-content {border-radius:0;border:none}
#clauseModal .modal-header {color:#fff;background:#612c93;}
#clauseModal .modal-header .close {color:#fff;}
#clauseModal .modal-body { height:calc(100vh - 80px); overflow:hidden; overflow-y:scroll; color:#666; text-align:justify; font-size:12px; font-weight:300; line-height:1.5; }
#clauseModal .modal-footer {}
.modal ::-webkit-scrollbar { width: 3px;}
.modal ::-webkit-scrollbar-track { background: #fff; }
.modal ::-webkit-scrollbar-thumb { background: #0b2031; }
.modal ::-webkit-scrollbar-thumb:hover  { background: #0b2031; }
#clauseModal .modal-body h4,
#clauseModal .modal-body h5,
#clauseModal .modal-body h6 {margin:0 0 1rem 0; line-height:1.5;  color:#0b2031; font-weight:400;}
#clauseModal .modal-body h5 {font-size:14px; }
#clauseModal .modal-body h5 {font-size:13px; }
#clauseModal .modal-body p {margin:0 0 1rem 0;padding:0; }
#clauseModal .modal-body ul,
#clauseModal .modal-body ol,
#clauseModal .modal-body dl {margin:0;padding:0; list-style:none;}
#clauseModal .modal-body ul li,
#clauseModal .modal-body ol li {list-style-position : outside;}
#clauseModal .modal-body > ul,
#clauseModal .modal-body > ol,
#clauseModal .modal-body > dl {margin-bottom:1.25rem;}
#clauseModal .modal-body ul {}
#clauseModal .modal-body ul li {margin-left:1.25rem; padding-left:0.75rem; list-style-type:square; }
#clauseModal .modal-body ol {}
#clauseModal .modal-body ol li {margin-left:1.25rem; padding-left:0.75rem; list-style-type:decimal; }
#clauseModal .modal-body ul li ol,
#clauseModal .modal-body ul li ul,
#clauseModal .modal-body ol li ol,
#clauseModal .modal-body ol li ul {margin:0.75rem 0; }
#clauseModal .modal-body ol li ul li {list-style-type:square; }
#clauseModal .modal-body dl {}
#clauseModal .modal-body dl dt {}
#clauseModal .modal-body dl dd {}

#clauseModal .close span {font-size: 33px}

.w-25-ul { width: 25%; float: left; text-align: center; }
.w-33-ul { width: 33.333%; float: left; text-align: center; }
.w-50-div { width: 50%; }

.animate { transform: translateY(0px) !important; transform: translateX(0px) !important; transition: all 0.5s ease; opacity: 1 !important;}
#animated-example {z-index:999999;width:45px;height:20px;font-size:0.65em;line-height:20px;background-color:#ffa841;opacity:0.8;color:#fff;position:absolute;top:35px;left:-5px;border-radius:3px}
#animated-example:before {content:"";position:absolute;top:-4px;right:18px;width:4px;height:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ffa841}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* 공통 탭 메뉴 */
.nav { position: fixed; top: 0; left: 0; width: 100%; transition: all 0.5s ease; opacity: 0;  }

.nav.nav-tabs { position: relative; opacity: 1; transition: unset; transform:unset; display: -webkit-box; display: -ms-flexbox;
  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; background-color: #FAFAFA; border: none;  }

.nav.nav-tabs li { text-align: center; margin: 0px;  padding: 0px;}
.nav.nav-tabs li a { color: #fff; width: 100%;  padding: 10px 0px; font-weight: normal!important }
.nav.nav-tabs li a:after { float: right; }
.nav.nav-tabs li.last a:after { content: none; }

.nav.nav-tabs li a.active, .nav.nav-tabs li a {border : 1px solid #cccccc; background: #cccccc; }
.nav.nav-tabs li a.active, .nav.nav-tabs li a:hover { color: #fff!important; border: 1px solid #1b9c9e; background: #1b9c9e;  }
.nav.nav-tabs a.active:after,.nav.nav-tabs li a:hover:after { content: none; }

.nav-pills .nav-link {border-radius:0px}

@media (min-width:769px) {
    .nav.nav-tabs li a {display: block}
}

 /* 기본 탭메뉴 */
ul.menutab { margin: 10px 0px; padding: 0px; width: 100%; display: inline-block; border: 1px solid #dddddd; }
ul.menutab li {float:left;  text-align: center; padding: 10px 0px; }
ul.menutab li a { color: #797979; }
ul.menutab li.active a { color: #fff; }
ul.menutab li.active {  background-color: #612c93;   }

ul.menutab.w2 li { width: 49.999999%; }
ul.menutab.w3 li { float:left; width: 33.33%; text-align: center;  }
ul.menutab.w4 li { float:left; width: 24.99%; text-align: center;  }


/* 반응형 테이블 */
.table-responsive { }
.table-responsive .table { width: 99.99%; min-width: 760px}
.table-responsive .table th { text-align: center; vertical-align: middle; font-family: 'KoPubWorldDotum', serif!important;}
.table-responsive .table td { border-bottom: 1px solid #E9E9E9; vertical-align: middle; font-family: 'KoPubWorldDotum', serif!important; word-break: keep-all; line-height: 35px;}
.table-responsive .table th,
.table-responsive .table td {font-size: 1rem;}




.scroltable_wrap .scroltable {
    /*display: none;*/
        position: absolute;
        width: 40px;
        height: 100%;
        cursor: pointer;
}

.scroltable_wrap { position: relative; }

.scroltable.scroltable-nav-left{
    left: 0;
    background: linear-gradient(to left,rgba(255,255,255,0),#fff);
}

.scroltable.scroltable-nav-left:before{
    display: inline-block;
    position: absolute;
    z-index: 999;
    left: 8px;
    top: 40%;
    content: "\f0a6";
    font-family: "fontAwesome";
}

.scroltable.scroltable-nav-left:after{
    display: inline-block;
    position: absolute;
    z-index: 999;
    left: 8px;
    top: 40%;
    margin-top: 20px;
    content: "\f060";
    font-family: "fontAwesome";
}

.scroltable.scroltable-nav-right{
    right: 0;
    background: linear-gradient(to left,rgba(255,255,255,0),#fff);
}

.scroltable.scroltable-nav-right:before{
    display: inline-block;
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 40%;
    content: "\f0a6";
    font-family: "fontAwesome";
}

.scroltable.scroltable-nav-right:after{
    display: inline-block;
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 40%;
    margin-top: 20px;
    content: "\f061";
    font-family: "fontAwesome";
}

.desktop .scroltable-nav-left { display: none !important;}
.desktop .scroltable-nav-right { display: none !important;}


@media(max-width:769px){
    .table-responsive .table {min-width: 769px;}
}


.td_subject a.bo_tit { width: 800px; display: inline-block;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }

@media (max-width:768px) {
    .td_subject a.bo_tit { width: 180px; }
}

/* 기본 테이블 */
.table thead th { vertical-align: middle !important; }
.table td { letter-spacing: 0px; }

.table.table-striped th { text-align: center; vertical-align: middle;}
.table.table-striped td { vertical-align: middle;}
.table.table-striped td ul li, .basic_ul li { font-size:0.8em; line-height: 30px; background: url('/html/img/buliet.png') no-repeat 0px 12px; padding-left: 15px; text-align: left; }
.table.table-striped td ul li span { font-weight:bold; }


/* 퀵메뉴추가 */
#quick_wrap {position: fixed; bottom: 50px; right: 10px; z-index: 1000}
#quick_wrap ul li {margin-bottom: 15px;}
#quick_wrap ul li a img {border-radius: 100%;}
#quick_wrap #to_top img {border: 1px solid #aaa}

#quick_wrap .tell_fix {display: none;}

@media(max-width:769px){
    #quick_wrap ul li {margin-bottom: 10px;}
    #quick_wrap ul li a img {width: 40px}

    #quick_wrap .tell_fix {display: block;}
}


/* 프로모션 */
#hd_top { position: relative;  }
#hd_top a {color: #ffffff; }
#hd_top a img {margin-right: 10px;}
#hd_top a.link { display: inline-block; width: 50%; text-indent: -999px; }

.hd_top_x {position: absolute; bottom: 10px; right: 150px; z-index: 2;}
.hd_top_close {position: absolute; bottom: 10px; right: 50px;}

@media (max-width:768px) {
    #hd_top { display: none; }
}

/* 글쓰기 파일 관련 */
ul li.bo_w_flie { margin-bottom: 10px; font-size: 0.8rem; }

#bo_w h2.title { margin-bottom: 10px; }
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;  }

#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute; box-shadow: 0 4px 9px rgba(0,0,0,0.3); }
.hd_pops_con { position: relative; overflow: hidden; border-radius: 10px 10px 0 0; }
.hd_pops img {max-width:100%;height:auto;}

.hd_pops_reject { display: flex; align-items: center; justify-content: space-between; padding: 0 15px; height: 36px; background: #333; border-radius: 0 0 10px 10px; }
.hd_pops_reject label { color: #fff; font-size: 12px; cursor: pointer; margin: 0; }
.hd_pops_reject .checkbox { vertical-align: middle; margin-left: 6px; }

.hd_pops_close { border:none; background: none; font-size: 18px; cursor: pointer; color: #fff !important; line-height: 1; }
/* 링크가 두개일 경우
.pop_3_0 { padding-top: 100px; }
.pop_3_0 .link1, .pop_3_0 .link2 { display: inline-block; width: 100%; height: 140px; text-indent: -999px;  }
*/

@media (max-width:1550px) {
    .hd_pops {margin-right: 0px!important}
}

@media (max-width:969px) {
    .hd_pops_con { width: 360px !important; height: auto!important }
    .hd_pops { top: 100px !important; left:50% !important; margin:0px 0 0 -160px; max-width: 360px }
}

@media screen and (max-width: 460px)
{
    .hd_pops_con { width: 320px !important;height: 445px!important }
    .hd_pops { top: 100px !important; left:50% !important; margin:0px 0 0 -160px; max-width: 320px; }
}

.checkbox {
    width: 18px;
        height: 18px;
        border: 0;
        background: url(../img/bg_checkbox.png) no-repeat 0 0;
        background-size: 18px 18px;
        -webkit-appearance: none;
}
/* 유튜브 팝업 */
.reveal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99998;
}

.video-wrapper {
    width: 100%;
    z-index: 99999;
}

.video-wrapper_div2 {
    width: 1000px;
    max-width: 100%;
    margin: 100px auto;
    text-align: center
}

.video-wrapper_div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    z-index: 99999;
}

.video-wrapper video, .video-wrapper iframe {
    box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    max-height: 80%;
}
.reveal .video-popup-closer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99998;
}

.video-wrapper .close_icon { position: relative; }
.video-wrapper .close_icon i.fa-times { position: absolute; z-index: 9999999999;top: -40px;
    right: 0px;
    color: #fff;
}
/* 유튜브 팝업 */



/* 동영상 영역 768px 이하 100% */
@media all and (max-width: 768px) {
    .video-wrapper {max-width: 96%; margin: 50px auto;}
    .video-wrapper_div2 {
        width: 100%;
        margin-top: 30px;
    }

}

/* 동영상 영역 768px 이하 100% */
.checkbox:checked { background: url(../img/bg_checkbox_checked.png) no-repeat 0 0; background-size: 18px 18px; -webkit-appearance:none;}

/* 서브 콘텐츠 공통 */

.content_wrap h2 { font-size: 1.2em; font-weight:bold; margin-top: 20px; position: relative; color: #11459c; padding: 10px 0px; }

.content_wrap h3 { font-size: 1em; font-weight:bold;}

/* 상단 레이아웃 */
#hd{width:100%;z-index:1000; position: fixed; top: 0; left: 0;  background: #fff }
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wrapper{margin:0 auto; height: 100px; padding: 10px 0px 0px}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#hd_wrapper .hd_wrapper_inner {width:1740px; max-width: 94%; margin:0 auto; position: relative;}

#logo {float:left; width: 280px; height: 65px; background: url(../img/logo_on.svg) no-repeat center center; background-size: contain; transition: 0.5s; cursor: pointer; margin-top: 5px; margin-left: 10px}
#logo img{vertical-align:middle;max-height:100%;width:200px}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#gnb {display:block; width: 1350px; margin: 0 auto; text-align: right; height: 90px}
#gnb .gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""; }
#gnb #gnb_1dul {height: 100%}
.gnb_wr{max-width:1200px;padding-right:200px;margin:0 auto;position:relative;}
#gnb a {display:block}
.gnb_1dli{display: inline-block;line-height:40px; margin-right: 27px; text-align: center}
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli button{display:none}
a.gnb_1da {line-height:90px;font-size:22px;font-weight:500;transition: 0.5s;}
/*#gnb a.active { color: #1aa1ea; }*/

#gnb .gnb_1dli.gnb_1dli_over .gnb_2dul {display: block!important; } 

#logo_se {float:left; width: 280px; height: 65px; background: url(../img/logo_on.svg) no-repeat center center; background-size: contain; transition: 0.5s; cursor: pointer; margin-top: 5px; margin-left: 10px}
#logo_se img{vertical-align:middle;max-height:100%;width:200px}

/*
.gnb_2dul {display:none;position:absolute;top:80px;left:0;background:#202228;min-width:100%;z-index:99}
.gnb_1dli:hover .gnb_2dul {display:block}
.gnb_1dli:hover:before{;position:absolute;bottom:0;left:0;width:100%;height:3px;content:''}
.gnb_1dli:hover .gnb_1da{color:#fa5064;}
.gnb_2dli .gnb_2da {color:#fff;padding:0 15px;font-weight:normal;white-space: nowrap;border-top:1px solid #121418}
.gnb_2dli .gnb_2da:hover{color:#fff;}

.gnb_2dul_bg {display: none; position: fixed; top: 100px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
*/

.gnb_2dul {display: none; position:absolute; width: 100%; top:100px;left:0;background:#fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; min-width:100%;z-index:99; height: 440px; overflow: hidden; text-align: left; box-shadow: 0 8px 8px -8px #000; max-width: 100%; z-index: 1}
.gnb_2dul .gm_bg {width: 30%; height: 100%; float: left; position: relative}
.gnb_2dul .gm_bg .gm_bg_con {width: 100%; height: 100%; }
.gnb_2dul .gm_bg .gm_title {position: absolute; top: 70px; right: 85px; width: 230px; font-weight: 500; white-space: nowrap; color: #fff}
.gnb_2dul .gm_bg .gm_title span {line-height: 22px; font-weight: 300}
.gnb_2dul .gm_bg01 {background: url(../img/menu_bg001.png) no-repeat 100% 28%; }
.gnb_2dul .gm_bg02 {background: url(../img/menu_bg002.png) no-repeat 100% 20%; }
.gnb_2dul .gm_bg03 {background: url(../img/menu_bg003.png) no-repeat 100% 33%; }
.gnb_2dul .gm_bg04 {background: url(../img/menu_bg004.png) no-repeat 100% 33%; }
.gnb_2dul .gm_bg05 {background: url(../img/menu_bg005.png) no-repeat 100% 33%; }
.gnb_2dul .gm_bg06 {background: url(../img/menu_bg004.png) no-repeat 100% 33%; }

.gnb_1dli.gnb_1dli01 .gnb_2dul{height: 660px;}
.gnb_1dli.gnb_1dli02 .gnb_2dul{height: 615px;}
.gnb_1dli.gnb_1dli03 .gnb_2dul{height: 740px;}

.gnb_2dul .gm_list {width: 69%; display: inline-block; padding: 45px 30px 0px; height: 210px; max-width: 980px; text-align: left}

.gnb_2dul .gnb_2dli {display: inline-block; width: 280px; height: 50px; line-height: 50px; border:1px solid #ddd; margin-right: 30px; margin-bottom: 5px; padding-left: 10px; transition: 0.3s; display: table-cell;}
.gnb_2dul .gnb_2dli:nth-child(3n) {margin-right: 0}
.gnb_2dul .gnb_2dli:hover{color:#fff; background: #1aa1ea; transition: 0.3s}
.gnb_2dul .gnb_2dli:hover a{color:#fff; transition: 0.3s}

.gnb_1dli:hover .gnb_2dul {display:block}
.gnb_1dli:hover:before{;position:absolute;bottom:0;left:0;width:100%;height:3px;content:''}
.gnb_1dli:hover .gnb_1da {color:#1aa1ea;}

.gnb_2dul .gnb_2da {color:#494949;font-weight:normal;white-space: nowrap; display: block; width: 100%; height: 100%; font-size: 18px; letter-spacing: -1px;}

.gnb_2dul ul > li {
    position: relative;
}

.gnb_2dul ul > li.has_menu::after {
    display: inline-block;
    content: "\f054";
    font-family: "fontAwesome";
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 3px;
}

.gnb_2dul a[target="_blank"]:after {
    display: inline-block;
    margin-left: 10px;
    content: "\f2d2";
    font-family: "fontAwesome";
    font-weight: 500;
}

.gm_img_list,
.gm_menu_list {width: 1280px; margin: 0 auto; max-width: 100%;}

.gm_img_list { padding: 30px 10px 10px 10px; font-size: 0;}
.gm_img_list::after {display: block; content: ""; clear: both}
.gm_img_list .gil_con {display: inline-block; width: 31%; margin-right: 3%; float: left; overflow: hidden; max-width: 390px}
.gm_img_list .gil_con:last-child {margin-right: 0;}

.gm_img_list .gil_con21, 
.gm_img_list .gil_con22,
.gm_img_list .gil_con23, 
.gm_img_list .gil_con24 {width: 22% !important}

.gm_img_list .gil_con .gil_img {height: 120px; border-top-right-radius: 40px; overflow: hidden; transition: 1s;}
.gm_img_list .gil_con11 .gil_img{background: url(../img/smn11.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con12 .gil_img{background: url(../img/smn12.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con13 .gil_img{background: url(../img/smn13.png) no-repeat bottom; background-size: cover}

.gm_img_list .gil_con21 .gil_img{background: url(../img/smn21.png) no-repeat ; background-size: cover; }
.gm_img_list .gil_con22 .gil_img{background: url(../img/smn22.png) no-repeat ; background-size: cover; }
.gm_img_list .gil_con23 .gil_img{background: url(../img/smn23.png) no-repeat ; background-size: cover; }
.gm_img_list .gil_con24 .gil_img{background: url(../img/smn222.png) no-repeat ; background-size: cover; }

.gm_img_list .gil_con31 .gil_img{background: url(../img/smn31.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con32 .gil_img{background: url(../img/smn32.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con33 .gil_img{background: url(../img/smn33.png) no-repeat ; background-size: cover}

.gm_img_list .gil_con41 .gil_img{background: url(../img/smn41.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con42 .gil_img{background: url(../img/smn42.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con43 .gil_img{background: url(../img/smn43.png) no-repeat ; background-size: cover}

.gm_img_list .gil_con51 .gil_img{background: url(../img/smn51.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con52 .gil_img{background: url(../img/smn52.png) no-repeat ; background-size: cover}
.gm_img_list .gil_con53 .gil_img{background: url(../img/smn53.png) no-repeat ; background-size: cover}


.gm_img_list .gil_con .gil_text { font-size: 22px; line-height: 30px; margin-top: 7px; word-break: keep-all}
.gm_img_list .gil_con .gil_text:hover {color: #1aa1ea; transition: 0.5s; }

.gm_img_list .gil_con .gil_img:hover {transform: scale(1.05); transition: 1s;}

.gm_img_list .gil_menu ul li a {white-space: nowrap }

.gm_img_list02 .gil_con {width: 46%!important}

.gm_img_list03 .gil_con {position: relative}
.gm_img_list03 .gil_con .gil_text {position: absolute; top: 30px; left: 25px;}
.gm_img_list03 .gil_menu {width: 100%;}
.gm_img_list03 .gil_menu ul {font-size: 0;}
/*.gm_img_list03 .gil_menu ul li {width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; background: url(../img/arrow_right.png) no-repeat right center}*/
.gm_img_list03 .gil_menu ul li {width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; }
.gm_img_list03 .gil_menu ul li a {display: block; width: 100%; height: 100%; transition: 0.5s; padding: 0px 5px; }
.gm_img_list03 .gil_menu ul li a:hover {color: #1aa1ea; transition: 0.3s;  font-weight: bold}

.gm_img_list03 .gil_menu ul li ul { margin: 10px 0px 0px 10px; }
.gm_img_list03 .gil_menu ul li ul li { line-height: 30px; display: inline-block; }

.gm_menu_list {width: 69%; float: left; padding: 10px 15px 0px 50px; font-size: 0; }
.gm_menu_list .gml_wrap {width: 100%; border-top: 1px solid #ddd; padding-top: 20px}
.gm_menu_list .gml_con { width: 100%; font-size: 0; margin-bottom: 5px }
.gm_menu_list .gml_con:last-child{margin-bottom: 0px}
.gm_menu_list .gml_con::after {display: block; content: ""; clear: both}
.gm_menu_list .gml_con .gml_title {width: 30%; float: left; height: 30px; line-height: 30px}
.gm_menu_list .gml_con .gml_list {width: 65%;float: right;}
.gm_menu_list .gml_con .gml_list ul li {display: inline-block; width: 50%; text-align: left; }
.gm_menu_list .gml_con .gml_title,
.gm_menu_list .gml_con .gml_list ul li {height: 30px; line-height: 30px;}

.gm_menu_list .gml_con a {transition: 0.3s; display: inline-block!important; padding: 0px 3px; }
.gm_menu_list .gml_con a:hover {background:#1aa1ea; color: #fff; transition: 0.3s; padding: 0px 5px; border-radius: 3px; }

.gm_menu_list .gml_con .gml_list_link ul li {height: 45px; margin-bottom: 7px}
.gm_menu_list .gml_con .gml_list_link ul li a{display: block; width: 96%; line-height: 45px; border: 1px solid #ddd; text-align: center}

.gm_menu_list .gml_con .gml_list02 ul li {width: 20%} 


.gnb_1dli.gnb_1dli06 .gm_img_list {}
.gnb_1dli.gnb_1dli06 .gm_img_list .gil_con {float: inherit; text-align: left; vertical-align: top; }

.gm_link_wrap {width: 100%; max-width: 1280px; text-align: center; margin: 0px auto; font-size: 0; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0%);}
.gm_link_wrap .gm_link {width: 200px; height: 50px; line-height: 50px;  text-align: center; overflow: hidden; display: inline-block; margin-right: 15px; background: #f4f5f9;}
.gm_link_wrap .gm_link a {color: #292929; font-size: 15px; background: none ;font-family: 'KoPubWorldDotum', serif!important;}
.gm_link_wrap .gm_link:last-child {margin-right: 0}
.gm_link_wrap .gm_link img {vertical-align: middle; max-width: 98%; margin: 0 auto}
.gm_link_wrap .gm_link_last {background: #3991e4}
.gm_link_wrap .gm_link_last a {color: #fff;}
.gm_link_wrap .gm_link_last span img {height: 20px; vertical-align: middle; margin-right: 5px}

.gm_img_list .gil_menu .sb_info {position: absolute; width: 80px; height: 100%; right: 0; top: 0; color: #000; font-family: 'KoPubWorldDotum', serif!important; font-size: 15px; cursor: pointer}
.gm_img_list .gil_menu .sb_info img {float: right; margin-top: 10px}
.gm_img_list .gil_menu .sb_info span {color: #275dc7}

.gm_img_list .gil_menu .gil_child_menu {height: 0px; transition: 0.5s; margin: 0; overflow: hidden;}
.gm_img_list .gil_menu .gil_child_menu li { border-bottom: none; position: relative}
.gm_img_list .gil_menu .gil_child_menu li a {padding-left: 12px}
.gm_img_list .gil_menu > ul > li:hover {height: auto; border-bottom: none}
.gm_img_list .gil_menu > ul > li:hover .gil_child_menu {display: block; height: auto; transition: 0.5s; margin: 5px 0px 0px 5px}

.gm_img_list .gil_menu ul li.gil_show {height: auto; border-bottom: none}
.gm_img_list .gil_menu ul li.gil_show .gil_child_menu {display: block; height: auto; transition: 0.5s; margin: 5px 0px 0px 5px}

.gm_img_list03 .gil_menu .gil_child_menu li:before { width: 4px; height: 2px;  background: #565656; content: ""; display: block; position: absolute; top: 15px;  left: 3px;}


#hd.content_hd { background: #fff; }
#hd.content_hd {background: #fff; transition: 1s;}
#hd.content_hd #logo {background: url(../img/logo_on.svg)no-repeat center center; background-size: contain; transition: 1s;}
#hd.content_hd a.gnb_1da {color: #000;transition: 0.5s;}
#hd.content_hd .pc_menu_btn i {color: #000;;transition: 0.5s;}
#hd.content_hd #gnb_open {color: #000;}

@media (max-width: 1380px){
    .gnb_2dul {padding: 0px 10px}
    .gnb_2dul .gm_bg {width:25% }
    .gnb_2dul .gm_bg .gm_title {right: inherit; left: 10px; letter-spacing: -2px; width: 188px; word-break: keep-all; white-space: inherit}
    
    .gm_img_list .gil_con21, .gm_img_list .gil_con22, .gm_img_list .gil_con23, .gm_img_list .gil_con24 {width: 23%!important}
    .gm_img_list .gil_con {width: 32%; margin-right: 2%;}
    
    .gm_menu_list {padding: 10px 15px 0px 30px;}
    .gm_menu_list .gml_con .gml_title {letter-spacing: -1px; white-space: nowrap}
    
    .gm_link_wrap .gm_link {width: 15.5%; padding: 0px 10px; margin-right: 1%}
}

@media (max-width: 1150px){
    .gnb_2dul .gm_bg {width:20% }
    .gnb_2dul .gm_bg .gm_title span {letter-spacing: -1px;}
    
    
    .gm_menu_list .gml_con .gml_list a {letter-spacing: -1px; white-space: nowrap}
}

#tnb{line-height:40px; position: absolute; top: 36px; right: 15px;}
#tnb ul {max-width:1200px;margin:0 auto}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li{float:left}
#tnb li a{color:#b8b8b8;padding-right:20px;}
#tnb li a:hover{}
#tnb .tnb_res a{background:#fa576b;color:#fff;padding:0 20px;font-weight:600;}
#tnb .tnb_res a:hover{background:#ff2f48}
#tnb .tnb_res i{margin-right:5px}
#tnb .tnb_sns i{color:#fa576b;margin-right:5px}

#tnb_se{line-height:40px; position: absolute; top: 36px; right: 15px;}
#tnb_se ul {max-width:1200px;margin:0 auto}
#tnb_se ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb_se li{float:left}
#tnb_se li a{color:#b8b8b8;padding-right:20px;}
#tnb_se li a:hover{}
#tnb_se .tnb_res a{background:#fa576b;color:#fff;padding:0 20px;font-weight:600;}
#tnb_se .tnb_res a:hover{background:#ff2f48}
#tnb_se .tnb_res i{margin-right:5px}
#tnb_se .tnb_sns i{color:#fa576b;margin-right:5px}

.pc_menu_btn i { font-size: 25px;transition: 0.5s;}

.hd_sch_btn{float:right;width:50px;border:0;background:0;height:80px;color:#000;font-size:18px;vertical-align:top; display: none}
#hd_sch{z-index:10;display:none;position:absolute;top:40px;left:0;background:#121418;width:100%;}
#hd_sch .sch_wr{margin:0 auto;max-width:1200px;position:relative;}
#hd_sch #sch_stx {background:none;border:0;width:100%;height:80px;padding:0 50px;color:#fff;font-size:1.385em}
#hd_sch #sch_stx:focus{outline:0;border-bottom:2px solid #ea185f}
#hd_sch #sch_submit{background:none;border:0;position:absolute;top:0;left:0;color:#fff;height:80px;width:50px;font-size:18px;}
#hd_sch .btn_close{background:none;border:0;position:absolute;top:0;right:0;width:50px;height:80px;color:#aaa;font-size:18px}
#hd_sch .btn_close:hover{color:#fff}

.right{border:0;background:none;position:relative;}
.right button{;background:none;border:0;color:#c7c2bc;padding: 0 13px;height:34px;vertical-align:top}
.right img{vertical-align:middle;width:20px;height:20px;border-radius:50px}

#ol_after_private{display:none;position:absolute;top:40px;right:0;background:#fff;border-radius:3px;z-index:9;padding:10px 0;width:160px;
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.2) ;
-moz-box-shadow: 0 2px 7px rgba(0,0,0,0.2);
box-shadow: 0 2px 7px rgba(0,0,0,0.2);}
#ol_after_private li{line-height:30px;display:block;float:none}
#ol_after_private li a{color:#808a9b;display:block;padding: 0 15px}
#ol_after_private li a:hover{background:#eee;color:#ea185f}
#ol_after_private li a:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li strong{display:inline-block;background:#fac843;float:right;line-height:20px;color:#fff;border-radius:30px;padding:0 7px;font-size:0.92em;margin-top:6px}
#ol_after_private li .admin{color:#ff0000 !important}

@media (max-width: 969px){
    #tnb .right button{padding:0;color:#fff}
    #tnb .prf{border-left:0;width:100%;padding: 0 0 10px}
    #ol_after_private{left:0;right:none}
    .right img{width:25px;height:25px}
}

#gnb_open{float: right;width: 50px;border: 0 ;background: 0;height: 80px;color: #000; font-size: 18px;vertical-align:top; display: none}


/* 모바일 헤더 메뉴추가 */
.m_menu_wrap {display: none; position: fixed; width: 100%; height: 100%; top: 60px; left: 0; z-index: 10000;  background: #fff; overflow-y: scroll;}
.m_menu_wrap .login_wrap { text-align: center; padding: 10px; height: 90px;}
.m_menu_wrap .login_wrap a {color: #fff; line-height:22px; letter-spacing: -2px; padding: 5px;}
.m_menu_wrap .login_wrap span {color: #fff; line-height: 34px; float: left}
.m_menu_wrap #m_gnb_1dul {position: relative; background: #fff; height: auto; border-top: 1px solid #ddd;max-width: 98%;    margin: 0 auto; padding-bottom: 80px}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .m_gnb_1da {display: block; width: 35%; height: 60px; line-height: 40px; padding: 10px; color: #292929; text-decoration: none; border-bottom: 1px solid #ddd; font-size: 14px; border-right: 1px solid #ddd;}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .m_gnb_2dul {position: absolute; top: 0; left: 35%;  height: auto;  width: 65%; display: none; }
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box {; width: 100%;  line-height: 10px; background: #fff; border-left: 1px solid #ddd; margin-left: -1px; margin-bottom: 80px;}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box > li {display: block; width: 100%; text-align: left; line-height: 59px; text-overflow: ellipsis;  white-space: nowrap; border-bottom: 1px solid #ddd;  background: url(../img/arrow_down01.png) no-repeat 95% 25px; }
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli a {padding: 0 10px; font-size: 16px; display: block; width: 100%; height: 100%; }
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli a span {color: #999999}

.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box > li.on {background: url(../img/arrow_up01.png) no-repeat 95% 25px;  }
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box > li.on > a {}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box > li.on ul {display: block;}

.m_menu_wrap #m_gnb_1dul .m_gnb_1dli.gnb_1dli_on .m_gnb_2dul{display: block}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli.gnb_1dli_on .gnb_2dul_box { }
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli.gnb_1dli_on .m_gnb_1da{background:#275dc7; color: #fff;  }
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli.gnb_1dli_on span {color: #292929; border-bottom: 3px solid #00c394;}


.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box ul {background: #f4f4f4; display: none}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box ul li {}
.m_menu_wrap #m_gnb_1dul .m_gnb_1dli .gnb_2dul_box ul li a {font-size: 14px; padding-left: 15px; border-bottom: none; line-height: 44px; overflow: hidden}



.m_sch_box {height: 60px; width: 100%; position: relative; line-height: 60px; border: 1px solid #3991e4}
.m_sch_box  input {height: 57px; line-height: 57px; border: none}
.m_sch_box  button {position: absolute; right: 0; top: 0; width: 60px; height: 59px; text-align: center; background: #3991e4; border-radius: 0; line-height: 10px}


.login_wrap {position: absolute; top: 5px; right: 5px;}


@media (max-width: 969px){
    #logo {padding:0px 10px; height: 40px; margin-top: 0}
    #hd {border-bottom: 1px solid #ddd;}
    #hd_wrapper {height: 65px; }
    #gnb_open{display: block}
    .hd_sch_btn , #gnb_open{height:55px}
    #hd_sch {top:0}
    #hd_sch #sch_submit,#hd_sch .btn_close,#hd_sch #sch_stx{height:60px}
}


/*상단고정*/
.fixed #hd{background: #fff; transition: 0.5s;border-bottom: 1px solid #ddd}
.fixed #logo {background: url(../img/logo_on.svg)no-repeat center center; background-size: contain; transition: 0.5s;}
.fixed a.gnb_1da {color: #000;transition: 0.5s;}
.fixed .pc_menu_btn i {color: #000;;transition: 0.5s;}
.fixed #gnb_open {color: #000;}

.sub_fixed #hd{background: #fff;}
.sub_fixed#hd{background: #fff; transition: 0.5s;}
.sub_fixed #logo {background: url(../img/logo_on.svg)no-repeat center center; background-size: contain;transition: 0.5s;}
.sub_fixed a.gnb_1da {color: #000;transition: 0.5s;}
.sub_fixed .pc_menu_btn i {color: #000;;transition: 0.5s;}

.menu_fixed #hd{background: #fff; transition: 0s}
.menu_fixed #logo {background: url(../img/logo_on.svg)no-repeat center center; background-size: contain;transition: 0s;}
.menu_fixed a.gnb_1da {color: #000;transition: 0s;}
.menu_fixed .pc_menu_btn i {color: #000;;transition: 0s;}
.menu_fixed .btn_hdcate i {color: #000;}

@media (min-width: 970px){
    .fixed .gnb_1da {}
    .fixed .hd_sch_btn ,.fixed #gnb_open{}
    .fixed .gnb_1dli button{}
    .fixed #hd_sch {}
    .fixed  #hd_sch #sch_submit,.fixed #hd_sch .btn_close,.fixed #hd_sch #sch_stx{height:60px}

}

@media (max-width: 969px){
    
}
@media (max-width: 769px){
    .hd_sch_btn {display: none}

    #hd_sch {clear: both; display: none; width: 90%; position: inherit; top: 15px; left: inherit; margin: 15px auto 25px auto; }
    #hd_sch #sch_stx,
    #hd_sch #sch_submit,
    #hd_sch .btn_close {height: 40px;}

    .fixed #hd_sch {display: none}
}

/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:550px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {position:relative;font-weight:bold;background:#fff;color:#333; text-align:center;z-index:9;background:rgba(0,0,0,0.4);line-height:300px;color:#fff;font-size:2.5em}

#container>p{display:none;}

.idx_con{margin: 0 auto;max-width:1200px;text-align:center;}
.idx_con ul:after {display:block;visibility:hidden;clear:both;content:""}
.idx_con li{float:left;width:33.333%;padding:7% 20px}
.idx_con li h2 i{font-size:25px;background:#a8a8a8;color:#fff;width:70px;line-height:70px;border-radius:50px;margin-bottom:5px}
.idx_con li:hover i{background:#ea185f}
.idx_con li h2 span{display:block;font-size:1.385em }
.idx_con li:hover span{color:#ea185f}
.idx_con li p{margin:20px 0;color:#494949;font-size:1.154em   }
.idx_con li a{display:inline-block;color:#a9a9a9;text-decoration:underline}

.idx_lt{background:#f6f6f6;padding:80px 0}
.idx_lt_wr{margin:0 auto;max-width:1200px}
.idx_lt_wr:after {display:block;visibility:hidden;clear:both;content:""}
.idx_lt_wr .lt{float:left;width:33.333%}

 @media (max-width: 969px){
    .idx_con{padding:50px 0}
    .idx_con li{width:100%;padding:20px }
    .idx_con li h2 i{width:50px;line-height:50px;font-size:20px;}
    .idx_lt_wr .lt{width:100%}
    .idx_lt{padding:30px 0}
    #container_title {line-height:150px;;font-size:1.5em}
 }
 @media (max-width:639px){
    #container_title {line-height:55px;border-bottom:1px solid #eee;color:#000;font-size:1em;;text-align:left;padding:0 20px;background:none}

 }

 /* 게시판 목록 카테고리 */
#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px;}
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}

/* 게시판 검색 */
#bo_sch {position: relative; width: 100%; margin: 0 auto; overflow: hidden}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin:9px 5px ; line-height:21px;float:left;border-right:1px solid #ddd; background: #fff;}
#bo_sch .sch_btn{border:0;width:40px;background: #fff; color: #292929;border: 1px solid #ddd;}
#bo_sch input {border: none; height: 40px; border: 1px solid #ddd}
#bo_sch .input-group {width: 320px; float: right; margin-right: 0;}

/* 게시판 목록 하단 버튼 */
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}

/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding:20px;background:#fff}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {}
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow: inset 0 2px 5px rgb(33, 135, 202);}
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0 }

#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#000}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file h2 {padding:10px;background: #f3f3f3}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {;padding:0;list-style:none}

.bo_v_com {margin:20px 0;float:right}
.bo_v_com li {float:left;margin-left:5px}

.bo_v_left {margin:20px 0;float:left}
.bo_v_left li {float:left;margin-right:5px}

.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;;border-bottom:1px solid #ddd}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #ddd;padding-left:10px; padding-right:10px; padding-top:15px; padding-bottom:15px; border-left:1px solid #ddd;border-right:1px solid #ddd; overflow:hidden;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li a { width:170px; padding:0 5px;  text-overflow:ellipsis; white-space:nowrap; display: inline-block; }

@media (max-width:769px) {
    .bo_v_nb li a { overflow: hidden; }
}

.bo_v_nb li .nb_date{float:right;color:#888}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1; text-align: center}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height: auto!important;}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act a:hover{background-color:#f3f3f3}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}

#bo_v_share{position:relative;margin:20px 0;text-align:right}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
#bo_v_share .btn:hover{background:#fff}
#bo_v_share .btn i{margin-right:5px;;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

/* sns 공유 버튼 */
.fix_wrap {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 10000}
.bo_v_snswr{width: 540px; height: 300px; position: fixed; bottom: 50%; left: 50%; margin-left: -270px; margin-bottom: -150px; background: #fff; padding: 20px}
.bo_v_sns { z-index: 99999;display: block; padding: 20px 0; border:none;}
.bo_v_sns li {float:left;display:block;width:25%;text-align:center; line-height: 40px; margin-bottom: 20px;font-size: 0;}
.bo_v_sns li a{height:40px;padding:10px 0; font-size: 14px; color: #292929!important}
.bo_v_sns li img{vertical-align:top; width:40px;display: block; margin: 0 auto}

.bo_v_sns_hd {width: 100%; height: 50px; position: relative;text-align:left}
.bo_v_sns_hd .bsh_close {position: absolute; top: 0px; right: 5px}
.bsh_title {font-size: 22px; font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid #ddd;}


@media(max-width:769px){

    .bo_v_snswr {bottom: 0px; width: 100%; margin-left: 0; left: 0; margin-bottom: 0; height: 280px; padding: 15px 5px}
    .bo_v_sns li {line-height: 30px; margin-bottom: 10px}
    .bo_v_sns li a {font-size: 11px;}
    .bo_v_sns li img {width: 60px }
    .bo_v_sns_hd {height: 35px; padding: 0px 10px}
}


/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table {border-bottom:1px solid #d3d3d3}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.85em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:20px 5px;border-top:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child{border-left:0}
.tbl_head01 td:last-child{border-right:0}
.tbl_head01 a {}

.tbl_head02 {margin:15px}
.tbl_head02 caption {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;font-size:0.95em;text-align:center}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}


.tbl_head03 {margin:0 0 10px}
.tbl_head03 table {    padding: 12px 0; border-top: 2px solid #000; border-bottom: 1px solid #d3d3d3;  background: #fff;  color: #383838;
    font-size: 0.95em;   text-align: center;   letter-spacing: -0.1em;}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head03 td:first-child {border-left:0}
.tbl_head03 a {}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px;width:100%}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 기본리스트 */
.list_01 {padding:0 10px;font-size:0.85em}
.list_01 li {background:#fff;margin:10px 0;padding:10px 15px;border:1px solid #eee}
.list_01 li.li_all_chk {position:relative;text-align:center}
.list_01 li.li_all_chk div {position:absolute;left:5px;top:10px}
.list_01 li.li_all_chk label {vertical-align:baseline}
.list_01 li:hover {background:#f9f9f9}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li.empty_li {border:0}


/* 테이블 기본 색상 */
.tbl_head01 thead th, .board_top_color { border-top:1px solid #999999; }

.table_base {min-width: 500px}

 /* 로그인 */
.mbskin { width:90%; max-width: 500px;  border: 1px solid #ddd; margin: 0px auto 0px auto; padding: 20px 10px 1px 10px; margin-top: 50px;  }
.mbskin p {padding-bottom:20px;}
.mbskin p strong {color:#4162ff;padding-bottom:5px;display:block;font-size:1.083em}
.mbskin h1 {display:none}

.login_logo {text-align: center; margin-bottom: 30px;}
.login_logo img { max-width: 90%; }

#mb_login .nav { position: unset; opacity: 1; transition: unset; transform:unset; display: -webkit-box; display: -ms-flexbox;
  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; height: unset;
  list-style: none; background-color: #FAFAFA; border: none; margin-bottom: 20px; }

#mb_login #login_tabs,
#mb_login #login_form {width:auto; margin:auto; }
#mb_login fieldset {display:block;position:relative; margin:auto;}
#mb_login legend {display:none;}
#mb_login #login_tabs {}
#mb_login #login_tabs .nav-item { text-align:center; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
#mb_login #login_tabs .nav-item:first-child .nav-link {border-left:2px solid #fff;}
#mb_login #login_tabs .nav-item:last-child .nav-link {border-right:2px solid #fff;}
#mb_login #login_tabs .nav-link { border-radius:0; background:rgba(0,0,0,.25); color:#fff; border-top:2px solid #fff; height:50px; display:flex; align-items:center; justify-content:center; }
#mb_login #login_tabs .nav-link.active { background:#fff; color:#222; }

#login_fs label {margin:0px}
#login_ex #nonmb_id,
#login_ex #nonmb_pw {display:block;width:100%; height:50px; margin-bottom:0.75rem; padding:.375rem 2rem; font-family:'Ubuntu','Montserrat','Nanum Square','NanumBarunGothic',sans-serif; font-size:14px; letter-spacing:0.1em;}

#login_ex {}
#login_ex #notmb_fs {}
#login_ex #guest_privacy {}
#login_ex #guest_privacy textarea {}
#login_ex .agreement {}
#login_ex .btn_confirm {}
#login_ex .btn_confirm a {}
#sns_login {margin:30px auto!important; padding:0 !important; border:none !important}
#sns_login .sns-wrap {}
#sns_login .sns-wrap .sns-icon {display: block; width:100%;}

#mb_login .find_btn_wrap {width: 100%; border-top: 1px solid #ddd; height: 50px; line-height: 50px;}
#mb_login .find_btn_wrap a {width: 49%; display: inline-block; border-right: 1px solid #ddd;text-align: center; font-size: 12px; color: #292929}
#mb_login .find_btn_wrap a.last {border-right: none}

.mbskin .agree_wrap {width: 100%; border: 1px solid #ddd; }
.mbskin .agree_wrap label {padding-left: 20px; font-size: 12px;}
.mbskin .agree_wrap label::before,
.mbskin .agree_wrap label::after {top: 20px; left: 0px}
.mbskin .agree_wrap .agree_all_wrap {width: 100%; height: 60px; line-height: 60px;  background: #f5f5f5; padding: 0px 20px;}
.mbskin .agree_wrap .agree_list {width: 100%; padding: 10px 0px;}
.mbskin .agree_wrap .agree_list label::before,
.mbskin .agree_wrap .agree_list label::after {top: 15px}
.mbskin .agree_wrap .agree_list .agree_con {height: 50px; line-height: 46px; }
.mbskin .agree_wrap .agree_list .agree_con a {float: right; font-weight: 400; border: 1px solid #ddd; padding: 0px 5px; height: 40px; line-height: 40px; font-size: 12px; margin-right: 10px}
.mbskin .agree_wrap .agree_list .agree_info {padding: 0px 20px 20px; display: none; height: 150px; overflow-y: scroll; font-size: 12px; }

.mbskin .age_wrap {height: 40px;line-height: 50px;margin-top: 15px; }
.mbskin .age_wrap input {position: absolute; opacity: 0}
.mbskin .age_wrap label {width: 100%; height: 50px; text-align: center;  border: 1px solid #ddd; border-radius: 5px; font-size: 14px; }
.mbskin .age_wrap input[type="radio"]:checked + label {background: #aaa;color: #fff;}
.mbskin .age_wrap span.al_bg {display: inline-block; margin-right: 3px; width: 20px; height: 20px; background: url(../img/check.png) no-repeat center center; vertical-align: inherit}
.mbskin .age_wrap input[type="radio"]:checked + label span.al_bg {background: url(../img/checked.png) no-repeat center center}

.mbskin .btn_wrap { display:inline-block; width: 100%; margin-top: 10px; margin-bottom: 20px;}

@media(max-width:769px){
    #mb_login {width: 100%;}
}

/* 회원가입 */
#fregisterform h2 {font-size: 18px; font-weight: bold}
#register_title {margin:20px auto 10px auto;text-align:center; font-family:'Montserrat','NanumBarunGothic',sans-serif; font-size:26px; font-weight:300;}

#fregisterform {display:block; margin:auto; width:95%; }
#fregisterform h2 {display:none;}
#fregisterform #reg_mb_zip {width: 150px; display: unset;}
#fregisterform #captcha {display:block;}
#fregisterform .input-group-text label {margin:0;}

#register_form {display:block; width:100%; max-width: 500px; border:1px solid #ddd; background:#fff; padding:20px 10px 0px 10px; margin: 0px auto; border-radius:0.25rem}
#register_form textarea {height:5em; resize: none;}
#register_form label strong {position:relative;text-indent:-9999em;display:none;}
#register_form label strong:after {content:"*"; display:inline-block; position:absolute; right:0;text-indent:0;}


#register_agree {margin-top:50px;}
#register_agree hr {display:block; margin-top:0.5rem; margin-bottom:0.5rem}
#register_agree label a {border-bottom:1px solid #000; color:#000;}
#register_agree .custom-control {margin:0.5rem 0;}
#register_agree .custom-control-label::before,
#register_agree .custom-control-label::after {width:1.5rem;height:1.5rem;}
#register_agree .custom-control-label::before:focus,
#register_agree .custom-control-label::after:focus {box-shadow:none;}
#register_agree .custom-control-label { padding-left:0.5rem;}

.mbskin #btn_cancel {display:none}

#register_form span { font-size: 0.8rem; }
#register_form select { height: 50px; }

#register_form .form-group {margin-bottom: 0.5rem!important; }

#register_form label {display: none}
#register_form .form-row {position: relative}
#register_form .cert_wrap {position: absolute; top: 0px; right: 5px;}

#register_form #msg_mb_id {position: absolute; top: 0px; right: 0px;}

#register_form .ac_title { font-size: 14px; font-weight: 500;}

.full_input {width: 100% !important; }

#register_form .sns_list {height: 55px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
#register_form .sns_list .sns_con {float: left; width: 49%; text-align: center;height: 100%; line-height: 50px}
#register_form .sns_list .sns_con a {display: block; height: 100%}

#fregisterform .agree_info h1,
#fregisterform .agree_info h2,
#fregisterform .agree_info h3,
#fregisterform .agree_info h4,
#fregisterform .agree_info h5,
#fregisterform .agree_info h6 {font-size: 12px; margin-bottom: 3px;}
#fregisterform .agree_info p,
#fregisterform .agree_info li {font-size: 12px;}
.istablet_class #mb_login .agree_wrap label {font-size: 16px;}

#fregisterform .btn_frmline {width: 70px; font-size: 15px;}
#fregisterform .btn_addr,
#fregisterform span.input-group-text{height: 50px; line-height: 50px}
#fregisterform #reg_mb_mailling,
#fregisterform #reg_mb_sms{height: auto}

#fregisterform .custom-file-label ,
#fregisterform .register_agree label {display: block}

#fregisterform .mb_img_label {width: 100px; border: 1px solid #ddd; height: 100px; border-radius: 100%;left: 50%; margin-left: -50px; background: url(../img/no_profile.gif) no-repeat; background-size: cover; font-size: 0;}
#fregisterform .reg_mb_img_file {height: 100px}
#fregisterform .mb_img_label.custom-file-label::after {clear: both; content: ""; background-color: rgba(0,0,0,0); border: none; }
#fregisterform .mb_img_label.file_in {background: none}
#fregisterform .img_preview {position: absolute; width: 100px; top: 0px; border: 1px solid #ddd; height: 100px!important; border-radius: 100%;left: 50%; margin-left: -50px; z-index: 100}

#fregisterform .agree_wrap {width: 100%; border: 1px solid #ddd; text-align: left}
#fregisterform .agree_wrap label {padding-left: 20px; font-size: 0.8rem;display: inline-block;}
#fregisterform .agree_wrap label::before,
#fregisterform .agree_wrap label::after {top: 20px; left: -7px}
#fregisterform .agree_wrap .agree_all_wrap {width: 100%; height: 60px; line-height: 60px;  background: #f5f5f5; padding: 0px 20px;}
#fregisterform .agree_wrap .agree_list {width: 100%; padding: 10px 0px;}
#fregisterform .agree_wrap .agree_list label::before,
#fregisterform .agree_wrap .agree_list label::after {top: 15px}
#fregisterform .agree_wrap .agree_list .agree_con {height: 50px; line-height: 46px; }
#fregisterform .agree_wrap .agree_list .agree_con a {float: right; font-weight: 400; border: 1px solid #ddd; padding: 0px 5px; height: 40px; line-height: 40px; font-size: 12px; margin-right: 10px}
#fregisterform .agree_wrap .agree_list .agree_info {padding: 0px 20px 20px; display: none; height: 150px; overflow-y: scroll; font-size: 12px; }
#fregisterform .agree_wrap #agree_01-error,
#fregisterform .agree_wrap #agree_02-error{position: absolute; top: 23px; left: 15px;}

#me_file {height: 50px;}
#me_file_label {line-height: 40px;}
#me_file_label::after {height: 48px; line-height: 35px;}

/* 회원가입완료 */
#reg_result { width: 100%; padding: 20px 30px; border: 1px solid #ddd; margin: 30px auto; text-align: center;}
#reg_result h2{font-size:2em;margin:0 0 20px; word-break: keep-all}
#reg_result p {margin:10px 0; word-break: keep-all; text-align: left}
#reg_result .result_email {color:#292929; }
#reg_result #result_email {width:450px; margin:10px auto;padding:10px; border:1px solid #eee; border-left:none; border-right:none; text-align:left; }
#reg_result #result_email span {display:inline-block; width:120px; }
#reg_result #result_email strong {display:inline-block; }
#reg_result .reg_cong{font-size:1.25em;margin:0 0 10px;}
#reg_result .reg_cong strong{}
#reg_result .btn_confirm {margin:50px 0}
#reg_result .btn_submit{padding: 0px 30px;font-weight:500;line-height:40px;display:inline-block;margin:20px 0 0 ; width: 100%; border-radius:0; font-size:1.083em}

/* 아이디비번찾기*/
#find_info {}
#find_info:after { clear:both; display:block; content:"";}
#find_info h1 {}
#find_info .mb_info { border:1px solid #ddd; position:relative; display:block;margin:0; padding:20px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow:1; width:100%; max-width:100%; background:#fff; }
#find_info .mb_info:after { clear:both; display:block; content:"";}
#find_info p { display:block; margin:0 0 10px; padding:0 0 1em; border-bottom:1px solid #eee; font-size:14px;}
#find_info #captcha {margin:20px auto; display:block; }

#mb_find { width:90%; max-width: 500px;  border: 1px solid #ddd; margin: 0px auto 0px auto; padding: 20px 10px 20px 10px;}
#mb_find li:after { clear:both; display:block; content:"";}
#mb_find .login_logo {margin-bottom: 30px; text-align: center}
#mb_find h1 {display:none}


.mb_tabs { border:1px solid #ddd !important; background-color: #fff; }
.mb_tabs li { font-size: 13px; }
.mb_tabs li a.active, .mb_tabs li a:hover { border:none !important; background:#3e976c !important;color:#fff !important; border-bottom:1px solid transparent !important;}
#mb_find #find_tab li a:after, #login_tabs .nav-tabs li a:after { content:""; }


#mb_find .mb_find { display: -webkit-box; display: -ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap:wrap; border:none; }
#mb_find .mb_find:after { clear:both; display:block; content:"";}

#mb_find .find_type { position:relative; display:none; padding:20px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow:1; width:100%; max-width:100%; /* min-height:480px; */ background:#fff; border:1px solid #ddd; }
#mb_find h3 { display:none; border:none; color:#0c4da2; font-size:22px; margin-bottom:20px; padding-bottom:0px;}
#mb_find p { display:block; margin:0 0 10px; padding:0 0 1em; border-bottom:1px solid #eee; font-size:12px; font-weight:bold;}
#mb_find input[type=text]:read-only,
#mb_find input[type=number]:read-only {background:#eee; color:#999; }
#mb_find input[type=radio] + label {margin-right:1em;}

.pw_way_wrap label { font-size: 0.8rem; line-height: 30px; }


#mb_find #hp_auth_pw {position: absolute; top: 0px;right: 0; height: 50px;}
#mb_find #hp_time {position: absolute; top: 15px;right: 10px; height: 50px; color: #dc3545;}


#find_mail { }
#find_mail #mail_fs .frm_input {}
#find_mail #captcha {margin:20px auto; display:block; }
#find_hp { }
#find_hp #hp_fs .frm_input { }
#find_hp .btn_frmline {}
#find_cert { }
#find_cert #cert_fs select,
#find_cert #cert_fs .frm_input { }


/* 하단 레이아웃 */
#ft {background:#222; overflow: hidden}
.ft_wr{ color:#555;text-align:center;padding:40px 20px}
.ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.ft_info{margin:0 auto;max-width:1200px;padding:40px 10px}
.ft_info:after {display:block;visibility:hidden;clear:both;content:""}
.ft_info .lt{float:left;width:50%;padding:20px}
#ft_contact{float:left;width:50%;;padding:20px;color:#fff}
#ft_contact h2{;font-size: 1.154em;margin-bottom:20px}
#ft_contact i{width:25px;color:#fa576b;line-height:30px;background:#222;position:relative;z-index:2}
#ft_contact li:after {display:block;visibility:hidden;clear:both;content:""}
#ft_contact .time{position:relative}
#ft_contact .time:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px ;background-image: linear-gradient(90deg, #666 25%, #222222 25%, #222222 50%, #666 50%, #666 75%, #222222 75%, #222222 100%);
background-size: 8.00px 8.00px;;z-index:0}
#ft_contact .text{background:#222;padding-right:10px;z-index:2;display:inline-block;line-height:30px;position:relative}
#ft_contact .num{background:#222;float:right;padding-left:10px;z-index:2;display:inline-block;line-height:30px;position:relative}
#ft_contact  a{display:block;text-align:center;background: #fa576b;
color: #fff;margin-top:20px;line-height:45px;
font-weight: 600;}

#top_btn{position:fixed;bottom:40px;right:20px;width:50px;height:50px;background:#121418;border:0;z-index:999;color:#fff;transition: opacity 0.2s ease-out;opacity:0;}
#top_btn.show {opacity: 1;}
 @media (max-width: 969px){
     .ft_info .lt,#ft_contact{width:100%}
     .ft_info {padding:20px 0}
 }

 #device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center}


/* 체크박스 */
.all_chk,.bo_chk {position:relative}
.all_chk label .chk_img, .bo_chk label .chk_img{margin-top:2px;display:inline-block;height:15px;text-indent:-9999px;width:15px;background:#fff;border:1px solid #aab3c1;border-radius:3px;;vertical-align:top;
-webkit-box-shadow:inset 5px 5px 3px #f0f0f3;
-moz-box-shadow:inset 5px 5px 3px #f0f0f3;
box-shadow:inset 5px 5px 3px #f0f0f3}

.bo_chk label.click_on .chk_img, .all_chk label.click_on .chk_img{background:url('/html/img/input_chk.png') 50% 50% no-repeat #ea185f;border-color:#ea185f;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none}


.bo_chk input, .all_chk input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;outline:0;z-index:9}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
a.btn01 {display:inline-block;background:#eee;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
/*
.btn_submit {border:0;background:#fa576b;border:1px solid #ff2741;color:#fff;cursor:pointer}
.btn_submit:hover{background:#ff2741}
*/
a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#eee;border:0;color:#6b6b6b;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#f8f8f8;color:#000}
a.btn_b02 ,.btn_b02{display:inline-block;background:#fa576b;color:#fff;text-decoration:none;vertical-align:middle;border:0}
a.btn_b02:hover, .btn_b02:hover {background:#ff2741}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#ff0000;color:#fff;font-size:16px;text-decoration:none;vertical-align:middle;line-height:40px;width:40px;text-align:center;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover  {color:#fff;}

/* 기본테이블 */
.tbl_wrap {margin:0 0px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;background:#f7f8fa;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;border-radius:3px;padding:10px 0px;border-bottom:1px solid #eee;}

/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
 textarea, .frm_input {border:1px solid #d7d7d7;background:#fff;color:#000;vertical-align:middle;padding:0 10px;height:40px;}
textarea {width:100%;height:200px;padding:10px}
textarea:focus, .frm_input:focus{outline:none;border:1px solid #ea185f}
.frm_input {height:40px;}
.full_input{width:100%}
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{height:40px;border-radius:3px;background-color:#fff}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('/html/img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center;padding-bottom:30px}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;}

/* 검색결과 색상 */
.sch_word {color:#275dc7}

.new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.825em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:baseline}
.hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
.fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.ctt_admin { opacity:1; position:fixed; z-index:9999; bottom:100px; left:50%; margin-left:-70px;  width:140px; line-height:40px; text-align:center; }

#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}


/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333;font-weight:300;margin-right:10px}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0;text-align:center}
.pg {display:inline-block }
.pg_page, .pg_current {display:inline-block;padding:0 13px;height:35px;color:#959595;line-height:35px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none;background-color:#f8f8f8; }
.pg_page {background:#fff; border: 1px solid #aaaaaa}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_wrap .pg_current {display:inline-block;background:#275dc7;color:#fff;font-weight:normal;line-height:35px; border: 1px solid #275dc7}

/* ####### 쇼핑몰 컨텐츠 ####### */

.st_bg {display:inline-block;width:1px;height:10px;margin:0 10px;background:#e2e1e0;vertical-align:-1px}
#listtype {margin:30px 0 20px}

/* 장바구니 주문서 공통 */
#sod_chk {margin:10px;font-size:0.85em}
.sod_list {margin:10px;font-size:0.85em}
.sod_list .sod_li {background:#fff;border:1px solid #eee;margin:10px 0}
.sod_list .li_name {border-bottom:1px solid #eee;line-height:1.3em;padding:15px;font-size:1.2em}
.sod_list .li_op_wr {position:relative;margin:10px;padding-left:90px;min-height:80px}
.sod_list .total_img {position:absolute;top:0;left:0}
.sod_list .mod_options {padding:0 7px;border:1px solid #ff4444;color:#ff4444;background:#fff;height:30px;line-height:21px;margin:5px 0 0}
.sod_list .li_prqty {margin:10px 10px;border-top:1px solid #dcdcdc;padding:10px 0 0}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
.sod_list .li_prqty_sp {float:left;width:50%;display:block;line-height:20px;padding:0 7px;text-align:right}
.sod_list .li_prqty_sp span {float:left}
.sod_list .prqty_sc,.sod_list .prqty_price {border-right:1px solid #dcdcdc}
.sod_list .total_price {background:#f5f5f5;border:1px solid #e2e2e2;display:block;clear:both;margin:10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_list .total_price span {float:left}
.sod_list .total_price strong {font-size:1.25em;color:#ff4444}
.sod_opt li {padding-left:10px;background:url('/html/img/bullet.gif') no-repeat 3px 50%;color:#777;margin:3px 0;line-height:1.3em}

#sit_opt_added {margin:0 0 10px;padding:0 0 10px;border-bottom:0;list-style:none;border-bottom:1px solid #e9e9e9}
#sit_opt_added li {padding:10px 15px;border:1px solid #e9e9e9;position:relative;margin-bottom:5px}
#sit_opt_added li .opt_name {line-height:18px;padding:0 0 5px}
#sit_opt_added li .opt_count {}
#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {border:0;font-size:15px;background:#fff;margin-left:3px}
#sit_opt_added .sit_opt_del:hover {color:red}
#sit_opt_added .sit_opt_prc {float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

/* 장바구니 */
#mod_option_frm {position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
box-shadow:1px 1px 5px rgba(0,0,0,0.4)}
#mod_option_frm h2 {height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px}
#mod_option_frm #sit_tot_price {margin:15px;font-size:1.3em;font-weight:bold;text-align:right;position:relative}
#mod_option_frm #sit_tot_price span {font-weight:normal;font-size:13px}

#mod_option_frm #sit_sel_option ul {background:#f3f3f3;border:0}
#mod_option_frm h3 {margin:0 0 10px;color:#5772d5}
#mod_option_frm .option_wr {margin:15px}
#mod_option_frm .option_wr label {margin:0 0 5px;display:block}
#mod_option_frm .option_wr select {width:100%;height:30px;border:1px solid #d9d9d9;margin:0 0 5px}
#mod_option_frm .btn_confirm {margin:15px}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em}

#sod_bsk .btn_del_wr {margin:10px}
#sod_bsk .sod_ta_wr {background:#fff;padding:15px}
#sod_bsk .go_shopping {margin:10px}
#sod_bsk .go_shopping .btn01 {height:45px;line-height:43px;font-size:1em;font-weight:bold;width:100%;text-align:center}
#m_sod_bsk_tot {background:#f4f4f4;border-radius:5px;padding:5px 10px}
#m_sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_bsk_tot dt {float:left;width:40%;padding:5px 0;line-height:20px;clear:both; font-weight: 500}
#m_sod_bsk_tot dd {float:left;width:60%;padding:5px 0;text-align:right;line-height:20px;font-weight: 500}
#m_sod_bsk_tot .sod_bsk_cnt {border-top:1px solid #e2e2e2;margin-top:5px;line-height:25px}
#m_sod_bsk_tot .sod_bsk_cnt strong {color:#ff4444;font-size:1.25em}

/* 주문서 작성 */
#sod_frm .od_prd_list {background:#fff}
.od_prd_list .td_chk {border-left:0}
.od_prd_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:15px;left:0}
.od_prd_list .td_prd .sod_name {min-height:80px; text-align: left; padding-left: 10px}
.od_prd_list .td_prd .prd_name {font-size:1.167em}
.od_prd_list .total_prc {color:#ff006c;font-weight:bold;font-size:1.167em}

#sod_frm_orderer {padding:10px;border-bottom:1px solid #d6d3d3}
#sod_frm_taker {padding:10px}
#sod_frm_taker h2,#sod_frm_orderer h2 {margin:10px 0;font-size:1.25em}
.odf_list li {}
.odf_list label,.odf_list strong {display:block;margin:7px 0 5px;color:#444;font-weight:normal}
.odf_list .frm_input {width:100%;margin:0 0 5px}
.odf_list .dlv_slt div {background:#f3f3f3;border:1px solid #ccc;margin:5px 0;padding:10px}
.odf_list .dlv_slt div label {display:inline-block;margin:3px 0;color:#000}
#order_address {display:inline-block;width:100px;text-align:center;border:1px solid #3e976c;color:#fff;height:30px;margin-left:10px;line-height:28px;vertical-align:baseline;background:#3e976c}
.odf_list .ad_default {display:inline-block;margin:0}
.odf_list .btn_addsch {position:absolute;top:5px;right:5px;border-radius:3px;height:30px}
.odf_list .add_num {position:relative;display:block}
.odf_list textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
#m_sod_frm_paysel {margin:10px 0}
#m_sod_frm_paysel ul {margin:0 0;background:#fff;padding:10px;border-bottom:1px solid #ccc}
#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_frm_paysel li {float:left;padding:5px;width:46%;height:25px}
#m_sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.kakaopay_icon {background:url('../../../img/kakao.png') no-repeat;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:100%}
.samsung_pay {background:url('../../../img/samsungpay.png') no-repeat;height:12px;width:83px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_frm {font-size:0.85em}
#sod_frm .sod_ta_wr {background:#fff;padding:15px}
#sod_frm .btn_confirm {width:400px;margin:0 auto 10px}
#sod_frm .btn_cancel,#sod_frm .btn01 {width:49.5%;line-height:46px;height:50px;font-size:1em;margin:5px 0;padding:0;border-radius:0; display: inline-block; text-align: center; background: #aaa; color: #fff;}

#sod_frm_pay {padding:10px;border-top:1px solid #f3f3f3}
#sod_frm_pay h2 {margin:10px 0;font-size:1.25em}
#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1 {margin-top:0}
.odf_tbl {position:relative}
.odf_tbl table {background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}
.odf_tbl table th {border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td {border-top:1px solid #eceff4;padding:7px 10px;text-align:right}

#sod_frm_pt_alert {margin:10px 0;color:#328abd}

.sod_frm_point {padding:10px 0;clear:both}
.sod_frm_point div {background:#fff;border-bottom:1px solid #eceff4;padding:10px;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label {float:left;line-height:30px}
.sod_frm_point div span {display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point .max_point_box em {font-style:normal !important}
.sod_frm_point div strong {float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point {height:30px;border:1px solid #ccc;text-align:right}

#settle_bank {background:#fff;border-bottom:1px solid #ccc;padding:10px;text-align:right;clear:both}
#settle_bank select {height:30px;margin:0 0 5px;width:100%}
#settle_bank #od_deposit_name {height:30px;border:1px solid #ccc;text-align:center}
#settle_bank label {float:left;line-height:30px}
#sod_frm_pt_info {border-bottom:1px solid #ccc}
.od_coupon {position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
box-shadow:1px 1px 5px rgba(0,0,0,0.4)}
.od_coupon h3 {height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left}
.od_coupon .tbl_head02 {}
.od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:40px}
.od_coupon .tbl_head02 td {text-align:left}
.od_coupon .tbl_head02 th {width:auto !important}
.od_coupon .tbl_head02 .td_mngsmall {width:60px;text-align:center}
.od_coupon .tbl_head02 .td_numbig {width:80px;text-align:right}
.od_coupon .btn_confirm {margin:20px}
.od_coupon .btn_confirm .btn_close {position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em}

.cp_btn ,.cp_btn1 {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:10px 0 0}
.cp_apply {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px}
.cp_cancel,.cp_cancel1 {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;line-height:21px;margin:10px 0 0 2px}

#sod_frm_escrow {margin:10px}
#sod_frm_escrow h2 {font-size:1.25em}
#od_pay_sl h3 {font-size:1.25em}

/* 쿠폰 */
#scp_list li {position:relative;padding:0}
#scp_list .li_pd {position:relative;padding:10px}
#scp_list .li_title {font-weight:bold;font-size:1.167em}
#scp_list .pd_price {position:absolute;top:10px;right:10px}
#scp_list .pd_price strong {color:#ff006c;font-size:1.5em}
#scp_list .li_target {color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #ccc;padding:5px 10px}
#scp_list .pd_date {float:right;color:#777}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:0;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_title {border-bottom:1px solid #ddd;padding:10px 10px 10px 30px}
#sod_addr .ad_subject {height:30px;border:1px solid #bbb;width:100%;padding:0 10px}
#sod_addr .ad_chk {position:absolute;top:17px;left:10px}
#sod_addr .addr_info {padding:15px}
#sod_addr .addr_name {margin:0 0 10px;font-weight:bold;font-size:1.083em}
#sod_addr .addr_addr {line-height:1.5em;margin:5px 0}
#sod_addr .addr_tel {margin:5px 0;color:#666}
#sod_addr .fa-mobile {font-size:14px}
#sod_addr .addr_btn {border-radius:0 0 3px 3px;padding:10px}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr .sel_address {width:32%;float:left;margin-right:1%;height:30px;background:none;border:1px solid #333;color:#333;padding:0 5px}
#sod_addr .del_address {display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #aaa;background:none;color:#888;padding:0 5px;height:30px;line-height:28px;vertical-align:middle}
#sod_addr input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#sod_addr .add_lb {display:inline-block;float:left;width:32%;text-align:center;border:1px solid #4162ff;color:#4162ff;height:30px;line-height:28px}
#sod_addr input[type="radio"]:checked+.add_lb {z-index:3;background:#4162ff;color:#fff}

/* 주문내역 */
#sod_v {margin:10px}
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px;padding:10px;background:#e6d5d2;color:#883d1a;text-align:center;border-bottom:1px solid #c3bcb1}

/* 주문상세내역 */
#sod_list_inq {}
.sod_fin_list .sod_ta_wr {padding:15px;background:#fff}
.sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.sod_fin_list .prqty_stat {position:absolute;top:0;right:0;padding:3px 5px;background:#6583c5;color:#fff}
.sod_fin_list .li_opt {color:#777;margin:3px 0;line-height:1.3em;padding-right:50px}
#sod_sts_wrap {margin:10px}
#sod_sts_wrap .btn_wr {border-top:1px solid #bbb;text-align:center}
#sod_sts_explan_open {padding:0 10px;height:30px;border:1px solid #bbb;border-top:1px solid #e6e6e6;margin-top:-1px;color:#333;background:none}
#sod_sts_explan {display:none}
#sod_fin_legend {background:#f7f7f7;margin:0 0 10px;padding:10px;line-height:20px}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_legend dt {float:left;width:20%}
#sod_fin_legend dd {float:left;width:80%}
#sod_fin_view {margin:10px}
#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_view h3 {font-size:1.167em;margin:20px 0 10px}

#sod_fin_no {margin:10px;border:2px solid #b9b9b9;background:#f3f3f3;color:#444;text-align:center;padding:10px}
#sod_fin_no strong {font-size:1em}

#sod_fin_tot {margin:10px}
#sod_fin_tot h2 {font-size:1.167em;margin:20px 0 10px}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right {margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p {position:relative}
#sod_fin_tot #alrdy .right .title {position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {margin:10px}
#sod_fin_cancel h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f}
#sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}


/* 마이페이지 */
#smb_my {padding:15px;background:#fff;}
#smb_my::after {display: block; content: ""; clear: both}
#smb_my .btn_more {display:block; height:43px;width:100%;border:1px solid #c8c8c8;border-bottom-color:#aaa;font-size:1.167em;color:#282828;line-height:43px;text-align:center}
#smb_my_ov {margin:0px auto 20px; }
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_name {position:relative;line-height:20px;height:50px;padding:15px;background:#1e5cf6;color:#fff;font-weight:normal;}
#smb_my_ov .my_name img {border-radius:50%;vertical-align:top}
#smb_my_ov #smb_my_act {margin-top: 10px}
#smb_my_ov #smb_my_act li {display:inline-block;font-size:0.92em; margin-bottom: 5px}
#smb_my_ov #smb_my_act li a {line-height:28px;height:30px;vertical-align:middle;padding:0 5px;margin:0;border-radius:3px}
#smb_my_ov .my_pocou {padding:10px 5px;background:#fff}
#smb_my_ov .my_pocou li {position:relative;padding:0 10px;line-height:30px}
#smb_my_ov .my_pocou a {position:absolute;top:0;right:10px;font-weight:bold;color:#f50057}
#smb_my_ov .my_info {display:none;clear:both;width:100%;background:#fff;padding:10px;border-top:1px solid #e6e6e6}
#smb_my_ov .my_info:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_info_wr {float:left;width:50%;line-height:20px;padding:3px 0px;position:relative;color:#666}
#smb_my_ov .my_info_wr strong {display:inline-block;position:absolute;top:0;left:0;vertical-align:top;padding:3px 0px}
#smb_my_ov .my_info_wr span {display:block;padding-left:100px}
#smb_my_ov .ov_addr {width:100%}
#smb_my_ov .my_ov_btn {text-align:center;border-top:1px solid #ccc}
#smb_my_ov .my_ov_btn button {border:1px solid #ccc;border-top:1px solid #fff;background:#fff;padding:0 20px;height:20px;margin-top:-1px}
#smb_my_od h2 {font-size:1.167em;margin:10px 0 }
#smb_my_wish h2 {font-size:1.167em;margin:30px 0 10px }
.wishlist ul {margin:10px 0}
.wishlist ul:after {display:block;visibility:hidden;clear:both;content:''}
.wishlist li {float:left;padding:5px;width:33.333%;text-align:center}
.wishlist li img {width:100%;height:auto;max-width:250px}
.wishlist li .info_link {display:block;font-weight:bold;margin:5px 0 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.wishlist li .info_date {font-size:0.92em;color:#666}


#smb_my_ov dt { color: #8c9eb0; line-height: 25px}

.smb_con .op_area {font-size: 0; }
.smb_con .op_area .opa_con {display: inline-block; width: 200px; margin-bottom: 20px; font-size: 14px}

.smb_con .smb_my_wrap {margin: 20px 0px; border: 1px solid #ddd; padding: 20px 0px 0px; height: 240px}
.smb_con .smb_my_wrap .my_ov_name {padding:0px 20px; text-align: center}
.smb_con .smb_my_wrap .my_ov_name img {border-radius: 100%; margin-right: 10px; max-width: 70px}
.smb_con .smb_my_wrap #smb_my_act {height: 90px; padding: 10px 20px 0px; text-align: center}
.smb_con .smb_my_wrap .cou_pt table {width: 100%; border-top: 1px solid #ddd}
.smb_con .smb_my_wrap .cou_pt table td {width: 50%; text-align: center; padding: 15px 0px}
.smb_con .smb_my_wrap .cou_pt table td span {}

.smb_con .smb_case_wrap {margin: 20px 0px; border: 1px solid #ddd; padding: 20px 0px 0px}
.smb_con .smb_case_wrap,
.smb_con .smb_case_wrap .smb_list {height: 240px}
.smb_con .smb_case_wrap .smb_list {font-size: 0}
.smb_con .smb_case_wrap .smb_case {float: left; width: 20%; text-align: center; height: 200px; background: url(../img/my_arrow.svg) no-repeat 100% 45%; background-size: 8px}
.smb_con .smb_case_wrap .smb_case.last {background: none}
.smb_con .smb_case_wrap .smb_case .sc_cnt {height: 45%; width: 100%; padding: 20px 0px 0px}
.smb_con .smb_case_wrap .smb_case .sc_img {height: 55%; width: 100%; font-size: 14px;}
.smb_con .smb_case_wrap .smb_case .sc_img span {height: 65px; display: block; }
.smb_con .smb_case_wrap .smb_case img {width: 50px; display: block; margin: 0 auto 10px}

@media (max-width:970px) {
    #smb_my_ov .my_info_wr {width:100%}
    .smb_con .smb_my_wrap #smb_my_act {padding: 10px 10px 0px}

    .smb_con .smb_case_wrap .smb_case {background: none}
}

@media (max-width:769px) {
    #smb_my {padding: 15px 0px;}

    .smb_con .smb_my_wrap {padding: 10px 0px 20px}
    .smb_con .smb_my_wrap .my_ov_name {padding: 10px 15px 0px}
    .smb_con .smb_my_wrap .cou_pt table td span {letter-spacing: -3px}

    .smb_con .smb_case_wrap .smb_case img {width: 40px}
    .smb_con .smb_case_wrap .smb_case .sc_img {letter-spacing: -2px}
    
    
}

/* 위시리스트 */
#sod_ws {margin:10px}
#sod_ws li {background:#fff;border-bottom:1px solid #eee;margin:10px 0;position:relative;border-radius:3px}
#sod_ws .wish_img { position:absolute;top:50%;left:20px;z-index:10;width:70px;height:70px;margin-top:-35px;border-radius:50%;overflow:hidden;z-index:4}
#sod_ws .wish_info {padding:15px 15px 15px 100px;min-height:90px}
#sod_ws .wish_chk {position:absolute;top:5px;left:5px;z-index:9}
#sod_ws .info_date {color:#777;display:block;font-size:0.92em;margin:5px 0 0}
#sod_ws .wish_prd {display:block;font-weight:bold;font-size:1em}
#sod_ws .wish_del {position:absolute;bottom:10px;right:10px}
#sod_ws .wish_del a {display:block;width:30px;height:30px;line-height:30px;background:#eee;border-radius:3px;color:#777;text-align:center;font-size:1.25em}
#sod_ws .sold_out {display:inline-block;padding:3px 5px;background:#ff0000;color:#fff}

#sod_ws_act {text-align:center;margin:10px auto;width:200px}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:''}
#sod_ws_act .btn01 {float:left;width:49%;height:50px;background:#3e976c;font-weight:bold;border:0;color:#fff;font-weight:bold;font-size:1em}
#sod_ws_act .btn02 {float:right;width:49%;height:50px;border:1px solid #3e976c;color:#3e976c;font-weight:bold;background:#fff;font-weight:bold;font-size:1em}

/* 주문내역 include */
#sod_inquiry li {background:#fff;border:1px solid #eee;padding:15px;margin-bottom:10px;position:relative;border-radius:5px}
#sod_inquiry li .idtime_link {font-weight:bold;font-size:1.167em}
#sod_inquiry li .idtime_time {position:absolute;top:15px;right:15px;color:#999}
#sod_inquiry li .inquiry_name {margin:10px 0;color:#666}
#sod_inquiry li .inquiry_price {font-size:1.25em;font-weight:bold}
#sod_inquiry li .inv_status {display:block;text-align:center;margin:5px 0 0;font-weight:bold}
#sod_inquiry li .inv_inv {margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}

.status_01 {display:block;background:#fda83c;color:#fff;line-height:30px;}
.status_02 {display:block;background:#ff6f6f;color:#fff;line-height:30px;}
.status_03 {display:block;background:#5bd085;color:#fff;line-height:30px;}
.status_04 {display:block;background:#6fa8ff;color:#fff;line-height:30px;}
.status_05 {display:block;background:#333;color:#fff;line-height:30px;}
.status_06 {display:block;background:#f3f3f3;border:1px solid #ddd;color:#666;line-height:30px;font-weight:bold}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}


/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 프로세스 화살표 플로우 */
.center-flow{width: 100%;position: relative;display: inline-block;margin-top: 10px;}
.center-flow li{position: relative;float: left; width: 32%;margin-right: 1.25%;box-sizing: border-box;border: 1px solid #ddd;padding: 10px;height: 150px ;line-height: 24px;font-size: 16px;font-weight: 400;color: #000;display: grid;align-items: start;text-align: center;letter-spacing: -0.5px}
.center-flow li.nofix { height: auto; }
.center-flow li:last-child{margin-right: 0%; }
.center-flow li:after		{ position:absolute;top:40%;right:-20px;  content:"";display:block;width:25px;height:25px; border-radius: 50%;  background:url("./images/ico_link.png") no-repeat 50% 50% #ddd ;z-index: 1}
.center-flow li:last-child:after	{display: none}
.center-flow li span{ width: 100%;display: block;font-size: 15px;font-weight: 400;padding: 10px 0; color: #fff;background: #249c97;margin-bottom: 5px; }
.center-flow li p { margin-bottom: 1rem; }  

.step_w4{ width:24%!important;margin-right: 1.3%; }
.center-flow li.step_w22{  width:49%!important; margin-right: 2%;margin-bottom: 10px; }
.center-flow li.step_w22:nth-child(2n){margin-right: 0%; }
.center-flow li.step_w22:nth-child(2n):after	{display: none}

.center-flow li a{  margin-top: 10px}
 
 @media (max-width:980px){
	.center-flow li{  width: 100%;margin-right: 0%;margin-bottom: 5px ;height: auto ;}
    .center-flow li:after	{display: none}
	.step_w4{ width:100%!important;margin-right: 0%; }
    .bs_step li span{  font-size: 14px; padding:5px 0px; /*color: #fff;background: #249c97;margin-bottom: 5px;*/ }	 
 }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}




a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:none;padding:0 5px;height:40px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

.btn_top {margin:10px;text-align:right}
.btn_top li {display:inline-block}
.btn_top .btn_cancel, .btn_top .btn_b01 {border:1px solid #ddd;background:none;color:#666;line-height:40px;background:#fff;font-size:0.85em}



#point {width: 1140px; margin: 0 auto; max-width: 100%;}
#point #bo_sch .sch_btn {float: inherit; position: inherit}
#point .date_wrap {float: left}

.point_info { width: 100%; text-align: center; line-height: 70px; margin: 30px auto; background: #f9f9f9;}
.point_wrap #bo_sch.point_sch {padding: 0px; width: 320px; margin: 0 auto;}
.point_wrap .con_table  {padding: 0 10px;}

.point_wrap .date_wrap {margin-bottom: 5px}

.pointyear_info { width: 100%; text-align: center; border: 1px solid #dddddd; padding: 25px 0px; margin: 30px auto; }


.bg_table table {border-top: 1px solid #e9e9e9; }
.bg_table table th,
.bg_table table td {padding: 20px 10px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9}
.bg_table table th {background: #fc3461; color: #fff; text-align: center}
.bg_table table td {text-align: center; }
.bg_table table th.last,
.bg_table table td.last {border-right: none;}

.bg_table.bg_gray_table th {background: #f9f9f9; color: #292929}




@media only screen and (min-width : 1224px) {
    #mb_login, #register_form, #reg_result { max-width: 500px; }
}

@media(max-width : 769px) {
    #point .date_wrap {width: 120px}
}


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center !important;color:#666 !important}
.empty_list { display:inline-block; width: 100%; padding:50px 0 !important;text-align:center !important;color:#666 !important}

/* 필수입력 */
.required, textarea.required {background-image:url('/html/img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_chk {width:50px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size:1em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#000;color:#fff}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block}
.new_win .win_ul li a {display:block;line-height:24px;padding:0 10px}
.new_win .win_ul li .selected {background:#4162ff;color:#fff;border-radius:13px;
-webkit-box-shadow:0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow:0 0 5px rgba(65,98,255,0.8);
box-shadow:0 0 8px rgba(65,98,255,0.8)}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#000;color:#fff;text-decoration:none;height:40px;margin:10px 0}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰*/
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}


/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute;top:0;left:0;width:100%;background-color:#eee}
#form_btn_layer { display:none;position:absolute;top:0;left:0;width:100%;height:60px;background-color:#eee}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left}

/*배송지목록*/
#sod_addr .win_desc {padding:10px 20px}

/*쇼핑몰레이아웃*/
#bo_list,#bo_cate {}
#fregisterform {}
#bo_w {}
#fqalist {}
#sit_sms_new #sms_agree {padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml {padding:10px}
#sev_hhtml img,#sev_thtml img {width:100%}

/*네이버페이*/
.naverpay-item {padding-top:15px;clear:both}
#sod_bsk_act .naverpay-cart {margin-top:15px;clear:both;position:static}

/*PC 주문서*/
#sod_frm_orderer .tbl_frm01, #sod_frm_taker .tbl_frm01 {background:#fafafa;padding:10px 0}
#sod_frm_orderer table th, #sod_frm_taker table th {border:0;padding:10px 5px;text-align:right}
#sod_frm_orderer table td, #sod_frm_taker table td {border:0;padding:5px 10px;vertical-align:middle}

#od_pay_sl input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#od_pay_sl .lb_icon {display:inline-block;float:left;width:150px;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor:pointer;height:60px;position:relative;padding-top:20px;z-index:1; text-align: center}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}

#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon {background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon {background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon {background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .iche_icon {background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .hp_icon {background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon {background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

#sod_frm #sod_bsk_tot {margin:10px}
#sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm #sod_bsk_tot li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
#sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm #sod_bsk_tot li span {display:block;color:#777;margin-bottom:5px;font-weight:bold}
#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon {border-right:1px solid #e7ebf1}
#sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt {width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;font-size:1.25em}
#sod_frm_pay .pay_tbl table {width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th {text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777; font-size: 13px;}
#sod_frm_pay .pay_tbl td {text-align:right;padding:10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel {margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0}
#od_tot_price {margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#ff006c}

.btn_address{background:#3e976c;height:40px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:400; border: none}

.sod_left{display:table-cell;width:65%;padding:0 10px;vertical-align:top}
.sod_right{display:table-cell;width:35%;background:#eceff4;padding:20px;vertical-align:top;height:100%}

@media (max-width: 1199px){
    .sod_right,.sod_left{display:block;width:100%;padding:10px}
    #sod_frm .frm_input{width:100%}

}

/*개인결제 폼*/
#m_sod_frm_orderer {margin:10px}
#m_sod_frm_orderer h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_sod_frm_orderer ul {background:#fff;margin:10px 0;border-bottom:1px solid #ccc;padding:10px 15px}
#m_sod_frm_orderer li {line-height:20px}
#m_sod_frm_orderer th {width:80px}
#m_sod_frm_orderer td .frm_input {width:100%}
#m_pv_sod_frm .btn_confirm {margin:10px}

/* 상품관련 */
a.popup_item_image {display: block; width: 100%; height: 100%; background: #fff;}





/* 마이페이지 */
.my_page_wrap {font-size: 15px; position: relative; margin-bottom: 50px; padding-bottom: 20px;}
.my_page_wrap .local_sch {margin-bottom: 15px;}
.my_page_wrap .local_sch select {height: 40px;border: 1px solid #ddd;}

.my_page_wrap .btn_fixed_top {text-align: center; position: absolute; bottom: -20px; right: 0;}
.my_page_wrap .btn_fixed_top .btn_01,
.my_page_wrap .btn_fixed_top .btn_02 {padding: 10px!important; text-align: center;font-size: 14px;color: #fff; width: 80px}
.my_page_wrap .btn_fixed_top .btn_01 {}
.my_page_wrap .btn_03 { text-align: center;font-size: 14px;color: #fff; }

.btn_01 { background: #00c394!important; color: #fff!important;}
.btn_02 { background: #999999!important; color: #fff!important;}
.btn_03 { background: #3f51b5!important; color: #fff!important;}

.my_page_wrap .btn-success {color: #fff;}

.my_page_wrap .tbl_frm01 th{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#f6f6f6;padding: 10px;width:200px;text-align:left; font-weight: normal;}
.my_page_wrap .tbl_frm01 td {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding: 10px;text-align:left;}
.my_page_wrap .tbl_frm01 th,
.my_page_wrap .tbl_frm01 td {font-size: 15px;}
.my_page_wrap .tbl_frm01 input {margin-bottom: 2px; height: 40px}
.my_page_wrap .tbl_frm01 textarea {height:150px}
.my_page_wrap .tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
.my_page_wrap .tbl_frm01 #captcha input {margin-left:5px;text-align:center}
.my_page_wrap .h2_frm{text-align:left;color:#3f51b5;font-size:1.09em;font-weight:bold;margin:20px 0 10px}
.my_page_wrap .btn_frmline {height: 40px}

caption {display: none}

.my_page_wrap h2 {margin: 30px 0px 10px; font-weight: bold;}

.ms_wrap table {width: 500px;}



/* 장바구니 추가 */
#sod_bsk .btn_confirm {text-align: center; margin: 30px 0px}

/* 상품 */
.item_title {width: 100%; position: relative; height: 300px; text-align: center; background: url(../img/item_bg.png) no-repeat; color: #fff; padding-top: 70px; margin-bottom: 50px; background-size: cover}
.item_wrap .item_con {text-align: center; width: 100%; position: relative; height: 320px; border-radius: 15px; box-shadow: 8px 8px 8px #f1f9ff}
.item_wrap .item_con::after {display: block; content: ""; clear: both}
.item_wrap .item_con a img {width: auto;}

.item_wrap .item_con .item_img_wrap {float: left; max-width: 435px; overflow: hidden}
.item_wrap .item_con .item_img_wrap img {max-width: 100%;}
.item_wrap .item_con .item_info {padding: 50px 0px 0px 480px; text-align: left}
.item_wrap .item_con .item_info span.it_basic {word-break: keep-all ; max-height: 40px; overflow: hidden;}
.item_wrap .item_con .item_btn_wrap a {display: inline-block; margin-right: 20px; text-align: center; width: 190px; height: 60px; line-height: 58px;}
.item_wrap .item_con .item_btn_wrap a img{ vertical-align: inherit; margin-right: 5px}
.item_wrap .item_con .item_btn_wrap a.btn_cart {border: 1px solid #fff; background: linear-gradient(to right,#00c394,#00adbc);}
.item_wrap .item_con .item_btn_wrap a.btn_buy {border: 1px solid #ddd; margin-right: 0}

#sit_use_wbtn a,
#sit_qa_wbtn a {color: #fff; width: 100px; height: 35px; display: inline-block;text-align: center}
a#itemuse_list,
a#itemqa_list {color: #292929}


/* 서브메뉴 */
.sub_bg_wrap {width: 100%; position: relative;  height: 260px; background-size: cover;}
.sub_bg_wrap.sub_bg_wrap01{background: url(../img/sub_bg_new01.png) no-repeat center top; background-size: cover}
.sub_bg_wrap.sub_bg_wrap02{background: url(../img/sub_bg002.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_wrap03{background: url(../img/sub_bg003.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_wrap04{background: url(../img/sub_bg004.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_wrap05{background: url(../img/sub_bg005.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_wrap06{background: url(../img/sub_bg006.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_wrap07{background: url(../img/sub_bg006.png) no-repeat center top; background-size: cover;}

.sub_bg_wrap .con_inner {position: relative; height: 100%}
.sub_bg_wrap .sb_text_wrap {position: absolute; top: 50%; height: 80px; left: 50%; width: 80%; margin-left: -40%; margin-top: -75px}
.sub_bg_wrap .sb_text_wrap .sb_text_small {text-align: center;opacity: 0.5}
.sub_bg_wrap .sb_text_wrap .sb_text_big {text-align: center; line-height: 70px;}

.sub_bg_wrap .sb_text_wrap .sb_menu_loca {text-align: center}
.sub_bg_wrap .sb_text_wrap .sb_menu_loca ul li {display: inline-block; text-align: center}
.sub_bg_wrap .sb_text_wrap .sb_menu_loca ul li span { margin: 0px 15px;}
.sub_bg_wrap .sb_text_wrap .sb_menu_loca ul li img {vertical-align: bottom}

@media (max-width:768px) {
    .sub_bg_wrap { height: 260px; }
    
    .sub_bg_wrap .sb_text_wrap {width: 96%; margin-left: -48%;}
    .sub_bg_wrap .sb_text_wrap .sb_text_small,
    .sub_bg_wrap .sb_text_wrap .sb_text_big {letter-spacing: -1px; word-break: keep-all}
}

.con_title_wrap { text-align: center; margin: 0; font-weight: bold; word-break: keep-all}
.con_sub_title {word-break: keep-all}


.con_menu_wrap {width: 100%;  height: 60px; clear: both; transition: 0.5s; position: absolute; bottom: 1px; left: 0;}
.con_menu_wrap a { font-weight: 500; display: block; font-size: 16px; color: #fff;}
.con_menu_wrap .con_menu {width: 1140px; margin: 0 auto; max-width: 100%; }
.con_menu_wrap .con_menu ul{font-size: 0; background: #fff; }
.con_menu_wrap .con_menu ul li{float: left; height: 60px; line-height: 60px; padding: 0 20px; }
.con_menu_wrap .con_menu > ul > li {}
.con_menu_wrap .con_menu .on a{}
.con_menu_wrap .con_menu .con_home {width: 60px; height: 60px; text-align: left; padding: 0; border-left: 0; text-align: center; background: none; border-left: 1px solid #aaa}
.con_menu_wrap .con_menu .con_home img {margin-right: 5px; width: 15px}
.con_menu_wrap .con_menu .con_select {width: 200px;  border-left: 0;  text-align: center}
.con_menu_wrap .con_menu .con_select a {color: #fff}
.con_menu_wrap .con_menu .con_submenu {position: relative;  width: 270px; background: url(../img/down_gray.svg)no-repeat 95% 50%; cursor: pointer; background-size: 10px }
.con_menu_wrap .con_menu .con_submenu .submenu_wrap {border: none; font-size: 16px; color: #292929; }
.con_menu_wrap .con_menu .con_submenu .con_select_menu {position: absolute;  z-index:5; left: 0px; top: 60px;  width: 270px; display:none ;  }
.con_menu_wrap .con_menu .con_submenu .con_select_menu li {display: block; width: 100%; padding: 0 20px; height: 40px; line-height: 40px; }
.con_menu_wrap .con_menu .con_submenu .con_select_menu li a{color: #292929;}
.con_menu_wrap .con_menu .con_submenu .con_select_menu li:hover {background: #437bd1}
.con_menu_wrap .con_menu .con_submenu02 .con_select_menu li:hover {background: #797979}
.con_menu_wrap .con_menu .con_submenu03 .con_select_menu li:hover {background: #43a4d1}
.con_menu_wrap .con_menu .con_submenu .con_select_menu li:hover a {color: #fff;}

.con_menu_wrap.s_fix {position: fixed; top: 0px; left: 0; z-index: 10;transition: 0.5s; background: rgba(0,0,0,0.3) }
.con_menu_wrap a {font-size: 14px;  overflow: hidden; height: 60px;}

.con_menu_wrap .con_menu_list {font-size: 0;}
.con_menu_wrap .con_menu_list li {text-align: center; background: rgba(0,0,0,0.3)}
.con_menu_wrap .con_menu_list li a {}
.con_menu_wrap .con_menu_list li.on {background: #275dc7}
.con_menu_wrap .con_menu_list03 li {width: 33.33%}
.con_menu_wrap .con_menu_list04 li {width: 25%}
.con_menu_wrap .con_menu_list05 li {width: 20%}

.mo_con_menu {display: none;}



@media(max-width:1101px){
    #sub_title_wrap {height: 320px}
    #container_title {font-size: 30px;}
    .con_menu_wrap .con_menu {width: 100%; }
    .con_menu_wrap .con_menu .con_home {width: 80px;}
    .con_menu_wrap .con_menu .con_select {width: 170px;}
    .con_menu_wrap .con_menu .con_submenu,
    .con_menu_wrap .con_menu .con_submenu .con_select_menu {width: 170px}
    .con_menu_wrap .con_menu .con_submenu .con_select_menu li {padding: 0px 10px;}
    .con_menu_wrap a {font-size: 14px;}
}

@media(max-width:400px){
    .con_menu_wrap .con_menu .con_home {width: 60px;}
    .con_menu_wrap .con_menu .con_select {width: 130px;}
    .con_menu_wrap .con_menu .con_submenu,
    .con_menu_wrap .con_menu .con_submenu .con_select_menu {width: 120px; letter-spacing: -2px}
}


/* 하단 레이아웃 */
#ft { display:inline-block; width: 100%;  word-break: keep-all; color: #333; background-color: #ffffff; padding: 0px; border-top: 1px solid #ddd}
#ft h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#ft h3 {margin:0 0 15px;font-size:1.2em;font-weight:normal;letter-spacing:1px;font-weight:normal;color:#3e976c}
#ft h3 a {color:#000}
#ft .con_inner {position: relative}
.ft_wr {margin:0 auto;padding:0px 0px 20px}
.ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
.ft_con { float:left; width:100%; padding:10px 0px 0px 0px ;color:#000;font-size:0.85em;line-height:1.5em;word-wrap:break-word;}

.ft_logo .logo {padding: 10px 0px 5px; text-align: center;}
.ft_logo .logo .ft_logo_list {display: inline-block; width: 165px; margin: 0px 10px; text-align: center}
.ft_logo .logo a { text-align: center; display: block; }
.ft_logo .logo img {vertical-align: bottom}

#ft_cs {border-left:0}
#ft_cs strong {color:#000;font-size:1.5em}
#ft_cs p {margin:5px 0 0;color:#000}
#ft_cs .qa_link {display:inline-block;background:#397b57;color:#000;padding:0 10px;line-height:32px;margin:10px 0 0;border-radius:2px}
#ft_bank p {margin:0 0 10px;color:#000;font-weight:bold}
#ft_if strong {display:block;color:#000}
#ft_if span {margin-right:5px;display:inline-block}

.ft_link_wrap {width: 100%;  height: 55px; }
#ft_link {padding:10px 0 0; margin: 0px; text-align: left}
#ft_link li {display:inline-block;line-height:40px;padding:0px 20px 0px 0px; text-align:left;font-weight:normal;}
#ft_link li:first-child {border:0}
#ft_link li a {color:#000; font-size: 14px; font-weight: 400;}

#ft .csinfo > * { display: inline-block; }

#ft .csinfo .logo { margin-right: 12px;  }
#ft .csinfo .tit {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em; color: #999; background-color: #e8e8e8; padding: 0 8px; border-radius: 4px; margin-right: 12px;
}

#ft .csinfo .tel {
font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #a9aaab;
    line-height: 26px;
}

#ft .csinfo .tel:after { display: inline-block; content: ''; background-color: #ddd; width: 1px; height: 10px; margin: 0 11px; }

#ft .csinfo .tel i { font-size: 14px; color: #ccc; margin: 0px 5px 0px 0px; }

#ft .cstime span { font-size: 13px; line-height: 1.7; color: #888;
    line-height: 26px;
    margin-right: 5px;
}

.ft_wr p { margin: 0px; padding: 0px; }
#ft .company { display: inline-block; width:60%; float:left; margin-top: 30px; font-size: 14px; line-height: 24px; word-break: break-word; color: #999999;  text-align: left}
#ft .company ul { padding: 0px; margin: 0px; }
#ft .company li { display: block; margin-right: 14px; color: #494949; word-break:keep-all}
#ft .company li a { color: #494949;  }
#ft .company span {display: block;  width: 0px;}

.visit-counter {
	display: inline-block;
    width: 37%;
    margin-top: 20px;
    padding: 15px 20px;
    background: #f6f7f9;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
    font-size: 14px;
}

.visit-counter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.visit-counter li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #e9ecef;
}

.visit-counter li:last-child {
    border-bottom: none;
}

.visit-counter .label {
    color: #555;
    font-weight: 500;
}

.visit-counter .count {
    font-weight: 700;
    color: #007acc;
    font-size: 15px;
}

.ft_copy {font-size:0.85em;clear:both; padding:5px 0!important; color:#aaaaaa; text-align: left; word-break:keep-all}

#ft .container { position: relative; }
#ft .sitemap { position: absolute; top:20px; right: 0px; }

#ft .select {
    min-width: 200px;
    height: 40px;
    text-align: center;
}

@media (min-width:1149px) {
    .ft_logo {position: absolute; top: 0; right: -30px}
    .ft_logo .logo {text-align: center}
}

@media (min-width:770px) {
    .ft_logo .logo {text-align: left}
    #ft .company span {display: inline-block; width: 25px;}
}

@media (max-width:770px) {
    .visit-counter { width: 100%; margin-top: 20px; }    
}

@media (min-width: 320px) and (max-width: 480px) {
    .form-row .select {
        min-width: 200px;
    }
}

#ft select { color: #fff;
  padding: .375rem .75rem;
  border: 1px solid #d7dbe6;
  box-sizing: border-box;
  background: url('/html/img/arr.png') 95% 50% no-repeat;
}

#ft p { margin: 0}

@media (max-width:969px) {
    .ft_wr {padding:0px}
    #ft_cs {border-top:0}
    #ft_cs a {width:100%;text-align:center}
    #ft_link li {padding:0 20px 0 0}
}

@media (max-width:769px) {
    .ft_link_wrap {height: auto}
    #ft_link li {padding:0; width: 48%; text-align: center}
    #ft .company {max-width: 100%; text-align: center}
    #ft .company li {display: block;}
    #ft .ft_copy {text-align: center}
}

@media (max-width:420px) {
    #ft .sitemap { position: unset; margin: 0px auto 10px auto; text-align: center; }
    
    .ft_logo .logo img {max-width: 300px}
    
    #ft {overflow: hidden}
    
}


.font_12 {font-size: 12px;}
.font_13 {font-size: 13px;}
.font_14 {font-size: 14px;}
.font_15 {font-size: 15px;}
.font_16 {font-size: 16px;}
.font_17 {font-size: 17px;}
.font_18 {font-size: 18px;}
.font_20 {font-size: 20px;}
.font_22 {font-size: 22px;}
.font_24 {font-size: 24px;}
.font_25 {font-size: 25px;}
.font_26 {font-size: 26px;}
.font_27 {font-size: 27px;}
.font_28 {font-size: 28px;}
.font_30 {font-size: 30px;}
.font_33 {font-size: 33px;}
.font_37 {font-size: 37px;}
.font_38 {font-size: 38px;}
.font_40 {font-size: 40px;}
.font_44 {font-size: 44px;}
.font_48 {font-size: 48px;}
.font_50 {font-size: 50px;}
.font_52 {font-size: 52px;}
.font_54 {font-size: 54px;}
.font_60 {font-size: 60px;}
.font_62 {font-size: 62px;}
.font_64 {font-size: 64px;}

@media(max-width:1100px){
    .font_12 {font-size: 12px;}
    .font_13 {font-size: 13px;}
    .font_14 {font-size: 14px;}
    .font_15 {font-size: 15px;}
    .font_16 {font-size: 16px;}
    .font_17 {font-size: 17px;}
    .font_18 {font-size: 18px;}
    .font_20 {font-size: 19px;}
    .font_22 {font-size: 20px;}
    .font_24 {font-size: 21px;}
    .font_25 {font-size: 22px;}
    .font_26 {font-size: 24px;}
    .font_27 {font-size: 24px;}
    .font_28 {font-size: 25px;}
    .font_30 {font-size: 28px;}
    .font_33 {font-size: 31px;}
    .font_37 {font-size: 33px;}
    .font_38 {font-size: 34px;}
    .font_40 {font-size: 35px;}
    .font_44 {font-size: 38px;}
    .font_48 {font-size: 40px;}
    .font_50 {font-size: 45px;}
    .font_52 {font-size: 48px;}
    .font_54 {font-size: 50px;}
    .font_60 {font-size: 52px;}
    .font_62 {font-size: 55px;}
    .font_64 {font-size: 60px;}
}

@media(max-width:769px){
    .font_12 {font-size: 10px;}
    .font_13 {font-size: 11px;}
    .font_14 {font-size: 12px;}
    .font_15 {font-size: 13px;}
    .font_16 {font-size: 14px;}
    .font_17 {font-size: 15px;}
    .font_18 {font-size: 15px;}
    .font_20 {font-size: 16px;}
    .font_22 {font-size: 17px;}
    .font_24 {font-size: 18px;}
    .font_25 {font-size: 19px;}
    .font_26 {font-size: 21px;}
    .font_27 {font-size: 21px;}
    .font_28 {font-size: 22px;}
    .font_30 {font-size: 23px;}
    .font_33 {font-size: 26px;}
    .font_37 {font-size: 30px;}
    .font_38 {font-size: 30px;}
    .font_40 {font-size: 30px;}
    .font_44 {font-size: 35px;}
    .font_48 {font-size: 38px;}
    .font_50 {font-size: 40px;}
    .font_52 {font-size: 40px;}
    .font_54 {font-size: 41px;}
    .font_60 {font-size: 42px;}
    .font_62 {font-size: 45px;}
    .font_64 {font-size: 50px;}
}

.bold {font-weight: bold!important}
.light {font-weight: 400}

.color_green {color: #006656;}
.color_green02 {color: #268b63!important;}
.color_black {color: #292929!important}
.color_blue {color: #275dc7!important}
.color_blue02 {color: #275dc7!important}
.color_red {color: crimson!important}
.color_gray {color: #999999!important}
.color_white {color: #fff!important}
.color_yellow {color: #f9e933!important}
.color_sky {color: #4284db!important}
.color_sky02 {color: #52d2df!important}
.color_purple {color: #cacaef!important}
.color_orange {color: #ff6600!important}

#wrapper .font_kopub,
#wrapper .font_kopub span,
#wrapper .font_kopub a,
#wrapper .font_kopub li{font-family: 'KoPub Batang', serif!important;}
#wrapper .font_kopub_dot,
#wrapper .font_kopub_dot span,
#wrapper .font_kopub_dot a,
#wrapper .font_kopub_dot li{font-family: 'KoPubWorldDotum', serif!important; }

#wrapper .font_kopub_dot b { font-size: 20px; }


.font_gmarket {font-family: 'GmarketSansMedium';}
.font_rc {font-family: 'ROEHOE-CHAN';}
.font_tway {font-family: 'twaysky';}

.font_leferi {font-family: 'LeferiBaseType-RegularA'!important;}
.font_leferi.bold {font-family: 'LeferiBaseType-BoldA'!important;}

.word_break {word-break: keep-all}

a.btn {color: #fff}

.con_inner {width: 1280px; margin: 0 auto; max-width: 98%}

.index_slide_wrap {width: 100%; overflow: hidden; position: relative; max-height: 720px; margin: 100px auto 0px}
.index_slide_wrap .is_con {position: relative; }
.index_slide_wrap .is_con img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; width: 100%; margin: 0 auto; display: block}
.index_slide_wrap .is_con .is_info {width: 600px; height: 420px; position: absolute; top: 50%; left: 50%; margin-left: -300px; margin-top: -210px; text-align: center; color: #fff;}
.index_slide_wrap .is_con .is_info img {max-height: 195px;}
.index_slide_wrap .is_con .is_con_bg {width: 100%; min-height: 720px;}
.index_slide_wrap .is_con .is_con_bg01 {background: url(../img/main_new01.png) no-repeat top center; }
.index_slide_wrap .is_con .is_con_bg02 {background: url(../img/main_new02.png) no-repeat top center; }
.index_slide_wrap .is_con .is_con_bg03 {background: url(../img/main_new03.png) no-repeat top center; }
.index_slide_wrap .is_con .is_con_bg04 {background: url(../img/main_new04.png) no-repeat top center; }
/*
.index_slide_wrap .is_con .is_con_bg04 {background: url(../img/main_new04.png) no-repeat top center; }
.index_slide_wrap .is_con .is_con_bg05 {background: url(../img/main_new05.png) no-repeat top center; }
.index_slide_wrap .is_con .is_con_bg06 {background: url(../img/main_new06.png) no-repeat top center; }
*/

/*
.index_slide_wrap .is_con .cb_ex01 {position: absolute; top: 0; left: 120px; width: 353px; height: 220px; background: url(../img/main_slide_ex01.png) no-repeat; background-size: contain}
.index_slide_wrap .is_con .cb_ex02 {position: absolute; top: 25px; right: 0px; width: 229px; height: 360px; background: url(../img/main_slide_ex02.png) no-repeat; background-size: contain}
*/

.index_slide_wrap .is_con .is_bar {width: 1px; height: 40px; margin: 0 auto 30px; background: #fff;}

.index_slide_wrap .is_con .is_text_wrap {position: absolute; top: 80px; left: 100px; z-index: 100; width: 1270px; max-width: 100%; margin: 0 auto; left: 50%; margin-left: -635px;}
.index_slide_wrap .is_con .is_text_wrap .is_title {margin-bottom: 20px; text-align: left; display: inline-block}
.index_slide_wrap .is_con .is_text_wrap .is_text {line-height: 28px}
.index_slide_wrap .is_con .is_btn {border: 1px solid #fff; background: rgba(255,255,255,0.1); color: #fff; font-size: 16px; width: 160px; height: 45px; line-height: 45px; display: block; margin: 35px 0px 0px; text-align: center}

.index_slide_wrap .is_con .is_text_wrap .is_title,
.index_slide_wrap .is_con .is_text_wrap .is_text {color: #fff;}

.index_slide_wrap .is_con .is_text_wrap .is_title span {display: inline-block; line-height: 56px; padding:3px 0px; margin-bottom: 5px}
/*
.index_slide_wrap .is_con .is_text_wrap01 .is_title .is_text_bg {background:#966450; padding: 0px 15px; display: table; }
.index_slide_wrap .is_con .is_text_wrap02 .is_title .is_text_bg {background:#a0aa6e; padding: 0px 15px; display: table; }
.index_slide_wrap .is_con .is_text_wrap03 .is_title .is_text_bg {background:#966450; padding: 0px 15px; display: table; }
.index_slide_wrap .is_con .is_text_wrap04 .is_title .is_text_bg {background:#b4648c; padding: 0px 15px; display: table; }
*/

.col_main_green {color: #388c56!important}
.col_main_pink {color: #6a412d!important}
.col_main_brown {color: #843f63!important}

.index_slide_wrap .swiper-slide {opacity: 0!important;}
.index_slide_wrap .swiper-slide-active {opacity: 1!important;}

.index_slide_wrap .slick-dots {width: 1270px; max-width: 100%; margin: 0 auto; top: 270px; left: 50%; margin-left: -565px;text-align: left;color: #fff; }
.index_slide_wrap .slick-dots li { background: url(../img/dot_bg_off.png) no-repeat center center;  width: 26px; height: 26px; padding: 10px}
.index_slide_wrap .slick-dots li.slick-active {background: url(../img/dot_bg_on.png) no-repeat center center; background-size: contain; width: 26px; height: 26px; padding: 10px}

.index_slide_wrap .slide_btn_wrap {position: absolute; top: 275px; left: 50%; margin-left: -635px; z-index: 10}
.index_slide_wrap .slide_btn_wrap a {margin-right: 7px;}

.index_slide_wrap .swiper-pagination { display: inline-block; width: 300px; margin-left: 10px; text-align: left}
.index_slide_wrap .swiper-pagination-bullet {background: url(../img/dot_bg.png) no-repeat center center;  width: 26px; height: 26px; padding: 10px; margin-right: 5px;opacity: 1}
.index_slide_wrap .swiper-pagination-bullet-active {background: url(../img/dot_bg_on.png) no-repeat center center; background-size: contain; width: 26px; height: 26px; padding: 10px}

.index_slide_wrap .is_con .is_text_wrap {}



.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
  
}
.waviy span {
 
  position: relative;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  animation: waviy 2s infinite;
  animation-delay: calc(.1s * var(--i));
  
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}




.ss_wrap {position: absolute; bottom: 240px; left: 50%; width: 1270px; max-width: 100%; margin-left: -635px; z-index: 10}
.ss_wrap .ss_inner {width: 480px;  padding: 30px 0px; margin: 0 auto; float: left;}
.ss_wrap .ss_inner .ss_title {line-height: 33px; text-align: right; padding-right: 5px}
.ss_wrap .ss_inner .ss_box {height: 60px; width: 400px; position: relative;  line-height: 60px; }
.ss_wrap .ss_inner .ss_box input {height: 57px;  border: 2px solid #fff ; border-radius: 20px; text-align: center; font-size: 19px; background: rgba(255,255,255,0.4)}
.ss_wrap .ss_inner .ss_box input::placeholder {font-size: 19px}
.ss_wrap .ss_inner .ss_box button {position: absolute; right: -80px; top: 0; width: 60px; height: 59px; text-align: center; background: #fff; border-radius: 0; line-height: 10px; border-radius: 20px;}
.ss_wrap .ss_inner select {border: none; border-right: 1px solid #3991e4; width: 110px; height: 58px; position: absolute; top: 0; left: 0; font-size: 15px; padding: 0px 10px}

.ss_wrap .ss_inner ul {height: 21px; overflow: hidden}
.ss_wrap .ss_inner ul li {display: inline-block; margin-right: 35px; color: #ffffff; font-size: 16px; font-family: 'KoPubWorldDotum'}
.ss_wrap .ss_inner ul li:last-child {margin-right: 0;}
.ss_wrap .ss_inner .sch_text {cursor: pointer}


.color_green03 {color: #00b6bd!important;}

.rec_wrap {margin-bottom: 100px; position: relative; overflow: hidden}
.rec_wrap .rec_bg {width: 45%; max-width: 840px; height: 100%; background: url(../img/rec_bg01.png) no-repeat center right; background-size: cover; position: absolute; left: 0; top: 0; z-index: -1;}

.rec_wrap .rec_list_wrap {position: relative; height: 400px}
.rec_wrap .rec_list {padding: 40px 0px}
.rec_wrap .rec_list .rl_con { width: 220px; border-radius: 3px; padding: 14px 0px; background: #fff;  margin-bottom: 5px}
.rec_wrap .rec_list .rl_con a {display: block; width: 100%; height: 100%; background: url(../img/rl_list.png) no-repeat 7% 50%; padding-left:30px}
.rec_wrap .rec_bg02 {width: 300px; height: 260px; position: absolute; bottom: -40px; left: 120px; background: url(../img/rec_bg02.png) no-repeat; background-size: contain}

.rec_wrap .rl_link_wrap {}
.rec_wrap .rl_link_wrap .rl_link {width: 209px; height: 189px; display: inline-block; margin-right: 25px; border-radius: 25px; position: relative}
.rec_wrap .rl_link_wrap .rl_link01 {background: url(../img/dctm01.png) no-repeat center center;  background-size: inherit; margin-right: 0px;}
.rec_wrap .rl_link_wrap .rl_link02 {background: url(../img/dctm02.png) no-repeat center center;  background-size: inherit;}
.rec_wrap .rl_link_wrap .rl_link a {display: block; width: 100%; height: 100%;}
.rec_wrap .rl_link_wrap .rl_link span {position: absolute; color: #fff; bottom: 20px; left: 20px;}
.rec_wrap .rl_link_wrap .rl_link:last-child {margin-right: 0}
.rec_wrap .rl_link_wrap .rl_link:hover {-webkit-animation: mover 0.5s;    animation: mover 0.5s;}


.rec_wrap .vl_list {padding: 40px 0px; }
.rec_wrap .vl_hd {line-height: 40px}
.video_link {margin-left: 0; margin-top: 15px; position: relative; overflow: hidden}
.video_link img {max-width: 100%;}

.rec_wrap .more {background-color:#ff7664; box-shadow:0 0 10px rgb(0,0,0,0.5); border-radius:100rem; color:transparent; display:block; font-size:0; width: 50px; height: 50px; position:absolute; left:50%; top:40%; z-index:1; text-align:center; transform:translate(-50%, -50%)}
.rec_wrap .more:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 100%; background-color: #ff7664; content: ''; opacity: 0;}
.rec_wrap .more i {color:#fff; font-size:14px; display:block; width:100%; height:100%; line-height:50px; margin: 0 auto;}
.rec_wrap .img img{width:100%; height:100%}

.rec_wrap a:hover .more::after,
.rec_wrap a:focus .more::after {animation: anchor_up 1s infinite;} 

@keyframes anchor_up {
    0% {opacity: 1; transform: scale(1);}
    100% {opacity: 0; transform: scale(1.5);}
}

.rec_video_wrap {position: fixed; z-index: 100000; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; display: none}
.rec_video_wrap .rv_con {width: 1100px; height: 660px; position: fixed; top: 50%; left: 50%; margin-left: -550px; margin-top: -330px; background: #000}
.rec_video_wrap .rv_con .rv_inner {position: relative}
.rec_video_wrap .rv_con .rv_inner a {position: absolute; top: -30px; right: 0px; color: #fff; font-weight: bold; font-size: 22px;}

.rec_wrap .rec_banner {overflow: hidden; padding: 40px 0px}
.rec_wrap .rec_banner img {width: 306px; max-width: 100%;}
.rec_wrap .rec_banner_btn {position: absolute; width: 100%; top: 50%; margin-top: -18px;}
.rec_wrap .rec_banner_btn a {background: #fff; border-radius: 17px;}
.rec_wrap .rec_banner_btn img {width: 30px; height: 30px;}
.rec_wrap .rec_banner_btn a.swiper-button-prev03 {position: absolute; left: 5px;}
.rec_wrap .rec_banner_btn a.swiper-button-next03 {position: absolute; right: 18px;}

@media(max-width:1180px)
{
    .rec_wrap .rl_link_wrap .rl_link02 {margin-right: 10px}
}


@media(max-width:1150px)
{
    .rec_video_wrap .rv_con {width: 90%; margin-left: -45%; height: 400px; margin-top: -200px;}
    .rec_video_wrap .rv_con .rv_inner {height: 100%}
    .rec_video_wrap .rv_con .rv_video { position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}
    .rec_video_wrap .rv_con .rv_video iframe {height: 400px!important}
}

@media(max-width:769px)
{
    .rec_video_wrap .rv_con { height: auto; }
    .rec_video_wrap .rv_con .rv_video iframe {height: auto!important}
}


.gg_wrap {padding: 0px 0px 50px; background: #fff; margin-bottom: 80px; margin-top: -50px;}
.gg_wrap .gg_map {width: 100%;}
.gg_wrap .gg_map .gg_map_inner {width: 530px; height: 380px; position: relative}
.gg_wrap .gg_map .gg_con {position: absolute; cursor: pointer}
.gg_wrap .gg_map .gg_con01 {bottom: 37px; right: 19px; }
.gg_wrap .gg_map .gg_con02 {bottom: 75px; right: 158px; }
.gg_wrap .gg_map .gg_con03 {bottom: 0px;  right: 116px;}
.gg_wrap .gg_map .gg_con04 {bottom: 112px; right: -18px;}
.gg_wrap .gg_map .gg_con05 {bottom: 37px;  right: 217px;}

.gg_wrap .all_loca {width: 140px; height: 40px; line-height: 36px; text-align: center; color: #757e90; border: 1px solid #757e90; position: absolute; right: -30px; bottom: -30px; cursor: pointer; background: #fff}

.map_bg {opacity: 0}

.gg_wrap .gc_hd {line-height: 25px; }
.gg_wrap .gg_link {float: right; margin-top: -5px;}


.gi_count {font-size: 0;}
.gi_count .gi_con {display: inline-block; margin-right: 40px; margin-bottom: 20px; font-size: 17px; position: relative}
.gi_count .gi_con:last-child {margin-right: 0px}
.gi_count .gi_con01 {color: #275dc7}
.gi_count .gi_con02 {color: #ef4720}
.gi_count .gi_con03 {color: #f9bc02}
.gi_count .gi_con04 {color: #57d2cd; margin-right: 0;}
.gi_count .gi_con05 {color: #40a4df}
.gi_count .gi_con06 {color: #6640b1}

.gi_count .gi_con img {width: 20px; height: 25px; margin-right: 10px; vertical-align: text-top; transition: 0.5s}
.gi_count .gi_con span {font-size: 15px; color: #000; font-weight: bold; font-size: 17px; padding-left: 15px}
.gi_count .gi_con:hover img { transform: rotateY( 180deg ); transition: 0.5s}

.gi_count .gi_con01 img {width: 21px!important; height: auto!important;}

.gi_count .gi_con,
.gi_count .gi_con span {font-family: 'KoPubWorldDotum'}


.gg_wrap .gc_list {height: 300px;  overflow-y: scroll; padding-right: 10px;}
.gg_wrap .gc_list .gc_con {width: 100%; position: relative; padding: 20px;  border-radius: 5px; margin-bottom: 10px; background: #fff; border: 1px solid #ddd}
.gg_wrap .gc_list .gc_con .gc_location {float: left; width: 46px; height: 46px;}
.gg_wrap .gc_list .gc_con .gc_location .gc_lo {text-align: center; width: 46px; height: 46px; line-height: 46px; color: #fff; background: #87aedd; margin-top: 3px; border-top-right-radius: 10px; border-bottom-left-radius: 10px;}
.gg_wrap .gc_list .gc_con .gc_info { display: inline-block; width: calc( 100% - 80px); padding-left: 20px}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca {margin-bottom: 5px}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate, .map_part_wrap .gc_cate {display: inline-block; padding: 2px 5px; color: #fff;}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL001 {background:#ef4720}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL002 {background:#f9bc02}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL003 {background:#57d2cd}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL004 {background:#40a4df}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL005 {background:#6640b1}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL006 {background:#ff647a}
.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_cate.gc_cate_type_RTL007 {background:#55ad6a}

.gc_cate.gc_catelh  {background:#bed200;}
.gc_cate.gc_categm  {background:#054f9a;}

.gg_wrap .gc_list .gc_con .gc_info .gc_ca .gc_datetime {float: right}
.gg_wrap .gc_list .gc_con .gc_info .gc_subject {}
.gg_wrap .gc_list .gc_con .gc_info .gc_subject span {display: inline-block; margin-right: 10px; padding-right: 10px; font-weight: bold; background: url(../img/gc_line.png) no-repeat center right; background-size:auto}

.gc_hd_tab {display: inline-block}
.gc_hd_tab a {display: inline-block; margin-right: 25px; color: #aaaaaa;}
.gc_hd_tab a:last-child {margin-right: 0;}
.gc_hd_tab a.on { color: #000}

.gc_view {display: none}

.service_wrap {padding: 10px 0px 100px; background:#fff; overflow: hidden;}

.sw_list .col-12 {padding-left: 0px;; padding-right: 0px;}
.sw_list .sw_con {width: 100%; height: 460px; position: relative; margin-bottom: 20px; background: #fff; transition: 1s; padding: 60px 35px; border: 1px solid #ddd }
.sw_list .sw_con .sw_title {color: #000;  transition: 0.5s; margin-bottom: 15px;}
.sw_list .sw_con .sw_text {color: #000; transition: 0.5s; margin-bottom: 25px;}
.sw_list .sw_con .sw_arrow {width: 30px; height: 30px; background: url(../img/gc_arrow.png) no-repeat; background-size: contain; transition: 0.5s}
.sw_list .sw_con:hover {background: url(../img/gc_bg01.png) no-repeat; background-size: cover; transition: 1s}
.sw_list .sw_con:hover .sw_title { color: #fff; transition: 0.5s}
.sw_list .sw_con:hover .sw_text {color: #fff; transition: 0.5s}
.sw_list .sw_con:hover .sw_arrow {width: 45px; background: url(../img/gc_arrow_on.png) no-repeat; background-size: contain; transition: 0.5s}
.sw_list .sw_con .sw_bg {position: absolute; bottom: 0; right: 0; width: 260px; height: 180px;}
.sw_list .sw_con01 .sw_bg {background: url(../img/gc01.png) no-repeat; background-size: cover}
.sw_list .sw_con02 .sw_bg {background: url(../img/gc02.png) no-repeat; background-size: cover}
.sw_list .sw_con03 .sw_bg {background: url(../img/gc03.png) no-repeat; background-size: cover}
.sw_list .sw_con04 .sw_bg {background: url(../img/gc04.png) no-repeat; background-size: cover}



.board_wrap {width: 100%; height: 505px; overflow: hidden; position: relative; margin-bottom: 100px;}
.board_wrap .con_inner { overflow: hidden}
.board_wrap .bw_bg {width: 42%; max-width: 840px; height: 100%; background: url(../img/mw_bg01.png) no-repeat center right; background-size: cover; position: absolute; left: 0; top: 0; z-index: -1;}

.board_wrap .bw_news {padding: 50px 0px 10px; position: relative}

.board_wrap .bw_tab {}
.board_wrap .bw_tab ul {}
.board_wrap .bw_tab ul li {display: inline-block; margin-right: 20px;}
.board_wrap .bw_tab ul li:last-child {margin-right: 0}
.board_wrap .bw_tab ul li a {width: 100%; height: 100%; display: block;}
.board_wrap .bw_tab ul li.on {}
.board_wrap .bw_tab ul li.on a {color: #275dc7}
.board_wrap .bw_btn_wrap {position: absolute; top: 42px; right: 20px;}
.board_wrap .bw_btn_wrap a:hover img {-webkit-animation: mover 0.5s;    animation: mover 0.5s;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.board_wrap .bw_list {overflow: hidden}
.board_wrap .bw_list .swiper-slide {width: 290px; margin-right: 30px}
.board_wrap .bw_list .bw_con {width: 290px; height: 280px;padding: 30px; margin: 0 auto; background: #fff; border-radius: 25px; border: 1px solid #ddd; position: relative; overflow: hidden}
.board_wrap .bw_list .bw_con .bw_ca {display: inline-block; text-align: center; padding: 3px 5px; border-radius: 3px; margin-bottom: 15px}
.board_wrap .bw_list .bw_con .bw_ca01 {background: #275dc7}
.board_wrap .bw_list .bw_con .bw_ca02 {background: #a9cf70}
.board_wrap .bw_list .bw_con .bw_subject {height: 50px; text-overflow: ellipsis; word-break: keep-all; overflow: hidden; margin-bottom: 10px;}
.board_wrap .bw_list .bw_con .bw_content {height: 40px; text-overflow: ellipsis; word-break: keep-all; overflow: hidden}
.board_wrap .bw_list .bw_con .bw_datetime {position: absolute; bottom: 30px; left: 30px;}

.board_wrap .bw_list .bw_con.bw_img_con {padding: 0px}
.board_wrap .bw_list .bw_con.bw_img_con img{max-width: 100%;}
.board_wrap .bw_list .bw_con.bw_img_con .bw_img {height: 170px; overflow: hidden}
.board_wrap .bw_list .bw_con.bw_img_con .bw_subject {padding:0px 30px; height: 23px; margin-top: 15px}

.board_wrap .swiper_btn_wrap {}
.board_wrap .swiper_btn_wrap a {position: absolute; top: 55%; z-index: 100}
.board_wrap .swiper_btn_wrap a img {width: 30px; height: 30px;}
.board_wrap .swiper_btn_wrap .swiper-button-prev02 {left: 0px;}
.board_wrap .swiper_btn_wrap .swiper-button-next02 {right: -5px;}

.board_wrap .bw_ta {width: 260px; padding: 50px 0px 10px; float: right}
.board_wrap .bw_ta .bw_ta_hd {width: 100%; background: url(../img/bt_icon01.png) no-repeat center right; background-size: contain}
.board_wrap .bw_ta .bw_menu {font-size: 0;}
.board_wrap .bw_ta .bw_menu::after {display: block; content: ""; clear: both}
.board_wrap .bw_ta .bw_menu .bw_ta_menu {width: 125px; height: 75px; padding: 10px; margin-right: 10px; margin-bottom: 10px; background: #ff7664; float: left; border-radius: 10px; text-align: center;transition: 0.5s}
.board_wrap .bw_ta .bw_menu .bw_ta_menu02 {margin-right: 0px;}
.board_wrap .bw_ta .bw_menu .bw_ta_menu img {display: block; width: auto; text-align: center; margin: 0 auto 10px; height: 25px;}
.board_wrap .bw_ta .bw_menu .bw_ta_menu a {display: block; width: 100%; height: 100%;}
.board_wrap .bw_ta .bw_menu .bw_ta_menu:hover {background: #f94e41; transition: 0.5s}

.board_wrap .bw_ta .bw_menu .bw_ta_tell {width: 100%; height: 130px; padding:  10px; display: block; content: ""; clear: both; background: #e95b50; border-radius: 10px;}
.board_wrap .bw_ta .bw_menu .bw_ta_tell:hover {background: #e23a33; transition: 0.5s;}
.board_wrap .bw_ta .bw_menu .bw_ta_tell .bw_tell_hd img {height: 25px}
.board_wrap .bw_ta .bw_menu .bw_ta_gg {width: 100%; height: 55px; padding: 14px 10px; display: block; content: ""; clear: both; background: #ff7d5a; transition: 0.5s;border-radius: 10px; margin-bottom: 10px;}
.board_wrap .bw_ta .bw_menu .bw_ta_gg img {margin-right: 10px;}
.board_wrap .bw_ta .bw_menu .bw_ta_gg span {float: right; margin-top: 3px;}
.board_wrap .bw_ta .bw_menu .bw_ta_gg:hover {background: #f96948; transition: 0.5s;}


.bc_banner {overflow: hidden}
.bc_banner img {max-width: 100%;}

.color_pink {color: #ff7664!important;}


.ma_wrap {margin-bottom: 100px}
.ma_wrap .ma_menu {padding: 10px 0px 0px}
.ma_wrap .ma_menu .ma_list {border: 1px solid #ddd; width: 100%; font-size: 0; border-radius: 20px; overflow: hidden}
.ma_wrap .ma_menu .ma_list::after {display: block; content: ""; clear: both}
.ma_wrap .ma_menu .ma_list .ma_con {float: left; width: 33.33%; height: 100px; padding: 25px 30px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd}
.ma_wrap .ma_menu .ma_list .ma_con a {font-size: 18px; font-family: 'LeferiBaseType-RegularA'!important; display: block; width: 100%; height: 100%; transition: 0.5s;}
.ma_wrap .ma_menu .ma_list .ma_con span {width: 80px; display: inline-block}
.ma_wrap .ma_menu .ma_list .ma_con:hover a {color: #275dc7; font-weight: bold; transition: 0.5s; }
.ma_wrap .ma_menu .ma_list .ma_con03,
.ma_wrap .ma_menu .ma_list .ma_con06 {border-right: none}
.ma_wrap .ma_menu .ma_list .ma_con04,
.ma_wrap .ma_menu .ma_list .ma_con05,
.ma_wrap .ma_menu .ma_list .ma_con06 {border-bottom: none}

.ma_wrap .ma_banner {width: 310px; float: right}



@media(max-width:1290px){
    .board_pc_view {display: none!important;}
    .board_mo_view {display: block!important;}
}


.pc_pd {padding-left: 24px}

.nwm_con { text-align: center; height: 180px; overflow: hidden; font-size: 0;}
.nwm_con::after {display: block; content: ""; clear: both}
.nwm_con .nwm_list {width: 50%; float: left; }

.nwm_con01 {background: url(../img/gga_n01_bg.svg) no-repeat; background-size: cover}
.nwm_con01 a {display: block; width: 100%; height: 100%; background: url(../img/gga_n01_text01.png) no-repeat 90% 50%; }
.nwm_con01 img {height: 100%;}
.nwm_con02 {padding-left: 60px;}
.nwm_con02 a {display: block; width: 100%; height: 180px; line-height: 60px; border: 1px solid #ddd; padding-top: 35px;}
.nwm_con02 img {max-height: 65px; width: auto; display: block; margin: 0 auto;}


.company_wrap {padding: 30px 0px; height: 125px; border-top: 1px solid #ddd; }
.company_wrap .con_inner {position: relative}
.company_wrap .com_slide {overflow: hidden; width: 85%; float: right; text-align: center}
.company_wrap .com_slide::after {display: block; content: ""; clear: both}
.company_wrap .com_slide .swiper-slide {width: 220px; margin-right: 25px; height: 64px; line-height: 58px; border: 1px solid #ccc; overflow: hidden}
.company_wrap .com_slide a {padding: 0px 10px}
.company_wrap .com_slide a img {max-height: 60px; max-width: 210px;}
.company_wrap .com_slide a.ss_b_chk img {max-width: 195px;}

.company_wrap .com_btn_wrap { width:15%; text-align: center; position: absolute; bottom: -35px; left: 0; }
.company_wrap .swiper-button-next,
.company_wrap .swiper-button-prev {opacity: 1; background-size: 27px; height: 30px; z-index: 100000!important; top: inherit; }
.company_wrap .swiper-button-next {background-image: url(../img/right_btn002.png)!important; left: 80px; right: inherit}
.company_wrap .swiper-button-prev {background-image: url(../img/left_btn002.png)!important;  left: 0px;}
.company_wrap .com_pause {position: absolute; background: url(../img/stop_btn002.png) no-repeat; background-size: contain; width: 28px; height: 30px; z-index: 100000; left: 40px;  bottom: -10px;}

.cc_wrap {width: 100%; overflow: hidden; height: 200px; background: url(../img/gga_img01.png) no-repeat center center; cursor: pointer}
.cc_wrap .con_inner {position: relative; }
.cc_wrap .cc_text_box {position: absolute; text-align: left; width: 440px; left: 60%; margin-left: -220px; top: 50px}
.cc_wrap .cc_text_box .font_17 {line-height: 22px}

.cc_wrap .cc_view {text-align: center; display: none}
.cc_wrap img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}




.side_wrap {position: fixed; width: 170px; height: 220px; top: 50%; right:60px; margin-top: -150px; z-index: 1000}
.side_wrap .side_con {height: 60px; line-height: 60px;;transition: 0.3s }
.side_wrap .side_con .side_title {display: inline-block; color: #aaa; text-align: right;width: 61%; transition: 0.3s}
.side_wrap .side_con .side_icon {width: 45px; height: 45px; background: #fff; text-align: center;float: right; border-radius: 100%; margin-top: 5px;  }
.side_wrap .side_con .side_img {width: 100%; height: 100%; display: block}
.side_wrap .side_con .side_img01 {background: url(../img/side01.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con .side_img02 {background: url(../img/side02.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con .side_img03 {background: url(../img/side03.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con .side_img04 {background: url(../img/side04.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con .side_img05 {background: url(../img/side05.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con.on {transition: 0.3s}
.side_wrap .side_con.on .side_title a {color: #fff; transition: 0.3s}
.side_wrap .side_con02.on .side_title a {color: #275dc7!important;}
.side_wrap .side_con04.on .side_title a {color: #275dc7!important;}
.side_wrap .side_con05.on .side_title a {color: #275dc7!important;}
.side_wrap .side_con.on .side_img01 {background: url(../img/side_on01.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con.on .side_img02 {background: url(../img/side_on02.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con.on .side_img03 {background: url(../img/side_on03.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con.on .side_img04 {background: url(../img/side_on04.svg) no-repeat center center;background-size: 15px; transition: 0.3s}
.side_wrap .side_con.on .side_img05 {background: url(../img/side_on05.svg) no-repeat center center;background-size: 15px; transition: 0.3s}

.sub_menu_wrap {position: fixed; width: 100%; height: calc(100% - 100px); z-index: 1000000; background:#275dc7; top: 100px; left: 0; display: none }
.sub_menu_wrap .con_inner {height: 100%;}
.sub_menu_wrap .sm_list {height: calc(100% - 100px); overflow-y: scroll; margin-top: 50px;}
.sub_menu_wrap .sm_list::-webkit-scrollbar { width: 3px;}
.sub_menu_wrap .sm_list::-webkit-scrollbar-track { background: #9cc8f1; }
.sub_menu_wrap .sm_list::-webkit-scrollbar-thumb { background: #000; }
.sub_menu_wrap .sm_list::-webkit-scrollbar-thumb:hover  { background: #000; }
.sub_menu_wrap .sub_con {font-size: 0; height: auto; padding: 50px 0px; border-bottom: 1px solid #9cc8f1}
.sub_menu_wrap .sub_con .bt_menu {color: #9cc8f1; width: 16%; display: inline-block; vertical-align: top;}
.sub_menu_wrap .sub_con .bt_menu a {color: #9cc8f1;}
.sub_menu_wrap .sub_con .b_menu {color: #fff; width: 13%; display: inline-block; vertical-align: top; padding-left: 30px;}
.sub_menu_wrap .sub_con .b_menu a {color: #fff}
.sub_menu_wrap .sub_con .s_menu_wrap {display: inline-block; width: 82%}
.sub_menu_wrap .sub_con .s_menu_inner {display: inline-block; width: 85%}
.sub_menu_wrap .sub_con .s_menu {display: inline-block; width: 25%; margin-bottom: 20px; vertical-align: top}
.sub_menu_wrap .sub_con .s_menu a {color: #fff; display: block; width: 100%; height: 100%; word-break: keep-all; }
.sub_menu_wrap .sub_con.sub_con0 {padding: 0px 0px 15px;}

.sub_menu_wrap .sub_con.sub_con5,
.sub_menu_wrap .sub_con.sub_con4 {width: 49%; display: inline-block; height: 200px; overflow: hidden} 
.sub_menu_wrap .sub_con.sub_con5 .bt_menu,
.sub_menu_wrap .sub_con.sub_con4 .bt_menu {width: 32%;}
.sub_menu_wrap .sub_con.sub_con5 .s_menu_wrap,
.sub_menu_wrap .sub_con.sub_con4 .s_menu_wrap {width: 67%;}
.sub_menu_wrap .sub_con.sub_con5 .s_menu,
.sub_menu_wrap .sub_con.sub_con4 .s_menu {width:50%;}

.sub_menu_wrap .sub_con.sub_con5 .st_menu .b_menu,
.sub_menu_wrap .sub_con.sub_con4 .st_menu .b_menu {width: 100%}


.sub_menu_wrap .sub_con.sub_con6 {border-bottom: none;}


.sub_menu_wrap .sub_con .st_menu {margin-bottom: 15px}
.sub_menu_wrap .sub_con .st_menu .b_menu {padding-left: 0;} 
.sub_menu_wrap .sub_con .st_menu .s_menu {width: auto; padding-right: 21px; margin-left:21px; border-right: 1px solid #fff;  }
.sub_menu_wrap .sub_con .st_menu .s_menu:last-child {padding-right: 0; border-right: none;}
.sub_menu_wrap .sub_con .st_menu .s_menu:first-child {padding-left: 0;}

.sub_title {word-break: keep-all;}
.sub_title .font_38 {line-height: 42px}

.container {padding: 0px}

.new_page_title,
.new_page_title02,
.page_title {height: 180px; max-width: 1200px;  font-size: 40px!important ;font-family: 'Noto Sans KR', serif!important; top: -59px; z-index: 10; padding: 90px 40px 0px; position: absolute; border: 7px solid #eaeff7; border-top-right-radius: 30px; width: 900px; }
.page_title span {position: absolute; width: 120px; height: 7px; top: -7px; left: -7px; background: #275dc7}


/*.con_title {background: url(../img/sub_title_bg01.svg) no-repeat 0px 8px; background-size: 15px; padding-left: 30px; line-height: 30px}*/
.con_title {line-height: 70px; padding-left: 27px; background: url(../img/np_title02.png) no-repeat 0px 25px; margin-bottom: 0!important;}

.con_text {line-height: 26px}

.mb-6 {margin-bottom: 60px;}
.mb-7 {margin-bottom: 70px;}
.mb-8 {margin-bottom: 80px;}
.mb-9 {margin-bottom: 90px;}
.mb-10 {margin-bottom: 100px;}

/*
.con_inner_sub a[target="_blank"]:after {
    margin-left: 10px;
    font-family: "FontAwesome";
    content:"\f08e";
    font-size: inherit;
    font-weight: 300;
    color: #000;
}
*/

.view_down { display: inline-block; color: #fff !important; width: 100%; text-align: center; }

.ico_wrap {}
.ico_wrap .ico_con {border-radius: 15px; height: 200px; text-align: center; padding: 35px 0px}
.ico_wrap .ico_con .ico_img {height: 80px; line-height: 80px; margin-bottom: 20px}
.ico_wrap .ico_con img {max-height: 80px}
.ico_wrap .ico_con01 {background: #55cfa0}
.ico_wrap .ico_con02 {background: #52d2df}
.ico_wrap .ico_con03 {background: #40a4df}
.ico_wrap .ico_con04 {background: #4284db}


.con_ul {font-size: 0;}

ul.lt01 li { word-break: keep-all; position: relative; padding-left: 45px; }
ul.lt01 li ul li:before {
    width: 6px;
    height: 2px;
    border-radius: 10px;
    background: #565656;
}

ul.lt01 li:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
}

/*.con_ul > ul > li {height: auto; line-height: 35px; width: 100%; background: url(../img/li_bg01.svg) no-repeat 0px 16px; background-size: 6px; padding-left: 15px;}*/
.con_ul > ul > li {height: auto; line-height: 35px; width: 100%;  background: url(../img/bu_arr.png) no-repeat 30px 14px; background-size: 5px; padding-left: 42px; word-break: keep-all}

.table .con_ul > ul > li { background: url(../img/bu_arr.png) no-repeat 10px 10px; background-size: 8px; padding-left: 26px; }

.table .con_ul ul li ul li ul li:before { content: ""; width: 0px; }

.con_ul > ul > li ul li {padding-left: 15px; font-size: 0.95em}

.con_ul ul li ul li { word-break: keep-all; position: relative;  }
.con_ul ul li ul li:before {
    width: 6px;
    height: 2px;
    border-radius: 10px;
    background: #565656;
}

.con_ul ul li ul li.noicon:before
{
    width: 0px;
}

.con_ul ul li ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
}


.con_ul > ul > li ul li ul li {padding-left: 10px}

.con_ul ul.ul_half > li {width: 48%; float: left; padding: 9px 15px; background: #f4f5f9; background-size: auto; margin-bottom: 10px}
.con_ul ul.ul_half > li:nth-child(2n) {float: right}

.con_ul ul.ul_half_v02 {width: 48%; float: left;}
.con_ul ul.ul_half_v02:nth-child(2n) {float: right}

.con_ul.con_ul02 > ul > li {padding: 9px 15px; background: #f4f5f9; background-size: auto; margin-bottom: 10px}

.con_ul ul li img {margin: 0px 7px;}

.con_ul::after {display: block; content: ""; clear: both}

.con_ul_bg {background: #f4f5f9; padding: 25px; word-break: keep-all; line-height: 22px;}
.con_ul_bg ul li {padding: 0px!important; margin-bottom: 5px!important; background: none!important}

.ul_tmp li {margin-bottom: 5px}

.con_text_box {padding: 30px; border-radius: 5px;}
.con_text_box01 {background: #f4f5f9}
.con_text_box02 {background: #f4f4f4}
.con_text_box .ctb_con {margin-bottom: 10px}
.con_text_box .ctb_con span {display: inline-block; padding: 3px 20px; border-radius: 20px; text-align: center; margin-right: 5px}

/*
.full_bg {width: 100%; padding: 50px 0px; margin-bottom: 60px}
.full_bg01 {background:#f4f5f9 }
*/


.bg_sky {background: #4284db}

.con_img {text-align: center}
.con_img img {max-width: 100%;}

.con_img02 {width: 100%; overflow: hidden}
/*.con_img02 img {max-width: inherit}*/

.con_border {border: 1px solid #ddd; padding: 50px 10px; text-align: center; position: relative}
.border_right {border-right: 1px solid #ddd!important;}

.img1010_cnt {position: absolute; bottom: 50px; right: 50px; padding: 5px 10px; border: 1px solid #275dc7; text-align: center}

@media(max-width:769px){
    .con_mo.con_img1010 {padding: 25px 5px 80px}
    .img1010_cnt {right: 50%; margin-right: -55px; bottom: 20px;}
}

.con_inner_sub {width: 1140px; margin: 0 auto; max-width: 100%;}

.box_st {
    position: relative;
    background: #F6F6F6;
    padding: 15px;
    color: #454545;
    word-break: keep-all;
}

.box_st img {
    display: block;
    margin: 8px auto;
}

.box_st strong {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.box_st p {word-break: keep-all}

@media (min-width: 1024px)
{
    .box_st {
        padding: 30px 40px;
        overflow: hidden;
    }

    .box_st img {
        float: left;
        margin-right: 30px;
    }
    .box_st p {
        float: right;
        width: calc(100% - 110px);
        font-size: 16px;
        line-height: 1.5;
        padding-top: 10px
    }

    .box_st strong {
        font-size: 20px;
    }
}

.line_35 {line-height: 35px;}


.con_table {background: #fff; overflow-y: hidden}
.con_table table { border-top:#1e1e1e solid 2px; }
.con_table .table thead th {background: #f6f6f6; letter-spacing: -1px; font-weight: 500 }
.con_table table tr th,
.con_table table tr td {font-size: 17px; text-align: center; padding: 20px 15px;font-family: 'KoPubWorldDotum', serif!important; font-weight: 300; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
/*
.con_table table tr th {background: #e8f2f9; font-weight: 500}
.con_table table tr th.bg_blue {background: #40a4df; color: #fff;}
*/
.con_table table tr th.w_20 {min-width: 20%}
.con_table table tr th:last-child {border-right: none;}
.con_table table tr td:last-child {border-right: none;}

.con_table.table_gray table tr th {background:#f4f4f4 }
.con_table.table_gray table tr td {text-align: left; padding: 15px 25px}

.con_table02 table tr td {line-height: 28px;}



.con_mo {display: none}
.con_mo img {max-width: 100%;}

.con_img_list {font-size: 0;}
.con_img_list .cil_con {height: 80px; width: 47%; display: inline-block; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 15px}
.con_img_list .cil_con:nth-child(2n) {float: right}
.con_img_list .cil_con .cil_img {float: left; width: 80px; height: 80px; background:#e2edf2; text-align: center; line-height: 80px;}
.con_img_list .cil_con .cil_img img {height: 50px; max-width: 50px}
.con_img_list .cil_con .cil_text {padding: 17px 0px 0px 100px; word-break: keep-all} 
.con_img_list .cil_con .cil_text .font_medium, 
.con_img_list .cil_con .cil_text .font_light {font-size: 16px}

.font_medium {font-weight: 500}
.font_light {font-weight: 400}

.png_set {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}

.con_tab {width: 100%; margin-bottom: 50px; border-bottom: 1px solid #dddddd;}
.con_tab .ct_list {width: 100%; max-width: 1140px; margin: 0 auto}
.con_tab .ct_list::after {display: block; content: ""; clear: both}

.con_tab .ct_list .ct_con {margin-right: 30px; float: left; height: 70px;}
.con_tab .ct_list .ct_con a {color: #aaaaaa; height: 100%; line-height: 70px;}
.con_tab .ct_list .ct_con.on a {color: #275dc7}

.ct_list_wrap {width: calc( 100% - 130px ); display: inline-block;}
.ct_btn_wrap {float: right; width: 130px; line-height: 65px}


.chk_con {width: 100%; position: relative; border: 1px solid #ddd; padding: 5px 40px; height: 100%}
.chk_con::after {display: block; content: ""; clear: both}
.chk_con .chk_img { float: left; margin-right: 10px; margin-top: 10px; width: 80px}
.chk_con .chk_img img {height: 80px;}
.chk_con .chk_title {display: inline-block; padding: 10px; line-height: 30px;}
.chk_con .chk_link {position: absolute; bottom: 20px; right: 40px;}
.chk_con .chk_link img {width: 30px}

.chk_list02 .chk_con {background: #f4f5f9}
.chk_list02 .chk_text_list {margin-bottom: 18px}
.chk_list02 .chk_text_list > span:first-child {padding: 2px 20px; text-align: center; color: #fff;background: #91a2bd; border-radius: 25px; margin-right: 15px; line-height: 25px;}
.chk_list02 .chk_text_list span.st_con { width: 80%; display: inline-table; line-height: 27px; }

.btn_sch_wrap {}
.btn_sch_wrap .btn_sch {width: 200px; max-width: 45%; height: 55px; text-align: center; line-height: 45px;  background: #275dc7;}
.btn_sch_wrap img {width: 18px; margin-right: 5px; vertical-align: baseline}

.btn_sch_wrap .btn_re {width: 200px; max-width: 45%;  height: 55px; text-align: center; line-height: 45px;  }

.bb_gmc {background: url(../img/bbb_bg01.png) no-repeat; background-size: cover; padding: 20px 40px}
.bb_myh {background: url(../img/bbb_bg02.png) no-repeat; background-size: cover; padding: 20px 40px}

.chk_list .chk_info {display: inline-block; margin-top: -10px; width: 75%; word-break: keep-all}
.chk_list .chk_btn {display: block; width: 140px; height: 40px; line-height: 40px; color: #fff; border: 1px solid #fff; text-align: center; margin-left: 10px}




.con_map_wrap { width: 100%; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; position: relative}
.con_map_wrap .map_select_wrap {position: absolute; top: 0; left: 110px; padding: 10px; z-index: 100}
.con_map_wrap .map_select_wrap .map_select {display: inline-block; }
.con_map_wrap .map_select_wrap .map_select select {width: 150px}

.con_map_wrap .map_select_wrap .map_sch {display: inline-block}
.con_map_wrap .map_select_wrap .map_sch input {width: 180px;}
.con_map_wrap .map_select_wrap .map_sch .sch_text {height: 40px;}

.sch_text img {width: 15px; height: 15px}


.con_map_wrap .map_guide {position: absolute; top: 440px; right: 370px; padding: 15px; z-index: 100; background: rgba(255,255,255,0.6); border: 1px dotted #4c7de7}
.con_map_wrap .map_guide .mg_con {display:block; margin-bottom: 5px }
.con_map_wrap .map_guide .mg_con img {width: 20px; height: 25px}
.con_map_wrap .map_guide .mg_con:last-child {margin-bottom: 0px;}


.con_map_wrap .map_count {position: absolute; top: 0; left: 0; padding: 0px 10px; z-index: 2; background: #eaeff7; border-bottom: 1px solid #aaa; text-align: right; width: 100%; height: 60px; line-height: 60px;}
.con_map_wrap .map_count .mc_con {display:inline-block; margin-right: 10px }
.con_map_wrap .map_count .mc_con img {width: 20px; height: 25px; display: inline-block; margin-right: 5px;}
.con_map_wrap .map_count .mc_con:last-child {margin-right: 0px;}


.map_inner {position: relative}

.mc_info {padding: 3px 35px; margin-top: 10px; margin-left:-65px; background: #fff; color: #333;  text-align: center; font-size: 14px;  border-radius: 3px;  letter-spacing: -1px; position: relative; display: none; z-index: 10000; border: 2px solid;}
.mc_info .mc_close {position: absolute; background: #fff; top: 0; right:0px; border: none;   padding: 3px 7px;}
.mc_info div {font-weight: bold}
.mc_info .ro_btn { border: 1px solid #ddd; height: 30px; line-height: 30px;  display: block;  padding: 0px 10px}

.wrap_button {display: none}
.wrap_button a{position: absolute; top: 6px; right: 8px;  cursor: pointer; width: 43px; height: 32px; user-select: none;  -webkit-user-drag: none;  border: none;  background: #fff; color:#000;  font-weight: normal; font-size: 16px; z-index: 1000; text-align: center; line-height: 33px; border: 1px solid #000}

#roadview {position: absolute; top: 0; left: 0; z-index: 100; display: none; }


/*.map_info_wrap {padding: 40px 10px; height: 700px; overflow-y: scroll}*/
.map_info_wrap .map_info {background: #fff;  padding: 10px 20px 20px; position: relative;border: 1px solid #87aedd; border-radius: 10px;  transition: 0.5s; display:block; width: 270px;}
.map_info_wrap .map_info.on {background: #f0b816; border: 1px solid #f0b816; transition: 0.5s;}
.map_info_wrap .map_info.on a,
.map_info_wrap .map_info.on .map_title {color: #fff;}

.map_info_wrap .map_info .map_ca {width: 100%; overflow: hidden; height: 26px; line-height: 26px;}
.map_info_wrap .map_info .map_ca span {padding: 3px 5px; }
.map_info_wrap .map_info .map_ca01 {background: #f8656f}
.map_info_wrap .map_info .map_ca02 {background: #7878db}
.map_info_wrap .map_info .map_ca03 {background: #87aedd}
.map_info_wrap .map_info .map_ca04 {background: #000}
.map_info_wrap .map_info .map_ca05 {background: #aaaaaa}
.map_info_wrap .map_info .map_title {height: 42px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; width: 100%}
.map_info_wrap .map_info .map_link {position: absolute; width: 95px; height: 25px; line-height: 25px; background:#275dc7; bottom: 13px; right: 20px;  border-radius: 5px; }
.map_info_wrap .map_info .map_link02 {bottom: 13px;}
.map_info_wrap .map_info .map_title_wrap {}

.map_info_wrap .map_info .map_title02 {word-break: keep-all}
.map_info_wrap .map_info .map_title03 {height: 78px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; width: 100%; white-space: normal;}
.map_info_wrap .map_info02 {padding: 25px 20px; } 

.map_info_wrap .map_info .map_loca_text {position: absolute; top: 0; right: -1px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; background: #87aedd;padding: 5px 15px}

.map_info_wrap .map_info .video_link {position: absolute; width: 100px; height: 25px; line-height: 25px; background: #32b4b4;  bottom: 13px; right: 10px; border-radius: 5px; display: none}

.map_info_wrap {height: 640px;  overflow-y: scroll; overflow-x: hidden; padding: 10px 10px 60px; }

.map_info_wrap .mo_map_slide {}

.map_part_wrap {height: 700px}
.map_part_wrap .map_part {width: 100%; display: inline-block}
.map_part_wrap .map_info_part {width: 300px; display: inline-block; box-shadow: -5px 0 10px rgb(0 0 0 / 20%); border: 1px solid #eee; position: absolute; top: 59px; right: 0px; z-index: 2;  background: #eaeff7; }

@media(max-width:769px){
    .con_map_wrap {margin-top: 70px; margin-bottom: 190px!important}
    .con_map_wrap .map_select_wrap {top: -60px; left: 0; width: 100%; padding: 10px 0px; text-align: right}
    .con_map_wrap .map_select_wrap .map_select select {width: 90px; letter-spacing: -1.5px; font-size: 14px; padding: 0px 5px}
    .con_map_wrap .map_select_wrap .map_sch input {width: 90px; font-size: 14px;}
    .con_map_wrap .map_select_wrap .map_sch .sch_text {padding: 5px 10px}
    
    
    .map_part_wrap {height: auto}
    .map_part_wrap .map_part,
    .map_part_wrap .map_info_part{width: 100%; display: block; bottom: -159px;top: auto;}
    
    .map_info_wrap {height: 200px; overflow-y: hidden; overflow-x:scroll; padding: 25px 10px 20px; margin-top: 0px}
    .map_info_wrap .mo_map_slide {white-space: nowrap;}
    .map_info_wrap .map_info {display: inline-block; margin-right: 20px}
    
}

@media(max-width:769px){
    .con_map_wrap .map_select_wrap .map_select select {width: 80px; letter-spacing: -1.5px; font-size: 13px; }
    .con_map_wrap .map_select_wrap .map_sch input {width: 80px; font-size: 13px;}
}

.map_info_wrap .map_cate {padding: 1px 10px; text-align: center; display: inline-block; color: #fff}

.map_cate_con {padding: 30px; word-break: keep-all; margin-bottom: 20px}
.map_cate_con div {text-align: left; min-height: 69px;}
.map_cate_con a {background: url(../img/tab_link.svg) no-repeat top right; display: block; background-size: 17px; display: inline-block; }

.map_cate_RTL001 {background-color: #275dc7 !important}
.map_cate_RTL001 h2 { background: url(../img/house_01.svg) no-repeat; background-size: 18px; padding-left: 25px;}
.map_cate_RTL002 {background-color: #a9cf70 !important}
.map_cate_RTL002 h2 { background: url(../img/house_02.svg) no-repeat; background-size: 18px; padding-left: 25px;}
.map_cate_RTL003 {background-color: #275dc7 !important}
.map_cate_RTL003 h2 { background: url(../img/house_03.svg) no-repeat; background-size: 18px; padding-left: 25px;}
.map_cate_RTL004 {background-color: #a9cf70 !important}
.map_cate_RTL004 h2 { background: url(../img/house_04.svg) no-repeat; background-size: 18px; padding-left: 25px;}
.map_cate_RTL005 {background-color: #275dc7 !important}
.map_cate_RTL005 h2 { background: url(../img/house_05.svg) no-repeat; background-size: 18px; padding-left: 25px;}
.map_cate_RTL006 {background-color: #a9cf70 !important}
.map_cate_RTL006 h2 { background: url(../img/house_06.svg) no-repeat; background-size: 18px; padding-left: 25px;}
.map_cate_RTL007 {background-color: #55ad6a !important}

/*.map_cate a:after { display: inline-block; margin-left: 10px; content: "\f2d2"; font-family: "fontAwesome";font-weight: 500; position: absolute; top: 15px; right: 30px;}*/

.map_cate .txt { color: #fff; opacity: 0; width: 100%; padding: 1rem 2rem; line-height: normal; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .3s; z-index: 1;}

@media(max-width:1050px){
    .con_map_wrap .map_count .mc_con {margin-right: 5px}
}

@media(max-width:969px){
    .con_map_wrap .map_count {display: none}
}

@media(max-width:769px){
    .con_map_wrap .map_guide {top: 150px; right: 20px}
}

.w-30 {width: 30%;}
.w-40 {width: 40%;}

.input_wrap { display: inline-block; position: relative}
.input_wrap img {width: 20px; height: 18px}
.input_wrap span {position: absolute; top: 3px; right: 7px;}

.option_box {padding: 5px 15px; margin-right: 10px; cursor: pointer; border-radius: 5px; margin-bottom: 5px; display: inline-block}
.option_box.on {background:#87aedd; color: #fff; }

.check_box_wrap {position: relative;}
.check_box_wrap input {position: absolute; opacity: 0;}
.check_box_wrap label {font-weight: 400!important; padding: 5px 15px; margin-right: 10px; cursor: pointer; border-radius: 5px; margin-bottom: 5px; border: 1px solid #ccc;}
.check_box_wrap input[type="radio"]:checked + label,
.check_box_wrap input[type="checked"]:checked + label {background: #87aedd; color: #fff;}

.map_move {cursor: pointer!important;}


.sub_select_wrap {margin: 100px auto 60px}
.sub_select_wrap select {width: 420px; height: 65px; margin: 0 auto; max-width: 90%; border: 2px solid #191919; padding: 0px 10px}

.sub_cate_menu {width: 100%;}
.sub_cate_menu::after {display: block; content: ""; clear: both}
.sub_cate_menu .scm_list {width: 25%; height: 44px; float: left; cursor: pointer; border-left: 1px solid #ddd; margin-bottom: 30px }
.sub_cate_menu .scm_list:nth-last-child(n) {border-right: 1px solid #ddd}
.sub_cate_menu .scm_list .scm_hd {font-weight: bold; color: #aaaaaa;}
.sub_cate_menu .scm_list .scm_title {line-height: 30px; color: #aaaaaa;}
.sub_cate_menu .scm_list.on .scm_hd {color: #275dc7; }
.sub_cate_menu .scm_list.on .scm_title {color: #000; }

.sub_cate_count01 .scm_list {width: 100%!important}
.sub_cate_count02 .scm_list {width: 50%;}
.sub_cate_count03 .scm_list {width: 33.33%;}


.snt_list {width: 100%; height: 120px; cursor: pointer; background: #275dc7; position: relative; margin-top: 40px}
.snt_list .snt_hd {font-weight: bold; color: #aaaaaa;}
.snt_list .snt_title {line-height: 30px; color: #aaaaaa;}
.snt_list .snt_bg {width: 100%; height: 100%; background: url(../img/sub_cate_bg001.svg) no-repeat 90% 20%; background-size: 120px; padding: 30px}
.snt_list .snt_arrow {position: absolute; right: 50px; top: 50px}
.snt_list .snt_arrow img {width: 25px}

.view02 {display: none}

.after::after {display: block; content: ""; clear: both}

.con_cus {height: 450px; margin-bottom: 350px;}
.cus_wrap {width: 100%; height: 350px; background: url(../img/img5020_bg001.svg) no-repeat 100px 50px; position: relative}
.cus_wrap a {display: block; width: 192px; height: 48px; line-height: 48px; text-align: center; font-size: 16px }

.cus_wrap .cus_a {position: absolute;  top: 0; right: 21%; width: 192px; background: #275dc7; border-radius: 25px;}
.cus_wrap .cus_type_a,
.cus_wrap .cus_type_c,
.cus_wrap .cus_type_d,
.cus_wrap .cus_type_e {color: #fff}

.cus_wrap .cus_c {position: absolute; top: 107px; width: 192px; border-radius: 5px; border: 1px solid #275dc7; }
.cus_wrap .cus_c01 {left: 267px}
.cus_wrap .cus_c02 {left: 779px}

.cus_wrap .cus_d {position: absolute; top: 278px; width: 150px; border-radius: 5px; border: 1px solid #aaaaaa; background: #aaaaaa}
.cus_wrap .cus_d a {width: 100%;}
.cus_wrap .cus_d01 {left: 28px;}
.cus_wrap .cus_d02 {left: 220px;}
.cus_wrap .cus_d03 {left: 412px;}

.cus_wrap .cus_e {position: absolute; top: 353px; width: 200px; border-radius: 5px; border: 1px solid #55cfa0; background: #55cfa0}
.cus_wrap .cus_e a {width: 100%;}
.cus_wrap .cus_e01 {left: 517px;}
.cus_wrap .cus_e02 {left: 804px;}

.cus_wrap .cus_f {position: absolute; top: 413px; width: 200px; }
.cus_wrap .cus_f a {width: 100%; border-radius: 5px; border: 1px solid #55cfa0; margin-bottom: 10px; background: #fff}
.cus_wrap .cus_f01 {left: 517px;}

.cus_wrap .cus_g {background: #275dc7!important; color: #fff}

.cus_info_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none}
.cus_info_wrap .cus_info {position: fixed; width: 500px; height: 400px; top: 50%; left: 50%; margin-left: -250px; margin-top: -200px; background: #fff;  border-radius: 20px; padding: 10px 20px }
.cus_info_wrap .cus_info .ci_title {height: 50px; line-height: 50px; font-size: 22px; font-weight: bold; position: relative}
.cus_info_wrap .cus_info .ci_title a {position: absolute; top: -5px; right: 10px;}
.cus_info_wrap .cus_info .ci_content {height: 300px; overflow-y: scroll}
.cus_info_wrap .cus_info .ci_content table {width: 100%}
.cus_info_wrap .cus_info .ci_content table thead th {background: #55cfa0; color: #fff; font-weight: 500}
.cus_info_wrap .cus_info .ci_content table th,
.cus_info_wrap .cus_info .ci_content table td {text-align: center; border-bottom: 1px solid #ddd}


.root_daum_roughmap .wrap_controllers {display: none!important}

.map_table table tr th {}
.map_table table tr td {text-align: left; padding: 15px}
.map_table table tr td b {margin-top: 10px; display: inline-block}
.map_table table tr td table td {border: none!important; padding: 5px 0px}


.al_wrap {}
.al_wrap .al_info {padding:30px; background: #f9f9f9}
.al_wrap .al_info .al_text {line-height: 27px; word-break: keep-all}

.al_wrap .al_chk_wrap .al_chk {float: right; margin: 3px}
.al_wrap .form-control {height: auto!important; width: auto!important; display: inline-block}

.al_table table tr th { background: #f4f4f4}
.al_table table tr td {text-align: left; padding: 15px 20px; line-height: 30px}
.al_table table tr td label {font-weight: 400!important; margin-right: 30px}

.td_span {display: inline-block; padding: 5px; color: #fff;}
.td_span_red {background: #dd1717;}
.td_span_blue {background: #5e6cbf;}
.td_span_green {background: #439b43;}
.td_span_green02 {background: #2fa891;}

/* faq */
.faq_wrap {border-top: 2px solid #aaa; border-bottom: 1px solid #ddd; position: relative; min-height: 452px}
.faq_wrap::after {content: ""; clear: both; display: block;}
.faq_wrap .faq_tab {display: inline-block; width: 50%}
.faq_wrap .faq_tab li {border-bottom: 1px solid #ddd; padding: 10px 20px;line-height: 30px; word-break: keep-all}
.faq_wrap .faq_tab li.on {background: #275dc7;}
.faq_wrap .faq_tab li.on a {color: #fff;}

.faq_wrap .con_inner {height: 100%; width: 100%; max-width: 100%}
.faq_wrap .view_wrap { width: 50%; height: 100%; float: right; padding: 50px; line-height: 28px; min-height: 452px; word-break: keep-all}
.faq_wrap .view { width: 100%; height: 100%; float: right;word-break: keep-all; display: none }
.faq_wrap .view .taq_content {line-height: 30px; }
.faq_wrap .view .taq_content p {word-break: keep-all }

.faq_cate_wrap {text-align: center}
.faq_cate_wrap .cate_con {text-align: center; background: #ddd; margin: 5px 10px; display: inline-block; border-radius: 5px}
.faq_cate_wrap .cate_con a {color: #797979; display: block; width: 100%; height: 100%;padding: 10px 40px; word-break: keep-all }
.faq_cate_wrap .cate_con.on {background:#275dc7}
.faq_cate_wrap .cate_con.on a {color: #fff}

.faq_cate_list {width: 100%; margin-bottom: 50px}
.faq_cate_list .fc_con {display: inline-block; width: 15.8%; padding: 15px 0px; text-align: center; border-radius: 5px; background: #eee; margin-right: 0.5%;}
.faq_cate_list .fc_con:last-child {margin-right: 0;}
.faq_cate_list .fc_con a {display: block; width: 100%; height: 100%; letter-spacing: -1px; white-space: nowrap}
.faq_cate_list .fc_con.on {background: #275dc7}
.faq_cate_list .fc_con.on a {color: #fff;} 

.faq_cate_list_com .fc_con {width: 24.2%}



.bg_gray {background: #f9f9f9}
.ver_top {vertical-align: top!important}

.write_table .table tr th {background: #f9f9f9; font-weight: 500;}
.write_table .table tr td {}

.btn_wrap .btn-submit,
.btn_wrap .btn-cancel {width: 240px; height: 54px; border: none; line-height: 46px;}
.btn_wrap .btn-submit {background:#275dc7;}
.btn_wrap .btn-cancel {background:#aaaaaa;}
.btn_wrap a.btn-cancel {line-height: 45px}


.res_bg {width: 100%; height: 1600px; background: url(../img/res_bg.png) no-repeat left top; background-size: cover; position: relative;}
.res_con {width:600px; height: 1000px; position: absolute; left: 80px; top: 50px; padding: 20px }

.rc_chk_list {}
.rc_chk_list .rc_chk { width:520px; height: 85px;  margin-bottom: 15px; background: #fff;  line-height: 59px }
.rc_chk_list .rc_chk label {font-weight: 400; color: #aaa; font-size: 16px;}
.rc_chk_list .rc_chk input {float: right; margin-top: 25px}
.rc_chk_list .rc_chk input[type=checkbox] { display:none;}
.rc_chk_list .rc_chk input[type=checkbox] + label { cursor: pointer;  width: 100%; height: 100%; background:url('../img/check_off.svg') no-repeat 95% 50%; background-size: 18px; padding: 10px 20px; border: 1px solid #aaa;}
.rc_chk_list .rc_chk input[type=checkbox]:checked + label { background: url('../img/check_on.svg') no-repeat 95% 50%; background-size: 18px; border: 2px solid #275dc7; color: #292929}
.rc_chk_list .rc_chk input[type=checkbox]:disabled + label { background: url('../img/check_off.svg') no-repeat 95% 50%; background-size: 18px; border: 1px solid #aaa;}

.line_22 {line-height: 24px;}
.line_30 {line-height: 32px;}



.con_list_bg {}
.con_list_bg .clb_con {padding: 20px; margin-bottom: 10px; border-radius: 5px;}
.con_list_bg .clb_a {background: #f4f5f9}
.con_list_bg .clb_b {background: #f4f4f4}
.con_list_bg div div {vertical-align: top; display: inline-block; height: 100%; min-width: 130px}

/*
.con_list_bg .clb_con_half {width: 49%; float: left}
.con_list_bg .clb_con_half:nth-child(2n) {float: right}
*/

.con_list_bg .clb_con02 .clb_list div {margin-bottom: 10px}
.con_list_bg .clb_con02 .clb_list span {padding: 2px 20px; background: #4284db; color: #fff; text-align: center; border-radius: 25px; margin-right: 10px}

.con_list_bg .clb_height {min-height: 170px}
.con_list_bg .clb_height02 {min-height: 190px}

.sub_tab_wrap {border-bottom: 1px solid #ddd}
.sub_tab_wrap ul {font-size: 0;}
.sub_tab_wrap ul li {display: inline-block; padding: 0 30px; text-align: center; height: 60px; line-height: 60px; background: url(../img/tab_bg.svg) no-repeat right center; background-size: 1px}
.sub_tab_wrap ul li:last-child {background: none}
.sub_tab_wrap ul li a {display: block; width: 100%; height: 100%; font-size: 20px}
.sub_tab_wrap ul li.on {}
.sub_tab_wrap ul li.on a {color:#2271b2 }

.no_bg {background: none!important}


.img_box_list {}
.img_box_list .ibl_con {padding: 20px; border-radius: 5px; background: #f4f5f9; margin-bottom: 40px; min-height: 490px}
.img_box_list .ibl_con span {font-size: 14px; line-height: 23px;}


.ico_wrap02 {}
.ico_wrap02 .iw_con {width: 100%; height: 390px; border-radius: 15px; margin-bottom: 20px; font-size: 0}
.ico_wrap02 .iw_con .iw_img_wrap {float: left; background: #4284db; height: 100%; width: 25%; padding: 110px 0px; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.ico_wrap02 .iw_con .iw_img_wrap .iw_img img {max-width: 90px; margin: 0 auto 10px}
.ico_wrap02 .iw_con .iw_info {background: #f4f5f9; display: inline-block; padding: 30px; width: 75%; height: 100%}

.ico_wrap02 .iw_con02 .iw_img_wrap {background: #3bb784; }

.color_green {color: #3bb784!important}


.icc_wrap {}
.icc_wrap img {width: 153px; margin-bottom: 15px}


.video_wrap {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; z-index: 10000; display: none }
.video_wrap .video_inner {width: 1150px; height: 650px; position: fixed; top: 50%; left: 50%; margin-left: -575px; margin-top: -325px; }
.video_wrap .video_inner .tmp_inner {width: 100%; height: 100%; position: relative}
.video_wrap .video_inner .video_close {position: absolute; bottom: -30px; right: 0; font-size: 22px; }


.gnb_sub_logo {float: left; width: 69%; text-align: right; max-width: 890px;  margin-top: -10px; display: none}
.gnb_sub_logo a {display: inline-block!important; margin-left: 30px;}
.gnb_sub_logo a img {height: 40px; vertical-align: bottom}
.gnb_sub_logo a.sub_logo0 {margin-left: 0}
.gnb_sub_logo a.sub_logo01 img,
.gnb_sub_logo a.sub_logo02 img {height: 28px}


.con_title_box {border: 1px solid #ddd}
.con_title_box .con_tb_title {background: #f4f5f9; padding: 15px 0px;word-break: keep-all}
.con_title_box .con_tb_text {padding: 20px 40px;}
.con_title_box .con_tb_text .con_tb_list {margin-bottom: 15px}
.con_title_box .con_tb_text .con_tb_list::after {display: block; content: ""; clear: both}
.con_title_box .con_tb_text .con_tb_list .con_tb_left {float: left; width: 130px;}
.con_title_box .con_tb_text .con_tb_list .con_tb_right {float: right; width: calc(100% - 130px); word-break: keep-all}

.con_title_box .con_tb_text .con_tb_list span {padding: 2px 20px; text-align: center; color: #fff;background: #91a2bd; border-radius: 25px; line-height: 25px;}
.con_title_box .con_tb_text .con_tb_list ul li {margin-bottom: 3px; }



/* 시안 */

.np_box {border-bottom: 1px solid #ddd; width: 100%; padding: 60px 0px;}
.np_box::after {display: block; content: ""; clear: both}

.np_box .np_title {background: url(../img/np_title.png) no-repeat top left; padding: 20px 0px; float: left; width: 18%}
.np_box .np_con {float: right; width: 82%; padding: 10px 0px;}
.np_box .np_con .con_ul > ul > li {line-height: 25px; padding: 20px; width: 50%; margin-bottom: 0}

.np_ul {}
.np_ul > li {line-height: 40px; padding-left: 15px; background: url(../img/ul_bg02.png) no-repeat 0px 16px; background-size: 5px;}
.np_ul li.li_25 {line-height: 25px; background: url(../img/ul_bg02.png) no-repeat 0px 8px;}

.np_sub_ul {padding-left: 15px}
.np_sub_ul li {line-height: 30px; }
.np_sub_ul > li {margin-bottom: 5px;}
.np_sub_ul li ul li {padding-left: 25px;background: url(../img/ul_sub_bg.png) no-repeat 12px 12px; background-size: 5px;}

.np_ul.np_ul02 {padding: 0px 20px; background: #f4f5f9; }
.np_ul.np_ul02 > li {padding: 15px 0px; background: none; border-bottom: 1px dotted #ddd}

.np_table {}
.np_table .table thead tr th,
.np_table .table thead tr td {border-top: 2px solid #aaa; font-family: 'Nanum Square'!important;}
.np_table .table thead th {background: #f4f5f9; letter-spacing: -1px; font-weight: 500 }
.np_table .table tr th,
.np_table .table tr td {font-size: 17px; text-align: center;padding: 20px 0px; border-right: 1px solid #ddd; font-family: 'Nanum Square'!important;}
.np_table .table tr th:last-child,
.np_table .table tr td:last-child {border-right:none}

.np_text_box {line-height: 25px;}

.np_left {float: left;}
.np_right {float: right; }

.np_qa_box {background: #f4f5f9; border-top: 1px solid #275dc7; padding: 40px 20px;}
.np_qa_box::after {display: block; content: ""; clear: both}
.np_qa_box .np_left {width: 15%; text-align: center}
.np_qa_box .np_right {width: 85%; position: relative}

a.btn_link {width: 140px; height: 40px; line-height: 40px; text-align: center; background: #fff; border: 1px solid #275dc7; color: #275dc7; position: absolute; right: 30px; top: -10px}

.clear {clear: both; content: ""; display: block; margin: 10px 0px; height: 10px}

.sub_new_top {position: absolute;width: 1350px; height: 120px; background: #fff; bottom: 0; left: 50%; margin-left: -675px; border-top-left-radius: 50px; border-top-right-radius: 50px; z-index: 1}
.sub_new_top .sub_new_inner {width: 100%; position: relative}

.sub_new_top .sub_step {width: 100%; max-width: 1120px; text-align: left; padding: 95px 0px 50px 435px}
.sub_new_top .sub_step ul li {display: inline-block; text-align: center}
.sub_new_top .sub_step ul li span { margin: 0px 15px; font-family: 'KoPub Batang';}
.sub_new_top .sub_step ul li img {vertical-align: bottom}

.sub_new_top .sub_side {width: 260px; position: absolute; top: 60px; left: 60px; }
.sub_new_top .sub_side .sub_side_title {width: 100%; height: 120px; background: url(../img/sub_side_bg01.png) no-repeat; background-size: cover; line-height: 175px; padding-left: 20px;}
.sub_new_top .sub_side .sub_side_list {}
.sub_new_top .sub_side .sub_side_list ul {}
.sub_new_top .sub_side .sub_side_list ul li a {display: block; width: 100%; height: 100%; font-size: 17px; padding-left: 15px;}
.sub_new_top .sub_side .sub_side_list ul li {line-height: 60px; position: relative; border: 1px solid #ddd; }
.sub_new_top .sub_side .sub_side_list > ul > li {border-right: #275dc7; border-left: #275dc7; border-top: none}
.sub_new_top .sub_side .sub_side_list ul li ul li { border: none; }
.sub_new_top .sub_side .sub_side_list ul li.has_sub:after {
    position: absolute;
    right: 15px;
    top: 27px;
    color: #275dc7;
    transform: translateY(-50%);
    content: "\f078";
    font-family: "FontAwesome";
    font-weight: 700;
    transition: all 0.3s ease;
}

.sub_new_top .sub_side .sub_side_list ul li.open.has_sub:after {
    color: #fff;
}

.sub_new_top .sub_side .sub_side_list ul li.has_sub.open:after {
    transform: rotate(-180deg);
    margin-top: -30px;
    transition: all 0.3s ease;
}
.sub_new_top .sub_side .sub_side_list ul > li a {}
.sub_new_top .sub_side .sub_side_list ul > li.on > a {border-bottom: 1px solid #275dc7; font-weight: bold}
.sub_new_top .sub_side .sub_side_list ul li.on {}

.sub_new_top .sub_side .sub_side_list ul li.active a {color: #275dc7 !important;}
.sub_new_top .sub_side .sub_side_list ul li.on > a {color: #275dc7;}
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub a { background: #275dc7; color: #fff; }
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .sub_side_child { background: #F6F6F6; }

.sub_new_top .sub_side .sub_side_list ul li.open.has_sub ul.sub_side_child li ul { background: #fff; }

.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .sub_side_child a { background: #F6F6F6; color:#292929; }

.sub_new_top .sub_side .sub_side_list ul li.open.has_sub > .sub_side_child > li {}
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub > .sub_side_child > li:before {background: url(../img/sbm_bg_off.png) no-repeat center right; background-size: contain;content: ""; display: block; position: absolute; top: 20px; right: 7px; width: 10px; height: 10px}
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub > .sub_side_child > li.open:before {background: url(../img/sbm_bg_on.png) no-repeat center right; content: ""; display: block; position: absolute; top: 18px; right: 7px; width: 13px; height: 13px; background-size: contain;}
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub > .sub_side_child > li.no_menu:before {background: none; width: 0px; height: 0px}

.sub_new_top .sub_side .sub_side_list ul li.open.has_sub > .sub_side_child > li > a {padding-left: 25px}
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub > .sub_side_child > li > a:before {width: 3px; height: 3px; background: #275dc7; border-radius: 100%; content: ""; display: block; position: absolute; top: 23px; left: 17px;}


.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .sub_side_child .sub_side_child li { position: relative; }
.sub_new_top .sub_side .sub_side_list ul li .sub_side_child .sub_side_child li:before {
    width: 6px;
    height: 2px;
    border-radius: 10px;
    background: #565656;
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 20px;
}

.sub_new_top .sub_side .sub_side_list ul li .sub_side_child .sub_side_child li.on:before { background:#275dc7; }


.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .sub_side_child .sub_side_child a { background: #fff; }
/*.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .on a.ssl_gnb01 { color:#275dc7; }*/
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .sub_side_child .on a.ssl_gnb03 { color:#275dc7; }
.sub_new_top .sub_side .sub_side_list ul li.open.has_sub .sub_side_child .sub_side_child .on a { color:#275dc7; }

.sub_new_top .sub_side .sub_side_list ul li ul li { padding: 0px 0px 0px 0px; line-height: 50px; }
.sub_new_top .sub_side .sub_side_list ul li ul li a {font-size: 15px; border-bottom: none!important; padding: 0px 0px 0px 10px;}
.sub_new_top .sub_side .sub_side_list ul li ul li ul { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.sub_new_top .sub_side .sub_side_list ul li ul li ul li {padding-left: 20px; border-bottom: none; }
.sub_new_top .sub_side .sub_side_list ul li ul li ul li a { background: #fff; }

/*.sub_new_top .sub_side.s_fix {position: fixed; top: 120px; left: 50%; margin-left: -615px; }*/


.sub_container {padding: 150px 60px 0px 389px; margin: 0px auto 50px; width: 1350px; max-width: 100%; }
#container.sub_container {min-height: 700px; }


.sub_bg_wrap .sb_text_wrap .sb_menu_loca {text-align: center}
.sub_bg_wrap .sb_text_wrap .sb_menu_loca ul li {display: inline-block; text-align: center}
.sub_bg_wrap .sb_text_wrap .sb_menu_loca ul li span { margin: 0px 15px;}
.sub_bg_wrap .sb_text_wrap .sb_menu_loca ul li img {vertical-align: bottom}

.sub_btn_con {width: 1350px; max-width: 100%; margin: 0 auto; position: relative; height: 100%}
.sub_btn_wrap {position: absolute; bottom: -25px; right: 100px; z-index: 100}
.sub_btn_wrap a img { width: 47px; height: 47px; }


.np_info_box {background: #f4f5f9; padding: 40px 20px;}
.np_info_box::after {display: block; content: ""; clear: both}
.np_info_box .np_left {width: 15%; text-align: center}
.np_info_box .np_right {width: 85%; padding: 5px 0px}

.line_20 {line-height: 20px}

.np_box02 {padding: 35px 0px}
.np_box02 .np_title {line-height: 70px; padding-left: 27px; background: url(../img/np_title02.png) no-repeat 0px 25px}
.np_box02 .np_text {line-height: 27px;}

.np_ul_base {}
.np_ul_base li {line-height: 35px; word-break: keep-all}
.np_ul_base li ul li { padding-left: 20px; }


.np_img {padding: 50px; text-align: center; border: 1px solid #ddd; margin: 10px 0px}
.np_img img {max-width: 100%;}


.np_text_list {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -1px; padding: 20px 0px; position: relative; margin-top: 0px}
.np_text_list::after {display: block; content: ""; clear: both}
.np_text_list .np_left {width: 20%; text-align: center}
.np_text_list .np_right {width: 80%; line-height: 25px; }

.np_title_box {padding: 10px 15px; background: #595959; text-align: center; border-top-right-radius: 10px; width: 110px;}

.np_box02 .np_text .con_ul { background-color: #f6f6f6; }

.np_box02 .np_text .con_ul > ul > li, ul.np_ul_base li {line-height: 25px; padding: 20px 10px 15px 26px; width: 100%; margin-bottom: 0;     background: url(../img/bu_arr.png) no-repeat 14px 27px;  background-size: 6px;}

ul.np_ul_base li ul li { word-break: keep-all; position: relative; line-height: 18px; padding: 8px 0px 4px 10px; background: none;  }
ul.np_ul_base li ul li:before {
    width: 6px;
    height: 2px;
    border-radius: 10px;
    background: #565656;
}

ul.np_ul_base li ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
}

.np_box02 .con_ul ul li ul li:before { top: 10px }

.np_table .table thead tr th,
.np_table .table thead tr td {font-family: 'KoPubWorldDotum', serif!important; font-weight: 300}
.np_table .table tr th,
.np_table .table tr td {font-family: 'KoPubWorldDotum', serif!important; font-weight: 300}

.np_table02 .table thead th {background: #f6f6f6; letter-spacing: -1px; font-weight: 500 }

.np_text_list a.btn_link {position: inherit; display: block; top: inherit; right: inherit; border: 1px solid #275dc7; color: #275dc7!important;}


#wrapper .sub_container,
#wrapper .sub_container a,
#wrapper .sub_container span,
#wrapper .sub_container li,
#wrapper .sub_container div,
#wrapper .sub_container label,
#wrapper .sub_container select {font-family: 'KoPubWorldDotum'}

#wrapper .KoPubDotumbold,
#wrapper .KoPubDotumbold a,
#wrapper .KoPubDotumbold,
#wrapper span.KoPubDotumbold,
#wrapper div.KoPubDotumbold,
#wrapper a.KoPubDotumbold,
#wrapper li.KoPubDotumbold,
#wrapper .ko_bold,
#wrapper .ko_bold,
#wrapper .ko_bold {font-family: 'KoPubWorldDotum'!important; font-weight: 600!important}

.np_ul.np_ul03 {background: #f6f6f6; }
.np_ul.np_ul03 li ul li { padding-left: 20px; }

.np_box02 .np_sub_ul li ul li {background: url(../img/ul_sub_bg02.png) no-repeat 12px 12px;}

.con_nb_box {display: none}
.con_nb_box::after {display: block; content: ""; clear: both}
/*.con_nb_box .cnb_hd {width:120px; float: left; height: 80px; line-height: 80px; background: url(../img/bg401_001.png) no-repeat; background-size: cover;}*/
.con_nb_box .cnb_hd {width:200px; float: left; height: 100px; line-height: 100px; background: url(../img/bg401_001.png) no-repeat; background-size: cover;}
/*.con_nb_box .cnb_con {width: calc(100% - 120px); height: 80px; float:right;padding: 30px 20px; border: 1px solid #ddd; position: relative}*/
.con_nb_box .cnb_con {width: calc(100% - 200px); height: 100px; line-height: 113px; float:right;padding: 0px 20px; border: 1px solid #ddd; position: relative}
.con_nb_box .cnb_con .np_text_list {border-bottom: none}

.con_nb_box .cnb_con .cnb_text {width: 85%; line-height: 25px; vertical-align: middle; display: inline-block;}
.con_nb_box .cnb_con a.btn_link {top: 30px; right: 10px; width: 110px}


.con_nb_box .np_text_list .np_left {width: 18%}
.con_nb_box .np_text_list .np_right {width:82% }

.cb_box { background: #3991e4; display: inline-block; padding: 10px; color: #fff; width: 16%; text-align: center; }
.cb_box a { color: #fff; }

.np_text_list a.btn_link_side {position: absolute; right: 10px; top: 20px} 

.res_month {display: none}

.map_cate02 .map_cate_con {
    background: url(../img/con_bg401.png) no-repeat 0px 0px !important;
    background-size: cover;
    float: inherit;
    padding: 0px;
}

.map_cate02 .map_cate_con div { background: #fff; color: #000; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc }

.map_cate02 h2 { padding-left: 35px; padding-top: 15px; }

.con_layer {position: fixed; z-index: 100000; width: 100%; height: 100%; top: 0 ;left: 0; background: rgba(0,0,0,0.4); display: none}
.con_layer .layer_inner {position: fixed; width: 1080px; height: 90%; background: #fff; left: 50%; margin-left: -540px; top: 5%; border-top-right-radius: 77px; border-top-left-radius: 77px;}
.con_layer .layer_inner .layer_hd {width: 100%; height: 120px; line-height: 130px; background: url(../img/con_bg401.png) no-repeat; background-size: cover; border-top-right-radius: 77px;border-top-left-radius: 77px; position: relative}
.con_layer .layer_inner .layer_con {padding: 30px 50px; height: calc(100% - 120px); overflow-y: scroll }
.con_layer .layer_inner .layer_con .layer_text {border-bottom: 1px solid #ddd}

.con_layer .layer_close {position: absolute; top: 0px; right: -30px; z-index: 100000}

.cm_ul {}
.cm_ul {line-height: 35px;}

.border_table .table {border-top: 2px solid #aaa}
.border_table .table tr th,
.border_table .table tr td{border-right: 1px solid #ddd; padding: 20px}
.border_table .table tr th:nth-last-child(),
.border_table .table tr td:nth-last-child(){border-right: none}
.border_table .table tr td {word-break: keep-all}


.mo_page_title{ display: none}

.fo_menu,
.fo_menu select {width: 95%;}

.border_right {border-right: 1px solid #ddd}

.con_bg_box {padding: 20px; background: #fafafa}

.bg_blue02 {background: #32bbc6!important}
.bg_blue03 {background: #bde3e7!important}


.con_sub_tab {}
.con_sub_tab ul {}
.con_sub_tab ul li {border-bottom: 3px solid #ddd; width: 190px; margin-right: 10px; max-width: 49%; height: 60px; line-height: 60px; display: inline-block; text-align: center}
.con_sub_tab ul li:last-child {margin-right: 0}
.con_sub_tab ul li a {display: block; width: 100%; height: 100%; color: #ddd;}
.con_sub_tab ul li.on {border-bottom: 3px solid #275dc7}
.con_sub_tab ul li.on a {color: #275dc7}
.con_view {display: none; padding: 20px 0px}

.table-responsive.con_table_long .table {min-width: 1100px}


.menu_banner {}
.menu_banner .meb_con {width: 400px; max-width: 100%; height: 180px; margin: 0 auto}
.menu_banner .meb_con01 {background: url(../img/meb001.png) no-repeat center center; background-size: contain}
.menu_banner .meb_con02 {background: url(../img/meb002.png) no-repeat center center; background-size: contain}
.menu_banner .meb_con03 {background: url(../img/meb003.png) no-repeat center center; background-size: contain}
.menu_banner .meb_con a {display: block; width: 100%; height: 100%;}


.img_info_wrap {border-top: 1px solid #ddd}
.img_info_wrap .ii_con {height: 80px; line-height: 80px; border-bottom: 1px solid #ddd; width: 96%} 
.img_info_wrap .ii_con .ii_img {width: 49%;float: left;}
.img_info_wrap .ii_con .ii_img img {}
.img_info_wrap .ii_con .ii_info {float: right; width: 49%}
.img_info_wrap .ii_con::after {display: block; content: ""; clear: both}

.page_title_bg02{width: 100%}

.tbl_head01 a {font-size: 1em}

.pagination {display: inherit; text-align: center} 


.box_state {}
.box_state::after {display: block; content: ""; clear: both}
.box_state .bs_con {float: right; border: 1px solid #ddd; border-radius: 5px; width: 360px; height: 50px; line-height: 50px; max-width: 96%; overflow: hidden}
.box_state .bs_con::after {display: block; content: ""; clear: both}
.box_state .bs_con .bs_info {width: 50%; float: left; text-align: center; cursor: pointer}
.box_state .bs_con .bs_map {width: 50%; color: #fff; background: #275dc7; float: left; text-align: center; cursor: pointer}


.road_wrap {width: 100%; height: 1200px; position: relative; background: url(../img/road_bg.png) no-repeat center center; background-size: auto}
.road_wrap .road_posi {position: absolute; top: 40%; left: 50%; width: 560px; margin-left: -280px;}
.road_wrap .road_con {width: 560px; height: 160px; border-radius: 20px; border: 1px solid #ddd; background: #fff;}
.road_wrap .road_con::after {display: block; content: ""; clear: both}
.road_wrap .road_con .road_img {width: 230px; height: 100%; background: url(../img/road01.png)no-repeat; background-size: cover; float: left;}
.road_wrap .road_con .road_img02 {background: url(../img/road02.png)no-repeat; background-size: cover;}
.road_wrap .road_con .road_info {width: calc( 100% - 230px); float: left; padding: 30px;}
.road_wrap .btn_road {width: 140px; height: 40px; text-align: center; line-height: 30px; background: #275dc7 }


.sur_wrap {width: 100%; max-width: 900px; background: #5c62ad; padding-bottom: 50px}
.sur_wrap img {max-width: 100%;}
.sur_wrap .sur_inner {width: 839px; max-width: 98%; padding: 50px 0px 0px; margin: 0 auto; background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; position: relative}
.sur_wrap .sur_inner .sur_bg02 {position: absolute; top: -51px; left: 0; width: 100%; height:51px; background: url(../img/sur02.png) no-repeat center center }
.sur_wrap .sur_inner .sur_guide {margin: 0 auto; width: 50%; height: 80px; line-height: 80px; border: 1px solid #275dc7}
.sur_wrap .sur_inner .sur_list {padding: 50px 50px 0px; margin-bottom: 30px;}
.sur_wrap .sur_inner .sur_list .sur_con {border-bottom: 1px solid #ddd; margin-bottom: 45px }
.sur_wrap .sur_inner .sur_list .sur_con:last-child {border-bottom: none}
.sur_wrap .sur_inner .sur_list .sur_con .sur_qs {margin-bottom: 15px}
.sur_wrap .sur_inner .sur_list .sur_con .sur_qs span {display: inline-block; margin-right: 15px;}
.sur_wrap .sur_inner .sur_list .sur_con .sur_chk_wrap {padding: 20px 0px 35px 45px;}
.sur_wrap .sur_inner .sur_list .sur_con .sur_chk_wrap::after {display: block; content: ""; clear: both}
.sur_wrap .sur_inner .sur_list .sur_con .sur_chk {float: left; width: 33.33%; margin-bottom: 15px;}
.sur_wrap .sur_inner .sur_list .sur_con label {margin-left: 5px}
.sur_wrap .sur_inner .sur_list .sur_con .sur_text {padding-bottom: 35px}

.sur_wrap .sur_ag_wrap {width:80%; margin: 30px auto}
.sur_wrap .sur_ag_wrap .sa_hd {width: 100%; position: relative}
.sur_wrap .sur_ag_wrap .sa_hd .sa_agree {position: absolute; right: 0; top: 0;}
.sur_wrap .sur_ag_wrap .sa_list {padding: 50px 0px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
.sur_wrap .sur_ag_wrap .sa_con {margin-bottom: 25px;}
.sur_wrap .sur_ag_wrap .sa_con:last-child{margin-bottom: 0}
.sur_wrap .sur_ag_wrap .sa_con::after {}
.sur_wrap .sur_ag_wrap .sa_con .sa_title {float: left; width: 100px; height: 50px; line-height: 50px;}
.sur_wrap .sur_ag_wrap .sa_con .sa_box {display: inline-block; width: calc( 100% - 100px);}
.sur_wrap .sur_ag_wrap .sa_con .sa_box input {width: 100%; background: none; border: 1px solid #ddd; height: 55px; line-height: 55px; color: #fff}
.sur_wrap .sur_ag_wrap .sa_con .sa_box input::placeholder {color: #ddd}
.sur_wrap .sur_ag_wrap .sa_con .sa_box .sa_box_chk {width: 90px; display: inline-block; color: #fff; margin-bottom: 5px;}
.sur_wrap .sur_ag_wrap .sa_con .sa_box .sa_box_chk input {width: 15px; margin-right: 5px; }
.sur_wrap .sur_ag_wrap .sa_con .sa_box .sa_box_chk label {color: #fff}

.sur_wrap .sur_ag_wrap .sa_btn button {background: none;  border: 1px solid #ddd; padding: 10px 40px}

.sur_wrap .form-group {margin-bottom: 0px!important}

.sur_info_wrap {width: 839px; max-width: 98%; margin: -60px auto 0px; padding-bottom: 100px;word-break: keep-all }
.sur_info_wrap .sur_info {line-height: 30px; font-family: 'GmarketSansMedium'!important; }
.sur_info_wrap .sur_info span {font-family: 'GmarketSansMedium'!important; color: #aaa}

.sur_info_wrap .sur_date_wrap {width: 320px; margin: 0 auto; font-family: 'GmarketSansMedium'!important; word-break: keep-all}
.sur_info_wrap .sur_date_wrap .sur_date_con {font-family: 'GmarketSansMedium'!important; margin-bottom: 10px}
.sur_info_wrap .sur_date_wrap .sur_date_con span {display: inline-block; padding: 7px 15px; border-radius: 25px; text-align: center; background: #373784;font-family: 'GmarketSansMedium'!important; margin-right: 5px; vertical-align: middle}

.clear {clear: both!important}

.bg_gray02 {background: #f4f5f9}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display: none!important}

.datepicker {background: url(../img/icon_cal01.svg) no-repeat 90% 50%; background-size: 20px}

.vg_wrap .vg_con { border: 1px solid #ddd; max-height: 300px; overflow: hidden; max-width: 320px; margin: 0 auto 15px;}
.vg_wrap .vg_con .vg_img {padding:10px 5px; text-align: center; overflow: hidden}
/*.vg_wrap .vg_con .vg_img img {max-width: 100%; max-height: 165px; line-height:165px;}*/
.vg_wrap .vg_con .vg_img img { height: 165px; line-height:165px;}

.vg_wrap .vg_con .vg_info {padding: 10px 0px}
.vg_wrap .vg_con .vg_info .vg_subject {height: 40px; overflow: hidden;  margin-bottom: 30px; padding: 0px 5px }
.vg_wrap .vg_con .vg_info .submit {background: none; border: none; text-align: left; padding: 0; margin: 0; height: 40px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all}
.vg_wrap .vg_con .vg_info .vg_text {width: 100%; position: relative; padding: 0px 10px;}
.vg_wrap .vg_con .vg_info .vg_text .vg_loca {display: inline-block;}
.vg_wrap .vg_con .vg_info .vg_text .vg_datetime {position: absolute; bottom: 0; right: 10px; color: #aaa}


.vv_wrap .vv_bg {background: #a4bee6; padding: 10px; position: relative}
.vv_wrap .vv_bg .vv_inner {padding: 60px 20px 180px; margin-bottom: 50px; background: url(../img/v_bg02.png) no-repeat top center; background-size: cover; min-height: 600px; }
.vv_wrap .vv_bg .vv_inner .vv_line {width: 50px; height: 2px; background: #365bc1; margin: 17px auto }
.vv_wrap .vv_bg .vv_inner .vv_subject {line-height: 50px;}
.vv_wrap .vv_bg .vv_inner .vv_img img {max-width: 100%;}
.vv_wrap .vv_bg .vv_inner .vv_label { line-height: 30px; color: #000!important; }
.vv_wrap .vv_bg .vv_inner .vv_label span {padding-left: 30px; background: url(../img/v_label.png) no-repeat 2px 8px; background-size: 12px; color: #000; font-weight: bold;}
.vv_wrap .vv_bg .vv_inner .vv_label p {display: inline; color: #000; line-height: 0;}
.vv_wrap .vv_bg .vv_end {width: 96%; height: 170px; background: url(../img/v_end.png) no-repeat center center; position: absolute; bottom: 30px; left: 50%;; margin-left: -48%}

@media(max-width:1470px){
    #gnb {width: 1200px;}
    a.gnb_1da {font-size: 20px;}
}


@media(max-width:1390px){
    #logo {width: 230px;}
    #logo_se {width: 230px;}
    
    a.gnb_1da {font-size: 18px; letter-spacing: -1px;}
    
    .sub_new_top {width: 100%; left: 0; margin-left: 0;}
    
    .sub_container {padding: 150px 30px 0px 300px}
    .sub_new_top .sub_side {width: 220px; left: 30px}
/*    .sub_new_top .sub_side.s_fix {margin-left:0; left: 30px;}*/
    
    .page_title {width: calc( 100% - 330px);}
    .page_title_bg02 {width: 100%}
    .sub_new_top .sub_step {padding: 95px 0px 50px 350px;}
    
    .cus_wrap .cus_a {left: 523px; right: inherit}
}


@media(max-width:1290px){
    
    
    #gnb {width:1100px}
    .gnb_1dli {margin-right: 15px}
    a.gnb_1da {font-size: 17px; }
    
    .sub_menu_wrap .sub_con .b_menu,
    .sub_menu_wrap .sub_con .s_menu a {letter-spacing: -1px;}
    
    .page_title {}
    
    .side_wrap {right: 30px;}
    
    .index_slide_wrap .is_con .is_text_wrap,
    .index_slide_wrap .slide_btn_wrap,
    .ss_wrap {width: 96%; margin-left: -48%;}
    .index_slide_wrap .slick-dots {width: 90%; margin-left: -38%;}
    
    .index_slide_wrap .is_con .is_info {margin-top: -180px;}
    .index_slide_wrap .is_con .is_bar {height: 22px; margin: 0 auto 20px;}
    .index_slide_wrap .is_con .is_info img {max-height: 140px;}
    
    .nwm_con01 a {background-size: 50%}
    
    
    .video_wrap .video_inner {width: 90%; margin-left: -45%; height: 600px; margin-top: -300px;}
    
    .rec_wrap .rec_bg02 { }
}

@media(max-width:1200px){
    
    
    .con_img02 img {max-width: 100%} 
}

@media(max-width:1160px){
    #logo {width: 190px;}
    #logo_se {width: 190px;}
    
    #gnb {width:85%; margin-left: 120px}
    a.gnb_1da {font-size: 16px}
    
    .con_tab .ct_list .ct_con {width: 33.33%!important;}
    
    .con_cus,
    .cus_wrap {background: none; height: auto; margin-bottom: 50px}
    .cus_wrap .cus_a,
    .cus_wrap .cus_b,
    .cus_wrap .cus_c,
    .cus_wrap .cus_d,
    .cus_wrap .cus_e,
    .cus_wrap .cus_f {position: inherit; left: inherit!important;top: inherit!important; margin: 0 auto 10px!important;  }
    
    .cus_wrap .cus_b {width: 220px;}
    .cus_wrap .cus_b a {width: 100%;}
    
    .cus_wrap .cus_c,
    .cus_wrap .cus_c a {width: 100%;}
    
    .cus_c01_bg,
    .cus_c02_bg {border: 1px solid #52d2df; width: 220px; padding: 10px; margin: 0 auto; margin-bottom: 15px; border-radius: 5px}
   
    
    .res_con {left: 67px;}
    
    .con_list_bg .clb_con {padding: 20px}
    .con_list_bg div div {min-width: 100px}
    .con_list_bg .clb_a {height: 65px}
}


@media(max-width:1050px){
    #gnb {margin-left: 90px;}
    
}

@media(max-width:999px){
    .gnb_2dul .gnb_2dli {width: 240px}
    
    .map_info_wrap .map_info .map_link {width: 70px; right: 5px;}
    
}

@media(max-width:991px){
    .rec_wrap .rec_bg {width: 80%; background: url(../img/rec_bg01.png) no-repeat center right; height: 400px;}
    
    .rec_wrap .rec_list_wrap {margin-bottom: 50px;}
    .rec_wrap .rec_list {padding: 40px 0px 40px 30px}
    .rec_wrap .rec_list .rl_con {width: 50%;}
    .rec_wrap .rec_list .rl_con a {padding-left: 55px;}
    .rec_wrap .rec_bg02 {}
    
    .rec_wrap .vl_list {padding: 40px 20px; margin-left: 0}
    
    .rec_wrap .rec_banner {width: 96%; margin: 0 auto; text-align: center}
    
    .gg_wrap {overflow: hidden;}
    .gg_wrap .gg_map { margin-bottom: 10px}
    .gg_wrap .gg_map .gg_map_inner {margin: 0 auto}
    
    .gg_wrap .gg_info_wrap {width: 470px; max-width: 98%; margin: 50px auto 0px} 
    
    .video_link {margin-left: 0}
    
    .sw_list {width: 70%; margin: 0 auto}
    
    .board_wrap {height: auto; margin-bottom: 0px}
    .board_wrap .bw_bg {width: 70%; height: 500px}
    .board_wrap .bw_ta {float: inherit; margin: 0 auto 50px}
    
    .bc_banner {text-align: center; margin: 50px 0px}
    
    .ma_wrap .ma_banner {float: inherit; margin: 40px auto 0px}
    
    .ft_logo .logo .ft_logo_list {margin: 0px 5px;}
}


@media(max-width:969px){
    #tnb,
    #gnb,
    .side_wrap {display: none}
    
    .index_slide_wrap {margin: 66px auto 0px}
    .index_slide_wrap .is_con .is_info {margin-top: -120px;}
    .index_slide_wrap .is_con .is_bar {height: 10px; margin: 0 auto 10px;}
    .index_slide_wrap .is_con .is_info img {max-height: 80px;}
    
    .sw_list .sw_con {padding: 40px 30px; height: 380px}
    .sw_list .sw_con .sw_img {right: 10px}
    .sw_list .sw_con .sw_img img {width: 160px}
    
    .sub_cate_menu .scm_list {width: 50%}
    
    .con_title_box .con_tb_text {padding: 20px}
    
    .nwm_con01 {background: #7c89d3}
    .nwm_con01 a {background: url(../img/gga_n01_text01.png) no-repeat center center; background-size: auto}
    
    .container {max-width: 100%!important}
    
    .m_menu_wrap #m_gnb_1dul .m_gnb_1dli a {font-size: 15px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 93%; padding: 0px 7px}
    
    
    .sub_bg_wrap {height: 200px;}
    .sub_new_top {width: 100%; height: 80px; border-top-left-radius: 0px; border-top-right-radius: 30px;}
    .sub_new_top .sub_side {display: none;} 
    .sub_new_top .sub_step {text-align: left!important; padding: 24px 0px 10px 10px!important;}
    .sub_new_top .sub_step ul {width: 100%; overflow: hidden; padding: 0px 15px }
    .sub_new_top .sub_step ul li {letter-spacing: -1px; font-size: 12px;}
    .sub_new_top .sub_step ul li span {margin: 0px 10px; }
    
    .sub_btn_wrap {bottom: 30px!important; right: 12px;}
    .sub_btn_wrap a img {width: 40px; height: 40px;}
    
    .mo_page_title {display: block; font-family: 'KoPubWorldDotum'; margin-bottom: 12px; padding-left: 10px;}
    
    .print_btn {display: none}
    
    .sub_container {padding: 0px 10px!important}
    
    .new_page_title,
    .new_page_title02,
    .page_title {height: auto; width: 100%; padding:25px 0px 25px 15px;  word-break: keep-all;  font-size: 20px!important; margin-top: 30px; margin-bottom: 35px!important; position: inherit; border:4px solid #eaeff7;}
    
    .page_title span {top: 0px; left: 10px; height: 4px}
    
    .con_title {padding-left: 30px; line-height: 40px;background: url(../img/np_title02.png) no-repeat 0px 11px; word-break: keep-all; margin-bottom: 10px!important}
    
    .np_box02 {padding: 0px 0px 20px;}
    
    .np_text_list .np_left,
    .np_text_list .np_right {width: 100%; float: inherit; margin-bottom: 10px}
    
    
    .con_nb_box .cnb_hd {width: 100%; height: 60px; line-height: 60px; background: url(../img/con_bg401.png) no-repeat; background-size: cover; float: inherit}
    .con_nb_box .cnb_con {width: 100%; display: block; height: auto; min-height: 130px; float: inherit; padding: 20px 20px 50px}
    .con_nb_box .cnb_con .cnb_text {width: 100%}
    .con_nb_box .cnb_con a.btn_link {top: inherit; bottom: 10px;}
    
    .chk_list .chk_info {}
}


@media(max-width:769px){
    .con_pc {display: none}
    .con_mo {display: block}
    
    .con_border { padding: 25px 5px}
    
    
    #sub_container {padding: 0px 10px!important}
    #container.sub_container {min-height: 500px; }
    
    .con_menu_wrap .con_menu .con_home {display: none}
    
    .sub_new_top .sub_step {height: 83px;}
    
    .pc_pd {padding-left: 0px}
    
    .mb-6 {margin-bottom: 40px;}
    .mb-7 {margin-bottom: 50px;}
    .mb-8 {margin-bottom: 60px;}
    .mb-9 {margin-bottom: 70px;}
    .mb-10 {margin-bottom: 80px;}
    
    .con_inner {max-width: 96%;}
    .con_inner_sub {max-width: 96%}
    
    .page_title span {left: 17px;}
    .new_page_title,
    .new_page_title02,
    .page_title {padding: 25px 15px 25px 10px;}
    
    .fo_menu, .fo_menu select {width: 100%;}
    
    .con_ul .pl-5 {padding-left: 10px!important}
    
    .con_ul_bg {padding: 20px;}
    
    .con_img, 
    .con_img img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
    .con_img.p-4 {padding: 1.5rem 0!important}
    
    .box_st {padding: 10px 15px 20px; line-height: 22px}
    
    .con_sub_tab ul li {width: 47%;}
    
    .np_ul.np_ul02 {padding: 0px 15px}
    
    .index_slide_wrap {}
    .index_slide_wrap .is_con .is_text {font-size: 18px!important}
    .index_slide_wrap .is_con .is_info {margin-top: -70px; width: 98%; margin-left: -49%;}
    .index_slide_wrap .is_con .is_bar {display: none}
    .index_slide_wrap .is_con .is_info img {max-height: 50px;}
    .index_slide_wrap .is_con .is_text_wrap {top: 70px; text-align: center; word-break: keep-all}
    .index_slide_wrap .is_con .is_text_wrap .is_title {margin-bottom: 15px; line-height: 52px; text-align: center}
    .index_slide_wrap .is_con .is_text_wrap .is_text {line-height: 25px;}
    
    .index_slide_wrap .is_con .is_btn {margin: 40px auto}
  
    
    .index_slide_wrap {margin-bottom: 100px}
    .index_slide_wrap .is_con .is_text_wrap .is_title span {margin-left: -2px;  margin-right: -2px;}
    .index_slide_wrap .is_con .is_con_bg {min-height: 660px;}
    .index_slide_wrap .is_con .is_con_bg01 {background: url(../img/main_new01_mo.png) no-repeat top center; }
    .index_slide_wrap .is_con .is_con_bg02 {background: url(../img/main_new02_mo.png) no-repeat top center; }
    .index_slide_wrap .is_con .is_con_bg03 {background: url(../img/main_new03_mo.png) no-repeat top center; }
    .index_slide_wrap .is_con .is_con_bg04 {background: url(../img/main_new04_mo.png) no-repeat top center; }

    
    .index_slide_wrap .slick-dots {left:50%; width: 98%; margin-left: -49%; top: 470px; text-align: center}
    .index_slide_wrap .slide_btn_wrap {display: none;}
    
    .ss_wrap {}
    .ss_wrap .ss_inner {float: inherit; width: 300px}
    .ss_wrap .ss_inner .ss_box {width: 260px; height: 50px; line-height: 50px;}
    .ss_wrap .ss_inner .ss_box input {height: 50px; line-height: 50px;}
    .ss_wrap .ss_inner .ss_box button {width: 50px; height: 49px; right: -60px;}
    
    .only_pc {display: none}
    
    #wrapper .font_kopub_dot b {font-size: 18px;}
    
    
    .rec_wrap {margin-bottom: 10px; overflow: hidden}
    .video_link {text-align: center; margin-bottom: 20px; margin-top: 20px}
    .rec_wrap .rec_bg {width: 94%}
    .rec_wrap .rec_list .rl_con {width: 70%}
    .rec_wrap .rec_bg02 {width: 220px; height: 160px; bottom: 0}
    .rec_wrap .rec_list_wrap {margin-bottom: 10px;}
    .rec_wrap .vl_list {padding: 40px 20px 10px}
    
    .sw_list {width: 320px; max-width: 96%; margin: 0 auto}
    
    .service_wrap {padding: 50px 0px}
    
    
    .gg_wrap {margin-bottom: 40px;}
    .gg_wrap .gg_map .gg_map_inner {left: 50%;  margin-left: -285px;}
    .gg_wrap .all_loca {right: 10px;}
    .gg_wrap .gg_info_wrap {text-align: center}
    .gi_count .gi_con { text-align: center; margin: 0px 20px 20px}
    
    .board_wrap .bw_news .bw_hd {}
    
    .ma_wrap .ma_menu .ma_list .ma_con {width: 50%;height: 85px;   padding: 23px 15px;}
    .ma_wrap .ma_menu .ma_list .ma_con span {width: 50px;}
    .ma_wrap .ma_menu .ma_list .ma_con img {width: 45px}
    .ma_wrap .ma_menu .ma_list .ma_con a {font-size: 15px; white-space: nowrap; letter-spacing: -1px;}
    .ma_wrap .ma_menu .ma_list .ma_con02 {border-right: none}
    .ma_wrap .ma_menu .ma_list .ma_con03 {border-right: 1px solid #ddd}
    .ma_wrap .ma_menu .ma_list .ma_con04 {border-bottom: 1px solid #ddd; border-right: none}
    
    .company_wrap {height: 150px; padding: 44px 0px}
    .company_wrap .com_btn_wrap {bottom: inherit; top: -7px;}
    .company_wrap .com_pause {bottom: inherit; top: -28px;}
    .company_wrap .com_slide {width: 98%}
    
    .ma_custom {padding: 40px 10px}
    .ma_custom .mac_info .mac_num {letter-spacing: -3px}
    
    .nwm_con02 {padding-left: 0px; margin-top: 30px}
    
    .cc_wrap { height: auto; background: #7575d1; text-align: center}
    .cc_wrap .cc_view {display: block; margin: 0 auto;}
    .cc_wrap .cc_view img {max-width: 100%;}
    
    .ico_wrap .ico_con {height: 150px; padding: 20px 0px; margin-bottom: 20px}
    .ico_wrap .ico_con .ico_img {height: 60px; line-height: 60px; margin-bottom: 15px;}
    .ico_wrap .ico_con img {max-height: 60px}
    
    .con_ul > ul > li {padding-left: 25px; background: url(../img/bu_arr.png) no-repeat 10px 14px; background-size: 5px;}
    .con_ul > ul > li ul li {padding-left: 10px;}
    .con_ul ul li ul li:before {left: -5px;}
    
    .con_ul.con_ul02 > ul > li {line-height: 30px; padding: 10px}
    
    .con_ul ul.ul_half li {width: 100%;}
    
    .con_img_list .cil_con {width: 100%; height: 110px;}
    .con_img_list .cil_con .cil_img {height: 110px; line-height: 100px}
    .con_img_list .cil_con .cil_text {padding: 20px 0px 0px 90px; }
    
    .chk_con {margin-bottom: 15px; padding: 10px 15px 0px 15px; height: auto }
    .chk_con .chk_img img {height: 50px}
    .chk_con .chk_title {padding-left: 15px; width: 100% !important; line-height: 25px;}
    .chk_con .chk_link {bottom: 10px; right: 20px}
    .chk_list02 .chk_con > span:first-child {display: block; width: 120px; margin-bottom: 10px;}

    .chk_list02 .chk_con span.st_con { width: 100%; margin-top: 10px; }
    
    .chk_con .chk_img {width: 60px; margin-right: 5px}
    .chk_list .chk_info {width: calc( 100% - 70px); padding-bottom: 10px;}
    .chk_list .chk_btn {width: 130px; height: 35px;}
    
    .con_list_bg .clb_con {padding: 20px 10px; word-break: keep-all}
    .con_list_bg div div {min-width: 70px; }
    .con_list_bg div div.color_sky {margin-bottom: 10px}

    .map_inner #map {height: 400px!important;}
    
    .map_info_wrap .map_info .map_link {width: 70px; right: 10px;}
     
    .con_tab .ct_list .ct_con {width: 50%!important;}
    .con_tab .ct_list .ct_con a {font-size: 13px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
    
    .sub_select_wrap {margin: 50px auto}
    
    .faq_wrap {height: auto}
    .faq_wrap .faq_tab,
    .faq_wrap .view {width: 100%; float: inherit}
    
    .faq_wrap .faq_tab li {}
    
    .faq_cate_wrap .cate_con {padding: 10px 20px; margin: 5px}
    
    .faq_cate_list {font-size: 0; margin-bottom: 30px;}
    .faq_cate_list .fc_con {width: 47%; margin-right: 2%; margin-bottom: 5px}
    .faq_cate_list .fc_con:nth-child(2n) {margin-right: 0}
    .faq_cate_list .fc_con a {font-size: 14px; letter-spacing: -1.5px;}
    
    .faq_wrap .view {padding: 20px; height: auto}
    .faq_wrap .view_wrap {width: 100%; padding: 30px 5px; }
    
    .btn_wrap .btn-submit,
    .btn_wrap .btn-cancel {width: 125px; height: 54px; border: none; }
    
    .res_bg {background: #3d89ef; height: 1300px}
    .res_con {width: 92%; background: #f9f9f9; top: 0; left:4%; padding: 60px 10px; height: 1150px}
    .rc_chk_list .rc_chk {width: 100%; height: 70px; line-height: 47px}
    .rc_chk_list .rc_chk label {padding: 10px 5px!important; font-size: 14px; letter-spacing: -1px; background-size: 12px!important}
    
    
    .board_wrap .swiper_btn_wrap .swiper-button-next02 {right: 0}
    #bo_sch {margin: 20px auto!important}
    
    .sub_tab_wrap ul li {padding: 0px 14px}
    .sub_tab_wrap ul li a {font-size: 15px;}
    
    .snt_list {height: auto; margin-bottom: 20px!important; margin-top: 20px}
    .snt_list .snt_bg {padding: 20px 15px}
    .snt_list .snt_title {word-break: keep-all; letter-spacing: -1px; line-height: 35px}
    .snt_list .snt_arrow {right: 10px;  top: 20px}
    
    .con_list_bg .clb_con_half {width: 100%;}
    
    .con_ul ul.ul_half_v02 {width: 100%;}
    
    .con_list_bg .clb_a {height: auto}
    .con_list_bg .clb_height,
    .con_list_bg .clb_height02 {height: auto; min-height: inherit}
    
    .img_box_list .ibl_con {min-height: inherit}
    
    .ico_wrap02 .iw_con {height: auto; word-break:keep-all}
    .ico_wrap02 .iw_con .iw_img_wrap {width: 100%; height: 90px; padding: 20px; float: inherit; display: block; border-radius:0px}
    .ico_wrap02 .iw_con .iw_img_wrap .iw_img img {width: 50px; margin-right: 25px}
    .ico_wrap02 .iw_con .iw_img_wrap div {display: inline-block; text-align: left}
    .ico_wrap02 .iw_con .iw_info {width: 100%; padding: 25px}
    
    
    .video_wrap .video_inner {height: 400px; margin-top: -200px;}
    .video_wrap .video_inner iframe {height: 400px!important}
    
    .ft_logo .logo .ft_logo_list {margin-bottom: 15px; width: 48%; margin: 0px -1px 15px -1px; }
    .ft_logo .logo a {}
    .ft_logo .logo a img {max-width: 100%}
    
    #ft_link {padding: 5px 0px; border-bottom: 1px solid #ddd;}
    
    .m_menu_wrap #m_gnb_1dul {max-width: 100%}
    
    
    
    .con_table table tr th, 
    .con_table table tr td, 
    .np_table .table tr th, 
    .np_table .table tr td {font-size: 15px;}
    
    
    .ma_tm .col-12 {max-width: 280px; margin: 0 auto 10px}
    .ma_tm .row {padding: 0px 1%}
    .ma_tm .row .col-4 {padding: 0!important}
    .ma_tm .tm_bg span {top: 30%;}
    .ma_tm .tm_bg span img {height: 35px}
    
    .ma_custom .mac_info {background-size: 180px;}
    .mac_text {display: inline-block; background: #fff; padding: 0px 5px; border-radius: 5px}
    
    
    .road_wrap {height: 1160px; background: url(../img/road_mbg.png) no-repeat center center; background-size: auto}
    .road_wrap .road_posi {top: 25%; width: 99%; margin-left: -49.5%;}
    .road_wrap .road_con {width: 340px; height: 300px; max-width: 100%; margin: 0 auto}
    .road_wrap .road_con .road_img,
    .road_wrap .road_con .road_info {float: inherit; width: 100%; text-align: center}
    .road_wrap .road_con .road_img {height: 160px;}
    .road_wrap .road_con .road_info {padding: 15px}
    .road_wrap .road_con .road_img01 {background: url(../img/road01_mo.png)no-repeat; background-size: cover;}
    .road_wrap .road_con .road_img02 {background: url(../img/road02_mo.png)no-repeat; background-size: cover;}
    
    
    .sur_wrap .sur_inner .sur_guide {width: 80%}
    .sur_wrap .sur_inner .sur_list {padding: 50px 10px 0px}
    .sur_wrap .sur_inner .sur_list .sur_con {margin-bottom: 35px;}
    .sur_wrap .sur_inner .sur_list .sur_con .sur_qs {word-break: keep-all}
    .sur_wrap .sur_inner .sur_list .sur_con .sur_chk_wrap {padding: 20px 0px 20px 15px}
    
    .sur_wrap .sur_ag_wrap {width: 90%}
    .sur_wrap .sur_ag_wrap .sa_hd {word-break: keep-all}
    .sur_wrap .sur_ag_wrap .sa_hd .sa_agree {top: inherit; bottom: -25px}
    .sur_wrap .sur_ag_wrap .sa_box {word-break: keep-all}
    
    .sur_info_wrap {margin: 0px auto; width: 94%; }
    .sur_info_wrap .sur_date_wrap {max-width: 100%;}
    .sur_info_wrap .sur_date_wrap .sur_date_con {letter-spacing: -1px; font-size: 14px;}
    .sur_info_wrap .sur_date_wrap .sur_date_con span {padding: 7px 10px; margin-right: 3px;font-size: 14px;}
}


@media(max-width:576px){
   
    .ft_link_wrap {height: auto}
    
}

@media(max-width:510px){
    #logo {width: 170px;}
    #logo_se {width: 170px;}
    
    .index_slide_wrap .is_con .is_text {font-size: 16px!important; margin-bottom: 15px!important}
    .index_slide_wrap .is_con .is_info {margin-top: -40px;}
    .index_slide_wrap .is_con .is_info img {max-height: 40px;}
    
    .gg_wrap .gg_map {margin-bottom: 0}
    .gg_wrap .gg_map .gg_map_inner {transform: scale(0.8)}
    
    .sub_cate_menu .scm_list {width: 100%}
    
    #wrapper .font_kopub_dot b {font-size: 16px;}
    
    .rec_wrap .rec_list {padding: 40px 0px 40px 10px}
    
    .rec_wrap .rl_link_wrap .rl_link {width: 150px; height: 135px; background-size: cover;}
    .rec_wrap .rl_link_wrap .rl_link span {bottom: 10px;}
}

@media(max-width:449px){
    
    .gg_wrap .gg_map .gg_map_inner {transform: scale(0.6); margin-left: -270px;}
    
    .board_wrap .swiper_btn_wrap {display: none}
    
    .sub_new_top .sub_step ul li span {margin: 0px 5px}
    
    .nwm_con01 a { background-size: 95%}
    
    .gi_count .gi_con {margin: 0px 15px 20px}
    .gi_count .gi_con img {margin-right: 5px;}
    .gi_count .gi_con span {padding-left: 10px}
    
    .sur_wrap .sur_inner .sur_list .sur_con .sur_chk {width: 50%}
    .sur_wrap .sur_inner .sur_list .sur_con label,
    .sur_wrap .sur_ag_wrap .sa_con .sa_box .sa_box_chk label {font-size: 15px; letter-spacing: -1px;}
    .sur_wrap .sur_ag_wrap .sa_con .sa_title {width: 80px}
    .sur_wrap .sur_ag_wrap .sa_con .sa_box {width: calc( 100% - 80px )}
}

@media(max-width:359px){
    .nwm_con01 a { background-size: 85%}
    
    .rec_wrap .rl_link_wrap .rl_link {margin-right: 0px}
}


/*Sticky Utility / Secondary Classes*/
/*Rounded Borders*/
.rounded-0 {
  border-radius: 0px !important;
}

.rounded-xs {
  border-radius: 5px !important;
}

.rounded-s {
  border-radius: 8px !important;
}

.rounded-sm {
  border-radius: 12px !important;
}

.rounded-m {
  border-radius: 20px !important;
}

.rounded-l {
  border-radius: 30px !important;
}

.rounded-xl {
  border-radius: 50px !important;
}


/*Shadows*/
.shadow-none {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.shadow-0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.shadow-xs {
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.04) !important;
}

.shadow-s {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.shadow-m {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.08) !important;
}

.shadow-l {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.09) !important;
}

.shadow-xl {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.02) !important;
}

.shadow-xxl {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.2) !important;
}

/*Dividers*/
.divider {
  height: 1px;
  display: block;
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.divider-margins {
  margin: 0px 17px 30px 17px;
}

/*Menus & Action Sheets & Modals*/
/*--Menu System---*/
.menu-title {
  position: relative;
}

.menu-title h1 {
  font-size: 28px;
  font-weight: 700;
  padding: 20px 0px 10px 15px;
}

.menu-title p {
  font-weight: 600;
  font-size: 12px;
  margin: 15px 0px -25px 15px !important;
  padding: 0px 0px 0px 0px;
}

.menu-title a {
  font-size: 20px;
  color: #dc3545;
  position: absolute;
  text-align: center;
  width: 55px;
  right: 0px;
  top: 50%;
  margin-top: -13px;
}

.fa_kakao {background: url('../img/kakaotalk.png') no-repeat; background-size: cover; }
.fa_kakaostory {background: url('../img/kakaostory.png') no-repeat; background-size: cover; }
.fa_band {background: url('../img/band.png') no-repeat; background-size: cover; }
.fa_line {background: url('../img/line.png') no-repeat; background-size: cover; }
.fa_insta {background: url('../img/insta.png') no-repeat; background-size: cover; }

#menu-share .list-group {height: 260px; overflow-y: scroll}
#menu-share .list-group a {padding: 0px 10px}


.menu-box-bottom {
   position: fixed;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 101;

  transition: all 300ms ease;
  -webkit-overflow-scrolling: touch;

  bottom: -1000px;
  left: 0px;
  right: 0px;
  height: 300px;
  transform: translate3d(0, 110%, 0);
}

.menu-box-modal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  opacity: 0;
  pointer-events: none;
  transition: all 200ms ease;
}

.menu-box-top.menu-box-detached {
  top: 10px;
  left: 10px;
  right: 10px;
}

.menu-box-bottom.menu-box-detached {
  bottom: 20px;
  left: 10px;
  right: 10px;
}

.menu-box-left.menu-active {
  transform: translate3d(0%, 0, 0) !important;
}

.menu-box-right.menu-active {
  transform: translate3d(0%, 0, 0) !important;
}

.menu-box-top.menu-active {
  transform: translate3d(0%, 0, 0) !important;
}

.is-on-homescreen .menu-box-top.menu-active {
  transform: translate3d(0%, 40px, 0) !important;
}

.menu-box-bottom.menu-active {
  transform: translate3d(0%, 0px, 0) !important;
    bottom: 0;
}

.menu-box-bottom-full.menu-active {
  transform: translate3d(0%, 0px, 0) !important;
}

.menu-box-modal.menu-active {
  transition: all 200ms ease;
  pointer-events: all !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) !important;
}

.menu-hider.menu-active {
  transition: all 300ms ease;
  opacity: 1;
  pointer-events: all;
}

.menu-hider.menu-active.menu-active-clear {
  background-color: rgba(0, 0, 0, 0) !important;
}

.menu-box-left[data-menu-effect="menu-reveal"] {
  opacity: 0;
  pointer-events: none;
  transform: translate(0px) !important;
  z-index: 96;
}

.menu-box-right[data-menu-effect="menu-reveal"] {
  opacity: 0;
  pointer-events: none;
  transform: translate(0px) !important;
  z-index: 96;
}

.menu-active.menu {
  opacity: 1 !important;
  transition: all 300ms ease;
  pointer-events: all !important;
    /*max-width: 560px;
    margin: 0 auto;*/
}


/*Menus & Action Sheets & Modals*/
/*--Menu System---*/
.menu-title {
  position: relative;
}

.menu-title h1 {
  font-size: 28px;
  font-weight: 700;
  padding: 20px 0px 10px 15px;
}

.menu-title p {
  font-weight: 600;
  font-size: 12px;
  margin: 15px 0px -25px 15px !important;
  padding: 0px 0px 0px 0px;
}

.menu-title a {
  font-size: 20px;
  color: #dc3545;
  position: absolute;
  text-align: center;
  width: 55px;
  right: 0px;
  top: 50%;
  margin-top: -13px;
}


.list-custom-small {
  line-height: 50px;
}

.list-custom-small .badge {
  position: absolute;
  right: 15px;
  margin-top: 16px !important;
  font-size: 9px;
  padding: 5px 8px 5px 8px;
  font-weight: 700;
}

.list-custom-small a {
  color: #1f1f1f;
  font-weight: 600;
  font-size: 13px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.list-custom-small a img {
  margin-left: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  float: left;
  margin-right: 10px;
}

.list-custom-small a i:first-child {
  margin-left: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  float: left;
  margin-right: 10px;
}

.list-custom-small a i:last-child {
  float: right;
  font-size: 10px;
  opacity: 0.5;
}

.list-custom-small i {
  line-height: 50px;
}

.list-custom-small .custom-control {
  z-index: 10;
  position: absolute;
  right: 40px;
  margin-top: -40px;
}

.list-custom-small .custom-control input {
  transform: translateY(-5px) !important;
}

.menu .list-custom-small a i:first-child {
  margin-left: 6px;
}

.list-custom-large a {
  line-height: 70px;
  color: #1f1f1f;
  font-weight: 500;
  font-size: 13px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.list-custom-large a span:not(.badge) {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.3px;
  position: absolute;
  margin-top: -7px;
}

.list-custom-large a strong {
  font-size: 7px;
  position: absolute;
  font-size: 12px;
  margin-top: 11px;
  color: #adb5bd;
  font-weight: 500;
}

.list-custom-large a img {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-top: 21px;
  text-align: center;
  float: left;
  margin-right: 15px;
}

.list-custom-large a i:first-child {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-top: 21px;
  text-align: center;
  float: left;
  margin-right: 15px;
}

.list-custom-large a i:last-child {
  float: right;
  font-size: 10px;
}

.list-custom-large .badge {
  position: absolute;
  right: 10px;
  margin-top: 30px;
  font-size: 9px;
  padding: 5px 8px 5px 8px;
  font-weight: 700;
}

.list-custom-large i {
  line-height: 74px;
}

.list-custom-large .custom-control {
  z-index: 10;
  position: absolute;
  right: 40px;
  margin-top: 22px;
}

.list-custom-large .custom-control input {
  transform: translateY(-12px) !important;
}

.list-boxes a {
  line-height: 60px;
  margin-bottom: 10px;
  color: #1f1f1f;
  font-weight: 500;
  font-size: 13px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.list-boxes a span:not(.badge) {
  padding-left: 10px;
  font-size: 14px;
  position: absolute;
  margin-top: -4px;
}

.list-boxes a strong {
  padding-left: 10px;
  font-size: 7px;
  position: absolute;
  font-size: 11px;
  margin-top: 10px;
  color: #6c757d;
  font-weight: 500;
}

.list-boxes a i:first-child {
  width: 40px;
  float: left;
  padding-left: 15px;
}

.list-boxes a i:last-child {
  float: right;
  font-size: 16px;
  margin-top: -5px;
  margin-right: 15px;
}

.list-boxes a u {
  position: absolute;
  right: 0px;
  margin-right: 9px;
  width: 60px;
  font-size: 7px;
  text-align: center;
  margin-top: 13px;
  text-decoration: none;
}

.list-boxes .badge {
  position: absolute;
  right: 10px;
  margin-top: 30px;
  font-size: 9px;
  padding: 5px 8px 5px 8px;
  font-weight: 700;
}

.list-boxes i {
  line-height: 64px;
}

.short-border {
  margin-left: 45px;
}

.short-border i:first-child {
  margin-left: -45px;
  margin-top: 23px;
}

.list-group .badge {
  z-index: 2;
}

.list-icon-0 a i:first-child {
  margin-left: 0px !important;
}

.icon-list {
  margin-left: 0px;
  padding-left: 0px;
}

.icon-list li {
  list-style: none;
}

.icon-list li i {
  width: 20px;
  padding-right: 10px;
}


.theme-light .header .header-logo {
  background-image: url(../imgs/preload-logo.png);
}

.theme-dark .header .header-logo {
  background-image: url(../imgs/preload-logo.png);
}

.theme-light .footer .footer-logo {
  background-image: url(../imgs/preload-logo.png);
}

.theme-dark .footer .footer-logo {
  background-image: url(../imgs/preload-logo.png);
}

/* Generating Color Pack*/
.color-highlight {
  color: #4A89DC !important;
}

.bg-highlight {
  background-color: #4A89DC !important;
  color: #FFF !important;
}

.border-highlight {
  border-color: #4A89DC !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC) !important;
}

.gradient-menu {
  background-image: linear-gradient(130deg, #7ea5f6, #ff384c) !important;
}

.color-highlight-light {
  color: #5D9CEC !important;
}

.bg-highlight-light {
  background-color: #5D9CEC !important;
  color: #FFF !important;
}

.bg-highlight-fade {
  background-color: !important;
  color: #FFF !important;
}

.color-highlight-dark {
  color: #4A89DC !important;
}

.color-icon-highlight {
  stroke: #4A89DC !important;
  fill: !important;
}

.bg-highlight-dark {
  background-color: #4A89DC !important;
  color: #FFF !important;
}

.border-highlight-light {
  border-color: #5D9CEC !important;
}

.border-highlight-dark {
  border-color: #4A89DC !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC);
}

.color-green-light {
  color: #A0D468 !important;
}

.bg-green-light {
  background-color: #A0D468 !important;
  color: #FFF !important;
}

.bg-green-fade {
  background-color: rgba(140, 193, 82, 0.7) !important;
  color: #FFF !important;
}

.color-green-dark {
  color: #8CC152 !important;
}

.color-icon-green {
  stroke: #8CC152 !important;
  fill: rgba(140, 193, 82, 0.3) !important;
}

.bg-green-dark {
  background-color: #8CC152 !important;
  color: #FFF !important;
}

.border-green-light {
  border-color: #A0D468 !important;
}

.border-green-dark {
  border-color: #8CC152 !important;
}

.gradient-green {
  background-image: linear-gradient(to bottom, #A0D468, #8CC152);
}

.color-red-light {
  color: #ED5565 !important;
}

.bg-red-light {
  background-color: #ED5565 !important;
  color: #FFF !important;
}

.bg-red-fade {
  background-color: rgba(218, 68, 83, 0.7) !important;
  color: #FFF !important;
}

.color-red-dark {
  color: #DA4453 !important;
}

.color-icon-red {
  stroke: #DA4453 !important;
  fill: rgba(218, 68, 83, 0.3) !important;
}

.bg-red-dark {
  background-color: #DA4453 !important;
  color: #FFF !important;
}

.border-red-light {
  border-color: #ED5565 !important;
}

.border-red-dark {
  border-color: #DA4453 !important;
}

.gradient-red {
  background-image: linear-gradient(to bottom, #ED5565, #DA4453);
}

.color-orange-light {
  color: #FC6E51 !important;
}

.bg-orange-light {
  background-color: #FC6E51 !important;
  color: #FFF !important;
}

.bg-orange-fade {
  background-color: rgba(233, 87, 63, 0.7) !important;
  color: #FFF !important;
}

.color-orange-dark {
  color: #E9573F !important;
}

.color-icon-orange {
  stroke: #E9573F !important;
  fill: rgba(233, 87, 63, 0.3) !important;
}

.bg-orange-dark {
  background-color: #E9573F !important;
  color: #FFF !important;
}

.border-orange-light {
  border-color: #FC6E51 !important;
}

.border-orange-dark {
  border-color: #E9573F !important;
}

.gradient-orange {
  background-image: linear-gradient(to bottom, #FC6E51, #E9573F);
}

.color-yellow-light {
  color: #FFCE54 !important;
}

.bg-yellow-light {
  background-color: #FFCE54 !important;
  color: #FFF !important;
}

.bg-yellow-fade {
  background-color: rgba(246, 187, 66, 0.7) !important;
  color: #FFF !important;
}

.color-yellow-dark {
  color: #F6BB42 !important;
}

.color-icon-yellow {
  stroke: #F6BB42 !important;
  fill: rgba(246, 187, 66, 0.3) !important;
}

.bg-yellow-dark {
  background-color: #F6BB42 !important;
  color: #FFF !important;
}

.border-yellow-light {
  border-color: #FFCE54 !important;
}

.border-yellow-dark {
  border-color: #F6BB42 !important;
}

.gradient-yellow {
  background-image: linear-gradient(to bottom, #FFCE54, #F6BB42);
}

.color-blue-light {
  color: #5D9CEC !important;
}

.bg-blue-light {
  background-color: #5D9CEC !important;
  color: #FFF !important;
}

.bg-blue-fade {
  background-color: rgba(74, 137, 220, 0.7) !important;
  color: #FFF !important;
}

.color-blue-dark {
  color: #4A89DC !important;
}

.color-icon-blue {
  stroke: #4A89DC !important;
  fill: rgba(74, 137, 220, 0.3) !important;
}

.bg-blue-dark {
  background-color: #4A89DC !important;
  color: #FFF !important;
}

.border-blue-light {
  border-color: #5D9CEC !important;
}

.border-blue-dark {
  border-color: #4A89DC !important;
}

.gradient-blue {
  background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC);
}



.bg-skyblue-light { background: #45afd7!important}




.color-teal-light {
  color: #A0CECB !important;
}

.bg-teal-light {
  background-color: #A0CECB !important;
  color: #FFF !important;
}

.bg-teal-fade {
  background-color: rgba(125, 177, 177, 0.7) !important;
  color: #FFF !important;
}

.color-teal-dark {
  color: #7DB1B1 !important;
}

.color-icon-teal {
  stroke: #7DB1B1 !important;
  fill: rgba(125, 177, 177, 0.3) !important;
}

.bg-teal-dark {
  background-color: #7DB1B1 !important;
  color: #FFF !important;
}

.border-teal-light {
  border-color: #A0CECB !important;
}

.border-teal-dark {
  border-color: #7DB1B1 !important;
}

.gradient-teal {
  background-image: linear-gradient(to bottom, #A0CECB, #7DB1B1);
}

.color-mint-light {
  color: #48CFAD !important;
}

.bg-mint-light {
  background-color: #48CFAD !important;
  color: #FFF !important;
}

.bg-mint-fade {
  background-color: rgba(55, 188, 155, 0.7) !important;
  color: #FFF !important;
}

.color-mint-dark {
  color: #37BC9B !important;
}

.color-icon-mint {
  stroke: #37BC9B !important;
  fill: rgba(55, 188, 155, 0.3) !important;
}

.bg-mint-dark {
  background-color: #37BC9B !important;
  color: #FFF !important;
}

.border-mint-light {
  border-color: #48CFAD !important;
}

.border-mint-dark {
  border-color: #37BC9B !important;
}

.gradient-mint {
  background-image: linear-gradient(to bottom, #48CFAD, #37BC9B);
}

.color-pink-light {
  color: #EC87C0 !important;
}

.bg-pink-light {
  background-color: #EC87C0 !important;
  color: #FFF !important;
}

.bg-pink-fade {
  background-color: rgba(215, 112, 173, 0.7) !important;
  color: #FFF !important;
}

.color-pink-dark {
  color: #D770AD !important;
}

.color-icon-pink {
  stroke: #D770AD !important;
  fill: rgba(215, 112, 173, 0.3) !important;
}

.bg-pink-dark {
  background-color: #D770AD !important;
  color: #FFF !important;
}

.border-pink-light {
  border-color: #EC87C0 !important;
}

.border-pink-dark {
  border-color: #D770AD !important;
}

.gradient-pink {
  background-image: linear-gradient(to bottom, #EC87C0, #D770AD);
}

.color-magenta-light {
  color: #AC92EC !important;
}

.bg-magenta-light {
  background-color: #AC92EC !important;
  color: #FFF !important;
}

.bg-magenta-fade {
  background-color: rgba(150, 122, 220, 0.7) !important;
  color: #FFF !important;
}

.color-magenta-dark {
  color: #967ADC !important;
}

.color-icon-magenta {
  stroke: #967ADC !important;
  fill: rgba(150, 122, 220, 0.3) !important;
}

.bg-magenta-dark {
  background-color: #967ADC !important;
  color: #FFF !important;
}

.border-magenta-light {
  border-color: #AC92EC !important;
}

.border-magenta-dark {
  border-color: #967ADC !important;
}

.gradient-magenta {
  background-image: linear-gradient(to bottom, #AC92EC, #967ADC);
}

.color-brown-light {
  color: #BAA286 !important;
}

.bg-brown-light {
  background-color: #BAA286 !important;
  color: #FFF !important;
}

.bg-brown-fade {
  background-color: rgba(170, 142, 105, 0.7) !important;
  color: #FFF !important;
}

.color-brown-dark {
  color: #AA8E69 !important;
}

.color-icon-brown {
  stroke: #AA8E69 !important;
  fill: rgba(170, 142, 105, 0.3) !important;
}

.bg-brown-dark {
  background-color: #AA8E69 !important;
  color: #FFF !important;
}

.border-brown-light {
  border-color: #BAA286 !important;
}

.border-brown-dark {
  border-color: #AA8E69 !important;
}

.gradient-brown {
  background-image: linear-gradient(to bottom, #BAA286, #AA8E69);
}

.color-gray-light {
  color: #e2e5ea !important;
}

.bg-gray-light {
  background-color: #e2e5ea !important;
  color: #FFF !important;
}

.bg-gray-fade {
  background-color: rgba(170, 178, 189, 0.7) !important;
  color: #FFF !important;
}

.color-gray-dark {
  color: #AAB2BD !important;
}

.color-icon-gray {
  stroke: #AAB2BD !important;
  fill: rgba(170, 178, 189, 0.3) !important;
}

.bg-gray-dark {
  background-color: #AAB2BD !important;
  color: #FFF !important;
}

.border-gray-light {
  border-color: #e2e5ea !important;
}

.border-gray-dark {
  border-color: #AAB2BD !important;
}

.gradient-gray {
  background-image: linear-gradient(to bottom, #e2e5ea, #AAB2BD);
}

.color-dark-light {
  color: #656D78 !important;
}

.bg-dark-light {
  background-color: #656D78 !important;
  color: #FFF !important;
}

.bg-dark-fade {
  background-color: rgba(67, 74, 84, 0.7) !important;
  color: #FFF !important;
}

.color-dark-dark {
  color: #434A54 !important;
}

.color-icon-dark {
  stroke: #434A54 !important;
  fill: rgba(67, 74, 84, 0.3) !important;
}

.bg-dark-dark {
  background-color: #434A54 !important;
  color: #FFF !important;
}


.border-gray { border-color: #292929 !important; }

.border-dark-light {
  border-color: #656D78 !important;
}

.border-dark-dark {
  border-color: #434A54 !important;
}

.gradient-dark {
  background-image: linear-gradient(to bottom, #656D78, #434A54);
}

.color-white-light {
  color: #FFF !important;
}

.bg-white-light {
  background-color: #FFF !important;
  color: #FFF !important;
}

.bg-white-fade {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #FFF !important;
}

.color-white-dark {
  color: #FFF !important;
}

.color-icon-white {
  stroke: #FFF !important;
  fill: rgba(255, 255, 255, 0.3) !important;
}

.bg-white-dark {
  background-color: #FFF !important;
  color: #FFF !important;
}

.border-white-light {
  border-color: #FFF !important;
}

.border-white-dark {
  border-color: #FFF !important;
}

.gradient-white {
  background-image: linear-gradient(to bottom, #FFF, #FFF);
}

/*Social Colors*/
.color-facebook {
  color: #3b5998 !important;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

.color-linkedin {
  color: #0077B5 !important;
}

.bg-linkedin {
  background-color: #0077B5 !important;
}

.color-twitter {
  color: #4099ff !important;
}

.bg-twitter {
  background-color: #4099ff !important;
}

.color-google {
  color: #d34836 !important;
}

.bg-google {
  background-color: #d34836 !important;
}

.color-whatsapp {
  color: #34AF23 !important;
}

.bg-whatsapp {
  background-color: #34AF23 !important;
}

.color-pinterest {
  color: #C92228 !important;
}

.bg-pinterest {
  background-color: #C92228 !important;
}

.color-mail {
  color: #3498db !important;
}

.bg-mail {
  background-color: #3498db !important;
}

.color-phone {
  color: #27ae60 !important;
}

.bg-phone {
  background-color: #27ae60 !important;
}

.color-instagram {
  color: #e1306c !important;
}

.bg-instagram {
  background-color: #e1306c !important;
}

/*Default Colors*/
.color-white {
  color: #FFF !important;
}

.color-black {
  color: #000 !important;
}

.border-transparent {
  border-color: transparent !important;
}

/* Lightbox v2.10.0 Copyright 2007, 2018 Lokesh Dhakar Released under the MIT license */
.lb-loader, .lightbox {
  position: fixed;
  text-align: center;
  line-height: 0;
  left: 0;
}

.lb-dataContainer:after, .lb-outerContainer:after {
  content: "";
  clear: both;
}

html.lb-disable-scrolling {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: fixed;
  top: 0;
  bottom: 0 !important;
  left: 0;
  z-index: 9999;
  height: 100% !important;
  width: 100% !important;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 1;
  display: none;
  overflow: hidden;
}

.lightbox {
  right: 0;
  bottom: 0;
  top: 50% !important;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10000;
  font-weight: 400;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0);
}

.lb-outerContainer:after {
  display: table;
}

.lb-loader {
  top: 50%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../imgs/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next, .lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../imgs/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../imgs/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  display: table;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../imgs/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
}

.lb-dataContainer, .lb-details {
  width: 100% !important;
  position: fixed;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-outerContainer {
  position: fixed !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
}

.lb-dataContainer {
  bottom: -50%;
  left: 0;
  right: 0;
}

.lb-closeContainer {
  position: fixed;
  left: 50%;
  bottom: -50%;
  padding-bottom: 70px;
  transform: scale(0.8, 0.8);
  margin-left: -15px;
}

.lb-details {
  padding-top: 30px;
  top: -50%;
  left: 0;
  right: 0;
  text-align: center !important;
}

.lb-data .lb-caption {
  font-weight: 700;
  line-height: 1em;
  font-size: 16px;
  padding-bottom: 5px;
}

/* Owl Custom Settings*/
.task-slider {
  transform: translateX(-35px);
}

.task-slider .owl-stage-outer {
  overflow: visible !important;
}

.single-slider {
  z-index: 50 !important;
}

.single-slider img {
  width: 100% !important;
}

.under-slider-btn {
  z-index: 90;
  margin-top: -53px;
  margin-bottom: 0px;
}

.double-slider {
  padding-left: 15px !important;
  padding-right: 15px;
}

.double-slider .owl-stage-outer {
  overflow: visible !important;
}

.double-slider .under-slider-button {
  margin-bottom: -50px;
}

.cta-buttons {
  display: block;
  width: 280px;
  margin: 0px auto -1px auto;
  z-index: 10;
}

.cta-buttons a {
  display: inline-block;
}

.owl-has-controls .owl-nav {
  display: block !important;
}

.owl-has-controls .owl-prev {
  margin-left: 15px;
}

.owl-has-controls .owl-next {
  margin-right: 15px;
}

.slider-boxed {
  padding: 0px 15px;
}

.slider-boxed * {
  overflow: visible !important;
}

.slider-boxed .owl-nav {
  margin-top: -25px !important;
}

.slider-boxed .owl-dots {
  transform: translateX(0px) !important;
}

.carousel-boxed {
  padding: 0px 15px;
}

.card-slider * {
  overflow: visible !important;
}

.card-carousel * {
  overflow: visible !important;
}

.cover-slider .owl-dots {
  transform: translateY(-70px) !important;
}

.walkthrough-slider .owl-dots {
  transform: translateY(-22px) !important;
}

.cover-button-bottom {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 70px;
  z-index: 99;
  font-size: 12px;
}

.cover-button-top {
  position: absolute;
  width: 170px;
  left: 50%;
  margin-left: -85px;
  top: 20px;
  top: calc(20px + (constant(safe-area-inset-top))*1.1) !important;
  top: calc(20px + (env(safe-area-inset-top))*1.1) !important;
  z-index: 99;
  font-size: 12px;
}

.cover-next {
  position: absolute;
  z-index: 99;
  bottom: 20px;
  right: 0px;
}

.cover-prev {
  position: absolute;
  z-index: 99;
  bottom: 20px;
  left: 0px;
}

.cover-slider {
  touch-action: pan-x;
}

.cover-slider .content {
  margin-bottom: 0px !important;
}

/* Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch  Licensed under  ()*/
@keyframes "fadeOut" {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  transform-style: preserve-3d;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav.disabled {
  display: none;
}

.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav .owl-next {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-carousel .card {
  overflow: hidden !important;
}

.owl-dots {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  text-align: center;
  bottom: 5px;
  width: 100%;
  backface-visibility: hidden;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-height {
  transition: all 250ms ease !important;
  min-height: 500px;
  height: auto !important;
  height: 500px;
}

.owl-auto-height .owl-height {
  transition: all 250ms ease-in-out !important;
}

.owl-dot {
  -webkit-appearance: none;
  appearance: none;
  border: none !important;
  overflow: hidden;
  height: 14px;
  transform: scale(0.8, 0.8);
  transition: all 250ms ease;
  border-radius: 50px;
  display: inline-block;
  background: rgba(139, 139, 139, 0.9);
  margin-left: 3px;
  margin-right: 3px;
}

.owl-dot.active {
  transition: all 250ms ease;
  background: #cacaca;
}

.owl-no-dots .owl-dots {
  display: none !important;
}

.owl-no-dots .cover-content-bottom {
  bottom: 0;
  padding-bottom: 0;
}

.owl-nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  left: 0;
  right: 0;
}

.owl-next {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent !important;
  border: none !important;
  width: 40px;
  height: 50px;
  position: absolute;
  color: #FFF;
  line-height: 50px;
  text-align: center;
  font-size: 30px;
  margin-top: -25px;
  right: 0;
}

.owl-prev {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent !important;
  border: none !important;
  width: 40px;
  height: 50px;
  position: absolute;
  color: #FFF;
  line-height: 50px;
  text-align: center;
  font-size: 30px;
  margin-top: -25px;
  left: 0;
}

.owl-has-dots .owl-dots {
  margin-top: 20px;
  margin-bottom: 0;
}

.owl-has-dots-over .owl-dots {
  margin-top: -40px;
  margin-bottom: 10px;
}

.cover-slider {
  touch-action: pan-x;
  margin-bottom: 0;
}

.cover-slider .owl-dots {
  z-index: 99;
  margin-top: -27px;
  transform: translateY(-110px) !important;
}

.cover-slider [data-height=cover] {
  margin-bottom: 0 !important;
}

.next-slide {
  color: #FFF;
  width: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  margin-top: -10px;
  top: 50%;
  transform: translateY(-70%);
  z-index: 99;
  right: 15px;
}

.prev-slide {
  color: #FFF;
  width: 35px;
  line-height: 35px;
  text-align: center;
  position: absolute;
  margin-top: -10px;
  top: 50%;
  transform: translateY(-70%);
  z-index: 99;
  left: 15px;
}

.owl-dots-over .owl-dots {
  transform: translateY(-60px);
  margin-bottom: -10px;
}

.owl-dots-cover .owl-dots {
  transform: translateY(-20px) !important;
  margin-bottom: 3px;
}

.owl-dots-under .owl-dots {
  transform: translateY(0px);
  margin-bottom: 10px;
}

.owl-dots-small .owl-dots {
  transform: translateY(-20px);
  margin-bottom: 10px;
}

.owl-dots-no-footer .owl-dots {
  transform: translateY(-18px) !important;
}

.double-slider {
  touch-action: pan-x;
  margin-left: -20px;
}

.slider-boxed {
  margin-left: -20px;
}

/* Owl Custom Settings*/
.task-slider {
  transform: translateX(-35px);
}

.task-slider .owl-stage-outer {
  overflow: visible !important;
}

.story-slider .owl-stage-outer {
  overflow: visible !important;
}

.story-slider {
  margin-left: -20px;
}

.topic-slider h1 a {
  color: #cacaca;
}

/*Owl Carousel Buttons*/
.owl-bottom-button {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}


.common_top_nav_header {
    text-align: center;
    width: 100%;
    position: fixed;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
    color: #565656;
    z-index: 99;
    top:0px;
    background: white;
    box-shadow: 0px 2px 10px 0px #ececec;
    margin-bottom: 100px;
    line-height: 50px;
    padding: 0px 50px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.common_top_nav_header.blue { background: #3172AF; color: #fff; }

.common_top_nav_header i{
    position: absolute;
    top: 13px;
    font-size: 25px;
    font-weight: 600;
    max-height: 25px;
}

.common_top_nav_header i.fa-chevron-left { left: 15px; }

.common_top_nav_header i.fa-share-alt { right:15px; }

.common_top_nav_header i.right { right:0px; }

.common_top_nav_header button{
    position: absolute;
    right: 5px;
    padding: 15px 15px;
    top: 0;
    background-color: white;
    color: #585858;
}

.common_top_nav_header a i { color :#fff; }

.btn_basic{ width: 100%; font-size: 0.9rem !important; height:50px; line-height: 30px; margin-top: 10px; font-weight:bold !important; }


.cal-days a {
    position: relative;
    width: 14.28%;
    float: left;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    position: realtive;
    z-index: 3;
    font-weight: 800
}
.cal-disabled {
    color: #ced4da !important
}
.cal-selected span {
    z-index: 2;
    position: relative;
    color: #fff
}

.cal-dates a {
    width: 14.2857142857%;
    float: left;
    text-align: center;
    line-height: 45px;
    color: #1f1f1f;
    font-weight: 500
}
.theme-dark .cal-dates a {
    color: #fff !important
}
.theme-dark .cal-disabled {
    opacity: .3
}
.cal-dates-border a {
    overflow: hidden;
    border-right: solid 1px rgba(0, 0, 0, .05);
    border-bottom: solid 1px rgba(0, 0, 0, .05)
}
.cal-schedule {
    min-height: 80px;
    border-bottom: solid 1px rgba(0, 0, 0, .055)
}
.cal-schedule em {
    line-height: 20px;
    padding: 20px 0 0 20px;
    position: absolute;
    font-size: 11px;
    font-style: normal
}
.cal-schedule strong {
    color: #000;
    display: block;
    padding: 17px 0 0 100px;
    font-size: 14px
}
.cal-schedule span {
    display: block;
    font-size: 10px;
    color: #adb5bd;
    margin-top: 0
}
.cal-schedule span i {
    width: 50px;
    display: inline-block;
    text-align: center;
    padding: 0 20px 0 102px
}
.theme-dark .cal-schedule strong {
    color: #fff !important
}
.theme-dark .cal-schedule span {
    color: #fff !important;
    opacity: .5
}
.cal-message {
    display: block
}
.cal-message i {
    position: absolute;
    height: 40px;
    line-height: 43px;
    font-size: 27px;
    right: 20px
}
.cal-message strong {
    display: block;
    line-height: 20px;
    font-weight: 400;
    font-size: 11px;
    padding-left: 20px
}

.offline-message,
.online-message {display: none}


.pw_class {background: rgba(0,0,0,0.3); height: 100%!important; max-width: 100%;}
.pw_class .pw_inner {position: fixed; width: 100%; height: 350px; bottom: 0; left: 0; background: #fff}

.pw_class .link_btn {max-width: 80%; margin: 0 auto; height: 50px; border-radius: 5px}
.pw_class .link_btn a { width: 100%;height: 100%;line-height: 50px;  border-radius: 5px;}
.pw_class .link_btn_app {background: #9e0b0f;}
.pw_class .link_btn_later {background: #aaa;}