@charset "utf-8";

/* skipnavi */
#skipnavi {position:absolute;top:-100px;z-index:10000;width:100%;}
#skipnavi li {float:left;width:100%;position:absolute;top:0;left:0;}
#skipnavi a {overflow:hidden;text-align:center;color:#fff;}
#skipnavi a:focus,
#skipnavi a:active {position:absolute;top:100px;left:0;height:auto;width:100%;margin-bottom:10px;padding:10px;font-weight:bold;background:#1f3a4f;color:#fff;}


/* layout */
#wrap {position:relative;/*height: 100vh;background: url(../imgs/bottom_bg.png) no-repeat 103% 88%;*/}
.inner {position:relative;margin:0 auto;}


/* header */
#header {height: 7vh;border-bottom: 1px solid #ddd;}
#header h1 {position:absolute;width:40px;height:70px;background:url('../imgs/logo.png') no-repeat 0 0;z-index:50;font-size:0;}
#header h1 a {display:block;}
#header .memberInfo {position:absolute;right: 2.5vw;z-index:10;}
#header .memberInfo span a{color:#32798f;}
#header .memberInfo span{margin-right:10px;}

#header .topbg {background: url(../imgs/top_bg.png) no-repeat 100% 0;position: absolute;top: 0;left: 0;height: 370px;width: 20%;background-size: 100%;}

#header .gnb{padding: 3vh 0 0 0;text-align: center;}
#header .gnb>ul>li{display: inline-block;font-size: 1.6em;margin: 0 2.5vw;}

#header .gnbMobile {position:relative;}
#header .gnbMobile .mbOpen {position:absolute;right:10px;width:25px;height:28px;background:url(../imgs/common/btn_menu.png) no-repeat 50% 50%;}
#header .gnbMobile .mbClose {right:220px;top:9px;display:none;position:fixed;width:30px;height:30px;background:url(../imgs/common/btn_close.png) no-repeat 50% 50% #a6a6a6;background-size:50%;padding:5px;z-index:5;}
#header .gnbMobile .menuArea {display:none;position:fixed;top:0;right:0;bottom:0;width:220px;background:#262F3C;z-index:100;overflow-y:scroll;}
#header .gnbMobile .menuArea ul li {border-bottom:1px solid #404854;}
#header .gnbMobile .menuArea ul li a {display:block;font-size:15px;font-weight:bold;line-height:15px;color:#fff;padding:15px 20px;}

#container {min-height:76vh;position:relative;background: url(../imgs/bottom_bg.png) no-repeat 103% 88%;background-position-y:bottom;padding-bottom:70px;}

