@charset "utf-8";

/* RESET */
* {-webkit-text-size-adjust:none;}
html,body,button,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button{margin:0;padding:0; line-height:120%; -webkit-tap-highlight-color: rgba(255,255,255,0); outline: none;border:0;}
html,body{background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{font-size:16px; color:#444; font-family:NanumGothic, sans-serif; overflow-y:scroll}
input{vertical-align:middle;  font-family:NanumGothic, sans-serif; -webkit-appearance: none;-webkit-border-radius: 0;}
select{
    font-family:NanumGothic, sans-serif;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;         /* 화살표 없애기 공통*/
}
textarea{font-family:NanumGothic, sans-serif;}
ol,ul{list-style:none}
a{text-decoration:none; color:#333;}
img{vertical-align:top; border:0}
table{border-collapse:collapse;border-spacing:0; width:100%;}
caption,legend{visibility:hidden; font-size:0; line-height:0; opacity:0; height:0; overflow:hidden;}
em{font-style:normal;}


/* --- webfont --- */
@font-face {
  font-family:NanumGothic;
  font-weight:normal;
  src:local(※), url(/fonts/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family:NanumGothic;
  font-weight:bold;
  src:local(※), url(/fonts/NanumGothic-Bold.woff) format('woff');
}

body.fixed{overflow-y:hidden;}
#wrap{min-width:320px;}
.poin_color {color:#3652a2;}
.layer_mask {position:fixed;top:-100%;left:-100%;right:-100%;bottom:-100%;background:rgba(0,0,0,0.6);z-index:500;}
#dim {display:block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:2; background:rgba(0,0,0,0.6);}

/* 공통 */
.skipAccess {position:absolute;top:0;left:0;z-index:100000;}
.skipAccess li a {position:absolute;top:0;left:0; width:1px;height:1px; margin:0 -1px -1px 0;font-size:0;line-height:0; display:block;}
.skipAccess li a:focus,
.skipAccess li a:hover,
.skipAccess li a:active {width:130px;height:25px; margin:0; font-size:1em;line-height:25px;color:#fff;text-align:center; background-color:#000;}
.blind {visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; height: 0; width: 0; font-size: 0; line-height: 0;}

/* 레이아웃 */
/* header */
#header{border-bottom:1px solid #666666; height:49px; position:fixed; left:0; width:100%; top:0; z-index:105; background-color:#fff;}
#header h1.logo{overflow:hidden; width:105px; height:33px; background:url(/images/mobile/common/h1_logo.png) 0 0 no-repeat; text-indent:-9999px; font-size:0; position:relative; margin:10px auto 0; background-size:100%;}
#header h1.logo a{display:block; height:23px;}
#header .dim{background-color:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:8; opacity:0}
#header .btn_sidemenu{position:absolute; left:0; top:0; width:50px; height:50px; background:url(/images/mobile/common/icon_sidemenu.png) 50% 50% no-repeat; background-size:20px 18px; overflow:hidden; text-indent:-9999px; font-size:0; border:0; cursor:pointer;}

/* side menu */
#sidemenu_wrapper{position:fixed; left:-100%; top:0; bottom:0; width:100%; padding-right:30px; box-sizing:border-box; z-index:10; overflow:hidden;}
#sidemenu_wrapper .sidemenu_cont{background-color:#fff; position:relative; height:100%;}
#sidemenu_wrapper .hd{background-color: #2b3053; height: 56px; position: relative; width: 100%; z-index: 3; padding: 20px 45px; box-sizing: border-box;}
#sidemenu_wrapper .hd .logo_side{position: absolute; left: 15px; top: 20px; width: 19px; height: 16px; background: url(/images/mobile/common/icon_home.png) 0 0 no-repeat; background-size: 100%;}
#sidemenu_wrapper .hd h2{font-family:NanumGothic; font-size:17px; font-weight:bold; line-height:22px; color:#fff; line-height:1;}
#sidemenu_wrapper .hd h2 strong{color:#ffce32; display:block;}
#sidemenu_wrapper .btn_sidemenu_close{background:url(/images/mobile/common/icon_sidemenu_close.png) 50% 50% no-repeat; background-size:20px; width:50px; height:56px; position:absolute; right:0; top:0; overflow:hidden; text-indent:-9999px; font-size:0; cursor:pointer;border:0;z-index:3;}

/* gnb */
#gnb{position:absolute; left:0; top:56px; width:100%; bottom:0;background-color:#e9e9e9;}
#gnb .swiper-container{height:100%; }
#gnb .swiper-slide{height:auto !important}
#gnb .swiper-slide>ul >li{}
#gnb .swiper-slide>ul >li .dp1{position: relative; height: 50px; color: #2b3053; font-size: 17px; line-height: 50px; display: block; padding-left: 17px; border-bottom: 1px solid #d3d3d3; font-weight: bold;}

#container {background-color: #fff;margin-top: 50px;position: relative;}
.inner h2{font-size:16px;color:#444;font-weight:bold;text-align:center;padding-top:40px;}
.inner h3{font-size:14px;color:#444;margin-bottom:13px;font-weight:bold;}

/* form */
.form_type01 .form_inner_wrap {margin-left:15px;}
.form_type01 strong{font-size:12px;color:#222222;display:block;padding:17px 0 10px; font-weight:normal;}
.form_type01 strong em{font-size:12px;color:#398BC5;display:inline-block;margin-right:2px;}
.form_type01 .form_top{overflow:hidden;position:relative;padding:13px 0 8px;height:18px;}
.form_type01 .form_top .em{color:#398BC5;display:block;line-height:18px;text-align:right;}
.form_type01 .form_top .form_checkbox{position:relative;}
.form_type01 .form_top .form_checkbox span{color:#a1a1a1;font-size:12px;}
.form_type01 .form_require {position:relative;}
.form_type01 .form_require:before{content: '*'; position: absolute; margin-right: 15px; color: #398BC5; left: -13px; bottom: -16px; width: 2px; height: 2px;}

/* form ::: text */
.form_text{display:inline-block;width:100%;vertical-align:middle;height:35px;  padding: 6px 10px;  background-color: #fff;border: 1px solid #d4d4d4;-webkit-box-sizing:border-box;box-sizing:border-box;}
.form_text.disable{background-color: #f9f9f9;border: 1px solid #f9f9f9;color:#a1a1a1; position:relative;}
.form_text.disable input[type="text"],
.form_text.disable input[type="tel"] {background-color: #f9f9f9;color:#a1a1a1;}
.form_text.disable:before{content:''; position:absolute; left:0; width:100%; top:0; height:100%; background-color:transparent;}

.form_text input[type="text"],
.form_text input[type="tel"],
.form_text input[type="password"]{width:100%; border:0; height:20px; font-size:12px; color:#444;line-height:20px;vertical-align: top;-webkit-appearance: none;outline: 0;-webkit-border-radius: 0;border-radius: 0;background-color:#fff;}
.form_text input[type="file"]{width:100%; border:0; height:20px; font-size:12px; color:#444;line-height:20px;}
.form_text.focus { border:1px solid #222; }
.form_text.focus input { color:#222;}

/* form ::: checkbox */
.form_checkbox{display:inline-block; vertical-align:middle; cursor:pointer; position:relative;}
.form_checkbox input[type="checkbox"]{position:absolute; left:0; top:0; opacity:0; border:0;width:20px; height:20px;background-color:transparent}
.form_checkbox span{color:#444; font-size:13px;line-height:20px;display:inline-block;}
.form_checkbox span:before{content:''; background:url(/images/mobile/common/icon_form.png) 0 0 no-repeat; width:20px; height:20px; display:inline-block;-webkit-background-size:41px 20px;background-size:41px 20px;vertical-align: top;margin-right:5px;}
.form_checkbox input[type="checkbox"]:checked + span:before{background-position:-21px 0}

/* form ::: radio */
.form_radio { display:inline-block; position:relative;}
.form_radio input[type='radio'] { position:absolute; left:0; top:0; opacity:0; border:0;width:18px; height:18px;background-color:transparent}
.form_radio span { color:#222222; font-size:12px;line-height:18px;}
.form_radio span:before{content:'';background:url(/images/mobile/common/icon_radio.png) 0 0 no-repeat; width:18px; height:18px; display:inline-block;-webkit-background-size:18px auto;background-size:18px auto;vertical-align:top;margin-right:5px;}
.form_radio input[type="radio"]:checked + span:before{background-position:0 -18px;}

/* form ::: selectbox */
.form_select{display:inline-block;position:relative;width:100%;vertical-align:middle;height:35px;   background-color: #f5f5f5;border: 1px solid #dcdcdc;-webkit-box-sizing:border-box;box-sizing:border-box;}
.form_select:before{content:''; position:absolute; right:0; top:0; width:20px; height:32px; background:url(/images/mobile/common/icon_select_arr.png) 0 50% no-repeat; z-index:3;-webkit-background-size:11px 6px;background-size:11px 6px;}
.form_select select{background-color: #f5f5f5;width: 100%;  border: 0;  height: 32px;  line-height:20px;  font-size: 12px;color:#a1a1a1;position:relative; z-index:1; text-indent:9px;text-align:left;padding: 6px 15px 6px 0px;}
.form_select.bg_gray{border:0;}
.form_select.bg_gray select{color: #8a8a8a;background-color: #f7f7f7;}

/* form ::: name*/
.form_name{overflow: hidden; width: 100%;}
.form_name .form_text{margin-bottom:8px;}
.form_message .form_select {margin-top:8px;}

/* form ::: ID*/
.form_id{overflow: hidden; width: 100%;position:relative;height: auto;}
.form_id .form_text.withBtn{width:65%;float:left;margin-top:0;}
.form_id .form_text{margin-bottom:8px;}
.form_id .btn{width:33.5%;float:left;margin-left:1.5%;}

/* form ::: email*/
.form_email{overflow: hidden; width: 100%;}
.form_email .form_text{float: left; width: 47%;}
.form_email .at{display:inline-block;float: left; text-align: center; vertical-align: top; color:#7d7d7d;width:6%;height:35px;line-height:35px;font-size:12px;}
.form_email .form_select{margin-bottom: 8px;width:100%;}

/* form ::: address*/
.form_address{overflow: hidden; width: 100%;position:relative;height: auto;}
.form_address .form_text.disable.withBtn{width:65%;float:left;margin-top:0;}
.form_address .form_text.withBtn{width:65%;float:left;margin-top:0;}
.form_address .form_text{margin-bottom:8px;}
.form_address .btn{width:33.5%;float:left;margin-left:1.5%;}

/* form ::: mobile*/
.form_mobile{overflow: hidden;margin-bottom:8px;}
.form_mobile .Hyphen{display:inline-block;float: left; text-align: center; vertical-align: top; color:#7d7d7d;width:5%;height:35px;line-height:35px;font-size:12px;}
.form_mobile .form_text{float: left; width: 30%;}
.form_mobile .form_select{float: left; width: 30%;}

/* form ::: birth*/
.form_birth{overflow: hidden;}
.form_birth .birth_txt{display:inline-block;float: left; text-align: center; vertical-align: top; color:#7d7d7d;width:10%;height:35px;line-height:35px;font-size:12px;}
.form_birth .form_text{float: left; width: 30%;background-color: #f5f5f5;}
.form_birth .form_text input[type="tel"] {background-color: #f5f5f5;}
.form_birth .form_text.ver02{float: left; width: 20%;}

/* form ::: file */
.form_filebox .form_text { width:70%;}
.form_filebox input[type='file'] { position:absolute; overflow:hidden; padding:0; margin:-1px; width:1px; height:1px; clip:rect(0,0,0,0); border:0;}
.form_filebox .inp_file_label { float:right; display:inline-block; width:28%; height:35px; line-height:35px; text-align:center; font-size:12px; color:#fff; background:#7e7e7e}

/* form ::: textarea */
.form_textarea { display:inline-block; padding:6px 10px; width:100%; box-sizing:border-box; border:1px solid #e5e5e5; background:#fff;}
.form_textarea textarea { width:100%; color:#8a8a8a; line-height:18px; border:0; resize:none;}
.form_textarea.focus { border:1px solid #222; }
.form_textarea.focus textarea { color:#222;}

/* --- button --- */
.btns_wrapper{text-align:center;overflow:hidden;font-size:0;line-height:0;}
.btns_wrapper.mt_space { margin-top:15px; }
.btns_wrapper > .btn{width:49%;}
.btns_wrapper > .btn:first-child{margin-right:0;}
.btns_wrapper > .btn:first-child + .btn{margin-left:2%;}
.btns_wrapper.btns02 .btn{width:50%;}
.btns_wrapper.btns02 .btn:first-child{margin-right:0;}
.btns_wrapper.btns02 .btn:first-child + .btn{margin-left:0;}
.btns_wrapper.btns03 .btn{width:33.3%;}
.btns_wrapper.btns03 .bg_point02 + .bg_point02{border-left:0;}
.btns_wrapper.btns03 .btn:first-child{margin-right:0;}
.btns_wrapper.btns03 .btn:first-child + .btn{margin-left:0;}
.btns_wrapper.al_left{text-align:left;}
.btns_wrapper.al_left .btn,.btns_wrapper.al_right .btn,.btns_wrapper.al_center .btn{width:118px;height:38px;}
.btns_wrapper.al_right{text-align:right;}
.btns_wrapper.al_center{text-align:center;}
.btns_wrapper .fl_left{float:left;}
.btns_wrapper .fl_right{float:right;}
.btns_wrapper .fl_left .btn + .btn, .btns_wrapper .fl_right .btn + .btn{margin-left:5px;}

.btn{display:inline-block; vertical-align:middle; border:1px solid #e5e5e5; color:#022222;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.btn >span{display:block; text-align:center; height:33px; line-height:33px;font-size:13px;}
.btn.size1{ font-size:13px; height:38px; min-width:60px; }
.btn.size1 >span{height:36px; line-height:36px; font-size:13px;}
.btn.size2{ height:40px;}
.btn.size2 >span{ height:38px; line-height:38px;}
.btn.bg_point{background-color:#3652a2; border-color:#3652a2; color:#fff;}
.btn.bg_point02{background-color:#fff; border-color:#398BC5; color:#398BC5;}
.btn.bg_point03{background-color:#444; border-color:#444; color:#fff;}
.btn.bg_gray{background-color:#979797; border-color:#979797; color:#ffffff;}


/* main */
.visual_wrap .visual{}
.visual_wrap .visual img{width:100%;}
.main_section {padding:40px 15px 45px;}
.main_section p {font-size:13px;line-height:18px;letter-spacing:-.25px;}
.main_section p strong {font-size:14px; padding-bottom: 8px;display: inline-block;}

.attention_wrap{margin-top:20px;}
.attention {margin-top:23px;}
.attention li {position:relative; margin-top:6px; padding-left:8px; font-size:13px;color:#777;letter-spacing:-.25px;line-height:1.4; text-indent: -8px;}
.attention li:before {content: '';display: inline-block;width: 2px;height: 2px;margin: 7px 5px 0 0;background: #2c2c2c;border-radius: 50%;vertical-align: top;}

/* footer */
#footer {position: relative; border-top:1px solid #d3d3d3; padding:15px 15px 13px; box-sizing:border-box; background-color:#eee;margin-top:50px;}
#footer .footer_link {overflow:hidden;margin:0 auto ;padding-bottom:10px;position:relative;text-align:left;}
#footer .footer_link ul{display:inline-block;}
#footer .footer_link li {display:table-cell;font-size:12px;line-height:1;color:#666;letter-spacing:-.5px;}
#footer .footer_link li + li {padding-left:10px;position:relative;line-height:1;}
#footer .footer_link li + li:before {content: '';position: absolute;top: 1px;left: 0;background-color: #b6b4b5;width: 1px;height: 11px;margin-left: 5px;}
#footer .footer_link li a {color:#666;line-height:1;}
#footer copyright,
#footer address {font-size:11px;line-height:1.5;color:#666;text-align:left;padding-bottom:4px;font-style: normal;}
#footer .foot_service {overflow:hidden;margin-bottom:5px;font-size:11px;line-height:1.5;color:#666;text-align:left;}
#footer .foot_service li {float:left;}
#footer .foot_service li + li {position:relative;padding-left:5px;margin-left: 4px;}
#footer .foot_service li + li:before {content: '';position: absolute;top: 6px;left: 0;background-color: #928f8f;width: 2px;height: 1px;border-radius: 100%;}

@media (max-width:360px) {
    #footer .footer_link li + li {padding-left:8px;}
    #footer .footer_link li + li:before {content: '';margin-left: 4px;}
}

/* login */
.login{padding:0 16px 10px;}
.login h2{margin-bottom:50px;}

.login .login_form{position:relative;padding: 24px 20px;box-sizing: border-box;border: 1px solid #d4d4d4;}
.login .login_form .input_form {position: relative;padding-right: 115px;width:100%;box-sizing:border-box;}
.login .login_form .input_form dl {margin-top: 10px;}
.login .login_form .input_form dl:first-child {margin-top:0;}

.login .login_form .input_form input[type=text],
.login .login_form .input_form input[type=password] {height:26px;line-height:26px;}
.login .login_form .input_form .form_text {height:40px;}
.login .login_form a.btn_login {position:absolute;right: 20px;top: 24px;display:block;background-color: #3652a2;color:#fff;font-size:13px;font-weight:bold;text-align:center;line-height:14px;margin-left:8px;padding: 38px 0;width: 105px;}
.login .login_form .login_set { margin-top:15px;}
.login .login_form .login_set:after { content:''; clear:both; display:block;}
.login .login_form .login_set .form_checkbox span { font-size:13px; color:#a1a1a1;vertical-align:top;display:inline-block;}

.login .login_section .attention {}
.login .login_section .attention li {position:relative; margin-top:6px; padding-left:8px; font-size:13px;color:#777;letter-spacing:-.25px;line-height:1.4; text-indent: -8px;}
.login .login_section .attention li:before {content: '';display: inline-block;width: 2px;height: 2px;margin: 7px 5px 0 0;background: #2c2c2c;border-radius: 50%;vertical-align: top;}
.login .result_wrap.bg_gray {background-color:#f5f5f5;}
.login .result_wrap p {padding-top:0;}
.login .result_wrap + .result_wrap  {margin-top:20px;}
.login .result_wrap ul {padding:0 20px;}
.login .result_wrap ul li {position:relative;font-size: 13px;color: #7d7d7d;text-align: left;line-height: 20px;letter-spacing:-.28px;}
.login .result_wrap ul li:before {content: '';display: inline-block;width: 2px;height: 2px;margin: 10px 7px 0 0;background: #7d7d7d;border-radius: 50%;vertical-align: top;}
.login .forgot_privacy {overflow: hidden; border-top: 1px solid #d9d9d9; margin-top: 20px; padding-top: 20px;}
.login .forgot_privacy p {color:#7d7d7d; margin-bottom:20px;font-size:13px;}
.login .btn_multi_2ea {overflow:hidden;}
.login .btn_multi_2ea a{overflow: hidden;width: 49.5%;display: block; float: left;line-height: 32px; height: 34px;background-color: #fff; border: 1px solid #d9d9d9; color: #7d7d7d; box-sizing: border-box; text-align: center;letter-spacing:-.25px;font-size: 13px;}
.login .btn_multi_2ea a + a {margin-left: 1%;}

/* join */
.wrapper{padding:0 16px;}
.join .box_wrap+.box_wrap {margin-top:50px;}
.join .step_pad_wrap{text-align:center;padding:28px 0 58px;}
.join .step_pad_wrap img{width:308px;}
.join .box {border:1px solid #d4d4d4;}
.join .box:after {content:'';display:block;clear:both;}
.join .box ul{overflow:hidden;padding:16px 3%;box-sizing: border-box;}
.join .box ul li {width:61%;float:left;}
.join .box ul li:nth-child(2n+1){width:39%;}
.join .box ul li:nth-child(n+3):nth-child(-n+4) {padding-top:20px;}
.join .scroll {margin-bottom:15px;}
.join .agree_wrap {text-align:center;padding-top:15px;margin-top:15px;margin-bottom:20px;border-top:1px solid #d4d4d4;}
.join .btns_wrapper {margin:40px 43px 50px;}
.join .notice_txt {font-size:11px;color:#444;text-align:center;letter-spacing:-.25px;margin:10px 0 15px;line-height:16px;}
.join.mypage h2{margin-bottom:30px;}
.join.mypage .txt {font-size:13px;text-align:center;margin-bottom:30px;letter-spacing:-.25px;}

/* step2 */
.section_certify {text-align:center;}
.section_certify .box {padding:35px 10px;}
.section_certify img {width:43px;}
.section_certify .box p{font-size:13px;color:#7d7d7d;text-align:center;line-height:18px;padding-top:10px;letter-spacing:-.25px;}
.section_certify .btns_wrapper {margin:30px 0 0;}

/* find */
.section_certify.style_01 {font-size: 13px;color:#7d7d7d;}
.section_certify.style_01 .box{background-color:#f5f5f5 ;border:1px solid #d4d4d4;margin-top:20px;}
.section_certify.style_01 .box p {padding-top:20px;}
.section_certify.style_01 .box p.find_txt {padding-top:0;color:#444;font-size:14px;line-height:1.6;}
.section_certify.style_01 .box p.find_txt span {color:#3652a2;font-weight:bold;}
.section_certify.style_01 .form_radio_wrap {margin:10px 0 15px;}
.section_certify.style_01 .form_radio + .form_radio {margin-left:15px;}
@media (max-width: 340px) {
    .section_certify.style_01 .box p {font-size: 12px;}
}
.section_certify.style_01 .find_id{height: 28px; padding: 0 5px; border: 1px solid #d4d4d4; line-height: 30px;width:95%;}
.section_certify.style_01 .tbl_write {border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.section_certify.style_01 .form_email{padding:20px 15px 15px;box-sizing: border-box;}
.section_certify.style_01 .form_email .form_select select {background-color:#fff;}
.section_certify.style_01 .form_email .form_text {background-color:#fff;}
.section_certify.style_01 .form_text input[type="text"],
.section_certify.style_01 .form_text input[type="tel"],
.section_certify.style_01 .form_text input[type="password"] {background-color:#fff;}

/* 약관 */
.scroll {border: 1px solid #d4d4d4;overflow-x:hidden;overflow-y:auto;text-align: left;}
.scroll iframe {width: 100%;padding:2px 2px 0 2px;}
.clause {padding: 10px;font-size: 12px;line-height: 22px;}
.clause pre{font-family:'NanumGothic'; white-space: pre-line;word-wrap: break-word;word-break: break-all;white-space: -moz-pre-wrap;font-size: 12px;line-height: 22px;}
.clause strong {font-size: 13px; font-weight: normal; color: #4a4a4a;}
.clause table {width: 100%; border-top: 1px solid #1e1e1e;}
.clause table th {padding: 10px; background: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.clause table th:first-child,
.clause table td:first-child  {border-left: 1px solid #ddd;}
.clause table td {padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}

/* step3 */
.sheet_write_wrap{}
.sheet_write_wrap + .sheet_write_wrap{margin-top:22px;}
.sheet_write_wrap + .btn_wrap{margin-top:25px;}
.sheet_write_wrap + .btn_wrap.ver_line{margin-top:15px;}
.sheet_write{margin-bottom:15px;}
.sheet_write tr:first-child th,
.sheet_write tr:first-child td {border-top:1px solid #000;}
.sheet_write tr:last-child th,
.sheet_write tr:last-child td{border-bottom:1px solid #000;}
.sheet_write th, .sheet_write td{padding:10px; font-size:13px; text-align:left; font-weight:normal; border:1px solid #ddd; border-right:none;line-height:1.4;}
.sheet_write th{position:relative;border-left:none; background:#f5f5f5; color:#7d7d7d;vertical-align: top;}
.sheet_write th em {position: absolute;top: 10px; color: #ff0000;right: 10px;}
.sheet_write th.rowspan{padding:5px; text-align:center; vertical-align:middle;}
.sheet_write th.letter_spacing{letter-spacing:-1.5px;}
.sheet_write td{}
.sheet_write td label {margin:0 10px 0 0;}
.sheet_write td label:last-child{margin-right:0;}
.sheet_write .display_inline_block{margin-top:8px;}
.sheet_write td textarea{border-color:#e6e6e6;}
.sheet_write .space{padding:0 5px;}
.sheet_write_wrap p.note {font-size:11px;font-weight:normal;padding-left:10px;line-height:1.5;margin-top:10px;}
.sheet_write_wrap p.note.error {color:#dd1900;}
.sheet_write_wrap p.note:before {content: '※';display: inline-block;text-indent: -12px}
.guide {font-size:11px;color: #444;display: block;text-align: right;letter-spacing:-.25px;margin-bottom:15px;}
.guide em{color:#ff0000;}
.receive_agree p {margin:10px 0 15px;font-size:13px;color:#444;font-weight:bold;}
.receive_agree p.result {font-weight:normal;line-height:20px;}
.receive_agree ul li {margin-bottom:10px;}
.receive_agree ul li:last-child {margin-bottom:20px;}
.form_radio_wrap {margin-top:10px;}

/* step5 */
.result_wrap {text-align:center;padding:30px 0;border:1px solid #d4d4d4;}
.result_wrap p{font-size:13px;color:#7d7d7d;text-align:center;line-height:18px;padding-top:10px;letter-spacing:-.25px;line-height:18px;}
.result_wrap p strong{color:#3652a2;}
.result_wrap .btns_wrapper {margin:30px 0 0;}

/*add_site*/
.add_site .receive_agree ul li:last-child {margin-bottom:0;}
.add_site.result_wrap {margin-top:30px;}

/* 레이어팝업 */
.layer_popup {display:none;overflow: hidden;overflow-y: scroll;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index:999;-webkit-box-sizing: border-box;box-sizing: border-box;}
.layer_popup .inner_layer{z-index:99;position: absolute;top:50%;left: 0;right:0;width:85%;height:auto;background-color: #fff;box-sizing: border-box;margin:0 auto;}
.layer_popup .layer_content {margin:0 15px;;border-top:1px solid #3652a2;}
.layer_popup .layer_head {padding:15px;}
.layer_popup .layer_head .layer_close {height:48px;width:48px;background:url('/images/mobile/common/popup_close.png') no-repeat;-webkit-background-size:18px 18px;background-size:18px 18px; background-position:50% 50%;font-size: 0; position: absolute; right: 0; top: 0;}
.layer_popup .layer_head h3 {font-size:15px;text-align:left;}
.layer_popup .message01 {font-size: 14px;color: #000;text-align: center;letter-spacing:0;padding:30px 0;}
.layer_popup .layer_content .form_id{padding:20px 0;border-bottom:1px solid #3652a2}
.layer_popup .layer_content .form_text input[type="text"]{ background-color: #fff;}
.layer_popup .layer_content .form_id .btn{border-radius: 10px;color:#333;background-color:#d7d7d7;}
.layer_popup .layer_content .form_id .form_text {margin-bottom:0;width:45%;border-radius: 10px;background-color:#fff;}
.layer_popup .layer_content .form_id .txt{display:inline-block;float: left; text-align: center; vertical-align: top; color:#7d7d7d;width:20%;height:35px;line-height:35px;font-size:13px;}

/*zipcode*/
/*table*/
.tbl_list {border-top: 1px solid #444; border-bottom: 1px solid #444;}
.tbl_list table {table-layout: fixed;}
.tbl_list table thead th {padding: 15px 0;border-bottom: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;background: #f5f5f5;font-size: 13px;}
.tbl_list table thead th:first-child, .tbl_list table tbody td:first-child {border-left: none;}
.tbl_list table tbody tr:first-child td {border-top: none;}
.tbl_list table tbody td {height: 30px; padding: 10px 0; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; text-align: center; color: #222;}
.tbl_list table tbody td textarea {width: 100%; height: 120px; border: 1px solid #d4d4d4;}
.tbl_list table tbody td li {margin-bottom: 5px;}
.tbl_list table tbody td.no_data {padding: 100px 0;}
.tbl_list.withdrawal {margin-top: 20px;}
.tbl_list.withdrawal table th {padding: 15px 10px; text-align: left;letter-spacing:-.25px;}
.tbl_list.withdrawal table td {text-align: left; padding: 5px 10px 20px;}
.tbl_list.withdrawal table td p{margin-top: 10px;}
.tbl_list.withdrawal table td li {width: 50%;float: left;margin:10px 0 0 0;}

.tbl_write {border-top: 1px solid #444; border-bottom: 1px solid #444;}
.tbl_write table {table-layout: fixed;}
.tbl_write table tr:first-child th, .tbl_write table tr:first-child td {border-top: none;}
.tbl_write table th {padding: 10px;border-top: 1px solid #d4d4d4;background: #f5f5f5;text-align: left;vertical-align: middle;font-size: 13px;text-align: center;}
.tbl_write table th .essential {display: block; position: relative;}
.tbl_write table th .essential:after {content: '*'; position: absolute; right: 0; top: 5px; color: #eb2a2a; line-height: 14px;}
.tbl_write table td {height: 30px; padding: 10px; border-top: 1px solid #d4d4d4; text-align: left; color: #222; vertical-align: middle;}
.tbl_write table td .birth input[type=text] {text-align: center;}
.tbl_write table td .birth input[type=text] + label {display: inline-block; margin: 5px 15px 0 5px;}
.tbl_write table td .address p {margin-top: 10px;}
.tbl_write table td .call em {color: #7f7f7f;}
.tbl_write table td .guide {margin-left: 5px; font-size: 13px; vertical-align: middle;}
.tbl_write table td .guide.error {color: #e22327;}
.tbl_write table td ul {margin-bottom: 20px;}
.tbl_write table td li {margin-bottom: 10px;}
.tbl_write table td li strong {display: inline-block; width: 90px;}

.popup_wrap {padding: 25px 20px 30px;}
.popup_title {padding-bottom: 15px; border-bottom: 1px solid #3652a2; font-size: 18px;}
.popup_content {}
.popup_content  .attention {margin:10px 0;}
.popup_content  .attention li {position:relative; padding-left:8px; font-size:13px;color:#777;letter-spacing:-.25px;line-height:1.4; text-indent: -8px;}
.popup_content  .attention li:before {content: '';display: inline-block;width: 2px;height: 2px;margin: 7px 5px 0 0;background: #2c2c2c;border-radius: 50%;vertical-align: top;}
.popup_content .form_address .form_text.withBtn {margin-bottom:0;}
.popup_content .tbl_write, .popup_content .tbl_list {border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.popup_content .tbl_write .light {padding: 0 10px;}
.popup_content .id_result {padding: 15px 0; border-bottom: 1px solid #d4d4d4; color: #222; text-align: center;}
.popup_content .result_list {overflow-y: scroll; height: 320px; margin-top: 10px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.popup_content .result_list .tbl_list {border: none;}
.popup_content .result_list .tbl_list td:first-child + td {text-align: left;}
.popup_content .result_list .tbl_list td {padding: 10px;font-size: 13px;letter-spacing: -1px;line-height: 1.5;}
.popup_content .result_list td.no_data {padding: 100px 0;}
.popup_content .result_list .tbl_list td a {color: #222;}
.popup_content .result_list .tbl_list td span {display: block;}

/* 페이징 */
.pagination{text-align:center; margin-top:15px;font-size:0;line-height:0;}
.pagination .btn{border:1px solid #eeeeee; width:26px; height:26px; line-height:24px; text-align:center; display:inline-block; vertical-align:middle; background:url('/images/mobile/common/icon_pagination.png') no-repeat; background-size:125px auto; -webkit-background-size:125px auto;}
.pagination .btn.first { background-position:0 0;}
.pagination .btn.prev{ background-position:-27px 0;margin:0 5px;}
.pagination .btn.next{ background-position:-55px 0;margin:0 5px;}
.pagination .btn.last{ background-position:-83px 0;}
.pagination .active,.pagination a{ color:#a1a1a1; font-size:12px; display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; font-weight:normal; vertical-align:middle;}
.pagination .active { color:#222222; background-color:#f7f7f7;}

/*회원탈퇴*/
.join .withdrawal_wrap .form_radio span {display: inline-block;padding-left: 24px;text-indent: -24px;color:#444;font-size:13px;}
.join .withdrawal_wrap .form_radio span:before{margin-right:6px;}
@media (max-width:340px) {
    .join .withdrawal_wrap .form_radio span {font-size:12px;}
}

/* 개인정보취급방침&서비스약관 */
.etc .scroll {margin-top: 13px; height: 594px;}
.etc .scroll iframe {height: 100%;}