@charset "utf-8";

/* 로고 */
#top_layout .top_wrap.tmp_a #logo{width:262px;background-image:url(/images/network/main/logo.png); background-repeat:no-repeat;}
#svisual_layout .svisual_wrap .subvisual_bg {background-image:url(/images/network/main/svisual_img.jpg);}

/* 서브비주얼 */
#svisual_layout .svisual_wrap .subvisual-layout {padding:68px 0 0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:402px; height:87px; margin:0 auto; background:url(/images/network/common/slogan.png)no-repeat; font-size:0;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title:after {display:none;}
@media screen and (max-width:1023px){
    #svisual_layout {height: 160px;}
    #svisual_layout .svisual_wrap .subvisual-layout {padding: 46px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:310px; height:67px; background-size:310px 67px;}
}

@media screen and (max-width:767px){
    #svisual_layout .svisual_wrap .subvisual-layout {padding:50px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {width:263px; height:57px; background-size:263px 57px;}
}

/* 풋터 */
#banner {display:none;}
#foot_layout .move_top {display:none;}
/* gnb */
/*#gnb_layout .depth1_ul {width:100%; padding-left:20%; text-align:right;}
#gnb_layout .depth1_ul> li {width: 25%;margin: 0;}
#gnb_layout .depth1_ul> li > a span:before {display:block;position:absolute;right:0;top: 41px;content:'';width:1px;height:10px;background:#ccc;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#gnb_layout .depth1_ul> li:last-child > a span:before {display:none;}
@media screen and (max-width:1819px){
    #gnb_layout .layout {padding:0 290px;}
}


/*로그인*/
/*.body.login {}
.body.login #svisual_layout,
.body.login .lnb_wrap,
.body.login #location {display:none;}
.body.login #body_layout .body_wrap {max-width:100%;padding:0;}
.body.login .contents_wrap {float:none; width:100%;}
.body.login .content-info {display:none;}
*/
.kipf_login {}
.kipf_login .login_top {padding: 175px 0;background-image:url(/images/skin/login_bg01.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;}
.kipf_login .login_top .inner {text-align:center;}
.kipf_login .login_top .form_wrap {width: 100%;max-width: 995px;margin:0 auto 125px;}
.kipf_login .login_top .form_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
.kipf_login .login_top .form {float: left;position:relative;width: 625px;height: 515px;padding: 55px 0 0;background:rgba(255,255,255,0.8);box-shadow: 10px 10px 20px rgba(0,0,0,0.4);}
.kipf_login .login_top .form .tit {font-weight: 600;font-size:32px;color: #202037;}
.kipf_login .login_top .form .tit span {display:inline-block;width:66px;height:37px;margin-right: 5px;margin-top: -4px;background:url(/images/skin/login_kipf.png)no-repeat;vertical-align:middle;font-size:0;}
.kipf_login .login_top .form p {margin: 5px 15px 25px;font-size:16px;color:#383838;}
.kipf_login .login_top .form p span {display:inline-block; font-weight:600;}
.kipf_login .login_top .form form {max-width: 500px;margin:0 auto;}
.kipf_login .login_top .form .email {margin:0 0 10px;}
.kipf_login .login_top .form .email .form-inline:after {display:block; clear:both; visibility:hidden; content:'';}
.kipf_login .login_top .form .email input[type="text"] {float:left;width:35%;height:50px;line-height:50px;padding:0 10px;border:1px solid #979494;border-radius:0;background: transparent;}
.kipf_login .login_top .form .email select {float:right;width:24%;height:50px;line-height:50px;padding:0 0 0 10px; border:1px solid #979494;border-radius:0; background-color:transparent;}
.kipf_login .login_top .form .email .form-inline > span{display: inline-block;float:left;width:5%; line-height:50px;text-align:center;}
.kipf_login .login_top .form .id {margin:0 0 5px;}
.kipf_login .login_top .form .id input {width:100%;height:50px;line-height:50px;padding:0 0 0 10px;border:1px solid #979494;border-radius:0;background: transparent;}
.kipf_login .login_top .form .password {}
.kipf_login .login_top .form .password input {width:100%;height:50px;line-height:50px;padding:0 0 0 10px;border:1px solid #979494;border-radius:0;background: transparent;}
.kipf_login .login_top .form button {display:block; width:100%; margin:15px 0 25px; }
.kipf_login .login_top .form button em {display:block;height:50px; line-height:50px;background:#b40c14; color:#fff; font-size:20px; font-weight:600; }
.kipf_login .login_top .form .btn_wrap {margin:0 0 40px;text-align:center;}
.kipf_login .login_top .form .btn_wrap span {display:inline-block; position:relative; margin: 0 15px;}
.kipf_login .login_top .form .btn_wrap span:after {display:block;position:absolute;top: 5px;right:-15px;content:'';width:1px;height:12px;background:#746f6e;}
.kipf_login .login_top .form .btn_wrap span a {display:block; font-size:14px; color:#222;}
.kipf_login .login_top .form .btn_wrap span.n3 a {color:#b40c14; font-weight:600;}
.kipf_login .login_top .form .btn_wrap span.n3:after {display:none;}
.kipf_login .login_top .form .form_list {position: absolute;bottom: 0;width: 100%;padding:25px 30px;background:#fff;}
.kipf_login .login_top .form .form_list li {position:relative;padding-left:25px;background: url(/images/skin/login_li.png)no-repeat left 4px;font-size:14px;color:#222;text-align:left;}
/* .kipf_login .login_top .inner strong {display:block;font-size:40px;color:#fff;font-weight:300;text-shadow: 5px 5px 5px rgba(0,0,0,.5);line-height: 1.2;}
.kipf_login .login_top .inner strong span {display: inline-block;font-weight:600;} */
.kipf_login .login_top .inner strong {display:block; width:875px; height:96px; margin:0 auto;background: url(/images/skin/login_txt.png)no-repeat; font-size:0; }
.kipf_login .login_top .inner strong span {display:none;}

.kipf_login .login_top .form2 {float:right;width:360px;height:515px;padding: 55px 0 0;background: rgba(255,255,255,0.8);box-shadow: 10px 10px 20px rgba(0,0,0,0.4); text-align:center;}
.kipf_login .login_top .form2 .tit {font-weight:bold; font-size:32px; color:#1e2188;}
.kipf_login .login_top .form2 p {font-size:16px; color:#383838;}
.kipf_login .login_top .form2 p span {display:inline-block; font-weight:bold;}
.kipf_login .login_top .form2 .icon {width:238px;height:195px;margin: 20px auto 45px;background: url(/images/network/common/login_icon.png)no-repeat;}
.kipf_login .login_top .form2 a {display:block;width: 100%;max-width: 255px;line-height: 46px;border:1px solid #1c1e60;border-radius:2px;background: #fff;color:#1c1e60;text-align:center;margin:0 auto;transition: all .3s;-webkit-transition: all .3s;}
.kipf_login .login_top .form2 a:hover,
.kipf_login .login_top .form2 a:focus {background:#1c1e60; color:#fff;}

.kipf_login .login_btm {position:relative; padding:40px 0;background:#f5f5f5; }
.kipf_login .login_btm:before {display:block; position:absolute; left:0; bottom:0; content:'';width:340px; height:283px; background: url(/images/skin/login_obj01.png)no-repeat;}
.kipf_login .login_btm:after {display:block;position:absolute;right:0;top:0;z-index: 1;content:'';width:350px;height:153px;background: url(/images/skin/login_obj02.jpg)no-repeat;}
.kipf_login .login_btm .inner {position:relative;z-index: 2;max-width:1240px;width:100%;margin:0 auto;padding:0 0 0 315px;}
.kipf_login .login_btm .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.kipf_login .login_btm .inner .tit {position:absolute; left:0; top:0; width:315px;border-bottom:4px solid #b40c14; color:#b40c14; }
.kipf_login .login_btm .inner strong {display:block; line-height:50px;margin:0 0 20px;padding-left:40px; border-bottom:4px solid #ababab; font-size:20px; font-weight:600; color:#000;}
.kipf_login .login_btm .inner .link_box {float:left; width:25%;}
.kipf_login .login_btm .inner .link_box ul {padding-left:40px;}
.kipf_login .login_btm .inner .link_box ul li {}
.kipf_login .login_btm .inner .link_box ul li a {display:block;padding:5px 0;font-size: 15px;}

@media screen and (max-width:1279px){
    .kipf_login .login_top {padding:175px 40px 130px;}
    .kipf_login .login_top .form {width: calc(100% - 335px);}
    .kipf_login .login_top .form2 {width:320px;}
    .kipf_login .login_btm .inner {padding:0 40px 0 240px;}
    .kipf_login .login_btm .inner .tit {left:40px;width:200px;}


}

@media screen and (max-width:1023px){
    .kipf_login .login_top {padding:80px 30px;} 
    .kipf_login .login_top .form_wrap {
    margin: 0 auto 55px;
}
    .kipf_login .login_top .form {margin:0 auto 15px;}
    .kipf_login .login_top .form {float:none;width:100%;height: auto;}
    .kipf_login .login_top .form .form_list {position:static;}
    .kipf_login .login_top .form2 {float:none;width:100%;height:auto;padding: 55px 20px;}
    .kipf_login .login_top .form2 .icon {display:none;}
    .kipf_login .login_top .form2 a {margin:20px auto 0;}
    .kipf_login .login_top .inner strong {width:auto; height:auto; background:none;font-size: 26px;color: #fff; text-shadow:5px 5px 5px rgba(0,0,0,.5)}
    .kipf_login .login_top .inner strong span {display:block;margin:10px 0 0; line-height:1.1;}
    .kipf_login .login_top .inner strong span em {display:inline-block; position:relative; }
    .kipf_login .login_top .inner strong span em:before {display:block; position:absolute; top:-7px;right:50%; content:''; width:5px; height:5px; margin-right:-2.5px;border-radius:50%; background:#fff; }
    .kipf_login .login_btm:before,
    .kipf_login .login_btm:after {display:none;}
    .kipf_login .login_btm .inner {padding:0 30px;}
    .kipf_login .login_btm .inner .tit {display:none;}
    .kipf_login .login_btm .inner strong,
    .kipf_login .login_btm .inner .link_box ul {padding-left:20px;}
}

@media screen and (max-width:767px){
    .kipf_login .login_top {padding: 50px 15px;}
    .kipf_login .login_top .form .tit {font-size:28px;}
    .kipf_login .login_top .form .tit span {margin-top: -4px;}
    .kipf_login .login_top .form form {padding:0 20px;}
    .kipf_login .login_top .inner strong {font-size:16px;}
    .kipf_login .login_top .inner strong span em:before {width:3px; height:3px;margin-right:-1.5px;}

    .kipf_login .login_btm .inner {padding:0 15px;}
    .kipf_login .login_btm .inner .link_box {width:50%;margin:0 0 30px;}
}

@media screen and (max-width:500px){
    .kipf_login .login_top .form .email input[type="text"] {float:none; width:100%;}
    .kipf_login .login_top .form .email select {float:none; width:100%; margin:10px 0 0;}
    .kipf_login .login_top .form .email .form-inline > span {width:100%;margin:0;line-height: 25px;}
    .kipf_login .login_btm .inner .link_box {float:none; width:100%;}
}



/* 모바일gnb */
#mobile-menu .modal-dialog .modal-content {padding:65px 0 0;}
#mobile-menu .mobile-close {top:-65px;}