@charset "euc-kr";

/*-------------------------------------------------------------------------------------
                                        CSSReset
-------------------------------------------------------------------------------------*/

html,body{-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;font-smooth:always;
font-family:AppleSDGothicNeo,'��������',NanumGothic,'��������','Malgun Gothic',Helvetica,sans-serif;}
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent}
body{position:relative;overflow-x:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0}
dl,ul,ol,menu,li{list-style:none!important}
input,select,textarea,button{font-size:100%;vertical-align:middle;}
body{overflow-x:hidden;width:100%;height:100%;-webkit-text-size-adjust:none}/*��ǥƮ��ȯ����Ʈũ���ڵ�Ȯ�����*/
body,th,td,input,select,textarea,button{color:#666;font-size:13px;line-height:1.5;fofont-family:AppleSDGothicNeo,'��������',NanumGothic,'��������','Malgun Gothic',Helvetica,sans-serif;}
a{color:#666;text-decoration:none}
a:active,a:hover{text-decoration:none}
strong,.b{font-family:'���� ����','Malgun Gothic','����',Dotum,'����',Gulim,Helvetica,sans-serif}
address,caption,cite,code,dfn,em,var{font-style:normal}
/*table{table-layout:fixed;width:100%;border-collapse:collapse;word-break:break-word}*/
table.form_tbl, table.agree_tbl{word-break:normal}
caption{width:0;height:0;line-height:0;font-size:0;text-indent:-9999px}
button{border:0;cursor:pointer;background:none}
button, html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
/*input, select, textarea{margin:0;padding:0;-webkit-appearance: menulist; -webkit-border-radius:0; white-space: pre; -webkit-rtl-ordering: logical; box-sizing: border-box; background-color:white;-webkit-writing-mode: horizontal-tb;}*/

input {-webkit-appearance:textfield; background-color:white; -webkit-rtl-ordering: logical; -webkit-user-select:text; cursor:auto; border:none;}


input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
textarea{width:100%;height:60px;padding:5px;border:1px solid #dbdbdb;border-radius:5px;-webkit-border-radius:5px;box-sizing: border-box;resize:none;font-size:12px}
textarea:focus, input:focus{outline: none}
input::-webkit-input-placeholder{letter-spacing:-1px;}







@import url(https://fonts.googleapis.com/css?family=Roboto);
@font-face{
	font-family:nsR;
	font-weight:400;
	src:url('/font/NanumSquareR.eot');
	src:local('��'),
		url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('/font/NanumSquareR.woff') format('woff'),
		url('/font/NanumSquareR.ttf') format('truetype'),
		url('/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')
}
@font-face{
	font-family:nsB;
	font-weight:700;
	src:url('/font/NanumSquareB.eot');
	src:local('��'),
		url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('/font/NanumSquareB.woff') format('woff'),
		url('/font/NanumSquareB.ttf') format('truetype'),
		url('/font/NanumSquareB.svg#webfontdeSVIj0D') format('svg')
}
@font-face{
	font-family:nsEB;
	font-weight:;
	src:url('/font/NanumSquareEB.eot');
	src:local('��'),
		url('/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
		url('/font/NanumSquareEB.woff') format('woff'),
		url('/font/NanumSquareEB.ttf') format('truetype'),
		url('/font/NanumSquareEB.svg#webfontdeSVIj0D') format('svg')
}
@font-face{cellR
	font-family:nsL;
	font-weight:300;
	src:url('/font/NanumSquareL.eot');
	src:local('��'),
		url('/font/NanumSquareL.eot?#iefix') format('embedded-opentype'),
		url('/font/NanumSquareL.woff') format('woff'),
		url('/font/NanumSquareL.ttf') format('truetype'),
		url('/font/NanumSquareL.svg#webfontdeSVIj0D') format('svg')
}
@font-face{
	font-family:ulR;
	src:url('/font/UNIVERSLIGHTR.eot');
	src:local('��'),
		url('/font/UNIVERSLIGHTR.woff') format('woff'),
		url('/font/UNIVERSLIGHTR.ttf') format('truetype'),
		url('/font/UNIVERSLIGHTR.svg#webfontdeSVIj0D') format('svg')
}
@font-face{
	font-family:nm;
	src:url('/font/NanumMyeongjo.eot');
	src:local('��'),
		url('/font/NanumMyeongjo.woff') format('woff'),
		url('/font/NanumMyeongjo.ttf') format('truetype'),
		url('/font/NanumMyeongjo.svg#webfontdeSVIj0D') format('svg')
}



/* ?�품 ???�?
#box_ga .box_ga_01{padding:20px 15px;background-color:#24a3fa}
#box_ga .tab_ga{overflow:hidden;margin-bottom:15px}
#box_ga .tab_ga li{width:25%;height:36px;float:left;}
#box_ga .tab_ga li._on a{background-color:#015996;color:#fff}
#box_ga .tab_ga li a{display:inline-block;width:100%;height:100%;background-color:#eff0f0;line-height:34px;text-align:center;box-sizing:border-box;border-top:1px solid #919b9d;border-right:1px solid #919b9d;border-bottom:1px solid #919b9d}
#box_ga .tab_ga li:first-child a{border-left:1px solid #919b9d;border-radius:5px 0 0 5px}
#box_ga .tab_ga li:last-child a{border-radius:0 5px 5px 0}
#box_ga .tab_ga li a span{width:100%}
#box_ga .tab_ga.type2 li{width:50%}
*/

.font_red01{font-size: 11px;color:#f24443;margin: 4px 0 6px 0;letter-spacing:-0.5px; text-align:left}


/*  �Ǹ޴� */
#box_ga .box_ga_01{padding:20px 15px;background-color:#24a3fa}
#box_ga .tab_ga{ position:relative; overflow:hidden;}
#box_ga .tab_ga li{width:25%; float:left; letter-spacing:-1.5px; font-size:12px;}
#box_ga .tab_ga li._on a{background-color:#0a4085;color:#fff;}
#box_ga .tab_ga li a{display:block; padding-top:8px; width:100%; height:60px; color:#000; background-color:#fff; line-height:13px;text-align:center; box-sizing:border-box; border-top:1px solid #24a3fa;border-right:1px solid #24a3fa;border-bottom:1px solid #24a3fa}

#box_ga .tab_ga li:last-child a {border-right:none;}

#box_ga .tab_ga li a span{display:block;}
#box_ga .tab_ga li a .icon{display:block; width:28px; height:28px; margin:0 auto; background-repeat:no-repeat;background-position:center center;}

#box_ga .tab_ga li.D03 a .icon{ background:url(/img/smart/ml_D03.gif) -5px -3px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D03._on a .icon{ background:url(/img/smart/oneclick_B_D03.png) -5px -3px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D01 a .icon{ background:url(/img/smart/ml_D01.gif) 0px -5px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D01._on a .icon{ background:url(/img/smart/oneclick_B_D01.png) 0px -5px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D18 a .icon{ background:url(/img/smart/ml_D18.gif) -2px -7px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D18._on a .icon{ background:url(/img/smart/oneclick_B_D18.png) -2px -7px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D16 a .icon{ background:url(/img/smart/ml_D16.gif) -2px -7px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D16._on a .icon{ background:url(/img/smart/oneclick_B_D16.png) -2px -7px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D15 a .icon{ background:url(/img/smart/ml_D15.gif) -2px -6px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D15._on a .icon{ background:url(/img/smart/oneclick_B_D15.png) -2px -6px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D04 a .icon{ background:url(/img/smart/ml_D04.gif) -2px -5px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D04._on a .icon{ background:url(/img/smart/oneclick_B_D04.png) -2px -5px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D02 a .icon{ background:url(/img/smart/ml_D02.gif) -2px -5px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D02._on a .icon{ background:url(/img/smart/oneclick_B_D02.png) -2px -5px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D17 a .icon{ background:url(/img/smart/ml_D17.gif) -2px -5px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D17._on a .icon{ background:url(/img/smart/oneclick_B_D17.png) -2px -5px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D10 a .icon{ background:url(/img/smart/ml_D10.gif) -2px -4px no-repeat ;background-size:36px}
#box_ga .tab_ga li.D10._on a .icon{ background:url(/img/smart/oneclick_B_D10.png) -2px -4px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D05 a .icon{ background:url(/img/smart/ml_D05.gif) -2px -1px no-repeat ;background-size:36px}
#box_ga .tab_ga li.D05._on a .icon{ background:url(/img/smart/oneclick_B_D05.png) -2px -1px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D06 a .icon{ background:url(/img/smart/ml_D06.gif) -2px -5px no-repeat ;background-size:36px}
#box_ga .tab_ga li.D06._on a .icon{ background:url(/img/smart/oneclick_B_D06.png) -2px -5px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D12 a .icon{ background:url(/img/smart/ml_D12.gif) -2px -5px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D12._on a .icon{ background:url(/img/smart/oneclick_B_D12.png) -2px -5px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D08 a .icon{ background:url(/img/smart/ml_D08.gif) -2px -2px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D08._on a .icon{ background:url(/img/smart/oneclick_B_D08.png) -2px -2px no-repeat ;background-size:35px}

#box_ga .tab_ga li.D09 a .icon{ background:url(/img/smart/ml_D09.gif) -2px -3px no-repeat ;background-size:34px}
#box_ga .tab_ga li.D09._on a .icon{ background:url(/img/smart/oneclick_B_D09.png) -2px -3px no-repeat ;background-size:34px}

#box_ga .tab_ga li.D07 a .icon{ background:url(/img/smart/ml_D07.gif) -2px -4px no-repeat ;background-size:33px}
#box_ga .tab_ga li.D07._on a .icon{ background:url(/img/smart/oneclick_B_D07.png) -2px -4px no-repeat ;background-size:33px}

#box_ga .tab_ga li.D00 a .icon{ background:url(/img/smart/ml_D00.gif) -2px -5px no-repeat ;background-size:35px}
#box_ga .tab_ga li.D00._on a .icon{ background:url(/img/smart/oneclick_B_D00.png) -2px -5px no-repeat ;background-size:35px}

/*  ��ġ�� �ݱ� ��ư  */
.wrapTit {overflow:hidden; height:36px; line-height:36px; background:#24a3fa; text-align:center; box-sizing:border-box; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}
.wrapTit a {font-size:13px; color:#fff;}
.wrapTit a span.btnUp {display:inline-block; width:30px; height:30px; background:url("/img/smart/icon_arrUp.png") 5px 10px no-repeat; background-size:13px; cursor:pointer; vertical-align:middle;}
.wrapTit a span.btnDn {display:inline-block; width:30px; height:30px; background:url("/img/smart/icon_arrDn.png") 5px 10px no-repeat; background-size:13px; cursor:pointer; vertical-align:middle;}



/*  Ÿ��Ʋ */
.wrTitle {position:relative; height:133px; background-color:#24a3fa;}
.wrTitle:after {content:"";clear:both;display:block}
.wrTitle .tit  {font-family:nsB; color:#fff; font-size:30px; letter-spacing:-1px; line-height:33px; padding:10px 0 5px 15px}
.wrTitle .tit em {color:#ffd100}
.wrTitle .tit01 {display:block;  font-family:nsB; color:#fff; font-size:12px; letter-spacing:0px; line-height:14px; padding:0px 0 20px 18px}
.wrTitle .tit01 em {color:#ffd100}
.wrTitle .hand {position:absolute; background:url("/img/smart/oneclick_img.png") right bottom no-repeat; width:142px; height:100%; bottom:0; right:2%;}

.pr_kind { position:relative; background-color:#fff; padding:25px 0px 30px 0; text-align:center;}
.pr_kind .tit {margin-bottom:3px;line-height:1.2; font-size:21px; color:#000; letter-spacing:-1px; text-align:center}
.pr_kind .tit em { font-weight:normal; font-size:13px;}
.pr_kind .bar { display:inline-block; float:left; width:100%; margin:7px 0 20px 0; text-align:center;}
.pr_kind .bar select {width:130px; padding:5px 7px 5px 10px; height:38px; line-height:38px; border:1px solid #808080; font-size:13px; line-height:120%; color:#333; font-weight:normal;background-color:white;}

.pr_kind button { display:inline-block; width:130px; height:38px; margin:0 0 0 2px; border:none; background:#24a3fa; color:#ffffff; letter-spacing:-1px }
.pr_kind01 button { display:inline-block; width:78%; height:40px; margin:0 0 0 2px; border:none; background:#24a3fa; color:#ffffff; letter-spacing:-1px; border-radius:5px }
.pr_kind01 .bar span img{display:inline-block; width:20px; height:29px; margin:0px 0 0 2px; cursor:pointer; padding-bottom:5px; vertical-align:bottom}


/*  ����� ���� ����Ʈ ���� */
#wrWrap {margin:0 auto;}
#wrWrap .ct_wrap {width:100%; background:#dde5ed;}
#wrWrap .madeTB {display:table; text-align:center}
#wrWrap .madeCell {display:table-cell;}

#wrWrap .this_gList01 {width:100%; margin:20px 0;}
#wrWrap .this_gList01 .gAbout {margin:0 auto;}
#wrWrap .this_gList01 .gAbout {position:relative; display:table; width:95%; height:158px;background:#fff; box-shadow:1px 1px #c9d0d8; margin-bottom:20px; text-align:center}
#wrWrap .this_gList01 .gAbout:last-child {margin-bottom:0}

#wrWrap .divGood01 {padding-top:25px; padding-bottom:25px;}
#wrWrap .divGood01 .goodname {vertical-align:middle; margin:0 auto;}
#wrWrap .divGood01 .goodname span {vertical-align:middle; padding:3px 0; display:block; margin:0 auto;}
#wrWrap .divGood01 .goodname .logo {width:73px; padding-right:8px;}
#wrWrap .divGood01 .goodname .logo img {width:100%}
#wrWrap .divGood01 .goodname .name { font-size:16px; font-family:'Malgun Gothic'; color:#000; font-weight:bold; line-height:1.2; letter-spacing:-1px;}
#wrWrap .divGood01 .goodname .name01 { display:block; font-size:16px; font-family:'Malgun Gothic'; color:#000; font-weight:bold; line-height:1.2; letter-spacing:-1px;}

#wrWrap .divGood01 .btnWrap {margin:12px 0 0 18px; height:40px;}
#wrWrap .divGood01 .btnWrap .btn {position:relative; float:left; height:40px; line-height:;font-size:14px;}
#wrWrap .divGood01 .btnWrap .btn01 {position:relative; float:left; height:40px; line-height:;font-size:14px;}
#wrWrap .divGood01 .btnWrap .btn span {position:absolute; display:block; top:10px}
#wrWrap .divGood01 .btnWrap .btn_type2 {width:57%; float:left; margin-right:3px;cursor:text; font-family:"Malgun Gothic"; padding-top:10px}
#wrWrap .divGood01 .btnWrap .btn_type1 {width:18%;margin-right:2px; font-family:"Malgun Gothic"; font-size:13px; letter-spacing:-1px; padding-top:11px}
#wrWrap .divGood01 .btnWrap .btn_type0 {width:18%;font-size:13px; font-family:"Malgun Gothic"; letter-spacing:-1px; padding-top:11px;}

#wrWrap .divGood01 .btnWrap .btn_type33 { width:18%;margin-right:2px; background:#ff501e; color:#fff; font-family:"Malgun Gothic"; font-size:13px; letter-spacing:-1px; padding-top:11px}
#wrWrap .divGood01 .btnWrap .btn_type44 {width:18%;font-size:13px; background:#4fb7ff; color:#fff; font-family:"Malgun Gothic"; letter-spacing:-1px; padding-top:11px;}

#wrWrap .alignL_1{left:13px!important; width:30%; font-size:13px; font-family:"Malgun Gothic"; letter-spacing:-1px; text-align:left; line-height:163%;}
#wrWrap .alignC_1{right:20%; width:35%; height:30px; font-family:"Malgun Gothic"; font-size:17px;font-weight:bold; line-height:118%; letter-spacing:0px;vertical-align:middle;}
#wrWrap .alignC_2{top:0!important; right:0; right:17%; width:41%; font-family:"Malgun Gothic";font-size:13px;font-weight:bold; letter-spacing:-1px; height:23px; padding-top:6px; margin:5px 0 0 0; cursor:pointer; background-color:#fff; color:#333743; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
#wrWrap .alignR_1{right:3%; width:10%; line-height:145%;}

/* btn */
.btnWrap{position:relative}
.btn{display:block;border:1px solid #333743!important;box-sizing:border-box}
.btn01{display:block; box-sizing:border-box}
/*.btn_type0{background:#fff; border:1px solid #048ad0!important; color:#048ad0;} */
.btn_type0{background:#fff;color:#333743!important}
.btn_type1{background:#fff;color:#333743!important}
.btn_type2{background:#333743;color:#fff!important}
.btn_type3{background:#249bed;border-color:#249bed!important;color:#fff!important}





/*-------------------------------------------------------------------------------------
                                        ���̾� �����Է�
-------------------------------------------------------------------------------------*/


.cusInfo {background:#fff; color:#333;}
.cusInfo .cusText,.cusInfo .cusInput,.cusInfo .btnWrap,.cusInfo .cusNoti {margin:0 auto; width:87%;}


.cusInfo .cusText {padding:40px 0 20px 0;text-align:center;font-size:14px; font-family:'nsB';}
.cusInfo .cusText .cTitle {font-size:15px; font-family:'nsB'; letter-spacing:-0.3px; padding:10px 0 0 0; line-height:135%}
.cusInfo .cusText em {color:#249bed; font-size:23px; font-family:'nsEB';}
.cusInfo .btnWrap .btn_type3 {position:relative;height:80px;font-size:28px;font-family:'nsB';text-align:center;box-shadow:5px 5px #000;padding-top:20px;margin-top:20px}
.cusInfo .btnWrap .btn_type3 .hand {position:absolute;display:block;top:0;left:-44px}
.cusInfo .btnWrap .btn_type3 em {color:#ffd100;margin:0 10px}
.cusInfo .cusNoti {font-size:12px;margin-top:20px}
.cusInfo .cusNoti li {background:url('/img/pop/layer_this_dot.jpg')no-repeat 0 center;padding-left:10px}
.cusInfo .cusInput {margin-bottom:25px}
.cusInfo .tblTit01 {font-family:'nsEB'; font-size:15px; letter-spacing:-0.08em; font-weight:bold; border-bottom:1px dotted #7f7f7f; padding-bottom: 7px; text-align:left;}
.cusInfo .tblTit01.ma {margin-bottom: 15px;padding-top:0px;}
.cusInfo .tblTit01.pa {margin-bottom:0px;}

.cusInput .input_info {font-size:14px; color:#333; font-family:'nsB';}
.cusInput .input_info .tf_g {margin:8px 12px 0 12px; font-weight:normal}
.cusInput .in_wrap:after {content:"";clear:both;display:block}
.cusInput .mPhone, .cusInput .mPhone2, .cusInput .mBirth {float:left}
.cusInput .mPhone, .cusInput .mPhone2, .cusInput .mBirth {width:67%}
.cusInput .anArea {float:right;width:87px;height: 45px;}
.cusInput .btnInput {display:block; font-size:14px; width:100%;height:100%;background:#dcdcdc;border:1px solid #cbcdcc;text-align:center;font-weight:normal;padding-top:13px;box-sizing:border-box}
.cusInput .phoneArea .tf_g {width:80px}
.cusInput .mPhone2 .tf_g, .cusInput .in_wrap .mBirth .tf_g {width:165px}
.cusInput .mAge {width:100%;height:100%; text-align:center;border-bottom:1px solid #000;box-sizing:border-box}
.cusInput .mAge dt {margin-bottom:0px; font-size:12px; padding-left:4px; font-weight:100}
.cusInput .mAge dd {display:table;width:100%; font-size:18px; padding-left:5px}
.cusInput .mAge dd span {display:table-cell; vertical-align:middle; line-height:110%;}
.cusInput .mAge dd .price {width:55px; font-family:nsEB; font-size:26px; padding-left:5px;}



/* �����Է� */
.in_wrap {position:relative}
.bg_join { border:1px solid #cbcdcc; background-color:#fff;}
.bg_join01 {bdisplay:block; position:relative; height:40px; margin-bottom:10px; float:left}
.input_info {display:block; position:relative; height:45px;margin-bottom:6px;font-weight:bold; font-size:16px;}

.kind .cell,.gname .cell {width:100%; border-right:none}
.conText .cell {width:100%;height:164px!important}
.conText.input_info{height:164px}

.w_people .mName, .w_people .mMail {margin-right:5px}


.input_info .lab_g {display:none;position:absolute; top:11px; left:14px; height:24px; color:#999; cursor:text}
.input_info .tf_g {display:inline; float:left; height:30px; padding:0; margin:10px 12px 0 12px; font-weight:bold; color:#333; border:none}
.input_info.mName .tf_g {width:130px}
.input_info.mBirth .tf_g, .input_info.mMail .tf_g {width:255px}

.input_info .tf_g::-ms-clear {display: none}
.input_info .cell {position:relative; border-right:1px solid #e1e1e1; float:left; height: 44px;}
.input_info .cell .ps_box {margin:7px 10px 0 11px; display:block;}
.input_info .cell select {font-size:16px}


.input_info.mPhone .ps_box {width: 60px;border-right: 0;}
.input_info .phoneArea {border-right:none}
.input_info .conArea {border-right:none}
.btn_dark {width:100%; height:100%; background:#999; color: #fff; border:0;}



/* select�ڽ� */
 select::-ms-expand{opacity:1}
.sel{width:100%;padding:0!important; margin-top:4px;height:24px;*height:auto;*margin-top:3px;border:none;border-radius:0;background:#fff url(/img/login/sel_arr.gif) 100% 8px no-repeat;-webkit-appearance:none;font-size:16px;font-weight:bold;line-height:16px;color:#000}


/* �������� */
.join_agree {position:relative; clear:both; margin:8px 0 0 0; font-family:'nsB';}
.join_agree li,#cu_ncardWrap .join_agree li {display:block}
.join_agree label{display:block; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background:url("/img/login/check.png") no-repeat scroll 0 -27px; background-size:20px; font-weight:normal; box-sizing:border-box!important;}
.join_agree a,#cu_ncardWrap .join_agree a{position:absolute;  color:#787878; text-decoration:underline}
.join_agree .more {left:175px; top:3px;}

.w_chk{position:relative;z-index:10;height:23px; font-size:12px; box-sizing:border-box!important;}
.w_chk label{ height:23px; line-height:24px; text-align:left; color:#333; padding-left:25px; box-sizing:border-box!important; background-color:#FFFFFF;}



/* �������� 2018.11.26 */
.join_agree01 {position:relative;clear:both;margin:0 0 7px 0;height: 45px;width: 100%;text-align: left;}
.join_agree01 li,#cu_ncardWrap .join_agree li {display:block}
.join_agree01 label{display:block;position:absolute;top:0;right: 0;z-index: 10;cursor:pointer;width:87px;height: 45px;background:#dcdcdc;border:1px solid #cbcdcc;text-align:center;font-weight:normal;padding-top:15px;box-sizing:border-box;}
.join_agree01 .more {left: 0px;top:0px;display: inline-block;border: 1px solid #cbcdcc;height: 45px;width: 67%;padding: 16px 0 0 10px;box-sizing: border-box;text-decoration: none;font-size: 14px;font-family: 'nsR','Malgun Gothic';}
.w_chk01{position:relative;z-index:10; font-size:14px;}
.w_chk01 label{color:#333; font-family:'nsB';}
.w_chk01 label.on {background:#6286de; color:#fff; }




/*üũ�ڽ�*/
.sex {display:inline-block; float:right;height:23px; margin:9px 10px 0 0; border:1px solid #fff;}
.gender{display:block; float:left; position:relative; z-index:10; width:50px; height:23px; border:1px solid #fff;}
.gender01{display:block; float:left; position:relative; z-index:10; width:200px; height:23px; margin:2px 0 0 25px; color:#249bed!important}
.gender input,#wrWrap .w_chk input{position:absolute; top:5px; left:3px; z-index:9}
.gender label{display:block; position:absolute; top:0; left:0; z-index:10; width:50px; height:23px; line-height:24px; text-align:center; color:#999; cursor:pointer; background: #fff url("/img/login/check.png") no-repeat scroll 0 -32px; padding-left:8px; font-weight:normal}
label.aa {width:80px;padding-left:2px}
.gender input:checked + label, .w_chk input:checked + label {z-index:100; background-position:0 0; color:#343434!important}
.gender label.on,#wrWrap .w_chk label.on {z-index:100; background-position:0 0; color:#343434!important}

/* �ݱ� ��ư */
.onclickheader button {overflow:hidden;position:absolute;right:0; top:0; width:2.8rem;height:0;padding:3.5rem 0 0; text-align:center}
.onclickheader button:before, .onclickheader button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:1.8rem;height:0.1rem;background:#696969; margin:-0.1rem 0 0 -1.1rem;}
.onclickheader button:before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.onclickheader button:after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}


/* ��ư����1 */
.btn_area1 {position:relative; padding:0 0 55px 0; text-align:center;}
.btn_area1:after {display:block;clear:both; width:100%; content:'';}
.btn_com {width:87%; margin-top font-family:'nsB'; font-size:23px!important; line-height:250%!important; text-align:center; box-sizing:border-box; background:#24a3fa; color:#fff;}