@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.at_member {font-size:14px; font-family:"Nanum Gothic", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif}

.at_member .agreement h1 {font-size:14px}
.at_member .agreement h1 span {color:#da2226}
.at_member .agreement .article {margin:10px 0; height:170px; overflow-y:scroll; padding:20px; line-height:18px; border:1px solid #bbb; font-size:12px}
.at_member .agreement p.confirm {line-height:24px; margin-bottom:20px}
.at_member .agreement p.confirm label {cursor:pointer; font-weight:bold}

.at_member .mb10 {margin-bottom:10px}
.at_member .radio_form:after {content:""; clear:both; display:block}
.at_member .radio_form dd {float:left; margin-right:20px}
.at_member .radio_form dd:last-child {margin-right:0}

/* button */
.at_member .btn_area {margin-top:40px;text-align:center;clear:both; margin-bottom:30px}
.at_member .btn_area:after {content:"";display:block;clear:both;}
.at_member .btn_area button, .btn_area a {margin-left:7px;}
.at_member .btn_area button:first-child, .btn_area a:first-child {margin-left:0;}
.at_member .btn_area.al {text-align:left;}

/*
.at_member .button {display:inline-block; text-align:center; background-color:#333; border:none; font-family:"Nanum Gothic", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif}
.at_member .button.btn_01 {padding:2px 19px; color:#fff; height:34px}
.at_member .button.btn_01.gray {background:#666}
.at_member .button.btn_02 {padding:14px 30px; color:#fff; height:46px}
.at_member .button.btn_02.gray {background:#666}
.at_member .button.btn_03 {padding:2px 7px; color:#fff; height:24px}
.at_member .button.btn_03.gray {background:#666}
*/

.at_member .button,
.at_member .button button,
.at_member .button input,
.at_member .button a {display:inline-block; text-align:center; background-color:#333; border:none; white-space:nowrap}

.at_member .button a,
.at_member .button button,
.at_member .button input {padding:8px 19px; font-weight:bold; line-height:18px; color:#fff; text-decoration:none !important; font-family: "Nanum Gothic", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif; vertical-align:middle}


.at_member .button.small button,
.at_member .button.small input,
.at_member .button.small a {padding:6px 9px !important}

.at_member .button.ssmall {background:none}
.at_member .button.ssmall button,
.at_member .button.ssmall input,
.at_member .button.ssmall a {padding:2px 4px !important; background:#fff; border:1px solid #ddd; font-weight:normal}


.at_member .button.strong,
.at_member .button.strong input {background-color:#1164b0;}

.at_member .button.bg02 button,
.at_member .button.bg02 a,
.at_member .button.bg02 input {background-color:#727272}

.at_member .button.bg03 button,
.at_member .button.bg03 a,
.at_member .button.bg03 input {background-color:#1164b0}


/* login */
.at_member .login_wrap {overflow: hidden}
.at_member .login_wrap .inner_box {padding: 40px; background:#fff; border:1px solid #ddd}
.at_member .login_wrap .mem_login {position:relative; width:510px; margin:0 auto}
.at_member .login_wrap .mem_login .sec_01 * {display:block;}
.at_member .login_wrap .mem_login .sec_01 input {width:370px; height:36px}
.at_member .login_wrap .mem_login .sec_01 input:first-child {margin-bottom:10px}
.at_member .login_wrap .mem_login .sec_01 .btn_login {position:absolute; top:0; right:0; width:110px; height:110px; background:#000; color:#fff; font-size:16px}
.at_member .login_wrap .mem_login .sec_02 {margin-top:20px}
.at_member .login_wrap .mem_login .sec_02 > * {display:inline-block}
.at_member .login_wrap .mem_login .sec_02 .guide_txt {padding-left: 20px}

.at_member .login_info {margin-top:20px; text-align:center}
.at_member .login_info ul li {display:inline-table; padding-left:40px}
.at_member .login_info ul li:first-child {padding-left:0}
.at_member .login_info ul li a:hover {text-decoration: underline;}

.at_member .login_wrap .confirm {position:relative}
.at_member .login_wrap p.info {text-align:center; line-height:24px; margin-bottom:20px}
.at_member .login_wrap .confirm dl {width:500px; margin:0 auto; height:40px}
.at_member .login_wrap .confirm dt {float:left; line-height:18px; width:80px; font-weight:bold; padding-top:7px}
.at_member .login_wrap .confirm dd {float:left; margin-right:10px}
.at_member .login_wrap .confirm dd input {width:270px}
.at_member .login_wrap .confirm dd:last-child {margin-right:0}
.at_member .login_wrap .confirm p.guide_txt {text-align:center; display:block}

.at_member .login_wrap ul.account {width:540px; margin:0 auto; margin-bottom:40px}
.at_member .login_wrap ul.account li {margin-right:20px; float:left}
.at_member .login_wrap ul.account li:last-child {margin-right:0}

.question {width:440px; margin:0 auto}
.question li {margin-bottom:10px}
.question li input {width:400px}
.question li label {width:100px; display:inline-block; font-weight:bold}
.question p.guide_txt {text-align:center; display:block}

.modify_pwd {width:440px; margin:0 auto}
.modify_pwd li {margin-bottom:10px}
.modify_pwd li input {width:300px}
.modify_pwd li label {width:110px; display:inline-block; font-weight:bold; vertical-align:middle; line-height:30px}
.modify_pwd p.guide_txt {text-align:center; display:block}

.guide_txt {display:inline-block; margin-left:10px}
.guide_txt .msg {color:#666; line-height:20px; font-style:normal}
.guide_txt .msg.error{color: #d2232a; line-height: 20px}

.leave {width:440px; margin:0 auto}
.leave ul {margin-bottom:20px}
.leave li {line-height:26px}

.leave ul.inp {margin-bottom:0}
.leave ul.inp li {margin-bottom:10px}
.leave ul.inp li input {width:300px}
.leave ul.inp li label {width:110px; display:inline-block; font-weight:bold; vertical-align:middle; line-height:30px}

.at_member h2 {margin-bottom:10px; font-size:16px}

/*
.button a, .button em {display: block; min-width: 55px; padding: 7px 19px; font-weight: bold; line-height: 20px; color: #fff;}
.button.strong {background-color: #1164b0;}
.button.light {background-color:#727272;}
.button.search a {min-width: 36px;}
.button.cam_jongro a, .button.cam_gangnam a, .button.cam_sinchon a {min-width: 35px;}
.button.cam_jongro {background-color: #f68829;}
.button.cam_gangnam {background-color: #7ac14a;}
.button.cam_sinchon {background-color: #00b7bf;}
.button.class_info {width: 200px; border: 1px solid #8d8d8d; background: url('/bbs//skin/member/default/../images/btn/search_list_bg.gif') repeat-x 0 -24px #a3a3a3;}
.button.class_info a {padding: 6px 0;}

/*
.btn_area {margin-top:40px;text-align:center;clear:both;}
.btn_area:after {content:"";display:block;clear:both;}
.btn_area button, .btn_area a {margin-left:7px;}
.btn_area button:first-child, .btn_area a:first-child {margin-left:0;}
.btn_area.al {text-align:left;}
.btn_area .al {float:left; text-align: left;}
.btn_area.ar {text-align:right;}
.bg_gray{background-color:#666666!important;}
.bg_main{background-color:#d2232a!important;}

.btn_vay a:first-child,
.btn_vay button:first-child{ margin-top: 0;}
.btn_vay a,
.btn_vay button{ margin-top: 5px;}

.btn_st_01 { position: relative;display:inline-block; min-width:120px; height: 50px;padding:16px 40px;background-color:#000;font-size:16px;color:#fff;line-height:18px;box-sizing:border-box;text-align:center; border:0}
.btn_st_01:link, .btn_st_01:visited, .btn_st_01:hover, .btn_st_01:active, .btn_st_01:focus{color:#fff}

.btn_st_02 {display:inline-block;height: 34px;padding:9px 20px;background-color:#000;font-size:12px;color:#fff;line-height:18px;box-sizing:border-box;text-align:center; border:0}
.btn_st_02:link, .btn_st_02:visited, .btn_st_02:hover, .btn_st_02:active, .btn_st_02:focus{color:#fff}
.btn_st_02.arrow {position:relative;padding-right:36px;}
.btn_st_02.arrow:after {content:"";display:inline-block;width:4px;height:7px;position:absolute;right:17px;top:12px;background:url('/bbs//skin/member/default/http://www.k2.co.kr//_ui/desktop/theme-k2/images/btn_bg_arrow.png') no-repeat 0 0;}

.btn_st_03 {display:inline-block;position: relative;padding-right:15px;font-size:12px;color:#000;line-height:18px;box-sizing:border-box;text-align:center; border:0}
.btn_st_03:after {content:"";display:inline-block;width:100%;height:100%;position:absolute;right:0;bottom:-3px;background:url('/bbs//skin/member/default/../images/btn_bg_arrow.png') no-repeat right -32px;}
.btn_st_03:link, .btn_st_03:visited, .btn_st_03:hover, .btn_st_03:active, .btn_st_03:focus{color:#666}

.btn_st_04 { position: relative;display:inline-block; min-width:60px; height: 26px;padding:5px 20px;background-color:#000;font-size:12px;color:#fff;line-height:16px;box-sizing:border-box;text-align:center; border:0}
.btn_st_04:link, .btn_st_04:visited, .btn_st_04:hover, .btn_st_04:active, .btn_st_04:focus{ color: #fff;}

.btn_st_05 {display:inline-block;position: relative;padding-right:20px;font-size:14px;color:#000;line-height:18px;box-sizing:border-box;text-align:center; border:0}
.btn_st_05:after {content:"";display:inline-block;width:100%;height:100%;position:absolute;right:0;bottom:-10px;background:url('/bbs//skin/member/default/../images/btn_bg_arrow.png') no-repeat right -64px;}
.btn_st_05:link, .btn_st_05:visited, .btn_st_05:hover, .btn_st_05:active, .btn_st_05:focus{color:#666}
*/

input[type="text"], input[type="password"], .select, textarea, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {border: 1px solid #cbcbcb; padding: 6px 9px; background-color: #fff; font-family:"Nanum Gothic", "돋움", Dotum, AppleSDGothicNeo ,Droid Sans, arial, sans-serif}
input[type="text"], input[type="password"], .select, input[type="url"], input[type="number"], input[type="email"], input[type="tel"] {display: inline-block; height: 20px; vertical-align: top;}
input[type="radio"], input[type="checkbox"] {width: 18px; height: 18px; margin-right:5px; vertical-align: middle;}
input[disabled="disabled"], input[disabled] {background: #eee;}

input[type="file"] {height:30px; line-height:30px}

select {min-width:80px; padding:6px 9px !important; border:1px solid #cbcbcb; border-radius:0 !important; background:#fff !important; color:#333; vertical-align:middle; height:34px !important; line-height:34px; box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none}

/*
select{ padding:0 20px; border:1px solid #bbb;color:#000;height:34px;line-height:34px;box-sizing:border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}
*/
input:focus::-webkit-input-placeholder {color:transparent}  /* chrome */ 
input:focus::-moz-placeholder {color:transparent}           /* firefox */  



.table_style_01 {border-top:1px solid #222}
.table_style_01 table th, 
.table_style_01 table td {border-bottom: 1px solid #dcdcdc; padding:12px 0 12px 15px; line-height:30px}
.table_style_01 table.type_write th {padding:20px 0 20px 15px; text-align:left; vertical-align:top}
.table_style_01 table tbody th {background-color: #fafafa}
.table_style_01 ul li {margin-bottom:10px}
.table_style_01 ul li:last-child {margin-bottom:0}

.table_style_02 {border-top:1px solid #222}
.table_style_02 table th, 
.table_style_02 table td {border-bottom: 1px solid #dcdcdc; padding:10px 0}
.table_style_02 table tbody td {text-align:center}
.table_style_02 table tbody td.tal {text-align:left}
.table_style_02 ul li {margin-bottom:10px}
.table_style_02 ul li:last-child {margin-bottom:0}

.at_member .message_top {text-align:right; padding:5px 0}

/* paging */
.at_member .paging {text-align:center; margin-top:20px; margin-bottom:20px}
.at_member .paging a,
.at_member .paging strong {display:inline-block; vertical-align:middle; text-align:center}
.at_member .paging > a,
.at_member .paging a,
.at_member .paging strong {width:30px; height:30px; line-height:30px}
.at_member .paging > a {border: 1px solid #ddd}
.at_member .paging a,
.at_member .paging strong {line-height: 32px}
.at_member .paging a:hover {border:1px solid #999; text-decoration:none; width:28px; height:28px; line-height:30px}
.at_member .paging strong {color: #1164b0;}
.at_member .paging .first,
.at_member .paging .prev,
.at_member .paging .next,
.at_member .paging .last {margin: 0 2px; background-image: url('/bbs//skin/member/default/page.gif'); background-repeat: no-repeat; width:28px; height:28px}
.at_member .paging .first:hover,
.at_member .paging .prev:hover,
.at_member .paging .next:hover,
.at_member .paging .last:hover {margin:0 2px; width:28px; height:28px; border:1px solid #999}
.at_member .paging .first {background-position: 0 0}
.at_member .paging .prev {background-position: -40px 0}
.at_member .paging .next {background-position: -80px 0}
.at_member .paging .last {background-position: -120px 0}

.at_member .wd40 {width:40px}
.at_member .wd60 {width:60px}
.at_member .wd100 {width:100px}
.at_member .wd200 {width:200px}
.at_member .wd250 {width:250px}
.at_member .wd300 {width:300px}
.at_member .wd400 {width:400px}

.at_member .mr5 {margin-right:5px}