@charset "utf-8";
/* CSS Document */

#pop_wrap { float:left; width:400px; height:230px;padding:20px; position:relative}
#pop_wrap h3 {float:left; width:100%; color:#644f32; font-size:22px; padding:12px 0; font-weight:600}
#pop_wrap .btm_color { border-bottom:solid 2px #328ede; margin-top:10px}
#pop_wrap .inner p { float:left;font-size:15px; font-weight:600; color:#000; width:100%; position:relative; margin:20px 0}
#pop_wrap .inner .text { font-size:13px; line-height:1.6;padding-top:30px; float:left; width:100%}
#pop_wrap .inner .text li strong { float:left;width:90px; display:inline-block}
#pop_wrap .inner .text li input { border:solid 1px #E4E4E4; width:100px; height:24px}
#pop_wrap .foot { float:left; width:100%; font-size:13px; line-height:1.4}
#pop_wrap .foot a { float:right; width:30px; height:20px; background:url(../img/pop_close.png) no-repeat 0 4px; padding-left:18px; }
.btn_wrp {float:left; width:100%; text-align:center; margin-top:20px}
.btn_wrp a{ padding-right:1px}


#pop_wrap2 { float:left; height:auto;padding:20px; position:relative}
#pop_wrap2 h3 {float:left; width:100%; color:#644f32; font-size:22px; padding:12px 0; font-weight:600}
#pop_wrap2 .btm_color { border-bottom:solid 3px #dd9319; margin-top:10px}
.text2 { font-size:13px; line-height:1.6;padding-top:10px; float:left; width:100%;}
.text2 li { border-bottom:solid 1px #E0E0E0; padding:7px 0}
.text2 li strong { float:left;width:100px; display:inline-block; color:#000}
.text2 li em { font-weight:600; color:#F33}
.text2 li input { border:solid 1px #E4E4E4; height:24px}
.text2 li .blk{display:inline-block; width:280px}
.text2 li .stxt { font-size:11px; color:#888}
#pop_wrap2 .btn_wrp {float:left; width:100%; text-align:center; margin-top:20px; position:relative}
#pop_wrap2 .btn_wrp a{ padding-right:1px}
#pop_wrap2 .foot { float:left; width:100%; font-size:13px; line-height:1.4; margin-top:10px}
#pop_wrap2 .foot a { float:right; width:70px; background:url(../img/pop_close.png) no-repeat 12px center; padding:5px 10px 5px 22px; background-color:#13305e; color:#fff; text-align:center }
#pop_wrap2 .inner .id_chk { text-align:center; margin:10px 0; float:left; width:100%; font-size:13px; line-height:1.5;border-bottom:solid 1px #E0E0E0; padding:10px 0}
#pop_wrap2 .inner .id_chk p{ font-size:16px; color:#34446e; font-weight:600}
#pop_wrap2 .inner {font-family:'맑은 고딕',Malgun Gothic;letter-spacing:-0.07em}
#pop_wrap2 .inner input { height:30px; }
.text2 li input[type=radio] { border:0 !important; height:auto; width:auto; margin-right:3px; margin-left:3px}

.text3 { font-size:13px; line-height:1.6;padding-top:10px; float:left; width:100%;}
.text3 li { border-bottom:solid 1px #E0E0E0; padding:7px 0}
.text3 li strong { float:left;width:50px; display:inline-block; color:#000}
.text3 li input { border:solid 1px #E4E4E4; width:150px; height:24px}

.text4 { font-size:15px; line-height:1.6;padding-top:10px; float:left; width:100%;}
.text4 li { border-bottom:solid 1px #E0E0E0; padding:7px 0}
.text4 li strong { float:left;width:120px; display:inline-block; color:#000; padding-right:10px}
.text4 li input { border:solid 1px #E4E4E4; height:24px}
.pop_tarea { width:98%; height:80px; border:solid 1px #e0e0e0}

.text5 { font-size:15px; line-height:1.8;padding-top:10px; float:left; width:100%; }
.text5 li { border-bottom:solid 1px #E0E0E0; padding:4px 0}
.text5 li strong { float:left;width:auto; display:inline-block; color:#000; padding-right:10px}
.text5 li input { border:solid 1px #E4E4E4; height:32px}

.text2 { font-size:15px; line-height:1.6;padding-top:10px; float:left; width:100%;}
.text2 li { border-bottom:solid 1px #E0E0E0; padding:7px 0}
.text2 li strong { float:left;width:100px; display:inline-block; color:#000}
.text2 li em { font-weight:600; color:#F33}
.text2 li input { border:solid 1px #E4E4E4; height:24px}
.text2 li .blk{display:inline-block; width:280px}
.text2 li .stxt {  color:#888}

.tbox { float:left; width:100%; margin:15px 0}
.srhbtn_s a { display:inline-block; background-color:#476eb1; border-radius:5px; padding:2px 10px; height:31px; line-height:1.7em; color:#fff; letter-spacing:-0.08em; margin:0 1px; font-size:14px}

#pop_wrap, #pop_wrap2 a:hover { color:#fff !important; background-color:#000000}

.pop_btn a{ display:inline-block; width:96px; height:36px; line-height:2.2; background-color:#476eb1; color:#fff; font-size:13px; border-radius:20px; text-align:center; font-size:16px }
.pop_btn a:hover { color:#FF0 !important}
.pop_btn_red a{ display:inline-block; width:96px; height:36px; line-height:2.2; background-color:#ab2c2e; color:#fff; font-size:13px; border-radius:20px; text-align:center; font-size:16px }
.pop_btn_red a:hover { color:#FF0 !important}

/* sns 로그인추가 */
.test { border: 1px solid red;}
.login_box ul.sns_tab { float: left; width: 100%; border-bottom: 1px solid #1b4995; margin-bottom: 10px; margin-top: 1.4em;}
.login_box ul.sns_tab li a{ float: left; width: 30%; height: 30px; line-height: 30px; background-color: #ffffff; text-align: center; font-size: 14px;}
.login_box ul.sns_tab li a.select{ float: left; width: 30%; background-color: #1b4995; color: #ffffff;}
.login_box ul.sns_tab li a:hover{ float: left; width: 30%; background-color: #1b4995; color: #ffffff !important;}
.login_box .login_sns {float: left; width: 100%; height: 100px;}
.login_box .login_sns .btn_bx a{ width: 100%; height: 46px; border:1px solid #b0b0b0; border-radius: 4px; margin-bottom: 2px; display: block; line-height: 46px; padding-left: 70px; font-weight: 600; font-size: 15px; color: #6d6d6d; box-sizing: border-box; position: relative;}
.login_box .login_sns .btn_bx a::after { position: absolute; width: 1px; height: 44px; background-color: #d7d7d7; left: 52px; top: 1px; content: "";}
.login_box .login_sns .btn_bx.naver { background:url(../img/login_naver.png) no-repeat 17px center; background-repeat: no-repeat;}
.login_box .login_sns .btn_bx.google { background:url(../img/login_google.png) no-repeat 17px center; background-repeat: no-repeat;}