@import url('fonts.css');
@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600');

body {background:#fff;font-size:16px; font-family:'Noto Sans KR'; color:#555; line-height:1;width:100%; letter-spacing:-0.003em;}
a {text-decoration:none; color:#555;}
* {box-sizing:border-box;}

strong , em {font-weight:bold;}

.Gotham{font-family: 'Gotham';}
.GothamR{font-family: 'GothamR';}

#header_pc{}
#header.tabletVer{display:none;}
#header_pc .utillWrap{height:43px; border-bottom:1px solid #e4e4e4; width:100%; background-color: #e4e4e4;}
#header_pc .utillWrap .utill{max-width:1230px;padding:0 0 0 15px; width:100%; width:100%;margin:0 auto;}
#header_pc .utillWrap .utill .left_ut{float:left;margin:13px 0; margin-left: -15px; position: relative;}
#header_pc .utillWrap .utill .left_ut li{float:left;}
#header_pc .utillWrap .utill .left_ut li a{position:relative;font-size:13px; color:#333; font-weight:400;padding:0 25px;}
#header_pc .utillWrap .utill .left_ut li a:after{content:'';width:1px;height:9px; background:#999; position:absolute;right:0;top:50%;margin-top:-4.5px;}
#header_pc .utillWrap .utill .left_ut li:first-child a:before{content:'';width:1px;height:9px; background:#f1efef; position:absolute; left:0;top:50%;margin-top:-4.5px;}
#header_pc .utillWrap .utill .left_ut li:first-child>a{padding-left: 0;}
#header_pc .utillWrap .utill .right_ut{float:right;margin:13px 0;}
#header_pc .utillWrap .utill .right_ut li{float:left;}
#header_pc .utillWrap .utill .right_ut li a{position:relative;font-size:13px; color:#333; font-weight:500;padding:0 25px;}
#header_pc .utillWrap .utill .right_ut li a:before{content:'';width:1px;height:9px; background:#999; position:absolute; left:0;top:50%;margin-top:-4.5px;}
#header_pc .utillWrap .utill .right_ut li:last-child a{padding-right:0}
#header_pc .utillWrap .utill .right_ut li:first-child a:before{display:none;}
#header_pc .utillWrap .utill .right_ut li a.new_notice{position: relative;}
#header_pc .utillWrap .utill .right_ut li a.new_notice:after{
    content: 'N';
    position: absolute;
    right: -20px;
    top:-3px;
    border-radius: 50px;
    padding: 4px 5px;
    font-size: 8px;
    background-color: #ff5a7a;
    color: #fff;
}
#header_pc .utillWrap .utill .left_ut .select{position: relative; margin-top: -3px;}
#selected{padding-left: 0; font-size: 13px; padding-right: 28px;  font-weight: 400; background:url('../images/common/arrow1.png') 95% 50% no-repeat; color:#333;}
#selected:hover{cursor:pointer;}
#select{position: absolute; opacity:0; visibility:hidden; width: auto; z-index: 50; top:30px; border: 1px solid #888; background-color: #fff;}
#select.on{opacity:1; visibility:visible;}
#select li:hover{background:#f1efef;}
#select li{float:none !important; display: block; border:none; }
#select li a{display: block; padding:15px 15px !important;white-space: nowrap; font-size: 13px; color:#555; text-align: left; font-weight: 500;}
#select li a:after{display: none;}
#select_bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity:0; visibility:hidden; z-index:49;}
#select.on+#select_bg{visibility:visible;}

#header_pc .d_day_table{width: 300px; height: 60px; margin:12px 0; position: absolute; right: 0; top: 0;}
#header_pc .d_day_table>div{background: #f5f5f5 url(../images/common/icon_header.png) 10px center no-repeat; padding: 0 10px 0 34px;}
#header_pc .d_day_table .table{display: table; float: left;  height: 60px;}
#header_pc .d_day_table .table p,
#header_pc .d_day_table .table span{display: table-cell; vertical-align:middle; word-break:keep-all;}
#header_pc .d_day_table .table p{text-align: left; font-size: 0.8em; line-height:1.3;}
#header_pc .d_day_table .table p.d_span:before{display: none; content: ''; clear: both; width: 40px; height: 40px; border-radius:50%; position: absolute; left: 0; top: 50%; z-index:0; margin-top: -20px;  background-color: #ff5a7a;}
#header_pc .d_day_table .table p.d_span{position: relative; width: 56%; color:#fff; font-size: 1.3em; text-indent: 5px;}
#header_pc .d_day_table .table p.d_span span{position: relative; width: 40px; height: 40px; background-color: #ff5a7a; border-radius: 50%; z-index: 1; padding-right: 2px; text-align: center;}
#header_pc .d_day_table .table p.d_span:after{display: none; content: ''; clear: both; width: 15px; height: 3px; position: absolute; top:50%; margin-top:-1.5px; right:-8px; z-index:0; background-color: #ff5a7a;}
#header_pc .d_day_table .table p.d_span .bar_em{display: block; content: ''; clear: both; width: 8px; height: 3px; position: absolute; top:28px; left:48px; z-index:0; background-color: #ff5a7a;}
#header_pc .d_day_table .table span.txt_span{color:#ff5a7a; font-size: 1.7em; text-align: left;}

#header_pc .logoWrap{ border-bottom:1px solid #ddd; width:100%; height:84px;}
#header_pc .logoWrap .logoArea{position: relative; max-width:1230px;padding:0 0 0 0px; width:100%; width:100%;margin:0 auto;text-align:Center;}
#header_pc .logoWrap .logoArea a.fl{padding:18px 0; position: absolute; left: 0;}
#header_pc .logoWrap .logoArea a.fl img{}
#header_pc .logoWrap .logoArea a.fr{padding:26px 0; position: absolute; right: 0;}
#header_pc .logoWrap .logoArea a.fr img{}
#header_pc .logoWrap .logoArea .logo{text-align:Center;display:inline-block;padding:29px 0;}
#header_pc .logoWrap .logoArea .logo a{font-size:26px; font-weight:500; color:#000;}

#header_pc .gnb{border-bottom:1px solid #ddd; height:69px; color:#000;}
#header_pc .gnb.on{position: fixed;left: 0; top: 0; z-index:500; background: #fff; width: 100%; border-bottom: 1px solid #3683f7;}
#header_pc .gnb.on .ol{box-shadow:0 4px 10px 5px rgba(0,0,0,0.05);}
#header_pc .gnb .gnbWrap{max-width:1230px;padding:0 0 0 15px; width:100%; width:100%;margin:0 auto;text-align:right;position:relative;}
#header_pc .gnb .allcatebtn{background: transparent; border: none;width:21px;height:18px;position:absolute; left: 0; top: 50%; margin-top: -9px;}
#header_pc .gnb .allcatebtn span {width:21px; height:2px; background:#333; position:absolute;text-indent:-9999px;left:0;top:8px; font-size:0}
#header_pc .gnb .allcatebtn span:before {content:'';width:21px; height:2px; background:#333; position:absolute;left:0;margin-top:-8px;}
#header_pc .gnb .allcatebtn span:after {content:'';width:21px; height:2px; background:#333; position:absolute;left:0;margin-top:8px;}

#header_pc .gnb ul{display:inline-block; padding:25px 0;}
#header_pc .gnb ul li{float:left;position: relative; text-align: left;}
#header_pc .gnb ul li a{position: relative; padding:0 42px; font-size:17px; color:#333; font-weight:500;}
#header_pc .gnb ul>li:last-child>a{padding-right:0;}
#header_pc .gnb ul li.on>a{color:#3683f7; position: relative;}
#header_pc .gnb ul li a .border_span{font-size:17px; color:#333; font-weight:500; padding: 19px 0;}
#header_pc .gnb ul li.on a .border_span{border-bottom: 4px solid #3683f7;}
#header_pc .gnb ul li:hover a .border_span{border-bottom: 4px solid #3683f7;}

#header_pc .gnbWrap>ul>li>a{padding:25px 37px;}

#header_pc .gnb ul li .ol{display: none;position: absolute; overflow: hidden; z-index:5; width: auto; height:auto; top:44px; left: 50%; transform: translateX(-50%);  border: 1px solid #ddd; border-top: none; background: #fff;}
#header_pc .gnb ul li .ol.img_ol{width: 430px; margin-left: -215px; transform: translateX(0%);}
#header_pc .gnb ul li .ol:after{display: block; content: ''; clear: both;}
#header_pc .gnb ul>li:first-child .ol.img_ol{margin-left: 0; transform: translateX(0); left: 0;}
#header_pc .gnb ul>li:last-child .ol.img_ol{margin-left: 0; transform: translateX(0); left: auto; right: 0;}
#header_pc .gnb ul li .ol.img_ol ol{width: 50%; float: left;}
#header_pc .gnb ul li .img{float:left; padding-right: 42px; margin-top: 2em; width: 50%; height: auto; overflow: hidden; padding-bottom: 2em;}
#header_pc .gnb ul li .img a{padding: 0 0 0 0; display: block; width: 100%;}
#header_pc .gnb ul li .img a img{max-width: 172px; width: 100%;}
#header_pc .gnb ul li ol li{float:none; width: 100%; line-height: 1.7; margin-bottom: 9px;}
#header_pc .gnb ul li ol li:last-child{margin-bottom: 0;}
#header_pc .gnb ul li .ol.low li:first-child a{padding-top: 2em;}
#header_pc .gnb ul li ol li:first-child a{padding-top: 2em;}
#header_pc .gnb ul li ol li:last-child a{padding-bottom: 2em;}
#header_pc .gnb ul li ol li a{font-size: 15px; display: block; white-space: nowrap;  transition: 0.2s;}
#header_pc .gnb ul li .ol.img_ol ol li a{white-space: normal;}
#header_pc .gnb ul li.on ol li.on a{color:#3683f7;}
#header_pc .gnb ul li ol li:hover a{color:#3683f7;}
#header_pc .gnb ul li ol li.on a{color:#3683f7;}

#header_pc .allMenu2{display: none; opacity:1; background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999; transition:0.2s;}
#header_pc .allMenu2 .categoryWrap{position: absolute; width:1250px; left: 50%; margin-left:-625px; top: 5%;background-color: #fff;padding: 50px 25px;}
#header_pc .allMenu2 .category{max-width:1230px;padding:0 15px; width:100%; width:100%;margin:0 auto;}
#header_pc .allMenu2 .categoryWrap .category ul>li:first-child:after{display: none;}
#header_pc .allMenu2 .categoryWrap .category ul>li:before{display: block; content: ''; clear: both; position: absolute; left: 0; top:51px; z-index: 1; width: 100%; height: 1px; background-color: #999;}
#header_pc .allMenu2 .categoryWrap .category ul>li{width: 12.5%;position: relative;float: left;padding: 1.5% 0.5% 0 1.5%;height: 400px;}
#header_pc .allMenu2 .categoryWrap .category ul>li:after{display: block; content: ''; clear: both; position: absolute; left: 0; top:0; z-index: 0; width: 1px; height: 100%; background-color: #e8e8e8;}
#header_pc .allMenu2 .categoryWrap .category ul>li>a{display: block;font-weight: bold;margin-bottom: 30px;}
#header_pc .allMenu2 .categoryWrap .category .close{position: relative;width: 100%;margin-bottom: 42px;}
#header_pc .allMenu2 .categoryWrap .category .close h3{text-align: center;}
#header_pc .allMenu2 .categoryWrap .category .close a{position: absolute;right: 0;top:0;}
#header_pc .allMenu2 .categoryWrap .category ul{border-top: 2px solid #3683f7;border-bottom: 2px solid #e8e8e8;}
#header_pc .allMenu2 .categoryWrap .category ul li ol li{line-height: 1.6; margin-bottom: 9px; font-size: 15px;}
#header_pc .allMenu2 .categoryWrap .category ul li ol li a.on{color:#3683f7;}
#header_pc .allMenu2 .categoryWrap .category ul li ol li:hover a{color:#3683f7;}
#header_pc .allMenu2.on{display: block; opacity:1;}

.min.bgeee{background-color: #eee;}
.login_bg_wrap{width: 100%; height: 100%; padding: 5% 0 10%; background-color: #eeeeee;}
.login_bg_wrap .login_inner_wrap{position: relative; width: 100%; max-width:1230px; min-width: 1000px; min-height:650px; margin: 0 auto; overflow: hidden;}
.login_bg_wrap .login_inner_wrap:after{display: block; content: ''; clear: both;}
.login_bg_wrap .login_inner_wrap .login_wrap{display: table;float: left; width: 50%; position: absolute; height: 100% !important; background-color: #fff; text-align: center;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_middle_wrap {display: table-cell;vertical-align: middle;}
.login_bg_wrap .login_inner_wrap .login_wrap h3{margin:0 0 0.7em; font-weight: 500; font-size: 32px;}
.login_bg_wrap .login_inner_wrap .login_wrap p{margin-bottom: 2.5em; color:#666;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form{width: 60%; margin: auto;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form input{width: 100%; margin-bottom: 0.5em; padding:1.3em 0; text-indent: 10%; border-radius:0; border-color:#ccc; -webkit-background-size: 5%;background-size: 5%; background-position: 3% 50%; background-repeat: no-repeat; color:#666;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form input.userid{background-image:url(../images/member/icon_man.png); }
.login_bg_wrap .login_inner_wrap .login_wrap .login_form input.passwd{background-image: url(../images/member/icon_lock.png);}
.login_bg_wrap .login_inner_wrap .login_wrap p.btnarea{margin-bottom: 1.5em;}
.login_bg_wrap .login_inner_wrap .login_wrap p button{display: block; border: none; width: 100%; padding: 0.65em 0; transition:0.4s;}
.login_bg_wrap .login_inner_wrap .login_wrap p button:hover{background-color: #aa53f4;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_sch{margin-bottom: 2em;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul{width: 35%; min-width:210px; margin:auto;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li{float: left;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li a{color:#222;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li:first-child:after{display: inline-block; content: ''; clear: both; width: 1px; height: 0.6em; margin: 4px 1.2em; background-color: #666;}
.login_bg_wrap .login_inner_wrap .adBanner_wrap{float: right; width: 50%;}
.login_bg_wrap .login_inner_wrap .adBanner_wrap img{width:100%;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer{margin-bottom: 0.5em;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul{}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li{width: 47%;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver{float: left;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao{float: right;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li a{display: block; width: 100%; padding: 1.05em 0; background-repeat: no-repeat; background-position: 9% 50%; color:#fff; font-size: 15px; text-indent: 20%; transition:0.4s;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver a{background-color: #44b032; background-image: url(../images/member/icon_naver.png); -webkit-background-size: 9%; background-size: 9%;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver a:hover{background-color: #4ec93a;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a{background-color: #f3ce20; background-image: url(../images/member/icon_kakao.png); color:#3d340a; -webkit-background-size: 12%; background-size: 12%;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a:hover{background-color:#ffd618;}
.login_bg_wrap .login_inner_wrap .login_wrap .go_join{display: block; padding: 0.78em 0; background-color: #fff; border: 2px solid #ddd; text-align: center; transition:0.4s;}
.login_bg_wrap .login_inner_wrap .login_wrap .go_join:hover{background-color: #f1f1f1; border-color:#f1f1f1;}


/* top bar class */

.top_bar_wrap{padding:0 0 0 0; line-height: 1.3; margin-bottom: 2em;}
.top_bar_wrap h3:before{display: block; content: ''; clear: both; width: 42px; height: 4px; background-color: #3683f7; margin: 0 auto 0.4em; border-radius:7px; }
.top_bar_wrap h3{margin-bottom: 0.5em; font-size: 32px; color:#333; font-weight: 500 !important;}
.top_bar_wrap p{color:#666; font-size: 18px;}


@media screen and (max-width:1250px) {
    .login_bg_wrap .login_inner_wrap{
        width: 80%;
    }
}

@media screen and (max-width:1200px) {
    .top_bar_wrap{
       font-size: 15px;
    }
}

@media screen and (max-width:720px) {
    .top_bar_wrap{
       font-size: 14px;
    }
}

@media screen and (max-width:550px) {
    .top_bar_wrap{
       font-size: 13px;
    }
}

@media screen and (max-width:460px) {
    .top_bar_wrap{
       font-size: 12px;
    }
}


.certify_bg_wrap{}
.certify_bg_wrap .certify_inner_wrap{ width: 100%; margin:auto; padding: 0em 0 4em;}
.certify_bg_wrap .certify_inner_wrap .certify_num{width: 37.916%; margin: 1.5em auto 0;}
.certify_bg_wrap .certify_inner_wrap .certify_num li{float: left; position: relative; width: 40%; }
.certify_bg_wrap .certify_inner_wrap .certify_num li:last-child{width: 20%; }
.certify_bg_wrap .certify_inner_wrap .certify_num li p{color:#999; margin-bottom: 13px;margin-left: -0.3em;}
.certify_bg_wrap .certify_inner_wrap .certify_num li span{display: block; width: 50px; height: 50px; border-radius:50%; border: 2px solid #dddddd; text-align: center; line-height: 45px; color:#fff;background-color: #dddddd;}
.certify_bg_wrap .certify_inner_wrap .certify_num li:last-child span:after{display: none;}
.certify_bg_wrap .certify_inner_wrap .certify_num li span:after{display: block; content: ''; clear: both; position: absolute; bottom:25%; z-index:-1; width: 100%; height: 2px; background-color: #ddd;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom{padding: 3em 0 1em; border-top: 2px solid #999999; }
.certify_bg_wrap .certify_inner_wrap .certify_bottom h3:before{display: inline-block; content: ''; clear: both; position: absolute; width: 5px; height: 5px; left:0; top:50%; border-radius:50%; background-color: #3683f7;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom h3{display: block; position: relative; margin-bottom: 1.5em; text-indent: 1.5%;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form{padding:3%; background-color: #eee;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input{width: 30%; background-color: #fff; border: 1px solid #dddddd; height:41px; padding: 5px 10px;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form .gol{margin: 0 0.5%; color:#666666;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form select{width: 35%; margin-left: 1%; margin-top: -6px; background: #fff url(../images/common/btn_arrow_bottom.png) 95% 50% no-repeat; -webkit-background-size: 3%;background-size: 3%;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .explanation{margin:2% 0 5%; color:#666; line-height: 1.5;}
.explanation{font-size: 14px;}
.left_bar_title>p{font-size: 14px;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email{display: block; width: 30%; margin:auto; padding: 1.5% 0; font-size: 19px; transition:0.4s;}
.certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email:hover{background-color: #aa53f4;}

.join_bottom{margin-top: 2em; padding-top: 2em; border-top: 2px solid #999;}
.join_bottom .red{font-weight: 400; font-size: 15px;}
.join_bottom form{margin-top: 1em;}
.join_bottom form .form_box .input_wrap{line-height:2;}
.join_bottom form .form_box li{padding:1em 0; border-bottom: 1px solid #eee;}
.join_bottom form .form_box li{padding:1em 0; border-bottom: 1px solid #eee;}
.join_bottom form .form_box li.pb1{padding-bottom: 0.5%;}
.join_bottom form .form_box .one_td {padding-left: 1em;    line-height: 45px;    font-weight: 500;}
.join_bottom form .form_box .one_td p{font-weight: 500;}
.join_bottom form .form_box li:first-child{border-top: 1px solid #eee;}
.join_bottom form .form_box li:after{display: block; content: ''; clear: both;}
.join_bottom form .form_box li>label{width: 15%; float: left; text-indent: 1em; line-height: 45px; font-weight: 500;}
.join_bottom form .form_box li .lhmiddle{line-height: 45px; margin-right: 2%;}
.join_bottom form .form_box li .lhmiddle:before{top:15px}
.join_bottom form .form_box li .lhmiddle:after{top:20px}
.join_bottom form .form_box li .input_wrap{width: 85%; float: right;}
.join_bottom form .form_box li .input_wrap .ipt{line-height: 45px; color:#999; border-color:#dddddd;}
.join_bottom form .form_box li .input_wrap .ipt00{width: 35%;}
.join_bottom form .form_box li .input_wrap .ipt00::placeholder{font-size: 15px;}
.join_bottom form .form_box li .input_wrap .ipt01{width: 17%;}
.join_bottom form .form_box li .input_wrap .ipt02{width: 40%;}
.join_bottom form .form_box li .input_wrap .phn_bar{margin: 0 1%; color:#999;}
.join_bottom form .form_box li .input_wrap .inner_sentence{display: inline-block; margin-left: 1%; color:#999;}
.join_bottom form .form_box li .input_wrap a.identify{display: inline-block;width: 15%;height: 37px;text-align: center;line-height: 37px;margin-left: 1%;}
.join_bottom form .form_box li .input_wrap label{color:#999; font-size: 16px;}
.join_bottom form .form_box li .input_wrap label.chkbox:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 25px;
    top: -4px;
    left: 1px;
    right: auto;
    background: url(../images/common/icon_check.png) 50% 50% no-repeat;
    -webkit-background-size: 10px;
    background-size: 10px;
}
.join_bottom form .form_box li .input_wrap select{background: #fff url(../images/common/btn_arrow_bottom.png) 95% 50% no-repeat; -webkit-background-size: 3%;background-size: 3%;}
.join_bottom form .form_box li .input_wrap select.ipt01{-webkit-background-size: 5%;background-size: 5%;}
.join_bottom form .form_box li .input_wrap select.ipt02{color:#666; font-weight: 500;}
.join_bottom form .last_sent{margin: 2em 0 4em; font-size: 15px; line-height: 1.5;}
.join_bottom form .go_join{display: block;width: 42%;margin: auto;text-align: center;padding: 1em 0;font-size: 19px; transition:0.4s;}
.join_bottom form .go_join:hover{background-color: #aa53f4;}
.join_bottom form .join_btn{display: inline-block; padding: 0em 1.3em; font-size: 15px; text-align: center;  margin-left: 1em; background-color: #eee;}
.join_bottom form  li span p{padding-right: 15px;}

@media screen and (max-width: 780px) {
    .join_bottom form .form_box li div.w50{
       float:none !important;
       width: 100% !important;
       margin-top: 1em;
    }
    .join_bottom form .go_join{
       width: 60%;
    }
}

@media screen and (max-width:720px){
	.certify_bg_wrap .certify_inner_wrap{
	   padding-bottom: 3em;
	}
	
}

@media screen and (max-width: 500px) {
    .join_bottom form li span p{
        display: block !important;
        margin-bottom: 1em;
    }
    .join_bottom form .go_join{
       width: 100%;
    }
    .join_bottom form .form_box .one_td{line-height:1;}
}


.finish_join_bottom{}
.finish_join_bottom .finish_box{width: 63%; margin:auto; padding:5%; border:2px solid #f4c252;}
.finish_join_bottom .finish_box li{border-bottom: 1px solid #ddd; padding-bottom: 2%; margin-bottom: 5%;font-size: 18px;}
.finish_join_bottom .finish_box li:last-child{margin-bottom: 0%;}
.finish_join_bottom .finish_box li dl:after{display: block; content: ''; clear: both;}
.finish_join_bottom .finish_box li dl dt:before{display: block; content: ''; clear: both; position: absolute; left: 0; top:3px; width: 5px; height: 5px; border-radius:50%; background-color: #f4c252;}
.finish_join_bottom .finish_box li dl dt{position: relative; width: 40%; float: left; text-indent: 6%; color:#222; font-weight: 500;}
.finish_join_bottom .finish_box li dl dd{width: 60%; float: right; text-align: right;}
.finish_join_bottom .finish_btn_box a{width: 30%;display: block;margin: auto;margin-top: 5%;padding: 2% 0;text-align: center;font-size: 18px;letter-spacing: 0; transition:0.4s;}
.finish_join_bottom .finish_btn_box a:hover{background-color: #aa53f4;}

#footer{background:#1a161e;}
#footer #ft_wrap{max-width:1230px;padding:0 15px; width:100%;margin:0 auto;position:relative;}
#footer .ft_menu{max-width:1230px;width:100%;margin:0 auto;border-bottom:1px solid rgba(255,255,255,0.1)}
#footer .ft_menu ul{}
#footer .ft_menu ul li a{font-size:13px; color:#fff;}
#footer .ft_menu ul li a{}
#footer .ft_menu ul{display:inline-block;}
#footer .ft_menu ul li{font-size:13px;position:relative;padding:2em 1em;float:left;}
#footer .ft_menu ul li:after{content:'';width:1px;height:8px;background:#cdd0d4; position:absolute;right:0;top:2.3em;}
#footer .ft_menu ul li:last-child:after{display:none;}
#footer .ft_menu ul li:first-child{padding-left:0}
#footer .ft_bottom{}
#footer .ft_bottom .ft_info{text-align:left;padding:1.2em 0;}
#footer .ft_bottom .ft_info ul{display:inline-block;width:100%;}
#footer .ft_bottom .ft_info ul li{float:left;line-height:1.7;}
#footer .ft_bottom .ft_info ul li p{display: inline-block; position: relative; padding: 0 20px;font-size: 13px; color:#999;}
#footer .ft_bottom .ft_info ul li p:before{content:'';width:1px;height:8px;background:#cdd0d4; position:absolute;left:0;top:0.65em;}
#footer .ft_bottom .ft_info ul li.another p:first-child:before{display: none;}
#footer .ft_bottom .ft_info ul li:last-child:after{}
#footer .ft_bottom .ft_info ul li:first-child:before{display:none;}
#footer .ft_bottom .ft_info ul li:first-child{padding-left:0}
#footer .ft_bottom .ft_info ul li:first-child p:first-child{padding-left:0}

#footer .snsLink{position:absolute; right:0; top:100px}
#footer .snsLink ul{display:inline-block;}
#footer .snsLink ul li{float:left;  margin-right: 10px;}
#footer .snsLink ul li a{}

#quick_adc{display: none;}

.quickBnrLeft{width:173px; position:absolute; top:450px;left:50%;margin-left:-820px;z-index:99;transition: all 0.3s ease 0.3s;}
.quickBnrLeft .imageArea{line-height:0; width:100%;height:auto;text-align:center;/*padding:22px 0;*/background:#fff;}
#quickMenu.quickBnrLeft>a{margin-bottom: 5px; display: block;}
#quickMenu.quickBnrLeft>a:last-child{margin-bottom: 0px;}
.quickBnrLeft .imageArea img{}
.quickBnrLeft .txtArea{padding:26px 0;text-align:center;}
.quickBnrLeft .txtArea strong{font-size:18px; font-weight:bold; padding:0 15px; word-break:keep-all; line-height:1.5; color:#222;width:100%;display:inline-block; margin-bottom:10px;}
.quickBnrLeft .txtArea .txt{font-size:14px;color:#333;line-height:18px; padding:0 15px; word-break:keep-all;}


.quickBnrRight{width:173px; position:absolute; top:450px; right:50%;margin-right:-820px;z-index:99;transition: all 0.3s ease 0.3s;}
.quickBnrRight .imageArea{line-height:0; width:100%;height:auto;text-align:center;/*padding:22px 0;*/background:#fff;}
#quickMenu2.quickBnrRight>a{margin-bottom: 5px; display: block;}
#quickMenu2.quickBnrRight>a:last-child{margin-bottom: 0px;}
.quickBnrRight .imageArea img{}
.quickBnrRight .txtArea{padding:17px 0;text-align:center;}
.quickBnrRight .txtArea strong{font-size:18px; line-height: 1.5; word-break:keep-all; padding:0 15px; font-weight:bold; color:#222;width:100%;display:inline-block; margin-bottom:10px;}
.quickBnrRight .txtArea .txt{font-size:14px;color:#333;line-height:18px; padding:0 15px; word-break:keep-all; }


#quickMenu.quickBnrLeft{transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;}
#quickMenu.quickBnrLeft.none{left:-173px !important;transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;}
#quickMenu.quickBnrLeft.quickMenu-rel {position: absolute;top: 450px;left:50%;margin-left:-820px;}
#quickMenu.quickBnrLeft.quickMenu-fix {position: fixed;top: 50%;left:48.5%;margin-left:-820px;}

#quickMenu2.quickBnrRight{transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;}
#quickMenu2.quickBnrRight.none{right:-173px !important;transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;}
#quickMenu2.quickBnrRight.quickMenu-rel {position: absolute;top: 450px;right:50%;margin-right:-820px;}
#quickMenu2.quickBnrRight.quickMenu-fix {position: fixed;top: 50%;right:48.5%;margin-right:-820px;}

@media all and (max-width:1610px) {
    #quickMenu.quickBnrLeft{display:none;left:-173px !important;transition: left .6s ease;-webkit-transition: left .6s ease;-moz-transition: left .6s ease;margin-left:0;}
    #quickMenu2.quickBnrRight{display:none;right:-173px !important;transition: right .6s ease;-webkit-transition: right .6s ease;-moz-transition: right .6s ease;margin-left:0;}
    #header_pc .gnb ul{padding:25px 0;}
    
}
@media all and (max-width:1480px) {
    #header_pc .gnb ul li ol li a{padding: 0 2em;}
}

@media screen and (max-width:1290px) {
    #header_pc .gnb .allcatebtn,
    #header_pc .allMenu2{display: none !Important;}
    #header_pc .gnb ul{width:100%;}
    #header_pc .gnb .gnbWrap>ul>li{text-align:center;}
    #header_pc .gnb ul>li:first-child .ol{margin-left: 0; left:0;}
    #header_pc .gnb ul>li:last-child .ol{margin-left:0; left:auto; right:15px;}
    #header_pc .gnb ul>li:first-child .ol.img_ol{transform: translateX(0); left:0; margin-left: 0;}
}

@media all and (max-width:1230px) {
    #header_pc .utillWrap .utill .left_ut{margin-left:0;}
    #header_pc .logoWrap .logoArea a.fr{right:15px;}
    #header_pc .gnb ul {font-size: 15px; padding:0;}
    #header_pc .utillWrap .utill .left_ut li:first-child>a{padding-left: 15px;}
    #header_pc .utillWrap .utill .right_ut{padding-right: 16px;}
    #header_pc .logoWrap .logoArea a.fl{padding-left: 15px;}
    #header_pc .gnb ul>li:last-child>a{padding-right: 15px;}
    #header_pc .gnb ul li .ol{top:69px;}
    #header_pc .gnb ul li a .border_span{padding:17px 0;}
    #header_pc .gnbWrap>ul>li{width: 12%;}
    #header_pc .gnbWrap>ul>li:nth-last-child(2){width:16%}
    #header_pc .gnbWrap>ul>li>a{display: block;padding: 27px 0;}
    #header_pc .gnb ul>li:not(.on):hover>a:after{left:48%; }
    #header_pc .gnb ul>li:first-child:hover>a:after{left:44%;}
    #header_pc .gnb ul>li:last-child:hover>a:after{left:39%;}
    #header_pc .gnb ul>li.on>a:after{left:46%;}
  /*  #header_pc .gnb ul li ol.padding02{padding:20% 0 21em;}*/
}

@media all and (max-width:1020px) {
    .login_bg_wrap .login_inner_wrap .adBanner_wrap{float:none; width: 100%;}
    .login_bg_wrap .login_inner_wrap{min-width:0;}
    .login_bg_wrap .login_inner_wrap .login_wrap{position: static;width: 100%; height: auto; padding:3em 0;margin-bottom: 2em;}
    .login_bg_wrap .login_inner_wrap .login_wrap h3{margin-top: 0;}
    
    .certify_bg_wrap .certify_inner_wrap .certify_num{width: 46%;}
    .certify_bg_wrap .certify_inner_wrap{width: 100%; }
    .certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form select{width: 34%;}
 
    #footer{background:#1a161e;}
    #footer #ft_wrap{max-width:1200px; width:100%;margin:0 auto;position:relative;}
    #footer .ft_menu{text-align:center;}
    #footer .ft_menu ul{}
    #footer .ft_menu ul li{}
    #footer .ft_menu ul li a{color:#fff;}
    #footer .ft_menu ul li a{}
    #footer .ft_menu ul{display:inline-block;}
    #footer .ft_menu ul li{position:relative;padding:20px 10px;float:left;}
    #footer .ft_menu ul li:after{content:'';width:1px;height:8px;background:#cdd0d4; position:absolute;right:0;top:24px}
    #footer .ft_menu ul li:last-child:after{display:none;}
    #footer .ft_menu ul li:first-child{padding-left:20px}
    #footer .ft_bottom{}
    #footer .ft_bottom .ft_info{text-align:center;padding:1.2em 0 0.5em;}
    #footer .ft_bottom .ft_info ul{display:inline-block;width:auto; text-align: center;}
    #footer .ft_bottom .ft_info ul li{color:#999;position:relative;padding:0 10px;}   
    #footer .ft_bottom .ft_info ul li.tablet{display: block; width: 100%;}   
    #footer .ft_bottom .ft_info ul li p:before{display: none;}
    #footer .ft_bottom .ft_info ul li.another p:before{content:'';display: inline-block; width:1px;height:8px;background:#cdd0d4; position:absolute;left:0;top:0.5em;}
    
    #footer .snsLink{position:relative; right:auto; top:auto;text-align:center;padding-bottom: 1.3em;}
    #footer .snsLink ul{display:inline-block;}
    #footer .snsLink ul li{float:left; /* padding:0 10px; */}
    #footer .snsLink ul li a{}
    
}


@media all and (max-width:830px) {
    .login_bg_wrap .login_inner_wrap{width: 92.307%;}
    .login_bg_wrap .login_inner_wrap .login_wrap .login_form{width: 80%;}
    .login_bg_wrap .login_inner_wrap .login_wrap .login_form input{
        -webkit-background-size: 3%;
        background-size: 3%;
    }
    .certify_bg_wrap .certify_inner_wrap,.order_list_wrap{font-size: 15px;}
    .certify_bg_wrap .certify_inner_wrap .certify_num{width: 78%;}
    .certify_bg_wrap .certify_inner_wrap .certify_num li p{margin-left: -0.2em;}
    .certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input{width: 29%;}
    .join_bottom form .form_box li .input_wrap .ipt{line-height: 40px;}
    .join_bottom form .form_box li .input_wrap a.identify{height: 40px; line-height: 40px;}
    .join_bottom form .form_box li>label{line-height: 40px;}
    #footer .ft_bottom .ft_info ul li.tablet{display: block; width: 100%;}
    #footer .ft_bottom .ft_info ul li.tablet:before{display: none;}
}

@media all and (max-width:720px) {
    .login_bg_wrap .login_inner_wrap{width: 92.307%;}
    .certify_bg_wrap .certify_inner_wrap .certify_top{font-size: 12px;}
    .certify_bg_wrap .certify_inner_wrap .certify_num{font-size: 14px;}
    .certify_bg_wrap .certify_inner_wrap .certify_num li p{margin-left: 0;}
    .certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email{padding: 2.5% 0;}
    .join_bottom form .form_box li>label{width: 25%;}
    .join_bottom form .form_box li .input_wrap{width: 75%;} 
    .join_bottom form .form_box li .input_wrap .inner_sentence{display: block; margin-top: 3%;}
    .join_bottom form .form_box li .input_wrap .ipt00{width: 55%;}
    .join_bottom form .form_box li .input_wrap a.identify{width: 25%;}
    .join_bottom form .form_box li .input_wrap .ipt01{width: 27%;}
    .join_bottom form .form_box li .input_wrap .ipt02{width: 70%;}
    .join_bottom form .form_box li .input_wrap select.ipt01{-webkit-background-size: 7%; background-size: 7%;}
}


@media all and (max-width:580px) {
    .join_bottom form .form_box li>label{text-indent: 0em; width: 32%;}
    .join_bottom form .form_box li .input_wrap{width: 68%;}
    .join_bottom form .form_box li .input_wrap a.identify{width:32%;}
    .login_bg_wrap{font-size: 13px;}
    .login_bg_wrap .login_inner_wrap .login_wrap p button{padding:0.9em 0;}
    .login_bg_wrap .login_inner_wrap .login_wrap .go_join{padding: 0.99em 0;}
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li a{padding: 1.15em 0;}
    .login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul{min-width:167px;}
    .finish_join_bottom .finish_box{width: 92.307%;}
    #footer #ft_wrap{font-size: 15px;}
    #footer .ft_bottom .ft_info ul li:first-child p:first-child , #footer .ft_bottom .ft_info ul li p{padding: 0 0.7em}
}

@media all and (max-width:414px) {
    #footer #ft_wrap{font-size: 14px;}
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer{
        margin-bottom: 0.7em;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li{
        float:none;
        width: 100%;
        margin-bottom: 0.7em;
    }
    
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:last-child{
        margin-bottom: 0;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li a{
        text-align: center;
        text-indent: 0;
        font-size: 16px;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver a{
        -webkit-background-size: 6%;
        background-size: 6%;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a{
        -webkit-background-size: 7%;
        background-size: 7%;
    }
    
}

@media all and (max-width:416px) {
    .certify_bg_wrap .certify_inner_wrap .certify_num{width: 100%;}
    .certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input{width: 28%;}
    .join_bottom form .form_box li .input_wrap .inner_sentence{font-size: 15px; line-height: 1.5;}
    .join_bottom form .form_box li .input_wrap .ipt00{width: 65%;}
    .join_bottom form .form_box li .input_wrap a.identify{line-height:32px !important;}
}

@media all and (max-width:390px) {
    #footer #ft_wrap{font-size: 12px;}
    #footer .ft_menu ul li{padding:20px 8px;}
    #footer .ft_menu ul li:after{top: 18px;}
    #footer .ft_menu ul li a{font-size: 12px;}
}

@media all and (max-width:375px) {
    #footer .ft_bottom .ft_info ul li p{font-size: 12px;}
    #footer .ft_menu ul li{padding:15px 6px 12px;}
    /* #footer .snsLink ul li{width: 75%;}
    #footer .snsLink ul li{width: 25%;} */
}
@media all and (max-width:345px) {
    #footer .ft_menu ul li{padding: 15px 5px}
    .certify_bg_wrap .certify_inner_wrap .certify_num{font-size: 13px;}
    #footer .ft_bottom .ft_info ul li p , #footer .ft_menu ul li a{font-size: 11px;}
    #footer .ft_bottom .ft_info ul li:first-child p:first-child, #footer .ft_bottom .ft_info ul li p{padding: 0 0.5em;}
}

/* SNS 간편 회원가입 */
.common_sns_login{padding: 5% 9%; width: 48% !important;}
.join_wrap{width: 100%; height: auto; padding-bottom: 3em; position: relative; background-color: #fff; text-align: center;}
.join_wrap h3{margin: 0 0 3em; padding-top:2em; font-weight: bold; font-size: 27px;}
.join_wrap .sns_login{border-left: 1px solid #ddd;}
.join_wrap h4{margin: 0 0 1em;font-weight: 500; font-size: 21px; line-height: 1.4; word-break:keep-all;}
.join_wrap h4+p{font-size: 14px; line-height: 1.4; margin-bottom: 1em;}
.join_wrap a.keybg{font-size: 16px; padding: 0.9em 0; margin-top: 0.5em;}
.join_wrap input{width: 100%; margin-bottom: 0.5em; padding:1.3em 0; text-indent: 10%; border-radius:0; border-color:#ccc; -webkit-background-size: 5%;background-size: 5%; background-position: 3% 50%; background-repeat: no-repeat; color:#ccc;}
.join_wrap input.userid{background-image:url(../images/member/icon_man.png); padding:1.29em 0;}
.join_wrap input.passwd{background-image: url(../images/member/icon_lock.png); padding:1.29em 0;}
.join_wrap .join_us{margin-left: 2%;}
.join_wrap .sns_login{margin-right: 2%;}

@media screen and (max-width:1020px){
    .join_wrap{
        padding-bottom: 0;
    }
    .join_wrap h3{
        padding-top: 8%;
        margin-bottom: 0;
    }
    .common_sns_login{
       float: none !important;
       width: 90% !important;
       margin:auto;
        padding-top: 8%;
       padding-bottom: 8%;
    }
    .join_wrap .join_us{margin-left: auto;}
    .join_wrap .sns_login{margin-right: auto;}
    .join_wrap .sns_login{
       border-left: none;
       border-top: 1px solid #ddd;
    }
}

/*제휴,섭외*/
.alliance.allianceBg{background:url(../img/allianceBg.jpg)no-repeat top center;background-size:cover;}
.alliance .cs-container .myInqWrite {border:1px solid #d7d7d7;padding:50px 40px;}
.alliance .myInqWrite .list-table{width:100%;border:0;}

.alliance .myInqWrite .list-table td{text-align:left;padding:0 1.3em 0.9em;}
.alliance .myInqWrite .list-table td h4{margin-bottom: 0.5em; font-size: 14px;}
.alliance .myInqWrite .list-table td label.radio{width:100px;}
.alliance .myInqWrite .list-table td .fullInput{width:100%;text-indent:10px; font-size:15px;}
.alliance .myInqWrite .list-table td input{text-indent:10px; font-size:15px;}
.alliance .myInqWrite .list-table td .srchFilter{padding-right:0;margin:0;}
.alliance .myInqWrite .list-table td .srchFilter .select-button{border-radius:0;text-indent:0;}
.alliance .myInqWrite .list-table td .srchFilter input{border-radius:0;margin-bottom:0;}
.alliance .myInqWrite .list-table td .srchFilter .select-list {top:36px; border-radius:0;box-sizing: content-box;}
.alliance .myInqWrite .list-table td .srchFilter .select-list ul li{border-radius:0;}
.alliance .myInqWrite .list-table td .number{width:100%; display:inline-block;}
.alliance .myInqWrite .list-table td .number select{width: 30%;margin-right: 0;float: left;border-radius:0;}
.alliance .myInqWrite .list-table td .number .phone{margin-right: 0;width: 30%;float: left;}
.alliance .myInqWrite .list-table td .number span{width: 5%;display: inline-block;float: left;text-align: center;line-height: 1.5em;}
.alliance .myInqWrite .list-table td .mail{width:100%; display:inline-block;}
.alliance .myInqWrite .list-table td .mail .mail1{width: 29%;margin-right: 0;float: left;}
.alliance .myInqWrite .list-table td .mail .mail2{width: 29%;margin-right: 3%;float: left;}
.alliance .myInqWrite .list-table td .mail span{width: 7%;display: inline-block;float: left;text-align: center;line-height: 1.5em;}
.alliance .myInqWrite .list-table td .mail select{width: 32%;margin-right: 0;float: left;border-radius:0;}
.alliance .myInqWrite .list-table select{ background: #fff url(../images/common/btn_arrow_bottom.png) 95% 50% no-repeat; -webkit-background-size: 5%;background-size: 5%;}
.alliance .myInqWrite .list-table select#select5{ -webkit-background-size: 2%;background-size: 2%;}
.alliance .myInqWrite .list-table td textarea{width:100%;height:150px; padding:1em; font-size:15px; line-height:1em;font-weight:300; border-color:#ddd;}
.alliance .myInqWrite tbody tr:first-child td{padding:0 1.3em 0.9em;}
.alliance .myInqWrite tbody tr:last-child td{padding:0 1.3em 0.9em;}
.alliance .agreeFormWrap{text-align:left; padding:0 1.4em; margin-top: 1em;}
.alliance .agreeFormWrap h4{text-align:left;margin-bottom:7px;font-size:15px;}
.alliance .agreeFormWrap .agreeForm{width:100%;height:150px; padding:0.9em;overflow-y:scroll;border:1px solid #d7d7d7;font-size: 15px; line-height:1.4em;}
.alliance .agreeFormWrap .agreeForm p{}
.alliance .agreeFormWrap .radioArea{margin-top:1em;}
.alliance .myInqWrite .btn{margin-top:2em;}
.alliance .myInqWrite .btn a.roundBtn:nth-child(2){margin-left:1em;}
.alliance label.radio:before{top:0;}
.alliance label.radio:after{top:5px;}
.alliance label{
    padding-right: 26px;
    text-indent: 0;
    font-size: 16px;
}
.alliance label:before {
    left: auto;
    right: 0;
}
.alliance label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 15px;
    height: 25px;
    top: -5px;
    left:auto;
    right: 1px;
    background: url(../images/common/icon_check.png) 50% 50% no-repeat;
    -webkit-background-size: 70%;
    background-size: 70%;
}
.alliance label#radio3:after{
    opacity: 1;
}

@media screen and (max-width:720px) {
    
    .line-box{border:1px solid #d7d7d7;padding:15px 15px;background:#fff;}
    .alliance .cs-container .myInqWrite {border:1px solid #d7d7d7;}
    .alliance .myInqWrite .list-table{width:100%;border:0;}
    
    .alliance .myInqWrite .list-table td{display:block;width:100%;border-bottom:0; text-align:left;}
    .alliance .myInqWrite .list-table td {width:100%\9;float:left\9;}/*ie9에서 width값 적용안되는 부분*/
    .alliance .myInqWrite .list-table td label.radio{width:100px;}
    .alliance .myInqWrite .list-table td .fullInput, 
    .alliance .myInqWrite .list-table td textarea{width:100%;}
    .alliance .agreeFormWrap h4{margin-bottom:10px;}
    .alliance .myInqWrite .list-table td .mail{width:100%; display:inline-block;}
    .alliance .myInqWrite .list-table td .mail .mail1{width: 45%;}
    .alliance .myInqWrite .list-table td .mail .mail2{width: 45%;margin-right: 0%;}
    .alliance .myInqWrite .list-table td .mail span{width: 10%;margin-top:5px;}
    .alliance .myInqWrite .list-table td .mail select{width: 100%;}
    .alliance .myInqWrite .btn a.roundBtn{width:48%;}
    .alliance .myInqWrite .btn a.roundBtn:nth-child(2){margin-left:5px;}
    .alliance .myInqWrite .list-table select{-webkit-background-size: 2%;background-size: 2%;}
    .alliance .myInqWrite #select4{margin-top: 1em;}
}

@media screen and (max-width:500px) {
    .alliance .cs-container .myInqWrite{
       padding: 3em 1em;
    }
}

@media screen and (max-width:380px) {
    .alliance .cs-container .myInqWrite {
        padding: 2em 0.1em;
    }
}

@media screen and (max-width:320px) {
    .alliance .cs-container .myInqWrite {
        padding: 1em 0.1em;
    }
}


/* 비밀번호, 아이디 찾기 */

.containerWrap{text-align: center; max-width: 1240px; margin: 0 auto; padding-top: 5em;}
.subBox.whiteBox.joinBox.login-step2.findPwBox{width: 39.5%; background-color: #fff; text-align: left; display: inline-block; border:0; box-sizing: border-box;  margin: 0px auto 110px;  padding: 50px 60px;}
.subBox.whiteBox.joinBox.login-step2.findPwBox h3{font-size:20px; text-align:center;margin-bottom:1.5em; font-weight:500;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea{padding:0;border-right:0;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea h4{font-size: 15px; margin: 1em 0 0.5em;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea .userInfo .mail .mail2{width:34.5%;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .number{display:inline-block; width:100%;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .number select{margin-right:0;width:26%;float:left;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .number input{width:32%; border-radius:0;float:left;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .number span{display:inline-block; text-align:center; width:5%;float:left; line-height:37px;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea .btnarea{margin-top:23px;}
.subBox.whiteBox.joinBox.login-step2.findPwBox p.txt{font-size:14px; color:#777; line-height:19px;white-space:pre-line; margin-top:25px;text-align:center;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .grayBox{background:#f2f2f2; width:100%; line-height:19px; color:#555; font-size:14px;text-align:center; white-space:pre-line;padding:25px 10px;margin-top:30px;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .grayBox a{display:inline-block;height:auto; line-height:normal;width:auto; color:#269cd3;margin-bottom:0;line-height:19px; }
.subBox.whiteBox.joinBox.login-step2.findPwBox .ipt01{
    width: 59.5%;
}
.subBox.whiteBox.joinBox.login-step2.findPwBox .ipt02{
    width: 6%;
}
.subBox.whiteBox.joinBox.login-step2.findPwBox .ipt03{
    width: 34.5%;
}
.subBox.whiteBox.joinBox.login-step2.findPwBox select{margin-top: 0.5em;background: #fff url(../images/common/btn_arrow_bottom.png) 95% 50% no-repeat;}
#tab1{-webkit-background-size: 2%; background-size: 2%;}
#tab2{-webkit-background-size: 8%; background-size: 8%;}
#id_hp1{margin-top: 0;}

#divTab {width: 100%; display: inline-block; margin-left: 1px;}
#divTab .m-tabs{width: 100%;}
#divTab .m-tabs li {
    width: 50%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #eee;
    border-bottom: 1px solid #231815;
    color: #999;
    background: transparent;
    margin: -1px 0 0 -1px;
    text-align: center;
    z-index: 1;
    line-height: 14px;
}
#divTab .m-tabs li.active {
    border: 1px solid #231815;
    color: #231815;
    border-bottom: 1px solid transparent;
    z-index: 2;
    position: relative;
}
#divTab .m-tabs li a {
    display: block;
    padding: 11px 0px 13px;
}
.roundBtn {
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 43px;
    line-height: 1;
    cursor: pointer;
    border:none;
}
.subBox.whiteBox .loginArea .btnarea button {
    width: 100%;
    margin: 5px 0 0px;
    height: 43px;
    line-height: 41px;
    cursor: pointer;
}

.subBox.whiteBox .findBox{padding:50px 0 0 0;}
.subBox.whiteBox .findBox .loginArea p{font-size:14px;color:#00bff0;font-weight:bold;}
.subBox.whiteBox .findBox .loginArea input{background:transparent; border:0; width:100%; border-bottom:1px solid #ddd; padding:12px 0px;}
.subBox.whiteBox .findBox .btnarea{margin:40px 0 0px;}
.subBox.whiteBox .findBox button.findBtn{width:166px;}

.subBox.whiteBox .findBox .foundInfo{border:1px solid #dff0d8; border-radius:5px; background:#dff0d8;color:#2b542c;padding:20px 15px;font-size:14px;margin-top:15px;}
.subBox.whiteBox .findBox .foundInfo .fa.big{font-size:48px;}
.subBox.whiteBox .findBox .foundInfo > div > strong{font-size:16px;}
.subBox.whiteBox .findBox .foundInfo strong{color:#2b542c;}
.subBox.whiteBox .findBox .foundInfo strong.name{font-size:16px;}
.subBox.whiteBox .findBox .foundInfo strong.id{font-size:20px;}
.subBox.whiteBox .findBox .foundInfo .textBtn{color:#2b542c;}

.subBox.whiteBox .findBox .notfoundInfo{border:1px solid #faebcc; border-radius:5px; background:#fcf8e3;color:#8a6d3b;padding:20px 15px;font-size:14px;margin-top:15px;}
.subBox.whiteBox .findBox .notfoundInfo .fa.big{font-size:48px;}
.subBox.whiteBox .findBox .notfoundInfo > div > strong{font-size:16px;}
.subBox.whiteBox .findBox .notfoundInfo > p{font-size:16px;line-height:20px;}

.findtabArea{width:100%; display:inline-block;margin-top:10px;}
.findtabArea .m-tabs{border-bottom:1px solid #ddd;width:100%; display:inline-block;margin-bottom:10px;}
.findtabArea .m-tabs li{float:left; margin-bottom:-1px;padding:6px 15px;font-size:12px;}
.findtabArea .m-tabs li.active{border:1px solid #ddd;border-bottom:1px solid transparent;background:#fff;border-radius:3px 3px 0 0;}
.grayBox{background:#f5f5f5;padding:10px;border-radius:3px;margin-top:5px;}
.grayBox .text-info{color:#31708f;font-size:13px;}

.subBox.whiteBox .findBox .foundPwInfo{border:1px solid #dff0d8; border-radius:5px; background:#dff0d8;color:#2b542c;padding:20px 15px;font-size:14px;margin-top:15px;}
.subBox.whiteBox .findBox .foundPwInfo .fa.big{font-size:48px;}
.subBox.whiteBox .findBox .foundPwInfo > div{line-height:18px;}
.subBox.whiteBox .findBox .foundPwInfo > div > strong{font-size:16px;}
.subBox.whiteBox .findBox .foundPwInfo strong{color:#2b542c;}
.subBox.whiteBox.joinBox.login-step2.findPwBox .number select{margin-top: 0;}

@media screen and (max-width:1200px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox{
       width: 60%;
    }
}

@media screen and (max-width:860px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox{
       width: 80%;
    }
}

@media screen and (max-width:650px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox{
       width: 92.307%;
       padding: 1.5em;
    }
}

@media screen and (max-width:410px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox{
       font-size: 13px;
    }
}

@media screen and (max-width:360px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox{
       font-size: 12px;
    }
    .subBox.whiteBox.joinBox.login-step2.findPwBox select{
       font-size: 16px;
    }
}


/* layer pop up 동영상 */

#common_layer{
    position: fixed;
    width: 100%; height: 100%;
    left: 0; top: 0;
    display: none;
    z-index: 10;
}
#common_layer .bg_layer{
    position: absolute;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.6);
}
#common_layer .vimeo_wrap{
    position: relative;
    width: 100%; height: auto;
    max-width:1230px;
    margin: 12% auto;
}
#common_layer .vimeo_wrap .closed{
    position: absolute;
    width: 38px; height: 38px;
    right: 0; top: -80px;
    z-index: 5;
}
#common_layer .vimeo_wrap .vimeo_inner{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 48%;
}
#common_layer .vimeo_wrap .vimeo_inner iframe{
    position: absolute;
    width: 100%; height: 100%;
    left: 0; top: 0;
}

@media screen and (max-width:1260px){
    #common_layer .vimeo_wrap{
       width:calc(100% - 30px);
       margin: 160px auto;
    }
}

@media screen and (max-width:720px){
    #common_layer .vimeo_wrap .closed{
       width: 25px; height: 25px;
       top:-40px;
    }
    #common_layer .vimeo_wrap .closed img{
       width: 100%;
    }
}