/* titArea */
.titArea {padding: 5vh 0 3.5vh;margin-bottom:20px;text-align:center;}
.titArea h3 {position:relative;font-size:40px;font-weight:bold;margin:20px 0 40px;}
.titArea h3:after {position:absolute;bottom:-24px;left:50%;margin-left:-12px;content:'';background:#333;height:1px;width:20px;}
.titArea p {font-size:17px;}

#navArea {position:relative;/*margin-left:190px;*/}
#navArea #nav .depth01 {}
#navArea #nav .depth01:after {display:block;clear:both;content:'';}
#navArea #nav .depth01 > li {float:left;}
#navArea #nav .depth01 > li:first-child {margin-left:190px;}
#navArea #nav .depth01 > li > a {display:block;font-size:20px;font-weight:600;color:#fff;padding:41px 30px;}
#navArea #nav .depth02 {/*display:none;*/position:absolute;top:120px;z-index:10;}
#navArea #nav .depth02 > li {float:left;margin:0 10px;}
#navArea #nav .depth02 > li > a {display:block;font-family:'Noto Sans KR';font-size:15px;color:#fff;padding:15px 20px;border:1px solid #fff;color:#fff;text-align:center;}
#navArea #nav .depth02 > li > a:hover, #navArea #nav .depth02 > li > a:focus {/*background:#fff;*/}

#menuAll {position:relative;/*position:fixed;top:100px;left:0;width:100%;*/}
#menuAll .depth01 {position:relative;z-index:10;}
#menuAll .depth01:after {display:block;clear:both;content:'';}
#menuAll .depth01 > li {float:left;}
#menuAll .depth01 > li > a {display:block;font-size:20px;font-weight:600;color:#4390bd;margin:40px 57px 20px;}
#menuAll .depth02 {}
#menuAll .depth02 > li > a {display:block;text-align:center;padding:10px 0;font-family:'Noto Sans KR';font-size:15px;}

.memberInfoMobile {position:absolute;cursor:pointer;width:25px;height:28px;background:url(../imgs/common/ico_privacy.png) no-repeat 50% 50%;}
.memberInfoMobile .modalBox {right:-9px;top:40px;z-index:3;position:absolute;opacity:0;width:180px;box-sizing:border-box;visibility:hidden;}
.memberInfoMobile .bubble{position:relative;}
.memberInfoMobile .bubble .label{color:#ffffff;background-color:#262F3C;border-radius:5px;padding:15px 10px;}
.memberInfoMobile .bubble .label li span a {color:#32798f;text-decoration:unset;font-weight:bold;font-size:18px;}
.memberInfoMobile .bubble .label li span {color:#fff;}
.memberInfoMobile .bubble .label li:first-child {padding-bottom:15px;}
.memberInfoMobile .bubble .tail{right:0;margin-right:10px;border-right :12px solid transparent;border-bottom:16px solid #262F3C;border-left : 12px solid transparent;position:absolute;top:-10px;width:0; height:0;}
.memberInfoMobile .modalBox.active {visibility:visible;opacity:1;}
.memberInfoMobile .bubble .label .btnType.blue {width:100%;}


/* footer */
#footer {background:#333;text-align: center;min-height: 5.56vh;position: relative;z-index: 10;}
#footer .inner{padding: 40px 0 30px;text-align:center;}
#footer .copyright_owner {color: #BEC1C5;}
#footer .copyright_text {color: #BEC1C5;font-size:0.85em;}

#footer .utilMenu {margin-bottom: 20px;display:inline-block;}
#footer .utilMenu:after {display:block;clear:both;content:'';}
#footer .utilMenu li {position:relative;color:#f5f8f9}
#footer .utilMenu li:before {position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#7f7f7f;content:'';}
#footer .utilMenu li:first-child {padding-left:0;}
#footer .utilMenu li:first-child:before {display:none;}
#footer .utilMenu li a {font-family:'Noto Sans KR';font-size:14px;color:#dbdbdb;}
#footer .footerInfo {}
#footer .footerInfo li {font-family:'Noto Sans KR';color:#7f7f7f;}
#footer .snsList {position:absolute;top:15px;right:0;}
#footer .snsList:after {display:block;clear:both;content:'';}
#footer .snsList li {float:left;margin-left:25px;}
#footer .snsList li a {display:block;width:50px;height:50px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
#footer .snsList li a:hover {transform:translateY(5px);background-position:50% 100%;}
#footer .snsList li .icon01 {background:url('../imgs/common/icon_facebook.png') 50% 0 no-repeat;}
#footer .snsList li .icon02 {background:url('../imgs/common/icon_naver_blog.png') 50% 0 no-repeat;}
#footer .snsList li .icon03 {background:url('../imgs/common/icon_naver_band.png') 50% 0 no-repeat;}


/* subVisual */
.subVisual {position:relative;background:url('../imgs/main/img_visual.png') 50% 85% no-repeat #e5e5e5;height:300px;}
.subVisual .txtArea {position:absolute;top:150px;right:0;}

/* subCont */
.subCont {min-height:500px;/*margin-bottom:70px;*/}
.subCont .txtBox {border:3px solid #e5e5e5;background:#f9f9f9;padding:30px;margin-bottom:50px;}
.subCont .txtArea {margin-bottom:50px;}
.subCont h4 {font-size:23px;font-weight:bold;margin-bottom:20px;color:#2a4b5f;}
.subCont h5 {font-size:18px;font-weight:bold;margin:25px 0 15px;}
.subCont h6 {font-size:15px;font-weight:bold;margin:25px 0 15px;}

/* location */
.location {border-bottom:1px solid #e0e0e0;background:#f9f9f9;}
.location .depth01 {border-left:1px solid #e0e0e0;}
.location .depth01:after {display:block;clear:both;content:'';}
.location .depth01 > li {position:relative;float:left;border-right:1px solid #e0e0e0;}
.location .depth01 > li > a {display:block;min-width:120px;padding:0 55px 0 20px;font-family:'Noto Sans KR';font-size:16px;height:55px;line-height:55px;background:url('../imgs/common/arr_location.gif') 90% 50% no-repeat;}
.location .depth01 > li > a.home {width:55px;min-width:55px;padding:0;background:url('../imgs/common/icon_home.png') 50% 50% no-repeat;}
.location .depth01 > li > a.on {position:relative;/*background:url('../imgs/common/arr_location_on.gif') 90% 50% no-repeat;*/}
.location .depth01 > li > a.on:after {position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#32798f;content:'';}
.location .depth02 {display:none;position:absolute;top:55px;left:0;width:100%;background:#1f3a4f;z-index:10;}
.location .depth02 li {border-top:1px solid #48646d;}
.location .depth02 li a {display:block;padding:18px 20px;font-family:'Noto Sans KR';font-size:15px;color:#fff;}

/*모바일*/
@media all and (max-width:478px) {
    .inner {padding:0 10px;}
    .gnb, .memberInfo {display:none!important;}
    .mobileNone {display:none!important;}
    #header {height:50px!important;}
    #header h1 {z-index:3!important;}
    #header .gnbMobile .mbOpen{top:10px;}
    #header .gnbMobile .mbClose {top:25px;}
    .memberInfoMobile {top:15px;right:55px;}

    #header h1 {top:1.5vh;left:6.5vw;background-size:65%;width:60px!important;background-position-x:right;}
    #header .topbg {width:40% !important;}
    #mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.2;z-index:3;}

    #container {background-size:50%;}

    .titArea p {word-break:keep-all;}
    .titArea p span {display:block;}

    .bbsList th:first-child, .bbsList td:first-child {width:20% !important;}
    .bbsList th:nth-child(3), .bbsList td:nth-child(3) {width:20% !important;}
    .bbsList th:nth-child(4), .bbsList td:nth-child(4) {display:none;}

    #footer .utilMenu li:before {background:transparent;}
}

/*아이패드*/
@media all and (min-width:479px) and (max-width:768px) {
    .inner {padding:0 20px;}
    .gnb, .memberInfo {display:none!important;}
    #header .gnbMobile .mbOpen {top:20px;}
    #header .gnbMobile .mbClose {top:18px;}
    .memberInfoMobile {top:20px;right:70px;}
    #mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.2;z-index:3;}

    #header h1 {top:1.5vh;left:6.5vw;background-size: 80%;}

    #container {background-size:50%;}
    #footer .utilMenu li:before {background:transparent;}
}

/*아이패드프로*/
@media all and (min-width:769px) and (max-width:1024px) {
    .inner {padding:0 20px;}
    .gnbMobile, .memberInfoMobile {display:none!important;}

    /* header */
    #header h1 {top:2.5vh;left:7.5vw;}
    #header .topbg {min-width:220px;}
    #header .memberInfo {top: 1.8vh;}
    #footer .utilMenu li:before {background:transparent;}

}

@media (min-width:1025px) and (max-width:1200px) {
    .inner {padding:0 20px;}
    .gnbMobile, .memberInfoMobile {display:none!important;}

    /* header */
    #header h1 {top:2.5vh;left:7.5vw;}
    #header .topbg {min-width:220px;}
    #header .memberInfo {top: 1.8vh;}
    #footer .utilMenu li:before {background:transparent;}
}

/* PC */
@media all and (min-width:1200px) {
    .inner {width:1200px;}
    .gnbMobile, .memberInfoMobile {display:none!important;}

    /* header */
    #header .topbg {min-width:240px;}
    #header .memberInfo {top: 1.3vh;}
    #header h1 {top:3.5vh;left:7.5vw;}

    /* footer */
    #footer .utilMenu li {position:relative;float:left;padding:0 15px;color:#f5f8f9}
    #footer .utilMenu li:before {position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#7f7f7f;content:'';}
    #footer .utilMenu li:first-child {padding-left:0;}
    #footer .utilMenu li:first-child:before {display:none;}

    /* titArea */
    .titArea {min-width:1200px;}
}