/*font*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');	

/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:middle}
body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR','Nanum Gothic',sans-serif; font-size:12px; color:#222;letter-spacing:-0.5px}
h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:600}
em,i{font-style:normal}
a,a:hover,a:active,a:focus{text-decoration:none}

/*common*/
body{min-width:1300px}
.container{position:relative;width:1197px;margin:0 auto}	
.container:after,
.clear:after,
ul:after{display:block;content:'';clear:both}


/* header */
#header{position:relative;z-index:100;padding:35px 0}
.hsec1 h1{float:left}
.hsec1 .lnb{float:left;margin-left:160px}
.hsec1 .lnb li{display:inline-block;margin:0 35px}
.hsec1 .lnb li a{display:block;font-size:18px;line-height:60px}
.hsec1 .gnb{float:right;padding:10px 0}
.hsec1 .gnb a{display:inline-block;line-height:36px;border:1px solid #222;width:108px;text-align:center;border-radius:108px;margin:0 2px;font-size:16px}



/* footer */
#footer{background:#f8f8f8}
.fsec1{padding:20px 0;border:1px solid #000;border-width:1px 0}
.fsec1 .con1{float:left}
.fsec1 .con2{float:right;line-height:40px;font-size:20px;color:#555;font-weight:500;letter-spacing:-1px}
.fsec1 .con2 em{font-size:28px;color:#e5225f;margin-left:20px}

.fsec2{padding:30px 0;font-size:12px}
.fsec2 .logo{float:left}
.fsec2 .company{float:left;padding-left:50px}
.fsec2 .company .menu a{font-size:12px;margin-right:30px;color:#000}
.fsec2 .company .info{margin:20px 0;color:#666;line-height:1.8;font-weight:300}
.fsec2 .company .info i{margin:0 10px}
.fsec2 .company .copyright{color:#000}



/*form*/
::placeholder {opacity: 0.5; /* Firefox */}
:-ms-input-placeholder {opacity: 0.5; /* Internet Explorer 10-11 */}
::-ms-input-placeholder {opacity: 0.5; /* Microsoft Edge */}
input[type=text],
input[type=password]{border:0;height:40px;line-height:40px;font-size:16px;text-indent:10px}
input[type=submit]{display:inline-block;border:0;width:270px;height:50px;line-height:50px;font-size:20px;background:#e8b83a;line-height:50px;border-radius:50px;color:#fff;font-weight:600;cursor:pointer;border:1px solid #333;margin:20px 0}


/*popup_win*/
.popup_win{display:none;position:fixed;z-index:200;left:0;top:0;width:100%;height:100%}
.popup_win.on{display:block}
.popup_win .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.popup_win .box{display:none;position:absolute;left:50%;top:50%;width:560px;height:auto;background:#fff;transform:translate(-50%,-50%);border-radius:20px;text-align:center;padding:50px 0;overflow:hidden}
.popup_win .box.on{display:block}

.popup_win .loginG .tit{margin:50px 0;font-size:20px}
.popup_win .loginG .con{width:280px;margin:0 auto}
.popup_win .loginG .con .id,
.popup_win .loginG .con .pw{border-bottom:1px solid #ccc;margin:20px 0;padding:10px 0;padding-left:50px}
.popup_win .loginG .con .id{background:url('../images/ico_log.png') no-repeat 5px center}
.popup_win .loginG .con .pw{background:url('../images/ico_lock.png') no-repeat 5px center}
.popup_win .loginG .more {margin:20px 0;font-size:18px}
.popup_win .loginG .more a{font-size:20px;margin:0 5px}

.popup_win .joinG .tit{margin:50px 0;font-size:20px}
.popup_win .joinG .current{text-align:center;margin:-25px 0 60px}
.popup_win .joinG .current li{display:inline-block;vertical-align:middle; margin:0 12px;width:19px;height:19px;background:#d4d4d4;border-radius:100%;text-indent:-9999px}
.popup_win .joinG .current li.on{width:27px;height:27px;line-height:24px;background:#e8bb3a;text-align:center;color:#fff;font-weight:600;font-size:16px;text-indent:0}

.popup_win .joinG .steps{display:none;position:relative}
.popup_win .joinG .steps.on{display:block;}
.popup_win .joinG .steps .con{width:360px;min-height:350px;margin:0 auto;text-align:left;font-size:15px}
.popup_win .joinG .steps .next{line-height:40px;background:#e8bb3a;font-size:20px;font-weight:600;color:#fff;text-align:center;width:50%;margin:0 auto;border:1px solid #222;border-radius:40px;cursor:pointer}
.popup_win .joinG .steps .submit{line-height:40px;background:#e8bb3a;font-size:20px;font-weight:600;color:#fff;text-align:center;width:50%;margin:0 auto;border:1px solid #222;border-radius:40px;cursor:pointer}


.popup_win .joinG .step1 .con li{margin:15px 0}
.popup_win .joinG .step1 .con li span{display:inline-block;vertical-align:middle}
.popup_win .joinG .step1 .con li .cir{width:15px;height:15px;background:#ccc;border-radius:50%;margin-right:15px;cursor:pointer}
.popup_win .joinG .step1 .con li .cir.on{background:#e4225f}
.popup_win .joinG .step1 .con li .desc{}
.popup_win .joinG .step1 .con li .desc i{display:inline-block;margin-right:5px}
.popup_win .joinG .step1 .con li .desc .required{color:#e4225f}
.popup_win .joinG .step1 .con li .open_more{float:right;color:#777;cursor:pointer}
.popup_win .joinG .step1 .all{border-top:1px solid #eee;margin:30px 0}
.popup_win .joinG .step1 .all .desc{font-size:16px;font-weight:600}

.popup_win .joinG .more_win{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.popup_win .joinG .more_win.on{display:block}
.popup_win .joinG .more_win .inner{position:absolute;left:50%;top:50%;width:500px;height:auto;background:#fff;transform:translate(-50%,-50%)}
.popup_win .joinG .more_win .mtit{line-height:80px;text-align:center;background:#e8b13d;font-size:26px;color:#fff;font-weight:500}
.popup_win .joinG .more_win .mcon{padding:40px 30px;min-height:340px}
.popup_win .joinG .more_win .mclose{position:relativ;width:160px;line-height:35px;text-align:center;border-radius:40px;border:1px solid #e8b13d;margin:30px auto;cursor: pointer}

.popup_win .agreeGs{position:absolute;left:50%;top:50%;width:500px;height:auto;padding:0;border-radius:0}
.popup_win .agreeGs .mtit{line-height:80px;text-align:center;background:#e8b13d;font-size:26px;color:#fff;font-weight:500}
.popup_win .agreeGs .mcon{padding:40px 30px;min-height:340px}
.popup_win .agreeGs .mclose{position:relativ;width:160px;line-height:35px;text-align:center;border-radius:40px;border:1px solid #e8b13d;margin:30px auto;cursor: pointer}