@charset "euc-kr";
/* CSS Document */

/* ·Î±×ÀÎÆ˾÷¿ë css*/
.popup_box {display:; width:430px; padding-bottom:30px; border-radius:16px;  color:#6b6a6a; background:#fff;}
.popup_box span.b-close_style{z-index:9999999999; position:absolute; top:20px; right:20px; cursor:pointer;}
.popup_box .content{width:auto;height:auto;}
.popup_box .content .loginArea{overflow:hidden; padding:0 30px 10px 30px;}
.popup_box .content .loginArea p.title{font-size:25px; color:#5d5d5d; padding:30px 0;}
.popup_box .content .loginArea label{font-size:15px;float:left; padding-top:16px; font-weight:bold; color:#818181;}
.popup_box .content .loginArea input.textBox{width:248px; margin:3px 0px; padding:10px 0 10px 12px; border-radius:4px; border:solid 1px #e1e1e1; font-size:13px;}
.popup_box .content .loginArea input.textBox2{width:356px; margin:3px 0px; padding:10px 0 10px 12px; border-radius:4px; border:solid 1px #e1e1e1; font-size:13px;}
.popup_box .content .loginArea input.textBox3{ width:280px; border:solid 0px #e1e1e1; font-size:13px;}

.popup_box .content .loginWrap { overflow:hidden; }
.popup_box .content .loginWrap .login_input { float:left; }
.popup_box .content .loginWrap .login_button{ float:left; padding-left:10px; }

.popup_box .content .checkboxArea { overflow:hidden; padding:15px 0px 19px; }
.popup_box .content .checkboxArea input { float:left; }
.popup_box .content .checkboxArea span { float:right; }

.popup_box .content .txtArea { clear:both; overflow:hidden; padding-top:10px; }
.popup_box .content .txtArea a { display:block; }
.popup_box .content .txtArea ul li{float:left;}

.popup_box .content .buttonArea { padding-top:10px; text-align:center; }
.popup_box .content .buttonArea ul li{display:inline;}

.popup_box .content .bnArea { padding-top:10px; }
.popup_box .content .bnArea .main_login_swiper {position:relative; width: 370px; height: 165px; overflow:hidden}
.main_login_swiper .swiper-pagination {bottom:0 !important}
.main_login_swiper .swiper-pagination-bullet {width: 10px;height: 10px; font-size: 0; opacity: 1; background:#d4d4d4; }
.main_login_swiper .swiper-pagination-bullet-active {background: #222450;}

.popup_box .content .snsArea {padding:0 30px !important;}
.popup_box .content .snsArea p.title{ font-size:12px; padding:15px 0; border-top:dashed 1px #a9a9a9; text-align:center; }
.popup_box .content .snsArea ul { overflow:hidden; }
.popup_box .content .snsArea ul li { float: left; padding: 10px 0px 10px 0;  }
/* .popup_box .content .snsArea ul li:first-child { padding-left: 0px;} */

.login_btn_naver_key { border: none; border-radius: 3px; width: 87px; height: 36px; background-image: url(/main_img/popuplogin/bt_naver.png); background-color: #1fc700; cursor:pointer; font-size: 0px; }
.login_btn_kakao_key { border: none; border-radius: 3px; width: 88px; height: 36px; background-image: url(/main_img/popuplogin/bt_kakao.png); background-color: #ffe617; cursor:pointer; font-size: 0px; }
.login_btn_facebook_key { border: none; border-radius: 3px; text-align: center; width: 87px; height: 36px; background-image: url(/main_img/popuplogin/bt_facebook.png); background-color: #3c5a9a; cursor:pointer; font-size: 0px; }
.login_btn_google_key { border: none; border-radius: 3px; text-align: center; width: 87px; height: 36px; background-image: url(/main_img/popuplogin/bt_google.png); background-color: #ea4335; cursor:pointer; font-size: 0px; }

.popup_box .cscenter { padding-top:20px; }
.popup_box .cscenter ul li{padding:3px 0;}
.popup_box .cscenter ul li:first-child{padding-top:0;}

/* »çÁøÀÎÈ­ ÁÖ¹®½Ã Æ˾÷ : 2016.12.15 */
.popup_print_box {display:; width:598px; padding-bottom:30px; border-radius:0px; color:#6b6a6a; background:#fff;}
.popup_print_box span.b-close_style{position:absolute; bottom:20px; right:20px; cursor:pointer;}
.popup_print_box .content{width:auto;height:auto;}
.popup_print_box span.b-close_txt_style{position:absolute; bottom:20px; left:20px; cursor:pointer;font-size:12px; }

/* EXE ´Ù¿î·Îµå Æ˾÷ : 2017.03.22 */
/*.popup_exe_download_box {width:770px; height:600px; overflow:auto; padding:20px 0; margin:30px 0; border-radius:16px; font-family:¸¼Àº°íµñ,'Malgun Gothic'; color:#6b6a6a; background:url("/service/xpod/help/img/exe_topbg.jpg") repeat-x center top #fff;}*/
.popup_exe_download_box {width:750px; padding:20px 0; margin:30px 0; border-radius:16px; color:#6b6a6a; background:url("/service/xpod/help/img/exe_topbg.jpg") repeat-x center top #fff;}
.popup_exe_download_box span.b-close_style{position:absolute; bottom:20px; right:20px; cursor:pointer;}
.popup_exe_download_box .content{width:auto;height:auto;}
.popup_exe_download_box span.b-close_txt_style{position:absolute; bottom:20px; left:20px; cursor:pointer;font-size:12px; }

/* ȸ¿ø°¡ÀÔ start */
.popup_join_box {width:530px; padding-bottom:20px; border-radius:16px;  color:#6b6a6a; background:#fff; top: 15px !important;}
.popup_join_box span.b-close_style{position:absolute; top:20px; right:20px; cursor:pointer;}
.popup_join_box .content {width:auto;height:auto;}
.popup_join_box .content .joinArea {overflow:hidden; padding-bottom:15px; padding:0 30px 15px 30px; }
.popup_join_box .content .joinArea p.title{font-size:25px; color:#5d5d5d; padding:30px 0;}
.popup_join_box .content .joinArea p span{ padding-left:170px; font-size:12px; color:#818181;}

.popup_join_box .content .joinArea table { width:100%; border-top:1px solid #e1e1e1; }
.popup_join_box .content .joinArea th { padding:10px 12px; text-align:left; border-bottom:1px solid #e1e1e1;}
.popup_join_box .content .joinArea td { padding:5px 12px; border-bottom:1px solid #e1e1e1; }

.popup_join_box .content .joinArea input.textBox { width:210px; height:18px; padding:5px 10px; font-size:13px;  color:#555; }
.popup_join_box .content .joinArea input.textBox2 { width:45px; height:18px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_join_box .content .joinArea input.textBox3 { width:300px; height:18px; margin-top:3px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_join_box .content .joinArea input.textBox4 { width:165px; height:18px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_join_box .content .joinArea select {height:28px;}

.popup_join_box .content .joinArea .valid_check_box { overflow: hidden; }
.popup_join_box .content .joinArea .valid_check_box ul { height: 30px; border-left: 1px solid #bbbbbb; }
.popup_join_box .content .joinArea .valid_check_box li { float: left; }
.popup_join_box .content .joinArea .valid_check_box li a { display: block; height: 18px; font-size: 13px; color: #555555; padding: 5px 20px;  border-bottom: 1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-top: 1px solid #bbbbbb; }
.popup_join_box .content .joinArea .valid_check_box li a:hover { background: #e1e1e1; }
.popup_join_box .content .joinArea .valid_check_box li a:active { background: #a6a6a6; color: #ffffff; }
.popup_join_box .content .joinArea .valid_check_box li .on { background: #a6a6a6; color: #ffffff; }
.popup_join_box .content .joinArea .txt11 { font-size: 11px; }

.popup_join_box .content .joinArea .guide_txt { padding-left:10px; color:#bbb; font-size:11px; }
.popup_join_box .content .joinArea .overlap_btn { background:#a6a6a6; padding:9px 6px 8px 6px; color:#fff; font-size:11px; line-height:13px; border:0px; }
.popup_join_box .content .joinArea .file { width:200px;  }
.popup_join_box .content .joinArea .t_center { text-align:center; color:#6a6a6a; }
.popup_join_box .content .joinArea .t_center span { color:#ff2917; }

.popup_join_box .content .joinArea .linebox { padding-top:10px; }
.popup_join_box .content .joinArea .linebox_id { padding:7px 0 7px 12px; border-radius:4px; border:solid 1px #e1e1e1; font-size:13px;  }
.popup_join_box .content .joinArea .birthbox { overflow:hidden; margin-top:10px; width:344px; padding:10px 12px; border-radius:4px; border:solid 1px #e1e1e1; font-size:13px;  }
.popup_join_box .content .joinArea .birthbox .left { float:left; color:#969696; }
.popup_join_box .content .joinArea .birthbox .right { float:right; }
.popup_join_box .content .joinArea .birthtxt { text-align:right; color:#969696; }

.popup_join_box .content .banner { padding-top:10px; }

.popup_join_box .content .buttonArea { clear:both; overflow:hidden; }
.popup_join_box .content .buttonArea ul { padding-top: 20px; overflow:hidden; text-align:center; }
.popup_join_box .content .buttonArea ul li{display:block;}
.popup_join_box .content .buttonArea .check {padding: 20px 0; color:#666;}
.popup_join_box .content .buttonArea .check input {margin-bottom: 9px; cursor: pointer;}
.popup_join_box .content .buttonArea .check label {font-size: 13px; margin-left: 2px;}
.popup_join_box .content .buttonArea .check a {font-size:13px; color:#ff2917; text-decoration:underline; margin-left: 2px;}
/* ȸ¿ø°¡ÀÔ end */



/* ¸¾Å°Áî ȸ¿ø°¡ÀÔ start */
.popup_join_mom_box {width:720px; padding-bottom:30px; border-radius:16px;  color:#6b6a6a; background:#fff; }
.popup_join_mom_box span.b-close_style{position:absolute; top:20px; right:20px; cursor:pointer;}
.popup_join_mom_box .content {width:auto;height:auto;}
.popup_join_mom_box .content .joinArea {overflow:hidden; padding-bottom:15px; padding:0 30px 15px 30px; }
.popup_join_mom_box .content .joinArea p.title{font-size:25px; color:#5d5d5d; padding:30px 0;}
.popup_join_mom_box .content .joinArea p span{ padding-left:170px; font-size:12px; color:#818181;}
.popup_join_mom_box .content .joinArea .tit_txt { font-size:12px; color:#818181; }
.popup_join_mom_box .content .joinArea .tit_txt2 { padding:20px 0px; }
.popup_join_mom_box .content .joinArea .tit_txt2 p { padding:10px 0px; font-weight:bold; }
.popup_join_mom_box .content .joinArea .tit_txt2 div { background:#f8f8f8; padding:20px; border:1px 0px solid #e1e1e1; font-size:15px; line-height:20px; }

.popup_join_mom_box .content .joinArea table { width:100%; border-top:1px solid #e1e1e1; }
.popup_join_mom_box .content .joinArea th { padding:16px 12px; text-align:left; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.popup_join_mom_box .content .joinArea td { padding:8px 12px; border-bottom:1px solid #e1e1e1; }

.popup_join_mom_box .content .joinArea input.textBox { width:200px; height:18px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_join_mom_box .content .joinArea select { height:28px; border:solid 1px #bbb; }

.popup_join_mom_box .content .joinArea .t_center { text-align:center; color:#6a6a6a; }
.popup_join_mom_box .content .joinArea .t_center span { color:#ff2917; }
.popup_join_mom_box .content .joinArea .r_line { border-right:1px solid #e1e1e1; }
.popup_join_mom_box .content .joinArea .w_60 { width:60px; }

.popup_join_mom_box .content .buttonArea { clear:both; padding-top:20px; overflow:hidden; }
.popup_join_mom_box .content .buttonArea ul { overflow:hidden; text-align:center; }
.popup_join_mom_box .content .buttonArea ul li{display:inline;}
.popup_join_mom_box .content .buttonArea .check { padding:10px 0px 20px; text-align:center; color:#666; }
.popup_join_mom_box .content .buttonArea .check a { color:#ff2917; text-decoration:underline; }
/* ¸¾Å°Áî ȸ¿ø°¡ÀÔ end */



/* ½Ç½Ã°£ ¹è¼Û¾È³» start */
.popup_delivery_box { display:; width:720px; border-radius:16px;  color:#6b6a6a; background:#fff; }
.popup_delivery_box span.b-close_style { position:absolute; top:20px; right:20px; cursor:pointer; }
.popup_delivery_box .content { width:auto; height:auto; padding-top:60px; }
.popup_delivery_box .content .rolling {overflow:hidden; position:relative; }
.popup_delivery_box .content .rolling .swiper { width:720px; height:610px; background:#f2f2f2; text-align:left; }
.popup_delivery_box .content .rolling .swiper .swiper-container { overflow:hidden; position:relative; width:720px; }
.popup_delivery_box .content .rolling .swiper .swiper-wrapper { position:relative; }
.popup_delivery_box .content .rolling .swiper .swiper-slide { float:left; width:100%; }
.popup_delivery_box .content .rolling .swiper .swiper-slide .today_txt { height:100px; line-height:100px; font-size:38px; text-align:center; background:#fff;}
.popup_delivery_box .content .rolling .swiper .swiper-slide .today_txt p { letter-spacing:-2px; }
/*.popup_delivery_box .content .rolling .swiper .swiper-slide .period_txt { position:absolute; top:100px; width:auto; height:40px; line-height:40px; background:#0fb7f6; color:#fff; font-size:20px; }*/
.popup_delivery_box .content .rolling .btn-nav {display:block; position:absolute; top:100px; z-index:50; width:40px; height:70px; background:transparent url(https://www.publog.co.kr/sub_app/img/ma_rolling_btn2.png) no-repeat 0 0; text-indent:-999em;}
.popup_delivery_box .content .rolling .btn-prev {left:0px; margin-top:200px; margin-left: 30px;}
.popup_delivery_box .content .rolling .btn-next {right:0px; background-position:100% 0; margin-top:200px; margin-right: 30px;}
.popup_delivery_box .content .rolling .swiper .swiper-container .swiper-wrapper .swiper-slide .today_txt .pointColor {color: #0fb7f8; display:inline-block;}

/*ÇöÀç ½Ã°£ ½Ã½ºÅÛ Á¦¾î*/
.popup_delivery_box .today_system_txt {float: left; padding:20px 0 0 30px; font-size:12px; color:#000;}


/*¹è¼Û ³¯Â¥ ½Ã½ºÅÛ Á¦¾î*/
.popup_delivery_box .content .rolling .swiper .swiper-slide .period_txt { display:table; margin: 22px auto 12px;}
.popup_delivery_box .content .rolling .swiper .swiper-slide .today_txt b { color: #0fb7f8; font-size:38px;}
.popup_delivery_box .content .rolling .swiper .swiper-slide .period_txt p {text-align: center; float:left; display:inline-block; font-size:25px; background-color:#0fb7f8; color:#fff; line-height:25px; padding: 0 6px 6px 6px;}


/*ÇÏ´Ü ¹è¼Û¾È³»¹®±¸*/
.popup_delivery_box .delivery_pop_bottom {width: 100%; padding: 26px 0 26px 0; float: left; background-color:#e6e6e6; border-radius: 0 0 16px 16px;}
.popup_delivery_box .delivery_pop_bottom li {padding-left: 30px; line-height: 25px; }
.popup_delivery_box .delivery_pop_bottom li p {font-size: 13px; color: #333; letter-spacing: -0.5px; }
.popup_delivery_box .bottom_bullet { float: left; margin: 12px 3px 0 0 ; width: 3px; height: 3px; border-radius: 10px; background-color: #333; }	

/* ¹è¼Û ¾È³» Æ˾÷ ¸®´º¾ó */
.popup_delivery_box2 .content {padding-top:50px;}
.popup_delivery_box2 .content .rolling .swiper {height:auto; background:none;}
.popup_delivery_box2 .content .rolling .btn-prev {left:0px; top:62%; margin-top:0; margin-left: 30px;}
.popup_delivery_box2 .content .rolling .btn-next {right:0px; top:62%; background-position:100% 0; margin-top:0; margin-right: 30px;}

.popup_delivery_box2 .text_wrap {height:150px; margin-bottom:20px; text-align:center}
.popup_delivery_box2 .text_wrap .text_p1 {font-size:16px; color:#222450}
.popup_delivery_box2 .text_wrap .text_p1 span {color:#777}
.popup_delivery_box2 .text_wrap .title {margin-top:20px}
.popup_delivery_box2 .text_wrap .title .tit_p1 {font-size:33px; color:#777}
.popup_delivery_box2 .text_wrap .title .tit_p1 span {font-weight:bold; color:#222450}
.popup_delivery_box2 .text_wrap .title .tit_p2 {display:inline-block; margin-top:20px; padding:6px 20px 12px 20px; font-size:26px; color:#fff; background:#222450}

.popup_delivery_box2 .text_wrap .text_p2 {margin-top:10px; font-size:14px; color:#333}
.popup_delivery_box2 .text_wrap .text_p2 span {font-weight:bold; color:#222450}

.popup_delivery_box2 .img_wrap {height:450px; background:#f2f2f2}
.popup_delivery_box2 .img_wrap .sub_title {margin-top:5px; text-align:center}
.popup_delivery_box2 .img_wrap .sub_title h3 {font-size:26px; font-weight:bold; color:#222450}
.popup_delivery_box2 .img_wrap .sub_title p {margin-top:20px; font-size:15px; color:#333}
.popup_delivery_box2 .img_wrap .sub_title span {margin-top:25px; font-size:12px; color:#ff4d4d}




/* ÆíÁý±â 4.0 ÆíÁýÇÁ·Î±×·¥ CSSÃß°¡*/
.exe_btnArea {width:750px; height:110px; text-align:center; background:#fed650; }
.exe_countArea {width:750px; height:110px; text-align:center; background:#fed650; position:relative; }
.exe_countArea span.icon_load {position:relative; top:14px; }
.exe_countArea span.sec {display:inline-block; line-height:50px; padding-left:10px; color:#110e05; font-size:34px; font-weight:bold; }
.help_box {padding:0px; margin:0px; line-height:0px; }
.help_box li {padding:0px; margin:0px; line-height:0px;}
.exe_app {position:relative;}
.exe_btn01 {position:absolute; bottom: 70px; left: 50px; width:157px; height:47px; text-align:left; background:#f2f2f4; }
.exe_btn02 {position:absolute; bottom: 70px; left: 220px; width:157px; height:47px; text-align:left; background:#f2f2f4; }



/* ºñȸ¿øÁÖ¹® start*/
.popup_box .content .nonmember {padding:0 30px;}
.popup_box .content .nonmember a {
	display:block; 
	background:#fff; 
	border-radius:5px; 
	height:40px; 
	line-height:40px; 
	width:100%; 
	color:#9f9f9f; 
	text-align:center; 
	font-size:12px; 
	font-weight:bold; 
	border:1px solid #dadada;
}


.popup_nonmember .content .nonmemberArea #container {width:100%; margin:auto; text-align:center;}
.popup_nonmember .content .nonmemberArea .taps {font-size:14px; margin:0; padding:0; list-style:none; height:50px; width:470px; position: relative; }
.popup_nonmember .content .nonmemberArea .taps li {
	display: inline-block; 
	text-align:center; 
	cursor: pointer; 
	width:231px; 
	height:38px; 
	font-size:14px; 
	line-height:38px; 
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #222450;
	background: #f1f1f1; 
	margin:0px; 
	position: relative; 
	float:left;
	border-radius:5px 5px 0 0;
}
.popup_nonmember .content .nonmemberArea .taps li.active {background:#fff; border:1px solid #222450; z-index:999; font-weight: bold; border-bottom: 1px solid #fff; color:#222450;}
/*.newtap01 {position: relative; z-index: 3; border-bottom: #f6f6f6;}
.newtap02 {position: relative; left:0px; z-index: 2;}*/
.newtap11 {position: relative; z-index: 3; border-bottom: #f6f6f6;}
.newtap12 {position: relative; left:0px; z-index: 2;}
.popup_nonmember .content .tab_nonmember {border-top: none; clear: both; position:relative; width: 470px;}
.popup_nonmember .content .tab_nonmember .tap_content {font-size: 14px; display: none; }


.popup_nonmember .content .tab_nonmember .tap_content .nonmember_notice {padding:0;}
.popup_nonmember .content .tab_nonmember .tap_content .nonmember_notice p.title{ font-size:12px; padding:15px 0; border-top:dashed 1px #a9a9a9; text-align:center; }
.popup_nonmember .content .tab_nonmember .tap_content .nonmember_notice ul { overflow:hidden; }
.popup_nonmember .content .tab_nonmember .tap_content .nonmember_notice ul li{text-align:left; padding-left:0px; line-height:22px;}





.popup_nonmember { display:; width:530px; padding-bottom:30px; border-radius:16px;  color:#6b6a6a; background:#fff; }
.popup_nonmember span.b-close_style{position:absolute; top:20px; right:20px; cursor:pointer;}
.popup_nonmember .content {width:auto;height:auto;}
.popup_nonmember .content .nonmemberArea {overflow:hidden; padding:0 30px; }
.popup_nonmember .content .nonmemberArea p.title{font-size:25px; color:#5d5d5d; padding:30px 0;}
.popup_nonmember .content .nonmemberArea p span{ padding-left:170px; font-size:12px; color:#818181;}

.popup_nonmember .content .nonmemberArea table { width:100%; border-top:1px solid #e1e1e1; }
.popup_nonmember .content .nonmemberArea th { padding:16px 12px; text-align:left; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.popup_nonmember .content .nonmemberArea td { padding:8px 12px; border-bottom:1px solid #e1e1e1; text-align:left; }

.popup_nonmember .content .nonmemberArea input.textBox { width:210px; height:18px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_nonmember .content .nonmemberArea input.textBox2 { width:45px; height:18px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_nonmember .content .nonmemberArea input.textBox3 { width:300px; height:18px; margin-top:3px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_nonmember .content .nonmemberArea input.textBox4 { width:165px; height:18px; padding:5px 10px; border:solid 1px #bbb; font-size:13px;  color:#555; }
.popup_nonmember .content .nonmemberArea select { height:28px; border:solid 1px #bbb; }

.popup_nonmember .content .nonmemberArea .valid_check_box { overflow: hidden; }
.popup_nonmember .content .nonmemberArea .valid_check_box ul { height: 30px; border-left: 1px solid #bbbbbb; }
.popup_nonmember .content .nonmemberArea .valid_check_box li { float: left; }
.popup_nonmember .content .nonmemberArea .valid_check_box li a { display: block; height: 18px; font-size: 13px; color: #555555; padding: 5px 20px;  border-bottom: 1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-top: 1px solid #bbbbbb; }
.popup_nonmember .content .nonmemberArea .valid_check_box li a:hover { background: #e1e1e1; }
.popup_nonmember .content .nonmemberArea .valid_check_box li a:active { background: #a6a6a6; color: #ffffff; }
.popup_nonmember .content .nonmemberArea .valid_check_box li .on { background: #a6a6a6; color: #ffffff; }
.popup_nonmember .content .nonmemberArea .txt11 { font-size: 11px; }

.popup_nonmember .content .nonmemberArea .guide_txt { padding-left:10px; color:#bbb; font-size:11px; }
.popup_nonmember .content .nonmemberArea .overlap_btn { background:#a6a6a6; padding:10px 8px 7px 8px; color:#fff; font-size:11px; line-height:13px; border:0px; }
.popup_nonmember .content .nonmemberArea .file { width:200px;  }
.popup_nonmember .content .nonmemberArea .t_center { text-align:center; color:#6a6a6a; }
.popup_nonmember .content .nonmemberArea .t_center span { color:#ff2917; }

.popup_nonmember .content .nonmemberArea .linebox { padding-top:10px; }
.popup_nonmember .content .nonmemberArea .linebox_id { padding:7px 0 7px 12px; border-radius:4px; border:solid 1px #e1e1e1; font-size:13px;  }
.popup_nonmember .content .nonmemberArea .birthbox { overflow:hidden; margin-top:10px; width:344px; padding:10px 12px; border-radius:4px; border:solid 1px #e1e1e1; font-size:13px;  }
.popup_nonmember .content .nonmemberArea .birthbox .left { float:left; color:#969696; }
.popup_nonmember .content .nonmemberArea .birthbox .right { float:right; }
.popup_nonmember .content .nonmemberArea .birthtxt { text-align:right; color:#969696; }

.popup_nonmember .content .buttonArea { clear:both; padding-top:20px; overflow:hidden; }
.popup_nonmember .content .buttonArea ul { overflow:hidden; text-align:center; }
.popup_nonmember .content .buttonArea ul li{display:inline;}
.popup_nonmember .content .buttonArea .check { padding:10px 0px 20px; text-align:center; color:#666; }
.popup_nonmember .content .buttonArea .check a { color:#ff2917; text-decoration:underline; }
.popup_nonmember .content .buttonArea .email_pw {position:relative; padding-bottom:10px; top:-10px; font-size:11px; text-align:left; color:#9c9c9c; }
.popup_nonmember .content .buttonArea .email_pw a {color:#9c9c9c;font-size:11px;}

a.btn_blue {display:inline-block; padding:0 35px; background:#222450; line-height:35px; height:35px; text-align:center; color:#fff; font-weight:bold; border-radius:8px; border-bottom:3px solid #373977;}
a.btn_blue:visited {color:#fff; font-weight:bold; }
a.btn_blue:link {color:#fff; font-weight:bold; }


/* ºñȸ¿øÁÖ¹® end */




/* --------------------·Î±×ÀÎ ÆäÀÌÁö ¸®´º¾ó -------------------- */

.loginArea .tit_new > div, .joinArea .tit_new > div {display: flex; margin-bottom: 32px; justify-content: center;}
.loginArea .tit_new h2, .joinArea .tit_new h2 {font-size: 20px; color: #2d2d2d; padding: 45px 0 12px; font-weight: 600; letter-spacing: -0.3px; text-align: center;}
.joinArea .tit_new h2 {padding-top: 35px !important;}
.loginArea .tit_new a, .joinArea .tit_new a {text-decoration: underline; margin-left: 10px; font-weight: bold;}

/*sns·Î±×ÀÎ*/
.sns_login_list{position:relative; width: 116px; height: 20px; top:-8px; float:right;} .sns_login_list li {width: 25px;; margin: 2px;}
.login_btns {margin-bottom:15px; display:flex; justify-content: space-between}
.login_btns button {width:48.5%; height:50px; margin-top:10px; font-size:14px; font-weight:400; border-radius: 5px;}
.login_btns button img {display: inline-block; height: 22px; margin: -3px 10px 0 0; vertical-align: middle;}
.login_btns2 button {margin-top:0;}     
button.naver {color: #fff; background: #1ec800;}
button.apple {color: #fff; background: #000;}
button.kakao {color: #1a1a1a; background: #FEE500;}
button.google {color: #1a1a1a; background: #fff; border: 1px solid #d9d9d9;}
.main_login_swiper .swiper-pagination-bullet {width: 10px !important;height: 10px !important; font-size: 0; opacity: 1; background:#d4d4d4; }
.main_login_swiper .swiper-pagination-bullet-active {background: #222450;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px !important}
/*â´Ý±â X¹öÆ°*/
.b-close {width: 18px !important; height: 18px !important; background-size: 18px !important;}


/*·Î±×ÀÎ ÀÎDz*/
.popup_box .content .loginWrap {overflow: visible !important;}
.popup_box .content .loginWrap .login_input {float: none !important;}
.popup_box .content .loginArea input.textBox {width: 355px !important; padding:13px 0 13px 13px !important;}
/*·Î±×ÀÎ ¹öÆ°*/
.popup_box .content .loginWrap .login_button {float: none !important; padding: 0 !important; margin-top: 10px;}
.popup_box .content .loginWrap .login_button:last-child {margin-top: 5px;}
.popup_box .content .loginWrap .login_button a {display: block; width: 100%; padding: 15px 0; border-radius: 8px; font-size: 14px; text-align: center; color: #fff; background: #22234f;}
.popup_box .content .loginWrap .login_button button {display: block; width: 100%; padding: 15px 0; border-radius: 8px; font-size: 14px; text-align: center;}
.popup_box .content .loginWrap .login_button button > img {display: inline-block; height: 22px; margin: -3px 10px 0 0; vertical-align: middle;}
.popup_box .content .loginWrap .login_button button > img { height: 18px !important;}
/*sns css º¯°æ*/
.snsArea {padding: 15px 0 !important;}
.login_btns {justify-content: center !important;}
.login_btns button {border-radius: 30px !important; width: 45px !important; height: 45px !important; margin-right: 15px;}
.login_btns button:last-child {margin-right: 0 !important;}
.login_btns button img {margin: 0 !important;}
.popup_box .content .txtArea > ul {display: flex; justify-content: center; margin-bottom: 10px;}
.popup_box .content .txtArea > ul li {margin-right: 25px;}
.popup_box .content .txtArea > ul li:last-child {margin-right: 0 !important;}


/* --------------------ȸ¿ø°¡ÀÔ ÆäÀÌÁö ¸®´º¾ó -------------------- */

.buttonArea .login_button {float: none !important; padding: 0 !important;}
.buttonArea .login_button a {display: block; width: 100%; padding: 15px 0; border-radius: 8px; font-size: 14px; text-align: center; color: #fff; background: #22234f;}
.buttonArea .login_button button {display: block; width: 100%; padding: 15px 0; border-radius: 8px; font-size: 14px; text-align: center;}
.buttonArea .login_button button > img {display: inline-block; height: 22px; margin: -3px 10px 0 0; vertical-align: middle;}
.buttonArea .login_button button > img { height: 18px !important;}

.buttonArea > ul li {width: 100%;}
.buttonArea .login_btns {margin: 20px 0 0 !important;}