@charset "utf-8";

#kboard-default-editor input { /* width: auto; */ /* height: auto; */ box-shadow: none; }

/*아이폰에서 input 라운드 없애기*/
/*input,button {border-radius:0;-webkit-appearance:none}*/

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
/*input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}*/
/*input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}*/

#doc_wrap {position:relative;overflow:hidden;min-width:1200px;}

/*마우스 드래그 배경색*/
::-moz-selection{background:#262f6b;color:#fff}
::selection {background:#262f6b;color:#fff}

.fa, .la {position: relative;display: block;overflow: hidden;text-align: center}

.div-abs {position: absolute;}
.div-wrap {position: relative;width: 100%;text-align: center;margin: 0 auto 0 auto;}
.div-cont {position: relative;text-align: left;margin: 0 auto 0 auto;}
.div-cont:after {clear: both;content: "";display: block;}

@media all and (min-width: 1025px)  {
    #doc_wrap {padding-top: 0}
}
@media all and (min-width: 481px) and (max-width: 1024px){
    body {overflow-x: hidden;}
    .div-cont {margin-left: 0;margin-right: 0;}
}
@media all and (max-width: 480px) {
    body {overflow-x: hidden;}
    .div-wrap {min-width: 320px;}
    .div-cont {min-width: 320px;margin-left: 0;margin-right: 0;}
}

/* z-index */
.header-wrap-abs {z-index: 7000;}
#header-wrap,#header {z-index: 2005;}
#container-wrap{z-index: 10;}
#subtop-wrap {z-index: 900;}
#container{z-index: 1001}



/*----------------------------------------헤더 영역-----------------------------------------------*/

/* owl 실행*/
.owl-item {float:left;}


.header-wrap-abs {position: fixed;top: 0;left: 0}
#header-wrap {}
/*#header-wrap.isOver{ background: #fff;}*/
#header {position: relative;height: 100%;z-index: 9999}

/*#header-wrap.headerFixed {background: transparent linear-gradient(94deg, #007DC3 0%, #F7AC00 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 2px 4px #0000001A;}*/
/*#header-wrap.headerFixed {background: transparent linear-gradient(45deg,#3a85a2,#caa628) 0% 0% no-repeat padding-box;box-shadow: 0px 2px 4px #0000001A;}*/
#header-wrap.headerFixed {background: transparent linear-gradient(45deg,#2758e5,#ae5ce9) 0% 0% no-repeat padding-box;box-shadow: 0px 2px 4px #0000001A;}

/* 메뉴 */
#header-wrap .mn-bg {position: absolute;width: 100%;height: 60px;left: 0;top: 100px;background: #fff;z-index: 10;border-top: 1px solid #DDD;border-bottom: 1px solid #EEE;display: none;}
#header-wrap .mn-bg.over {box-shadow: 0 7px 10px rgba(33,33,33,0.3);}
#header-wrap .mn-bar {position: absolute;left: 0;top: 80px;width: 100%;display: block;overflow: hidden;z-index: 2000;background: #fff;box-shadow: 0px 3px 6px #00000029;}
#header-wrap .mn-bar:before {position: absolute;bottom: 0;right: 50%;width: 556px;height: 72px;margin-right: -850px;content: ""}

/*#header-wrap.standby .mn-bar {top: 130px;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;;}*/
#header-wrap.standby .mn-bar {top: 80px;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;;}


#logo {position: absolute;top: 24px;left: 0;text-align: left;width: 180px;z-index: 2500;}
#logo img {width: 100%}
#logo a {display: block;}
#header .bt-mnall {display: none;position: absolute;right: 15px;top: 15px;overflow: hidden;background: url("/static/images/layout/bt-mnall.png") no-repeat center center;background-size: 100%;width: 40px;height: 40px;z-index: 2300;border: 0;border-radius: 50%;transition: all .3s ease;}

.gnb_wrap {position: fixed;overflow: hidden;width: 100%;top: 0;left: 0;height: 50px;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;background: rgba(0,165,226,0.80);/*background: rgba(0,0,0,0.5);*/}
.gnb_wrap li {float: left;width: 50%}
.gnb_wrap li img {width: 80%;}
.gnb_wrap li a {display: block;color: #fff;line-height: 50px;}
.gnb_wrap li:nth-child(2) a:hover, .gnb_wrap li:nth-child(3) a:hover {background: transparent linear-gradient(45deg,#f77e17,#0b72ba) 0% 0% no-repeat padding-box;}
.gnb_wrap li.active a {background: transparent linear-gradient(45deg,#3a85a2,#caa628) 0% 0% no-repeat padding-box;}
.gnb_wrap li:nth-child(1) img {max-width: 310px}
.gnb_wrap li:nth-child(2) img {max-width: 340px}

/*로그인모달*/
.loginLyr-wrap { display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;}
.loginLyr-wrap .bg { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.loginLyr-wrap .login-layer {display: block;}
.login-layer { display: none;position: absolute;top: 50%;left: 50%;width: 90%;max-width: 400px;height: auto;background-color: #fff;border-radius: 15px;}
.login-layer .login_layer_container { position: relative;display: block}
.login-layer .pop_layer_contents { position: relative;display: block;padding: 20px}
.login-layer .login_layer_head {position: relative;display: block;padding: 20px;text-align: left;border-bottom: 1px solid #ddd;}
.login-layer .login_layer_head .title {display: block;height: 30px;line-height: 30px;font-size: 25px;font-weight: 600;color: #222;}
.login-layer .login_layer_head .title b {color: #313e94}
.login-layer .login_layer_head .btn-layerClose {position: absolute;top: 0;right: 0;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 25px;color: #999;z-index: 10}

.login_layer_foot {position: relative;display: block;padding: 20px;text-align: center;border-top: 1px solid #ddd;}

.layer_login {position: relative;display: block;}
.layer_login ul {overflow: hidden}
.layer_login li {display: block;margin-bottom: 10px;text-align: left;}
.layer_login li:last-child {margin-bottom: 0}
.layer_login .stxt {display: block;margin-top: 15px;font-size: 14px;}

/*메세지 모달*/
.commonLyr-wrap { display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;}
.commonLyr-wrap .bg { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.commonLyr-wrap .common-layer {display: block;}
.common-layer { display: none;position: absolute;top: 50%;left: 50%;width: 90%;max-width: 400px;height: auto;background-color: #fff;border-radius: 15px;}
.common-layer .common_layer_container { position: relative;display: block}
.common-layer .pop_layer_contents { position: relative;display: block;padding: 20px}
.common-layer .common_layer_head {position: relative;display: block;padding: 20px;text-align: left;border-bottom: 1px solid #ddd;}
.common-layer .common_layer_head .title {display: block;height: 30px;line-height: 30px;font-size: 25px;font-weight: 600;color: #222;}
.common-layer .common_layer_head .title b {color: #313e94}
.common-layer .common_layer_head .common-layerClose {position: absolute;top: 0;right: 0;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 25px;color: #999;z-index: 10}

.common_layer_foot {position: relative;display: block;padding: 20px;text-align: center;border-top: 1px solid #ddd;}

/*조회수정 모달*/
.modiLyr-wrap { display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;}
.modiLyr-wrap .bg { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.modiLyr-wrap .modi-layer {display: block;}
.modi-layer { display: none;position: absolute;top: 50%;left: 50%;width: 90%;max-width: 400px;height: auto;background-color: #fff;border-radius: 15px;}
.modi-layer .modi_layer_container { position: relative;display: block}
.modi-layer .pop_layer_contents { position: relative;display: block;padding: 20px}
.modi-layer .modi_layer_head {position: relative;display: block;padding: 20px;text-align: left;border-bottom: 1px solid #ddd;}
.modi-layer .modi_layer_head .title {display: block;height: 30px;line-height: 30px;font-size: 25px;font-weight: 600;color: #222;}
.modi-layer .modi_layer_head .title b {color: #313e94}
.modi-layer .modi_layer_head .modi-layerClose {position: absolute;top: 0;right: 0;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 25px;color: #999;z-index: 10}

.modi_layer_foot {position: relative;display: block;padding: 20px;text-align: center;border-top: 1px solid #ddd;}

/*모바일초청 모달*/
.invitationLyr-wrap { display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;}
.invitationLyr-wrap .bg { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.invitationLyr-wrap .invitation-layer {display: block;}
.invitation-layer { display: none;position: absolute;top: 50%;left: 50%;width: 90%;max-width: 800px;height: auto;background-color: #fff;border-radius: 15px;}
.invitation-layer .invitation_layer_container { position: relative;display: block;}
.invitation-layer .pop_layer_contents { position: relative;display: block;padding: 20px;overflow: hidden}
.invitation-layer .invitation_layer_head {position: relative;display: block;padding: 20px;text-align: left;border-bottom: 1px solid #ddd;}
.invitation-layer .invitation_layer_head .title {display: block;height: 30px;line-height: 30px;font-size: 25px;font-weight: 600;color: #222;}
.invitation-layer .invitation_layer_head .title b {color: #313e94}
.invitation-layer .invitation_layer_head .invitation-layerClose {position: absolute;top: 0;right: 0;width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 25px;color: #999;z-index: 10}
.invitation-layer .txtBox { float: left;width: 48%;border: 1px solid #ddd;border-radius: 5px;background: #fafafa;padding: 15px;box-sizing: border-box;font-size: 14px}
.invitation-layer .formBox { float: right;width: 48%;}

.invitation_layer_foot {position: relative;display: block;padding: 20px;text-align: center;border-top: 1px solid #ddd;overflow: hidden}

@media only screen and (max-width: 780px) {
    .invitation-layer .pop_layer_contents {height: 350px;overflow-y: scroll}
    .invitation-layer .txtBox { float: none;width: 100%;font-size: 13px}
    .invitation-layer .formBox { float: none;width: 100%;margin-top: 20px}
}

@media only screen and (max-width: 680px) {
    .login-layer .pop_layer_contents { padding: 15px}
    .login-layer .login_layer_head {padding: 15px;}
    .login-layer .login_layer_head .title {height: 25px;line-height: 25px;font-size: 18px;}
    .login-layer .login_layer_head .btn-layerClose {width: 57px;height: 50px;line-height: 57px;font-size: 20px;}

    .login_layer_foot {padding: 15px;}

    .layer_login li .form_group .sm_input {width: 26%;float: left;}
    .layer_login .stxt {font-size: 13px;}

}


@media only screen and (min-width: 1025px){

    #header-wrap {height: 80px;}
    /*#header-wrap.standby {padding-top: 50px;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}*/
    #header-wrap.standby {padding-top: 0;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
    #header {width: 1140px;margin: 0 auto;}

    #header-wrap.standby.headerFixed {padding-top: 0;}
    #header-wrap.standby.headerFixed .mn-bar {top: 80px;;}

    #header-wrap.standby.headerFixed .gnb_wrap {top: -50px;}

    .head_right {position: absolute;top: 20px;right: 0;z-index: 101}
    .head_search {width: 70px;height: 40px;line-height: 40px;float: left;margin-right: 10px;color: #fff;font-size: 16px;font-weight: 600}
    .head_globe {width: 70px;height: 40px;line-height: 40px;float: left;margin-right: 10px;color: rgba(255,255,255,0.6);font-size: 16px;font-weight: 600}
    .head_right .head_login {width: 90px;height: 40px;line-height: 40px;background: none;color: #fff;border: 1px solid #fff;float: left;border-radius: 20px 4px;box-sizing: border-box}

    /* MainNavi-wrap*/
    #mainNavi-wrap {height: 80px;overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;display: block;z-index: 99}
    #mainNavi-wrap .tmn-tit {display: none;}
    #mainNavi-wrap .side-banner {display: none;}
    #mainNavi-wrap .side-banner2 {display: none;}
    #mainNav {position: relative;}

    .topmenu {display: block;position: relative;text-align: center;margin-left: -60px}
    .topmenu:after {display: block;content: "";clear: both;}
    .topmenu li {}
    .topmenu .tgl-btn {display: none;}

    .topmenu a, .topmenu span {white-space: nowrap;}
    .topmenu .mn_l1 {display: inline-block;vertical-align: top;margin: 0 30px}
    .topmenu .mn_l1:last-child {margin-right: 0}
    .topmenu .first {background: none;}
    .topmenu .mn_a1 {height: 80px;display: block;text-align: center;position: relative;overflow: hidden}
    .topmenu li.mn_l1:first-child a{}
    .topmenu li.mn_l1:first-child a.mn_a1:after{display: none;}
    .topmenu li.mn_l1:last-child a:before {display: none}
    .topmenu .mn_l1.isTopHide {display: none;}

    .topmenu .mn_s1 {color: #fff;font-size: 20px;font-weight: 600;line-height: 80px;cursor: pointer;text-align: center;white-space: nowrap;display: block;text-overflow: ellipsis;
        letter-spacing: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    #header-wrap.isOver .topmenu .mn_s1 {color: #fff;}

    .topmenu .mn_a1:hover .mn_s1 {color: #fff;}
    #header-wrap.isOver .mn_a1:hover .mn_s1 {color: #fff;}

    .topmenu .mn_l1.is-open .mn_a1 {color: #fff;}

    .topmenu .mn_l1.active .mn_s1 {color: #fff;}
    #header-wrap.isOver .mn_l1.active .mn_s1 {color: #fff;}

    .topmenu .active .mn_s1 span {position: relative;}
    .topmenu .active .mn_s1 span:before {position: absolute;bottom: -12px;left: 0;width: 100%;height: 3px;background: #fff;content: ''}


    /*.topmenu .mn_a1:hover .mn_s1 {color: #B44796;}
    #header-wrap.isOver .mn_a1:hover .mn_s1 {color: #B44796;}

    .topmenu .mn_l1.is-open .mn_a1 {color: #B44796;}

    .topmenu .mn_l1.active .mn_s1 {color: #B44796;}
    #header-wrap.isOver .mn_l1.active .mn_s1 {color: #B44796;}*/

    .topmenu .mn-btxt{ font-size: 17px;font-weight: 300;padding-top: 45px;letter-spacing: -0.03em;padding-left: 20px;display: none;color: #B44796}

    .topmenu .depth2-wrap {position: absolute;width: 228px;padding: 20px 0 !important;top: 80px;min-height: 320px}
    /*.topmenu .depth2-wrap:before {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #e3e3e3;content: ""}
    .topmenu .mn_l1:first-child .depth2-wrap:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #e3e3e3;content: ""}*/
    .topmenu .depth2_tit {position: relative;display: block;font-size: 16px;font-weight: 600;margin-bottom: 15px;color: #132E3A;z-index: 10}
    .topmenu .depth2_tit span {color: #132E3A;}
    /*.topmenu .is-over .depth2-wrap:after {position: absolute;top: 1px;left: 0;width: 100%;height: 300px;background: #fff;content: "";z-index: 0}*/
    .topmenu .depth2 {position: relative;width: 100%;z-index: 1}
    .topmenu .sico-nwin {display: none;}
    .topmenu .first .depth2 {}
    .topmenu .depth2 li {color: #333;white-space: nowrap;letter-spacing: -1px;line-height: 1.7em;display: block;}
    .topmenu .depth2 a, .topmenu .depth2 a span {display: inline-block;font-weight: 400;white-space: nowrap;}
    .topmenu .depth2 a span.txt{display: block;}
    .topmenu .depth2 a {}
    .topmenu .depth2 .blt {display: none;}
    .topmenu .depth2 .mn_l2 {text-align: center;margin-bottom: 1px; }
    .topmenu .depth2 .mn_a2 {line-height: 30px;display: block;}

    .topmenu .depth2 .mn_a2 span {cursor: pointer; font-size: 14px;letter-spacing: -0.01em;color: #132E3A;}
    .topmenu .depth2 .mn_a2:hover span {text-decoration: none;color: #B44796;font-weight: 600}

    .topmenu .depth2 .is-over .mn_a2{color: #B44796}
    .topmenu .depth2 .is-over .mn_a2 span {color: #B44796; }
    .topmenu .depth2 .over .mn_a2 span, .topmenu .depth2 .active .mn_a2 span  {color: #B44796;font-weight: 600}
    .topmenu .depth2 .over .blt {/*display:block;*/}
    .topmenu .depth2 .mn_a2:hover .blt {display:none;}

    .topmenu .is-over .depth2_tit {color: #B44796}
    .topmenu .is-over .depth2_tit span {color: #B44796;}

    .topmenu .depth2 .mn_a2:hover , .topmenu .depth2 a.over, .topmenu .depth2 .over a { }
    .topmenu .depth2 .mn_l2.is-over .depth3, .topmenu .depth2 .mn_a2:focus {display: block;}


    .topmenu .mn_l1:nth-child(1) .depth2-wrap {left: 50%;margin-left: -300px}
    .topmenu .mn_l1:nth-child(2) .depth2-wrap {left: 50%;margin-left: -114px}
    .topmenu .mn_l1:nth-child(3) .depth2-wrap {right: 50%;margin-right: -300px}

    /*.topmenu .mn_l1:nth-child(1) .depth2-wrap {left: 50%;margin-left: -570px}
    .topmenu .mn_l1:nth-child(2) .depth2-wrap {left: 50%;margin-left: -342px}
    .topmenu .mn_l1:nth-child(3) .depth2-wrap {left: 50%;margin-left: -114px}
    .topmenu .mn_l1:nth-child(4) .depth2-wrap {right: 50%;margin-right: -342px}
    .topmenu .mn_l1:nth-child(5) .depth2-wrap {right: 50%;margin-right: -570px}*/

    /*#mainNavi-wrap .ovbar {position: absolute;top: 52px;display: block;overflow: hidden;height: 12px;}
    #mainNavi-wrap .ovbar:after {position: absolute;bottom: 0;left: 50%;margin-left: -3px;content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #fff;z-index: 200}*/

}

@media only screen and (max-width: 1700px) {

}

@media all and (max-width: 1200px) {

    #header-wrap {background: transparent linear-gradient(94deg, #01083c 0%, #1ca3e0 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 2px 4px #0000001A;}


    #doc_wrap {min-width: 320px;padding-top: 0;}

    .header-wrap-abs {z-index: 2006;}
    #gnavi-wr, #header-wrap,#header {z-index: 1000;}

    .header-wrap-abs{position: relative;}
    #header-wrap .mn-bg {display: none;}
    #header-wrap {height: 70px}
    #header-wrap:after{display: none;}
    #header-wrap #logo {top: 23px;left: 15px;width: 174px;}
    #header-wrap #logo a {display: block;width: 174px;}


    #header {height: auto;max-width: 100%;}

    #header-wrap .mn-bar{ box-shadow: 0 0 0 0;display: none !important}

    .head_right {position: relative;top: 0;right: 0;padding: 15px 20px;text-align: center;background: #eee;border-bottom: 1px solid #e3e3e3 }
    .head_right a {width: 100px;height: 40px;line-height: 40px;background: #121212;color: #fff;display: inline-block;vertical-align: top;border-radius: 4px;}
    .head_right .head_globe {background: #999}
    .head_right .head_search {background: #B44796}

    #header .bt-mnall {display: block;right: 10px;}

    .gnb_wrap {position: relative;overflow: hidden;height: auto;}
    .gnb_wrap li {width: 50%;border-bottom: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box}
    .gnb_wrap li a {line-height: 40px;}
    .gnb_wrap li:last-child {display: none}

    /* 메뉴 */
    #mainNavi-wrap {height: 70px;}
    #mainNavi-wrap .bt-mnall { right: 10px;}
    #header #calendar-btns {right: 55px;display: block;}
    #mainNavi-wrap .icban-001 li a .ptxt {color: #fff;font-size: 13px;}
    #mainNavi {position: fixed;transition: right 0.3s ease;z-index: 3000;right: 0;top: 0;width: 100%;overflow-y: scroll; padding-left: 70px;height: 0;overflow-x: hidden;background: #fff}
    #mainNavi.mn-h-open {height: 100%;}

    .tmn-tit {display: block;;box-sizing: border-box;z-index: 8000}
    .tmn-tit strong {display: block;background: #3f4ca4;padding: 0 20px;text-align: left;color: #fff;letter-spacing: 0;line-height: 70px;font-size: 16px }
    .tmn-tit .bt-mnclose {position: absolute;right: 0;top: 0;width: 70px;height: 70px;border: 0;background: #333333 url("/static/images/layout/bt-mnall-close.png") no-repeat center center;}

    .mn-bar {display: none; }
    .topmenu {width: 100%;margin: 0 ;display: block;position: relative;border-bottom: 1px solid #e3e3e3}
    .topmenu:after {display: block;content: "";clear: both;}
    .topmenu li {float: left;line-height: 1.3em;position: relative;text-align: center;}
    .topmenu a {position: relative;}
    .topmenu a, .topmenu span {/* white-space: nowrap;*/}
    .topmenu .tgl-btn {display: none;}
    .topmenu .mn_l1 {display: block;float: left;width: 33.33%;min-height: 280px;padding: 10px 0;}
    .topmenu .mn_l1:before {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #e3e3e3;content: ""}
    .topmenu .mn_l1:nth-child(1),
    .topmenu .mn_l1:nth-child(2),
    .topmenu .mn_l1:nth-child(3) {border-bottom: 1px solid #e3e3e3}

    .topmenu .mn_a1 {position: relative;display: block;background-position: left top;background-repeat: repeat;text-align: center}
    .topmenu .mn_a1 span {display: block;padding: 10px 0;overflow: hidden;font-size: 17px;font-weight: 600;letter-spacing: -1px;white-space: normal;cursor: pointer;color: #132E3A;}
    .topmenu .mn_a1 span.fe {display: inline !important;padding: 0 !important;font-weight: normal !important}
    .topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover  span {color: #B44796;}
    .topmenu .mn_l2.over .mn_a2 span, .topmenu  .mn_l2.mn_a2:hover  span {color: #B44796;}
    .topmenu .mn_l3.over .mn_a3 span, .topmenu  .mn_l3.mn_a3:hover  span {color: #B44796;}
    .topmenu .has-sub .mn_a1 span {overflow: hidden;}
    .topmenu .has-sub .is-ico {padding: 0;display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 3px;border: 1px solid red;}
    /*.topmenu .has-sub .tgl-btn {padding: 0;display: block;width: 20px;height: 20px;position: absolute;right: 20px;top: 8px;border: 0;z-index: 100;text-indent: -9999em;background: transparent;}
    .topmenu .has-sub .tgl-btn:before {content: '';position: absolute;right: 0;top: 7px;width: 15px;height: 1px;background: #ccc;}
    .topmenu .has-sub .tgl-btn:after {content: '';position: absolute;right: 7px;top: 0;width: 1px;height: 15px;background: #ccc;}
    .topmenu .mn_l1 > .tgl-btn {right: 17px;top: 20px;}
    .topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {}*/

    .topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {display: none}
    .topmenu .mn_l2 > .tgl-btn {width: 16px;height: 16px;right: 15px;top: 18px;opacity: 0.8}
    .topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height: 1px;}
    .topmenu .mn_l2.has-sub > .tgl-btn:before {content: '';position: absolute;left: 11%;top: 50%;width: 80%;height: 1px;background: #B44796;transform: rotate(0);}
    .topmenu .mn_l2.has-sub > .tgl-btn:after {content: '';position: absolute;right: 46%;top: 12%;width: 1px;height: 80%;background: #B44796;transform: rotate(0);}
    .topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
    .topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);height: 0;top: 50%}
    .topmenu li > div {display: block;}
    .topmenu .depth2-wrap {position: relative;overflow: hidden;}
    .topmenu .depth2_tit {display: none;}
    .topmenu .depth2 .blt {display: none !important;}
    .topmenu .mn-stit {display: none;}
    .topmenu .depth2 {position: relative;width: 100%;}
    .topmenu .depth2 li {width: 100%;font-size: 14px;line-height: 1.3em;}
    .topmenu .depth2 a {display: block;}
    .topmenu .depth2 .mn_l2 {border-bottom: none}
    .topmenu .depth2 .mn_l2:last-child{border-bottom: none}
    .topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top: 0}
    .topmenu .depth2 .mn_a2 {display: block;padding: 7px 15px 7px 20px;}
    .topmenu .depth2 .mn_a2 span {position: relative;font-size: 14px;font-weight: 400;cursor: pointer;color: #132E3A;}
    .topmenu .depth2 .mn_l2.over .depth3-wrap{display: block;}
    .topmenu .depth2 .mn_l2 .depth3-wrap{display: none;}
    .topmenu .depth2 .mn_l2.active .mn_a2 span {color: #B44796;}
    .topmenu .depth2 .mn_a2:hover  span, .topmenu .depth2 .over .mn_a2 span{color: #B44796;font-weight: 600}
    .topmenu .depth2 .mn_a2:hover  span:before, .topmenu .depth2 .over .mn_a2 span:before {background: #B44796}
    .topmenu .depth3 {position: relative;width: 100%;border-top: 0px solid #bbb;padding-top: 10px;padding-bottom: 10px;background: rgba(0,0,0,0.5);}
    .topmenu .depth3:after {clear: both;content: "";display: block}
    .topmenu .depth3 li {width: 100%;float: left;color: #fff;line-height: 1.3em;border-top: 0;overflow: hidden;}
    .topmenu .depth3 .mn_l3.first, .topmenu .depth3 .mn_l3:first-child {border-top: 0;}
    .topmenu .depth3 .mn_a3 span {position: relative;display: block;margin: 5px 17px 5px 25px;padding-left: 7px;word-break: break-all;font-size: 12px;}
    .topmenu .depth3 .mn_a3 span:before {position: absolute;top: 7px;left: 0;content: "";display: block;width: 2px;height: 2px;background: rgba(255,255,255,0.7);}
    .topmenu .depth3 .mn_a3 span {font-weight: normal;cursor: pointer;color: rgba(255,255,255,0.78);}
    .topmenu .depth3 .over span {font-weight: normal;color: rgba(255,255,255,1.0);text-decoration: underline;}
    .topmenu .depth3 .over span:before {background: #fff}
    .topmenu .sico-nwin {display: none !important;}

    #header-quick{display: none;}
    .mn-btxt{display: none;}

}

@media only screen and (max-width: 580px) {
    .topmenu .mn_l1 {width: 50%;}
    .topmenu .mn_l1:nth-child(1),
    .topmenu .mn_l1:nth-child(2),
    .topmenu .mn_l1:nth-child(3),
    .topmenu .mn_l1:nth-child(4){border-bottom: 1px solid #e3e3e3}

    .head_right {padding: 15px 15px;}
    .head_right a {width: 80px;font-size: 14px}
}
@media only screen and (max-width: 335px) {
    .topmenu .mn_l1 {width: 100%;border-bottom: 1px solid #e3e3e3;min-height: 50px}
    .topmenu .mn_l1:last-child {border-bottom: none}
}

/*----------------------------------------푸터 영역-----------------------------------------------*/

#footer-wrap {position:relative;display:block;width:100%;background: #232323;box-shadow: 0px -1px 4px #00000029;}
#footer {position:relative;width:1200px;margin:0 auto;display: block;padding: 40px 0 40px 300px;box-sizing: border-box;text-align: center}

.foot_logo {position: absolute;top: 40px;left: 0}
.foot_logo img {width: 260px}

.foot_info {position:relative;display:block;overflow: hidden;text-align: left;}
.foot_info li {display:block;color: #ddd;line-height: 22px;font-size: 15px;padding: 2px 0}
.foot_info li b {color:#fff;}
.foot_info li a {color: #ddd;}
.foot_info li .mblock {display: inline-block;}

#f-family{ position:absolute;top: 40px;right: 0;width: 150px;background: #FFFFFF26;box-shadow: 0px 2px 4px #00000029;text-align: left;z-index:400}
#f-family ul{font-size:0;}
#f-family li{display:block;vertical-align:top;width:100%;position:relative;z-index:1}
#f-family li.over{z-index:5}
#f-family li a.mn_f1{ line-height:40px;display:block;letter-spacing:-0.04em;font-size:13px;padding-left:20px;color:#fff;position:relative;}
#f-family li a.mn_f1:after{ right:20px;;top:50%;margin-top:-4px;width:8px;height:8px;background:url("/static/images/layout/family-ctrl.png") no-repeat;display:block;content:"";position:absolute;}
#f-family li.over a.mn_f1:after{background-position:-9px 0;}

#f-family li div.list-wrap{ position:absolute;left:0;bottom:40px;width:100%;display:none;box-sizing:border-box;border:1px solid #cfcfcf;}
#f-family li div.list-wrap .close{ width:29px;height:30px;background:url("/static/images/layout/family-close.jpg") no-repeat center center;position:absolute ;right:0;top:0;}
#f-family li div.list-gap{padding-top:10px;background:#fff;}
#f-family li div ul{ font-size:13px;letter-spacing:-0.03em;color:#333;padding:10px 25px 10px 25px ;overflow:hidden;}
#f-family li div ul li{padding:2px 0;width:100%}
#f-family li div ul li a{display:block;padding-left:7px;color: #888; }
#f-family li div ul li a:hover {text-decoration: underline}
#f-family li div ul li a:after{background:#8a95a2;width:2px;height:2px;position:absolute;left:0 ;top:12px;display:block;content:""}

@media all and (max-width: 1200px) {
    #footer {width:100%;padding: 30px 15px;box-sizing: border-box}

    .foot_logo {display: none;}

    .foot_info {text-align: center;margin-top: 10px;padding: 0 15px;box-sizing: border-box}
    .foot_info li {font-size: 12px;padding: 0}
    .foot_info li.copy {font-size: 11px}

    #f-family{ position: relative;top: 0;right: 0;width: 180px;margin: 0 auto;}
    #f-family li a.mn_f1{ line-height:35px;}

    #f-family li div.list-wrap{ bottom:35px;}
}

/*----------------------------------------컨텐츠 영역-----------------------------------------------*/

#container_wrap {position: relative;display: block;}
#contents {position: relative;display: block;width: 1140px;padding: 80px 0;margin: 0 auto;}
.is_cont {position: relative; width: 1140px;margin: 0 auto;min-height: 400px;z-index: 10}

.svis_wrap {position: relative;display: block;height: 300px}
.svis_imgWrap .svis_title {position: absolute;top: 145px;left: 50%;width: 1140px;margin-left: -570px;color: #fff;display: block;z-index: 100}
.svis_imgWrap .svis_title h2 {display: block;text-align: center;font-size: 32px;color: #fff;line-height: 100%;font-weight: 600;}
.svis_imgWrap .svis_title h2 span {position: relative;display: inline-block;margin-left: 32px;}
.svis_imgWrap .svis_title h2 span:before {position: absolute;top: 0;left: -25px;width: 4px;height: 36px;background: #fff;content: "";}
.svis_imgWrap .svis_title .stxt {display:none;}
/*.svis_imgWrap .svis_title .stxt {position: relative;display: block;margin-bottom: 12px; text-align: center;font-size: 13px;color: #fff;line-height: 100%;letter-spacing: 0.07em;}*/
/*.svis_imgWrap .svis_title .stxt:before {position: absolute;top: 10px;left: 0;width: 40px;height: 1px;background: #fff;content: "";}*/

/*.svis_imgWrap {position: relative;display: block;width: 100%;height: 300px;z-index: 0}*/
.svis_imgWrap {position: absolute;top: 0;left: 50%;width: 2000px;height: 300px;margin-left: -1000px;overflow:hidden;}
.svis_imgWrap .svis_img {width: 2000px;height: 300px; }/*animation : 5s linear zoominout;*/
.svis_imgWrap .svis_img.svis01 {background: url("/static/images/layout/svis_img2027.jpg") no-repeat center top;}
.svis_imgWrap .svis_img.svis02 {background: url("/static/images/layout/svis_img2027.jpg") no-repeat center top;}
.svis_imgWrap .svis_img.svis03 {background: url("/static/images/layout/svis_img2027.jpg") no-repeat center top;}
.svis_imgWrap .svis_img.svis04 {background: url("/static/images/layout/svis_img2027.jpg") no-repeat center top;}
.svis_imgWrap .svis_img.svis05 {background: url("/static/images/layout/svis_img2027.jpg") no-repeat center top;}

/*
.svis_imgWrap .svis_img.svis01 {background: url("/static/images/layout/svis_img01.jpg?210224") no-repeat center top;}
.svis_imgWrap .svis_img.svis02 {background: url("/static/images/layout/svis_img02.jpg?210224") no-repeat center top;}
.svis_imgWrap .svis_img.svis03 {background: url("/static/images/layout/svis_img03.jpg?210224") no-repeat center top;}
.svis_imgWrap .svis_img.svis04 {background: url("/static/images/layout/svis_img04.jpg?210224") no-repeat center top;}
.svis_imgWrap .svis_img.svis05 {background: url("/static/images/layout/svis_img05.jpg?210224") no-repeat center top;}
*/

@keyframes zoominout{
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

.snb_wrap {position: relative;width: 100%;display: block;overflow: hidden;height: 40px;margin-top: -60px}
.snb_wrap .snb_pageTit { display: none;position:relative;width:100%;height:45px;overflow: hidden;padding: 0 0 0 15px;background: #121212;box-sizing: border-box}
.snb_wrap .snb_pageTit span {position:relative;width: 100%;display: block;font-size: 15px;color: #fff;font-weight: 500;line-height: 45px;}
.snb_wrap .snb_pageTit span:before {position: absolute;top: 11px;right: 15px;width: 20px;height: 20px;line-height: 20px;font-family: lineawesome;text-align: center;font-size: 15px;color: #fff;}
.snb_wrap .snb_pageTit span.over:before {content: "\f110"}
.snb_wrap .snb_pageTit span.out:before {content: "\f113"}

/*
.snb_wrap #snb {position: relative;overflow: hidden;text-align: center;width: 100%;margin:0 auto;;background: rgba(0,0,0,0.7);z-index: 20}
.snb_wrap #snb ul {position: relative;display: block;width: 1200px;margin: 0 auto;overflow: hidden}
.snb_wrap #snb li {position: relative;display: inline-block;vertical-align: top;width:13%}
.snb_wrap #snb li a {position: relative;display: block;line-height: 60px;height: 60px;text-align: center;color: rgba(255,255,255,0.6);font-size: 17px;}
.snb_wrap #snb li.active a {color: #313e94;background: #fff;font-weight: 600}
*/

.snb_wrap #snb {position: relative;overflow: hidden;text-align: center;width: 100%;margin:0 auto;z-index: 20}
.snb_wrap #snb ul {position: relative;display: table;margin: 0 auto;overflow: hidden}
.snb_wrap #snb li {position: relative;float: left;margin-right: 40px}
.snb_wrap #snb li:before {position: absolute;top: 5px;right: -21px;width: 1px;height: 15px;background: rgba(255,255,255,0.4);content: ""}
.snb_wrap #snb li:last-child {margin-right: 0}
.snb_wrap #snb li:last-child:before {display: none}
.snb_wrap #snb li a {position: relative;display: block;line-height: 130%;text-align: center;color: #ffff;font-size: 17px;font-weight: 600;letter-spacing: 0;padding: 0 0 7px}
.snb_wrap #snb li.active a:before {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #fff;content: ""}

.wd_1 li{width:100%}
.wd_2 li{width:50%}
.wd_3 li{width:33.333%}
.wd_4 li{width:25%}
.wd_5 li{width:20%}
.wd_6 li{width:16.666%}
.wd_7 li{width:14.222%}
.wd_8 li{width:12.5%}
.wd_9 li{width:11.111%}
.wd_10 li{width:10%}

.page_title {display: none;}
/*.page_title {position: relative;display: block;text-align: center;font-weight: 600;color: #333;font-size: 42px;line-height: 1.2;letter-spacing: 0;margin-bottom: 40px}*/

.spage_title {position: relative;display: block;text-align: center;font-weight: 600;color: #333;font-size: 28px;line-height: 1.2;margin-bottom: 25px;padding: 0 15px}

@media all and (max-width: 1200px) {
    #contents {width: 100%;padding: 30px 15px 30px;box-sizing: border-box}
    .is_cont {width: 100%;box-sizing: border-box}

    .svis_wrap {display: none;}

    .snb_wrap {margin-top: 0;overflow: inherit;height: 45px;}
    .snb_wrap .snb_pageTit {display: block}

    .page_nav {display: none;}

    .snb_wrap #snb {display: none;position: absolute;top: 40px;left: 0;text-align: left;width: 100%;background: #f6f6f6;z-index: 300}
    .snb_wrap #snb ul {display: block}
    .snb_wrap #snb li {float: none;display: block;width: 100%;border-bottom: 1px solid #ddd;height: 40px;}
    .snb_wrap #snb li a {text-align: left;color: #666;font-size: 14px;background: none;padding: 0 15px;line-height: 40px;}
    .snb_wrap #snb li a:before {display: none;}
    .snb_wrap #snb li.active a {background: none;color: #B44796;font-weight: 600}

    .page_title {font-size: 30px;margin-bottom: 40px}

    .spage_title {font-size: 25px;padding: 0}

}
@media all and (max-width: 640px) {
    .svis_imgWrap .svis_title {font-size: 17px;}

    .page_title {font-size: 25px;margin-bottom: 30px}

    .spage_title {font-size: 20px}
}