@charset "utf-8";

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

@media screen and (max-width:767px){
    #top_layout .top_wrap.tmp_a #logo{width:208px;height:24px; background-size:208px 24px;}
}



/*헤더*/
#top_layout {background:rgba(0,0,0,.1);}
#top_layout.on .top_wrap.tmp_a .utile_wrap {background:transparent;}
#top_layout .top_wrap.tmp_a .utile_wrap {width: auto;background:transparent;}
#top_layout .top_wrap.tmp_a .utile_wrap li {float:left;}
#top_layout .top_wrap.tmp_a .utile_wrap li:nth-child(2):after {display:block;position:absolute;right:0;top: 40px;width:1px;height:12px;background: rgba(255,255,255,.5);content:'';}
#top_layout .top_wrap.tmp_a .utile_wrap li.login:after{display:none;}
#top_layout .top_wrap.tmp_a .utile_wrap li.login a {padding:0 30px 0 15px; }
#top_layout .top_wrap.tmp_a .utile_wrap li.box.pc {width:90px;}
#top_layout .top_wrap.tmp_a .utile_wrap li.box.pc a {background:#bd0112; }
#top_layout .top_wrap.tmp_a .utile_wrap li.box.pc span {margin:0 auto; }

#gnb_layout .depth1_ul {text-align:center;}
#gnb_layout .depth1_ul> li > a {color:#fff;}
#gnb_layout .depth1_ul> li > a span:before {display:none;}
#gnb_layout .depth1_ul> li > a span:after {display:block;position:absolute;right:0;top: 44px;width:4px;height:4px;border-radius:50%;background:#fff;content:'';}
#gnb_layout .depth1_ul>li:last-child>a span:after {display:none;}
#mobile-menu .modal-dialog .modal-content{padding-top:60px}

#top_layout .top_wrap .utile_wrap li.login {padding:0 10px;}
#top_layout .top_wrap .utile_wrap li.login .box {display:inline-block;position: static;width:auto;}
#top_layout .top_wrap .utile_wrap li.login .box .member-time {display:inline-block;} 
#top_layout .top_wrap .utile_wrap li.login .box .member-time .time {line-height: 90px;}
#top_layout .top_wrap .utile_wrap li.login .box >button {line-height: 20px; height:20px;}
#top_layout .top_wrap .utile_wrap li.login > a.logout {display:inline-block;width: auto;}

.body #top_layout .top_wrap .utile_wrap li.login .box .member-time .time {color:#383754;;}
.body #top_layout .top_wrap .utile_wrap li.login .box >button {background:#383754;; color:#fff;}

@media screen and (max-width:1599px){
    #gnb_layout .depth1_ul>li>a {font-size: 17px;padding: 0 15px;}
}

.body #top_layout {background:transparent;}
.body #top_layout .top_wrap.tmp_a #logo{width:304px;background-image:url(/images/jowoo/main/logo2.png);}
.body #top_layout .top_wrap.tmp_a .utile_wrap li > a {color:#141414;}
.body #top_layout .top_wrap.tmp_a .utile_wrap li:first-child:after,
.body #top_layout .top_wrap.tmp_a .utile_wrap li:nth-child(2):after {background:#555;}
.body #gnb_layout .depth1_ul>li>a {color:#141414;}
.body #gnb_layout .depth1_ul>li>a span:after {display:none;}


@media screen and (max-width:1279px){
    #top_layout .top_wrap.tmp_a .utile_wrap {width:90px;}
    #top_layout .top_wrap.tmp_a .utile_wrap li.box.mo button {background:#bd0112; }
}
@media screen and (max-width:1023px){
    #top_layout {height:70px;}
    #top_layout .top_wrap.tmp_a .utile_wrap {width:70px;}
}

/*풋터*/
#banner {display:none;}
/*#body #foot_layout {position:absolute;width:100%;bottom:0;background: #262a36;}
#body #foot_layout .footer-info .utile_wrap_right .family_site {background:transparent;}*/


#foot_layout .move_top {display:none;}

/*로그인*/
/*.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 {position:relative;max-width: 715px;width: 100%;margin: 0 auto 125px;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 {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_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_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:100px 30px 80px;}
    .kipf_login .login_top .form {margin:0 auto 50px;}
    .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%;}
}