@charset "utf-8";
/* CSS Document */


/***************************** ////// COMMON ////// *******************************/

#sub_visual {position:relative;}
#sub_visual img {width:100%;}

#main {margin-top:66px; letter-spacing:0;}


/* title */
.member_title {padding:30px 10px; text-align:center; background:#e8e8e8;}
.member_title p {margin-top:8px; font-size:13px; color:#666666; line-height:1.2;}
.mem_title01 {font-size:22px; color:#222222; line-height:1;}



.member_wrap {margin:0 15px 50px; font-size:14px;}


/* 로그인 */
.login_box {}
.login_box .mem_frow {overflow:hidden; position:relative; margin-top:10px;}
.login_box input[type="text"],
.login_box input[type="password"] {width:100%; height:42px; padding:0 25px 0 10px; border:0; border-bottom:1px solid #cacaca; font-size:15px; color:#666666;}
.login_box .btn_submit {width:100%; margin-top:30px; height:42px; border:1px solid #30bbc3 ; border-radius:3px; font-size:20px; color:#fff; font-weight:bold; background:#30bbc3 ;}
.login_box .btn_del {display:none; position:absolute; top:0px; right:0px; width:37px; height:41px; background:url('../images/btn_del.png') no-repeat center #fff; background-size:13px; content:'';}

.mem_login_link {margin:24px -32px; text-align:center; font-size:0;}
.mem_login_link li {display:inline-block; position:relative;}
.mem_login_link li+li:before {position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background:#cccccc; content:'';}
.mem_login_link a {display:block; padding:0 32px; font-size:15px; color:#333333; line-height:24px;}

.mem_sns_login  {margin:0 -15px; padding:30px 15px 32px; background:#f6f6f6;}
.mem_sns_login h3 {font-size:17px; color:#333333; font-weight:bold;}
.mem_sns_login ul {overflow:hidden; margin:17px -2px 0;}
.mem_sns_login li {float:left; width:50%; padding:0 2px;}
.mem_sns_login li img {width:100%;}



/* 회원가입 */
.join_form {margin-top:6px;}
.member_tab {overflow:hidden; padding-top:20px;}
.member_tab li {float:left; width:50%; text-align:center; font-size:14px; color:#666666;}
.member_tab li a {display:block; position:relative; border:1px solid #cccccc; line-height:35px;}
.member_tab li+li a {margin-left:-1px;}
.member_tab li.on a {z-index:2; border-color:#30bbc3 ; color:#fff; background:#30bbc3 ;}

.idpw_box {display:none;}
.idpw_box.on {display:block;}
.idpw_box .notice_txt {margin:15px 0 6px;}


/* 회원가입 약관 */
#agree_pop h1 {padding-left:15px; border-bottom:1px solid #dbdbdb; font-size:22px; color:#222222; line-height:62px;}
#agree_pop .cont {padding:15px 15px 50px; font-size:12px; color:#333333; line-height:1.2; letter-spacing:0;}
#agree_pop .btn_close {position:absolute; top:23px; right:15px; width:20px;}
#agree_pop .btn_close img {width:100%;}


.member_btn_area {overflow:hidden; margin-top:16px;}
.member_btn_area.bgap {margin-top:35px;}
.btn_mem {display:inline-block; width:100%; height:42px; border:1px solid #30bbc3 ; border-radius:3px; font-size:18px; color:#fff !important; font-weight:bold; text-align:center; line-height:40px; background:#30bbc3 ;}
.btn_mem.gray {border-color:#000000; color:#fff !important; background:#333333;}
.member_btn_area .half {float:left; width:49.5%;}
.member_btn_area .half+.half {margin-left:1%;}



.tbox {margin:20px 0; padding:15px; font-size:15px; color:#383838; line-height:1.64; text-align:left; border:1px solid #dddddd; background:#ebebeb;}


.privacy_box .m_contents {padding-top:0px;} 
.privacy_box .m_con h3 {height:auto; margin:0; font-size:15px; color:#010101; font-weight:bold; line-height:1.3;}
.privacy_box .m_con h4 {margin:0; line-height:1.5;}

.m_con {border-top:1px solid #333333; border-bottom:1px solid #ccc; line-height:1.5;}
.m_con dl {}
.m_con dt {border-top:1px solid #b9b9b9;}
.m_con dt a {display:block; padding:10px 40px 10px 5px; background:url('../images/ico_arrow_down.png') no-repeat 98% center; background-size:12px auto;}
.m_con dt.on a {background-image:url('../images/ico_arrow_up.png');}
.m_con dd {padding:15px; font-size:14px; color:#474747; line-height:1.5; background:#ebebeb;}

.square_list li {position:relative; padding:0 20px; }
.square_list li:before {position:absolute; top:8px; left:3px; width:6px; height:6px; border-top:1px solid #4a4a4a; border-bottom:1px solid #c3c3c3; background:#222222; content:'';}

.m_con_list dd {display:none;}
.m_con_list dt.on+dd {display:block;}

.m_con table.list1 {width:100%; border:1px solid #e0e0e0; margin:15px 0; padding:0;}
.m_con table.list1 * {word-break:break-all;}
.m_con table.list1 thead th,
.m_con table.list1 thead td {background:#efefef; color:#000; font-weight:bold; text-align:center;}
.m_con table.list1 th,
.m_con table.list1 td { padding:5px; border:1px solid #e0e0e0; margin:0; text-align:center;}
.m_con table.list1 th { background:#f7f7f7; font-weight:bold; text-align:center;}
.m_con table.list1 td { background:#ffffff; font-weight:normal; }
.m_con table.list1 .t_c { text-align:center !important;}