@charset "utf-8";
@import url("/css/common.css");

body.join #container {border:0;}
body.join .contents {width:100%;}
body.join .contents .contents_area {width:460px;margin:55px auto 0;}
body.join .member_area {}
body.join .member_area .tit_label {top:28px;height:10px;font-size:14px;color:#999;font-weight:bold;}
body.join .member_area h2 {font-size:40px;color:#333;font-weight:bold;text-align:center;}
body.join .member_area .btn_news {display:inline-block;margin-top:20px;}
body.join .member_area .join_box {margin-top:40px;border:2px solid #dadada;background:#fff;}
body.join .member_area .join_box input[type="text"] {height:20px;line-height:20px;border:0;font-weight:bold;}
body.join .member_area .join_box.login .inpt_emil .txt_eml {width:420px !important;border-right:0 !important;}
body.join .member_area .join_box.login .inpt_emil .txt_eml .txt_inpt {width:100% !important;}
body.join .member_area .join_box .txt_wrng {position:absolute;left:19px;bottom:5px;color:#fe0000;}
body.join .member_area .join_box .inpt_emil {overflow:hidden;}
body.join .member_area .join_box .inpt_emil .txt_eml {position:relative;float:left;width:275px;padding:25px 18px 25px 18px;border-right:1px solid #dadada;}
body.join .member_area .join_box .inpt_emil .txt_eml .txt_inpt {width:100%;color:#000;font-size:14px;}
body.join .member_area .join_box .inpt_emil .ptl_slt {float:left;padding:27px 29px 23px 29px;}
body.join .member_area .join_box .inpt_emil .ptl_slt select {border:0;}
body.join .member_area .join_box .inpt_pw {position:relative;padding:24px 18px 25px 18px;border-top:1px solid #f0f0f0;}
body.join .member_area .join_box .inpt_pw .pw_area {padding-right:17px;background:url('/images/common/icon/ico_pw.gif') no-repeat 100% 0;}
body.join .member_area .join_box .inpt_pw .pw_area.pw_recfrm {padding-right:20px;background:url('/images/common/icon/ico_pw_chk.gif') no-repeat 100% 0;}
body.join .member_area .join_box .inpt_pw .pw_area .txt_pw {width:100%;height:20px;line-height:20px;border:0;font-size:14px;font-weight:bold;}
body.join .member_area .join_box .nickname {position:relative;padding:24px 18px 25px 18px;border-top:1px solid #f0f0f0;}
body.join .member_area .join_box .nickname .txt_nme {width:100%;}
body.join .member_area .agree {margin-top:20px;}
body.join .member_area .agree span {position:relative;display:block;margin-top:5px;*margin-top:3px;color:#666;}
body.join .member_area .agree span a {position:absolute;top:0;right:0;font-size:14px;color:#999;text-decoration:underline;}
body.join .member_area .agree span em{font-size:14px;font-weight:bold;color:#999;}
body.join .member_area .agree span input{width:18px;height:18px;border:2px solid #999;vertical-align:bottom;}
body.join .member_area .agree .policywrap{width:430px;height:50px;padding:15px;margin-top:10px;*margin-top:8px;margin-bottom:15px;*margin-bottom:10px;background:#fff;border:1px solid #dadada;overflow-y:scroll;}
body.join .member_area .agree .tbl_policy{display:none;margin:5px 0}
body.join .member_area .agree .tbl_policy .tbl_important{font-size:16px;font-weight:bold;text-decoration:underline}
body.join .member_area .agree .tbl_policy table,
body.join .member_area .agree .tbl_policy th,
body.join .member_area .agree .tbl_policy td{padding:5px;border:1px solid #000;font-size:13px;color:#666;text-align:left;vertical-align:top;border-collapse:collapse}
body.join .member_area .btn_join {display:block;margin:30px 0;}
body.join .member_area .join_sns {overflow:hidden;margin:20px 0;padding:20px 0 22px 32px;border:1px solid #e8e8e8;background:#f6f6f6;}
body.join .member_area .join_sns p {float:left;letter-spacing:-1px;font-weight:bold;color:#999;font-size:14px;}
body.join .member_area .join_sns .list_sns {float:right;margin-right:32px;}
body.join .member_area .join_sns .list_sns li {float:left;margin-left:3px;}
body.join .member_area .join_sns .list_sns li:first-child {margin-left:0;}
body.join .member_area .join_sns .list_sns li a {overflow:hidden;display:block;width:30px;height:30px;background:url('/images/common/icon/ico_join_sns.gif') no-repeat 0 0;text-indent:100%;white-space:nowrap;}
body.join .member_area .join_sns .list_sns li.sns_nar a {background-position:-33px 0;}
body.join .member_area .join_sns .list_sns li.sns_gle a {background-position:-66px 0;}
body.join .member_area .join_sns .list_sns li.sns_kko a {background-position:-99px 0;}
body.join .member_area .chk_box {width:100%;margin:35px 0 20px 0;padding:40px 0;border:1px solid #e8e8e8;background:#f6f6f6;text-align:center;}
body.join .member_area .chk_box strong {color:#000;font-size:14px;}
body.join .member_area .chk_box p {margin-top:19px;color:#999;font-size:14px;font-weight:400;}
body.join .member_area .chk_box strong span {color:#888;font-size:14px;}
body.join .member_area .uer_mbr {overflow:hidden;width:165px;margin:25px auto 20px;}
body.join .member_area .uer_mbr a {float:left;padding:0 10px;background:url('/images/common/icon/ico_bar02.gif') no-repeat 0 0;color:#999;font-weight:bold;}
body.join .member_area .uer_mbr a:first-child {padding-left:0;background:none;color:#333;}

/*로그인 개선 */
body.join.login_pp01{background: #f9f9f9;}
.new_loginwrap{position:relative;width:100%;}
.new_loginwrap .new_login{position:relative;min-height:850px;}
.new_loginwrap .new_login .login_title{position: fixed;top:22px;left:22px;z-index:9;}
.new_loginwrap .new_login .login_title img{display:inline-block;vertical-align: bottom;}
.new_loginwrap .new_login .login_title span{display:inline-block;line-height:20px;letter-spacing: -1px;}

.new_loginwrap .new_login .login_body{position:absolute;top:50%;left:50%;overflow:hidden;width:712px;height: 432px;margin:-216px 0 0 -356px;background: #fff;border-radius: 8px;box-shadow: 0 3px 5px 0 #c0c0c0;}
.login_body .social_log{float:left;width:322px;padding:0 54px 0 53px;}
.login_body .social_log .social_title{margin-top:100px;font-size:16px;letter-spacing: -1px;color:#000;}
.login_body .social_log .social_title span{display:block;margin-top:6px;font-size:12px;line-height: 1.67;letter-spacing: -0.8px;color:#4a4a4a;}
.login_body .social_log .capcha{width:302px;height:76px;margin-top:24px;border:1px solid #e2e2e2;}
.login_body .social_log .user_mbr_b{overflow:hidden;margin-top:27px;}
.login_body .social_log .user_mbr_b a{display:inline-block;float:left;width:120px;height:34px;margin-left:7px;text-align: center;line-height:34px;border-radius: 3px;border:1px solid #e2e2e2;}
.login_body .social_log .user_mbr_b a:first-child{margin-left:0;color:#fff;background: #ec425f;}
.login_body .social_log .return_social{margin-top:62px;font-size:11px;letter-spacing: -0.9px;color:#4a4a4a;text-decoration: underline}
.login_body .social_log ul{margin-top:16px;}
.login_body .social_log ul li{margin-top: 8px;}
.login_body .social_log ul li:first-child{margin-top:0;}
.login_body .social_log ul a{position:relative;display:block;width:320px;height: 38px;line-height: 40px;border-radius: 3px;border:1px solid #e2e2e2;letter-spacing: -0.8px;text-align: center;font-size:13px;color:#4a4a4a;}
.login_body .social_log ul a:hover{color:#4a90e2;border:1px solid #4a90e2;box-shadow: 0 1px 4px 0 #c0c0c0;}
.login_body .social_log ul li span{position: absolute;top:10px;left:17px;display:block;width:23px;height:21px;background:url('/images/common/icon/icon_login_sns.png') no-repeat 0 0;}
.login_body .social_log ul li.social_fa span{top:13px;height: 25px}
.login_body .social_log ul li.social_fa a:hover span{background-position: 0 -48px}
.login_body .social_log ul li.social_kk span{background-position: -53px 0 }
.login_body .social_log ul li.social_kk a:hover span{background-position: -53px -48px }
.login_body .social_log ul li.social_nav span{background-position: -124px 0 }
.login_body .social_log ul li.social_nav a:hover span{background-position: -124px -48px }
.login_body .social_log ul li.social_go span{background-position: -185px 0 }
.login_body .social_log ul li.social_go a:hover span{background-position: -185px -48px }
.login_body .magazine_log{position:relative;float:left;width:283px;height:432px;background:url('/images/common/bg/bg_login_index.png') no-repeat 0 0;border-radius: 0 8px 8px 0;}
.login_body .mglog_title{width:142px;margin:89px 0 0 68px;}
.login_body .join_box {margin-top:22px;}
.login_body .join_box input {height:20px;line-height:20px;border:0;}
.login_body .join_box .inpt_login {position:relative;}
.login_body .join_box .inpt_login .txt_wrng {position:absolute;top:25px;left:35px;display:block;width:211px;margin:6px auto 0 auto;padding-left:17px;font-size:11px;color: #fff;background: url("/images/common/icon/icon_login_notice.png") no-repeat 1px 1px ;}
.login_body .join_box .inpt_login.log_pw{margin-top:29px;}
.login_body .join_box .inpt_login .inpt_area {position:relative;width:211px;margin:0 auto;padding:0 0 6px 0;border-bottom:1px solid #f1aeba;}
.login_body .join_box .inpt_login .inpt_area .tit_label {position:absolute;left:0;top:3px;color:#fff;font-size: 13px;}
.login_body .join_box .inpt_login .inpt_area.fill .tit_label {visibility:hidden;}
.login_body .join_box .inpt_login .inpt_area .txt_inpt {position:relative;width:100%;color:#fff;font-size:14px;background: none;}
.login_body .join_box .inpt_login .inpt_area .txt_pw {letter-spacing:3px}
input:-webkit-autofill {padding-left:10px;}

.login_body .magazine_log .btn_join{position:absolute;bottom:104px;left:50%;margin-left:-60px;display:block;width:120px;height:34px;text-align:center;line-height: 34px;background: #fff;color:#e23a57;letter-spacing:-0.5px;border-radius: 3px;}
.login_body .magazine_log .btn_join:hover {box-shadow: 0 2px 4px 0 #810c20;}
.login_body .magazine_log .user_mbr{position:absolute;bottom:27px;left:50%;transform:translateX(-50%)}
.login_body .magazine_log .user_mbr a{position: relative;float:left;display:inline-block;padding-left: 8px;font-size: 11px;color: #fff;letter-spacing: -0.9px;}
.login_body .magazine_log .user_mbr a:hover {text-decoration:underline;}
.login_body .magazine_log .user_mbr a:first-child{padding-left:0}
.login_body .magazine_log .user_mbr a:first-child:before{display: none}
.login_body .magazine_log .user_mbr a:before{display: block;
 content: '';
 position: absolute;
 top: 8px;
 left: 3px;
 width: 1px;
 height: 1px;
 background: #fff;}
.new_loginwrap .btn_close{position:fixed;top:27px;right:30px;display:block;width:25px;height:25px;z-index:9;text-indent:-9999px;background:url('/images/common/icon/icon_login_close.png') no-repeat 0 0;}


/* 이용약관 */
body.policy .contents_area {padding:25px 20px 0 20px;background:#fff;}
body.policy .contents_area h3 {font-size:30px;}
body.policy .tab_pers {position:relative;height:38px;margin-top:15px;border-bottom:2px solid #777;}
body.policy .tab_pers li {position:absolute;left:0;top:0;}
body.policy .tab_pers li a {display:block;width:201px;height:37px;line-height:37px;border-top:1px solid #c4c4c4;border-left:1px solid #c4c4c4;border-right:1px solid #c4c4c4;border-bottom:2px solid #777;background:#f8f8f8;font-size:16px;color:#100f0f;text-align:center;}
body.policy .tab_pers .active  {top:-1px;z-index:1;}
body.policy .tab_pers .active a {height:39px;border:2px solid #777;border-bottom:0;background:#fff;}
body.policy .tab_pers li.tab2  {left:202px;}
body.policy .tab_pers li.tab3  {left:404px;}
body.policy .tab_pers li.tab4  {left:606px;}
body.policy .btn_history{margin-top:20px;text-align:right;text-decoration:underline}
body.policy .policy_area {margin:40px 0;}
body.policy .policy_area h4 {margin-top:40px;color:#000;font-size:12px;font-weight:bold;}
body.policy .policy_area .article_area {margin-top:20px;padding:20px;border:1px solid #efefef;line-height:18px;color:#7d7d7d;font-size:11px;}
body.policy .policy_area .article_area .txt_point{color:#0070c0}
body.policy .policy_area .article_area .prev_version{text-decoration:underline;}
body.policy .policy_area .article_area .important {text-decoration:underline;font-size:14px;font-weight:normal;}
body.policy .policy_area .personal_info {margin-top:20px;}
body.policy .article_area .policy_table {margin-top:20px;}
body.policy .article_area .policy_table h5 {color:#000;}
body.policy .article_area .policy_table table {margin-bottom:10px;border:1px solid #333;border-bottom:0;border-left:0;}
body.policy .article_area .policy_table table th, .article_area table td  {border-bottom:1px solid #333;border-left:1px solid #333;}
body.policy .article_area .policy_table table th {padding:8px 0;}
body.policy .article_area .policy_table table td  {padding:8px 0 8px 10px;text-align:left;}
body.policy .article_area .txt_sub{display:inline-block;overflow:hidden;vertical-align:top}
body.policy .article_area .emph_term{font-size:14px;text-decoration:underline}


/* uiLayer layout */
div.container,
div.body {
 -webkit-transition: z-index 0s 0.15s;
  transition: z-index 0s 0.15s;
}
.uiLayerZindex div.container,
.uiLayerZindex div.body {z-index:9999 !important;
 -webkit-transition: z-index 0s 0s;
  transition: z-index 0s 0s;}

.uiLayer {display:none;position:absolute;left:50%;top:280px !important;z-index:9999;}
.uiLayer .uiLayer_html {overflow:hidden;position:relative;z-index:2;width:940px;height:1050px;padding:20px;background:#ffffff url('/images/common/bg/bg_layer_top.jpg') no-repeat 0 0;}
.policy .uiLayer .uiLayer_html .uiLayer_header {background:none;}
.uiLayer .uiLayer_html .uiLayer_body {}
.uiLayer .uiLayer_html .uiLayer_body_con{height:auto !important;}
.uiLayer .uiLayer_html .uiLayer_body .con{height:860px;margin-top:40px;padding:20px;overflow-y:scroll;border:1px solid #efefef;}
.uiLayer .uiLayer_html .uiLayer_body h3{margin-top:20px;font-size:24px;}
.uiLayer .uiLayer_html .uiLayer_body .btn_send{display:block;width:132px;height:41px;line-height:41px;margin:25px auto 0 auto;text-align:center;font-size:18px;color:#fff;background-color:#444;;}
.uiLayer .uiLayer_html .uiLayer_close {display:block;overflow:hidden;position:absolute;top:45px;right:30px;width:25px;height:25px;text-indent:-5000em;background:url('/images/common/icon/icon_close.png') no-repeat 0 0;}
.uiLayer .uiLayer_bg {position:fixed;left:0;top:0;z-index:1;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);-webkit-transform: translateZ(0);}

.login_sns{position:absolute;bottom:5px;right:5px;overflow: hidden;display: block;width: 30px;height: 30px;background: url("/images/common/icon/ico_join_sns.gif") no-repeat 0 0;text-indent: 100%;white-space: nowrap;}
.login_sns.kakao {background-position: -99px 0;}
.login_sns.google {background-position: -66px 0;}
.login_sns.naver {background-position: -33px 0;}