@charset "utf-8";

/***** Login *****/ 
.login {padding:15px 0 10px 0; margin:0 15px 0 15px}
.login h3 {margin:15px 0 5px 0; font-size:14px; color:#000}
.login .it {width:100%; height:35px;  border:1px solid #b9bdbe}
.login .sv {margin-top:15px;}
.login .sv {margin-bottom:-4px;}
.login .signin_btn {text-align:center; margin-top:15px;}
.login .warning {margin-bottom:15px; color:#FF3300;}
.login .it {font-size:18px;}
.mt15 input {margin-top:-3px}
.mt15 {color:#000}

.login_tab {height:auto; position:relative; width:100%;}
.login_tab .gnb_comm {height:auto; margin:0; overflow:hidden;}
.login_tab .gnb_comm li {background-color:#fff; border-bottom:1px solid #fff; border-left:1px solid #c4cacf; box-sizing:border-box; float:left; font-weight: bold; height:43px; width:50%}
.login_tab .gnb_comm .link_menu { color:#333; display:block; font-size:15px; height:44px; letter-spacing:-1px; line-height:44px; padding:0; text-align:center;}
.login_tab .gnb_comm .link_menu:before {display:none;}
.login_tab li:first-child {padding-left:0; margin-left:-1px;}
.login_tab .gnb_comm .off {background-color:#f2f2f4; border-radius:0; box-shadow: 0 0 0 #b9bdbeinset; padding:0;}
.login_tab .gnb_comm .off:after {display:none;}
.login_tab .gnb_comm .off {border-bottom:1px solid #b9bdbe}
.login_tab .gnb_comm .off a {#333}

.no_mem { margin-top:10px; font-size:14px; line-height:21px; margin-bottom:20px}
.no_mem span {color:#ff3300}

.btn_h_w {-moz-border-radius:2px; -webkit-border-radius:2px; background:url(/images/m/btn_bg.gif) repeat-x; border:1px solid #CCCCCC; padding:7px 12px; display:inline-block; font-size:14px;  color:#333; text-align:center}

/***** Join *****/ 
.join {padding:10px;}
.join .breadcrubs {position:relative; margin:0 auto; width:100%;}
.join .breadcrubs ul {position:absolute; top:10px; left:10px;}
.join .breadcrubs li {float:left; background:url(/images/m/ico/ico_arrow.gif) no-repeat right 2px; font-size:15px; font-weight:bold; padding-right:3px}
.join .breadcrubs .none {background:none;}
.join .breadcrubs li strong {color:#0097bf;}
.join .join_decrip {margin:45px 10px 13px 10px; font-size:14px}

.join .input_information {background:#f7f7f7; border:1px solid #dcdcdc; -moz-border-radius:3px; -webkit-border-radius:3px; padding:12px; margin-bottom:10px;}
.join .input_information .warning {color:#FF3300; margin:10px 0;}

.join .input_information h3 {border-bottom:1px solid #CCCCCC; padding-bottom:3px; }

.join .input_information .input_box {padding-right:10px; text-align:center;}
.join .input_information .tb01 {width:100%; height:25px; border:2px solid #CCCCCC; padding-left:6px; margin-bottom:3px; color:#999999;}
.join .input_information .input_box h4 {text-align:left;}
.join .input_information .input_box a {color:#0097bf; text-decoration:underline;}

.join .input_information .sex_type {text-align:left}
.join .input_information .sex_type li {display:inline; width:140px; margin-right:20px;}
.join .input_information .sex_type strong {margin-top:-3px;}

/***** popup *****/ 
.pop_container { position:relative; border:2px solid #0097bf; margin:0 15px; border-radius:5px; color:#000}
.pop_container .p_cont {padding:17px 25px 15px 13px; font-size:15px; line-height:21px}
.pop_container .p_cont em {font-weight:bold; color:#ff3300}
.pop_container .p_btn_close {height:20px; background:url('/images/m/p_btn_close.png') no-repeat 4px 4px; position:absolute; top:7px; right:5px; background-size:14px 14px; padding:10px 10px 0 10px; text-indent:-9999; font-size:0;}

/*** id search ***/
.id_pw_find_wrap {overflow:hidden; padding:0px; margin-top:25px;}
.id_pw_find_wrap .title {font-weight: bold; margin-bottom: 10px; font-size: 14px;}
.id_pw_find_wrap .title span.num {color:#D70D4B; font-size: 14px;}
.id_pw_find_wrap .comment01 {padding-left: 120px;}
.id_pw_find_wrap .input_box {margin: 5px 0; overflow: hidden;}
.id_pw_find_wrap .input_box th {font-weight: normal; color: #424242; text-align: right; padding-right: 5px; padding-top: 4px; vertical-align: top;}
.id_pw_find_wrap .input_box td {padding-bottom: 8px;}
.id_find_wrap {position:relative; margin-top:20px;}
.id_find {overflow: hidden; border:1px solid #92d7ff}
.id_find .top {text-align: left; padding:15px; font-size:14px}
.id_find dd,  .pw_find dd {padding-top: 20px;}
.pw_find_wrap {position:relative; margin-top:25px; }
.pw_find {overflow: hidden;  border:1px solid #a3df67}
.pw_find .top {text-align: left; padding:15px;  font-size:14px}
.pw_find .question {background-color: #F8F8F8; padding: 14px 0 0 0; margin-top:10px; overflow: hidden;}
.error {display:block; padding-top: 1px;  color: #fc0404;}

/*** nomember login ***/
.pay_tab_w {margin:0 14px -10px 14px}
.pay_tab {margin:13px 0 0 0; width:100%; box-sizing:border-box}
.pay_tab ul {display:table;	table-layout:fixed;	width:100%;	padding:0; box-sizing:border-box}
.pay_tab li {display:table-cell;width:50%; vertical-align:middle}
.pay_tab li a {display:block; border:1px solid #c6c9d0; background:#ededed; color:#222f43; font-size:14px; line-height:17px; text-align:center; padding:15px 0;}
.pay_tab li.on a {position:relative;border:1px solid #38465a;background:#3d4b5f;color:#fff;	font-weight:bold}
.pay_tab li:first-child a {border-top-left-radius:3px;	border-bottom-left-radius:3px}
.pay_tab li:last-child a {border-top-right-radius:3px; border-bottom-right-radius:3px}
.non_info_txt {font-size:13px; color:#666; padding-top:12px; margin-bottom:-10px}

.non_p_title {margin:15px 14px 30px 14px; font-size:14px; color:#666}
.non_p_title strong {font-size:18px; display:block; padding-bottom:8px; color:#111}