@charset "utf-8";

/* ==========================================================================
   Layout
   ========================================================================== */

#member #container{padding-top:0}
#wrap_member{display:flex; min-height:100vh; justify-content: center; align-items: center; flex-direction: column;}
.member_grid1{position:relative; width:100%; max-width:420px; margin:0 auto}
.member_grid2{position:relative; width:100%; max-width:580px; margin:0 auto}
.member_title{font-size:26px; font-weight:bold; color:#222; text-align:center}
.member_title.eng{font-family: 'Oswald', sans-serif; font-size:34px}
.member_text{font-family:'Malgun Gothic', '맑은 고딕'; font-size:13px; color:#333; text-align:center; line-height:22px}
.member_text .req{color:#cc0909}
.member_title + .member_text{margin-top:8px;}

.member_title1{font-size:16px; font-weight:bold; color:#1b38a0; line-height:26px; padding:14px 0; border-top:1px solid #1b38a0; border-bottom:1px solid #ddd; margin-bottom:30px}
.member_header{text-align:center}
.member_header .logo{padding:30px 0;}
.member_header .logo img{width:205px}
.member_box{position:relative;  border:1px solid #e4e4e4; border-top:1px solid #333; background-color:#fff; box-sizing:border-box; }
.member_grid1 .member_box{padding:40px 30px;}
.member_grid2 .member_box{padding:40px 60px}

.member_refer1{margin-top:30px; border-top:1px solid #e6e6e6; padding-top:30px; font-size:14px; color:#222; text-align:center}
.member_refer3{position: relative; top: 2px;margin-left: 7px; font-size: 13px; font-weight: 300; color: #e14c4c;}
.footer_member{padding:30px 0; font-family:'Malgun Gothic', '맑은 고딕'; font-size:13px; color:#777; text-align:center}
.warn_box1{position:relative; font-size:12px; color:#1b38a0; line-height:48px; text-align:center; border:1px solid #e8e8e8; background-color:#f5f5f5; letter-spacing:-0.5px}
.warn_box1 .btn_x{display:inline-block; position:absolute; top:12px; right:10px; line-height:1; padding:7px; cursor:pointer}
.warn_box1 .btn_x img{width:11px}

.member_form{margin-top:25px}
.member_form + .member_form{margin-top:40px}
.member_form .member_ip input{margin-bottom:8px}
.member_form .member_ip1 > div:before,
.member_form .member_ip1 > div:after {content:" "; display: table;}
.member_form .member_ip1 > div:after {clear: both;}
.member_form .member_ip1 > div{margin-bottom:8px}
.member_form .member_ip1 .brb{padding-bottom:20px; border-bottom:1px solid #eaeaea}
.member_form .member_ip1 .i_left{float:left; width:50px;}
.member_form .member_ip1 .i_right{float:right; width:calc(100% - 60px);}
.member_form .member_ip1.s1 > div{margin-bottom:12px}
.member_form .member_ip1.s1 .i_left{float:left; width:100px;}
.member_form .member_ip1.s1 .i_right{float:right; width:calc(100% - 110px);}
.member_form .member_ip1.s1 .in_row{margin-bottom:8px}
.member_form .member_ip1.s1 .in_row:last-child{margin-bottom:0}
.member_form .member_ip1 .i_left span{display:block; font-size:14px; color:#222; line-height:47px}
.member_form .member_ip1 .i_left span i{color:#1b38a0}
.member_form .member_ip1 .i_right input{display:block; }
.member_form .member_ip1 .i_right img {width: 45px; height: 45px; object-fit: cover; border-radius: 50%; margin-top:10px;}
.member_form .member_ip1.s1 .address input{background-color:#eee}
.member_form .member_ip1 .searchbar3 input{float:left; width:calc(100% - 101px); border-radius:5px}
.member_form .member_ip1 .searchbar3 .btn{display:block; float:right; width:96px; font-size:13px; color:#fff; text-align:center; line-height:47px; background-color:#777; border-radius:5px}
.member_form .member_ip1 .searchbar3 .btn_left{display:block; float:left; width:120px; font-size:13px; color:#fff; text-align:center; line-height:47px; background-color:#777; border-radius:5px}

.member_form .member_ip1 .searchbar4 input{float:right; width:calc(100% - 95px); border-radius:5px}
.member_form .member_ip1 .searchbar4 .btn{display:block; float:left; width:90px; font-size:13px; color:#777; text-align:center; line-height:47px; background-color:#eee; border-radius:5px}
.member_form .member_ip1 .i_right.dv3 input{float:left; width:30%}
.member_form .member_ip1 .i_right.dv3 span{display:block; float:left; width:5%; text-align:center; line-height:47px; }
.member_form .member_ip1 .radio_set{padding-top:13px}
.member_form .member_ip1 .spam_set span, .member_form .member_ip1 .spam_set input{display:block; }
.member_form .member_ip1 .spam_set span.spam_number{float:left; width:70px; font-size:20px; font-weight:bold; color:#222; line-height:47px}
.member_form .member_ip1 .spam_set input{float:right; width:calc(100% - 75px)}
.member_form .member_ag{margin-top:20px}
.member_form .member_ag .member_agree{float:left;}
.member_form .member_ag .btn_set{float:right; padding-top:3px}
.member_form .member_ag .btn_set a{display:inline-block; font-size:13px; color:#888}
.member_form .member_ag .btn_set a:last-child:before{content:"|"; font-size:11px; color:#ccc; vertical-align:top; padding:0 10px 0 8px}
.member_form .member_sb{margin-top:30px}
.member_form .member_tabs{margin-bottom:25px}
.member_form .member_tabs:before,
.member_form .member_tabs:after {content:" "; display: table;}
.member_form .member_tabs:after {clear: both;}
.member_form .member_tabs > div{float:left; width:50%}
.member_form .member_tabs > div > a{display:block; text-align:center; line-height:52px; font-size:15px; font-weight:bold; color:#bebebe; border:1px solid #eaeaea; border-bottom:0; border-right:0; background-color:#eaeaea; box-sizing:border-box;}
.member_form .member_tabs > div:last-child > a{border-right:1px solid #eaeaea}
.member_form .member_tabs > div.current > a{color:#1b38a0; border-top:1px solid #1b38a0; background-color:#fff}

.member_select .txt1{font-size:13px; color:#cc0909; text-align:center; line-height:22px}
.member_select .btn_set{margin-top:25px}
.member_select .btn_set > div{margin-bottom:10px}
.member_select .btn_set a{display:block; width:100%; line-height:47px; font-size:16px; font-weight:bold; color:#999; text-align:center; border:1px solid #e1e1e1; background-color:#fff; border-radius:6px; transition:ease-in-out .2s}
.member_select .btn_set a:hover{color:#1b38a0; border-color:#1b38a0}

.member_terms{margin-top:25px; padding-top:30px; border-top:1px solid #1b38a0}
.member_terms > ul > li{margin-bottom:30px}
.member_terms > ul > li:first-child{padding-bottom:35px; border-bottom:1px solid #eaeaea}
.member_terms > ul > li p{margin-top:8px; font-size:12px; line-height:18px;}
.member_terms > ul > li .term_box{margin-top:12px; height:150px; padding:15px 15px; border:1px solid #eaeaea; background-color:#f6f6f6; overflow-y:auto; box-sizing:border-box; }
.member_terms > ul > li .term_box .pre_box{font-size:13px; line-height:18px}
.member_terms > ul > li strong{color:#1b38a0}

.member_terms .member_sb{margin-top:45px}