@charset "utf-8";

/* Common */
.mobile {min-width:0px;}
.disable {display:none;} 
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
img,fieldset{border:0;}
.white {background:#fff}
#membership {position: relative; margin: 0 auto; width: 100%; height:100%}
#mbcontainer {display: block; overflow: hidden; width: 680px; margin: 0 auto;}
#mbcontainer .ttLogin {margin: 60px 0; text-align: center;}
#mbcontainer .ttLogin .tit {margin-bottom: 22px; font-weight: normal; font-size: 44px; line-height: 100%; letter-spacing: -2px; color: #8e8e8e;}
#mbcontainer .step {margin-bottom: 40px;}
#mbcontainer .step img {width:100%}
#mbcontainer #mbcontent {min-height: 350px;}

#mbheader {position:relative;height:40px;*padding:62px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background: rgba(0, 166, 81, 0.63); border-bottom: 5px solid #e2e2e2;}
#mbheader .mbheaderLogo {width : 940px; margin: 0 auto; height: 20px; padding-top: 12px; overflow:hidden}
#mbheader .mbheaderLogo h1 {float:left}
#mbheader .mbheaderLogo .h_logo {display:block; overflow:hidden; width:140px; height:84px; background:url(http://img.koreatimes.com/2015/images/membership/koreatimes_logo_w_small.png) no-repeat; background-size:100px auto; line-height:999px}
#mbheader .mbheaderRmenu {}
#mbheader .mbheaderRmenu ul {float: right; text-align:left; font-size:12px; list-style: none;}
#mbheader .mbheaderRmenu ul li {float:left;  margin-left: 35px;}
#mbheader .mbheaderRmenu ul li a {color: #fff; font-weight:bold}
#mbheader .mbheaderRmenu ul li ul {position:absolute; width:140px; background:#FFF; z-index:999; color:#000; margin-left: -30px;}
#mbheader .mbheaderRmenu ul li ul li {padding: 8px; margin: 0;}
#mbheader .mbheaderRmenu ul li ul li:hover {color: #fff; background: #E5007}
#mbheader .mbheaderRmenu ul li ul li a {display:block;color:#444;font-size: 12px;}
#mbheader .mbheaderRmenu ul li ul.fallback {display:none;}
#mbheader .mbheaderRmenu ul li:hover ul.fallback {display:block;border: 1px solid #232F3E;}
#mbheader .mbheaderRmenu ul li:hover ul.fallback a li:hover{color:#000}


/* login  */
#mblogin {width:326px; *padding:10px; float: left;box-sizing: border-box; *margin-left: 8px;}
#mblogin .input_row {position:relative;border:solid 1px #dadada;padding:10px 35px 10px 15px;margin:0 0 10px;background:#fff;height:29px}
#mblogin .input_row.focus {border:solid 1px #20bc01}
#mblogin .input_box {display:block;overflow:hidden}
#mblogin .int {position:relative;width:100%;padding:7px 0 6px;height:28px;z-index:9;border:none;background:#fff;font-size:15px;color:#000;line-height:18px;-webkit-appearance:none}
#mblogin .lbl {position:absolute;top:16px;left:15px;z-index:8;font-size:15px;color:#999;line-height:16px}
#mblogin .ie7 .lbl,.ie8 .lbl,.ie9 .lbl{z-index:10}
#mblogin .wrg {display:block;position:absolute;top:15px;right:13px;z-index:1000;width:19px;height:19px;margin:0;padding:0;border:0;background-position:-1px -263px;text-indent:-999px;cursor:pointer;background-color:transparent}
#mblogin .btn_login {display:block;height:61px;*width:460px;margin:15px 0 13px;background:#00a651}
#mblogin .btn_login input {width:100%;border:1px solid #00a651;*border:none;height:61px;text-indent:-999em;*text-indent:0;*padding-left:900px;-webkit-appearance:none;cursor:pointer}
#mblogin .btn_login input.int_jogin {background-position:50% -1px}
#mblogin .global .btn_login input.int_jogin {background-position:50% -67px}
#mblogin .find_info {color:#999;text-align:center}
#mblogin .find_info a {display: inline-block; font-size: 14px; color: #000; line-height: 13px; text-decoration: underline;}

.bn_300x250 {display: block; overflow: hidden; padding-left: 30px; box-sizing: border-box;}
.join-guide {width: 100%; margin: 20px auto 59px; padding: 16px 0 14px; background: #f9f9f9; border-radius: 4px; text-align: center;}
.join-guide .btn-type01 {height: 46px; margin-left: 28px; vertical-align: middle; background: #03A9F4; *border: 1px solid #dadde1; border-radius: 4px; text-align: center; overflow: visible; display: inline-block; position: relative;}
.btn-type01 span {font-size: 16px; line-height: 46px; color: #fff; display: inline-block; padding: 0 16px;}
.join-guide p {display: inline-block; font-size: 14px; vertical-align: middle; color: #000;}

.aside-mbcontainer {box-sizing: border-box; clear:both}
.aside-mbcontainer .aside {margin:0 auto 10px;font-size:13px}
.aside-mbcontainer .aside ul#aside-menu {overflow:hidden;}
.aside-mbcontainer .aside ul#aside-menu li {float:left;width:25%;border: 1px solid #f3f3f3; border-left: none; border-bottom: none; box-sizing:border-box}
.aside-mbcontainer .aside ul#aside-menu li:nth-child(1), ul#aside-menu li:nth-child(5), ul#aside-menu li:nth-child(9) {border-left: 1px solid #f3f3f3}
.aside-mbcontainer .aside ul#aside-menu li:nth-child(5) {border-left: 1px solid #f3f3f3}
.aside-mbcontainer .aside ul#aside-menu li:nth-child(9) {border-left: 1px solid #f3f3f3}
.aside-mbcontainer .aside ul#aside-menu li:nth-of-type(1n+9) {border-bottom: 1px solid #f3f3f3}
.aside-mbcontainer .aside ul#aside-menu li a {display:block;line-height:45px;background:#fff;text-align:center;letter-spacing:-1px;}

.btn,.int_login {background:url(http://img.koreatimes.com/2015/images/membership/sp_btn_20140615.png) no-repeat; background-position: center;}


/* 약관 */
.agree-zone{margin-top:25px;*border-bottom:1px solid #dadde1;}
.agree-zone:first-child{margin-top:0;}
.agree-zone .tit-sub01{margin-bottom:10px;}
.agree-zone .area{padding:13px 13px 0;border-top:1px solid #dadde1;}
.agree-zone .ifm-type01 {width:100%; height:164px; padding: 5px; box-sizing:border-box}
.agree-zone .desc01{position:relative;  padding-left:10px; text-align:left;}
.agree-zone .desc01:before{content:"*";display:block;clear:both;position:absolute;top:3px;left:0;width:12px;height:10px;}
.agree-zone .desc02{margin:0 20px 0 12px;line-height:28px;}
.ifm-type01 {background: #f9f9f9; border: 1px solid #dadde1; border-radius: 4px;}

.form-agree{margin-left:5px;padding:16px 0;}
.form-agree label{font-size:14px; color: #03a9f4; font-weight: bold;}
.form-agree .desc02{vertical-align:middle;}
.form-agree-all{margin-top:30px;padding:13px;}
.form-agree-all label{font-size:14px;color:#696d6f;}
.form-agree .label-check01 {float: right; margin-right: 20px;margin-top: 3px;}
.form-agree .label-check01 .agreeCheck {width: 20px; height: 20px; position: absolute; padding: 0; margin: 0 5px;}

.btn-area01{margin:50px 0;text-align:center;}
.btn-area01 .btn-type01 {height: 46px; vertical-align: middle; background: #fff; border-radius: 4px; text-align: center; overflow: visible; display: inline-block; position: relative; width: 180px; border: 1px solid #dedede;}
.btn-area01 .btn-type01 span {font-size: 16px; line-height: 46px; color: #797979; display: inline-block; padding: 0 16px;}
.btn-area01 .btn-type02 {height: 46px; margin-left: 28px; vertical-align: middle; background: #03A9F4; border-radius: 4px; text-align: center; overflow: visible; display: inline-block; position: relative; width: 180px}
.btn-area01 .btn-type02 span {font-size: 16px; line-height: 46px; color: #fff; display: inline-block; padding: 0 16px;}


/* 가입 */
.join_form .int {position:relative;width:100%;padding:7px 0 6px;height:28px;z-index:9;border:none;background:#fff;font-size:15px;color:#000;line-height:18px;-webkit-appearance:none}
.join_form .row_group {zoom: 1; margin-bottom: 10px; border: solid 1px #dadada; background: #fff;}
.join_form .join_row {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 11px 11px 11px 13px; background: #fff}
.join_form #idDiv, #nmDiv {border-bottom: 1px solid #dadada;}
.join_form .join_name {display: table; width: 100%; table-layout: fixed;}
.join_form .join_name .name_cell {display: table-cell; width: 50%; table-layout: fixed; background: 0 0;}
.join_form .join_name .name_cell .cell {width: 1px; padding-right: 5px;}
.join_form .cell {display: table-cell; width: 5px; padding-right: 10px; text-indent: -999em; -webkit-background-size: 97px 900px; background-size: 97px 900px; background: url(https://static.nid.naver.com/images/join/pc/ico_join3.png) -94px -575px no-repeat;}
.join_form .lbl {font-size: 15px; line-height: 18px; position: absolute; z-index: 9; top: 5px; left: 0; display: none; color: #999;}
.join_form .btn_login {display:block; height:61px; margin:15px 0 13px; background:#00a651}
.join_form .btn_login input {width:100%; border:1px solid #00a651; height:61px; text-indent:-999em; -webkit-appearance:none; cursor:pointer}
.join_form .btn_login input.int_jogin {background-position:50% 0px}
.join_form .btn,.int_jogin {background:url(http://img.koreatimes.com/2015/images/membership/signup_btn.png) no-repeat}


/* ID PW 찾기 */

.title_if {margin: 0 40px 40px 40px; font-size: 20px;}
.title_if span {color: #0077c9;}
.tab-wrap {margin-bottom: 60px;}
.tab-wrap ul {overflow: hidden; height: 62px; background: url(https://img.yonhapnews.co.kr/basic/svc/00_ko/login/img/bg_line_0068d1_tab.gif) 0 100% repeat-x; text-align: center;}
.tab-wrap ul li {display: inline-block; width: 270px; height: 61px; margin-left: 20px; text-align: center;}
.tab-wrap ul li:first-child {margin-left: 0;}
.tab-wrap ul li a {display: block; border: 1px solid #dadde1; border-bottom: none; font-size: 18px; line-height: 61px; color: #696d6f;letter-spacing: -0.05em;}
.tab-wrap ul li.on {border: 1px solid #5ec791; border-bottom: 1px solid #fff; background: #fff; font-weight:bold}
.tab-wrap ul li.on a {text-decoration: none; color: #03A9F4;}
.find-zone #acc-find h3 {margin: 0 0 20px 70px; padding-left: 18px; font-family: malgun gothic; font-size: 20px; font-weight: bold; background: url(https://sso.kbs.co.kr/SSO/KBSWeb/images/CM/bul_2.gif) no-repeat left 50%;}
.find-zone #acc-find h3 span {color: #03A9F4;}
.find-zone #acc-find p {margin-left: 70px; font-size: 13px; color: #666;}

.find-zone #acc-find .search_form {padding:35px 70px;}
.find-zone #acc-find .search_form .search_id {display: table; width: 100%; table-layout: fixed;}
.find-zone #acc-find .search_form .search_id .email_cell {display: table-cell; width: 45%; table-layout: fixed; background: 0 0; position: relative; border: solid 1px #dadada; padding: 10px 35px 10px 15px; margin: 0 0 10px; background: #fff; height: 29px;}
.find-zone #acc-find .search_form .search_pw {display: table; width: 100%; table-layout: fixed;}
.find-zone #acc-find .search_form .search_pw .email_cell {width: 100%; table-layout: fixed; background: 0 0; position: relative; border: solid 1px #dadada; padding: 10px 0px 10px 15px; margin: 0 0 10px; background: #fff;}

.find-zone #acc-find .search_form .int {position: relative; width: 100%; padding: 7px 0 6px; height: 28px; z-index: 9; border: none; background: #fff; font-size: 15px; color: #000; line-height: 18px; -webkit-appearance: none;}
.find-zone #acc-find .search_form .lbl {font-size: 15px; line-height: 18px; position: absolute; z-index: 9; top: 5px; left: 0; display: none; color: #999;}

.find-zone #acc-find .search_form #btn_wrap {margin: 0 auto; width:200px}
.find-zone #acc-find .search_form #btn_wrap .btn-mail-certify {width: 100%; margin-top: 30px; height: 54px; color: #fff; border: 1px solid #03A9F4; background: #03A9F4; border-radius: 4px; text-align: center; cursor:pointer; font-size:20px;}
.find-zone #acc-find .search_form #btn_wrap .btn-find-certify {width: 100%; margin-top: 30px; height: 54px; color: #fff; border: 1px solid #03A9F4; background: #03A9F4; border-radius: 4px; text-align: center; cursor:pointer; font-size:20px;}


/* FOOTER */

.mbfooter {width:100%; margin-top:30px; border-top:1px solid #a2a2a2; background:#f3f3f3;}
.mbfooter a {font-family:'gulim'; color:#666;}
.mbfooter .fnb {width:940px; height:38px; margin:0 auto; border-bottom:1px solid #e3e3e3;}
.mbfooter .fnb .list_fnb_l {float:left; margin-top:9px;}
.mbfooter .fnb .list_fnb_l li {float:left; padding:0 10px; border-left:1px solid #c1c1c1;}
.mbfooter .fnb .list_fnb_l li:first-child {padding-left:0; border:0;}
.mbfooter .fnb .list_fnb_r {float:right; margin-top:7px;}
.mbfooter .fnb .list_fnb_r a.fab {display:block; float:left; width:24px; height:44px; background:url(../images/common/sns_icon.png) no-repeat 0 -35px; text-indent:-500px; overflow:hidden;}
.mbfooter .fnb .list_fnb_r a.twit {display:block; float:left; width:24px; height:44px; background:url(../images/common/sns_icon.png) no-repeat -30px -35px; text-indent:-500px; overflow:hidden; margin-left:3px;}
.mbfooter .fnb .list_fnb_r select {width:170px; height:24px; margin-left:5px; padding-left:3px; border:1px solid #d5d5d5; vertical-align:top; color:#666;}
.mbfooter #copyright {clear:both; width:600px; margin:0 auto; padding:15px 0 50px 0; letter-spacing:0;}
.mbfooter #copyright img.logo_foot {display:block; float:left; margin-right:20px;}
.mbfooter #copyright .copy_txt {margin-top:-3px;}
a.change_pcM {display:block; width:100%; padding:25px 0; background:#444; border:15px solid #f3f3f3; box-sizing:border-box; text-align:center; font-size:35px; color:#fff;}
.mbfooter .inner {display:none}
.event_footer {display:none;}


@media screen and (max-width: 737px) {
#membership {width:100%; *background: #f3f3f3; height: inherit;} 
#mbheader .mbheaderLogo {width : 100%}
#mbcontainer {width: 95%;}
#mbcontainer .step {display: none}
#mbcontainer .ttLogin {margin: 33px 0}
#mbcontainer .ttLogin .tit {margin-bottom: 15px; font-weight: bold; font-size: 29px;}
#mbcontent {float:none; width: 100%; margin:0}
.ifm-type01 {background: #ffffff;}
#mblogin {float:none; width: 100%; margin:0}
.bn_300x250 {border: 0; margin: 0 auto; text-align: center; padding:0; margin-top:20px}
.aside-app ul {display: block; overflow: hidden; margin:0; width:100%}
.aside-app ul li {float: left; width: 25%; margin:0; border-radius: 0; padding:0}
.aside-app ul li a {color: #fff; line-height: 30px;}

.join-guide {margin-bottom: 17px}

.btn-area01 .btn-type01, .btn-area01 .btn-type02 {width: 130px}

.tab-wrap ul li {width:50%; float:left; box-sizing:border-box; margin-left:inherit}
.tab-wrap ul li:first-child {margin-left: inherit;}
.find-zone #acc-find .search_form {padding:35px 40px;}
.find-zone #acc-find h3 {margin: 0 0 20px 20px;}
.find-zone #acc-find p {margin-left: 20px;}

.mbfooter {clear: both; position: relative; width: 100%; height: 37px; margin: 0 auto; background: #3d3d3d; text-align: center; z-index: 20;}
.mbfooter .inner {display:block; position: relative; margin: 0 auto 0; padding-top: 8px;}
.mbfooter .inner .copy {font-size: 12px; line-height: 16px; color: #a9a9a9; font: inherit; letter-spacing:0}
.mbfooter .fnb, .mbfooter #copyright {display: none}

}