@charset "utf-8";


@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../fonts/NanumBarunGothic.eot);
  src: url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: bold;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


@charset "UTF-8";
* {padding:0; margin:0;}
html { width:100%;height: 100%; -webki.top_search_box .int_typet-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {  width:100%;  height: 100%;line-height:normal; background: #fff; font-size: 14px; font-family:Nanum Barun Gothic,Malgun Gothic,맑은 고딕, Verdana,Arial, '돋움', Dotum;color:#555;  }
body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px;}
fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,menu { list-style: none; }
legend { position: absolute;visibility: hidden;height: 0;line-height: 0;font-size: 1px;  }
q:before, q:after { content:''; }
a { color: #555; text-decoration: none; }
a:hover { text-decoration: none; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
table caption {display: none;}
input[type="checkbox"],input[type="radio"] { vertical-align: middle; } 
:focus{outline: none;}

/*공통클래스*/
.mgb_0 { margin-bottom:0px !important;}
.mgt_0 { margin-top:0px !important;}
.mgb_5 { margin-bottom:5px !important;}
.mgb_10 { margin-bottom:10px !important;}
.mgb_20 { margin-bottom:20px !important;}
.mgb_30 { margin-bottom:30px !important;}
.mgb_35 { margin-bottom:35px !important;}
.mgb_40 { margin-bottom:40px !important;}
.mgb_50 { margin-bottom:50px !important;}
.mgb_60 { margin-bottom:60px !important;}

.mgr_0 { margin-right:0px !important;}
.mgr_5 { margin-right:5px !important;}
.mgr_10 { margin-right:10px !important;}
.mgr_20 { margin-right:20px !important;}
.mgt_5 { margin-top:5px !important;}
.mgt_10 { margin-top:10px !important;}
.mgl_5 { margin-left:5px !important;}
.mgl_10 { margin-left:10px !important;}

.dp_none {  display: none; }
.dp_inline { display: inline !important;}
.clear { clear:both !important;}
.fl_none { float: none !important;}
.fl_left{ float:left !important;}
.fl_right{ float:right !important;}
.al_right { text-align: right !important;}
.al_left { text-align: left !important;}
.al_center { text-align: center !important;}
.bold_t { font-weight: bold !important;}
.int_type01 {  height: 26px;border:1px solid #ccc; width:99.8%; vertical-align: middle; font-size: 14px; text-indent: 6px;} 

.int_br_none { border:0px !important;} 
.textarea_type {width:99.8%; border:1px solid #cacaca; }
.seltype_a { border: 1px solid #d7d7d7;height: 26px;width: 99.8%;background: #fff; vertical-align: top;font-size: 12px;  }
    

.h_fix:after {clear: both; }
.h_fix:after,
.h_fix:before { display: table;content: " "; }


.ani_ef   {-webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease; }

/* button */
.black_bt { width:126px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-size: 16px; background: #3b3b3b; display: inline-block;}
.black_bt:hover{ background: #222;}


.header_wrap { background: #fafafa; }
.header_inner {  width:1280px; margin: 0 auto; height: 62px; }
.header_inner:after {clear: both; }
.header_inner:after,
.header_inner:before { display: table;content: " "; }






.top_gnav {  float: right;margin: 12px 0 0 0; } 
.tg_t { float: left;  margin: 0 8px 0 2px; padding: 0 8px 0 2px; background: url(../img/background/top_gnav_line.png) no-repeat right 50%;  }
.tg_t a {  display: block;  font-size: 13px; color: #333; line-height: 35px; vertical-align:middle; }
.tg_t a.adm_setting { font-size:11px; line-height:1em; text-align:center; width: 34px; height: 35px; background: url(../img/background/settings.png) no-repeat center 2px; overflow: hidden; padding-top: 24px; }

.user_infob { float: left;  position: relative; }
.user_infob .user_a {  display: block; width:37px;height: 35px; background: url(../img/background/top_user_icon.png) no-repeat 0 0;text-indent: -9999px;overflow: hidden;  }  

/* 검색 */
.login_bt { float: left; }
.login_bt a{ display: block; padding: 0 0 0 26px; background: url(../img/background/top_login_bg.png) no-repeat 0 50%;    line-height: 35px;  }




.join_wrap { padding: 64px 0 0 0;}
.join_wrap h1 { display: block; ; background: url(../../static/logo.png) no-repeat; background-size: 100% auto; background-position: center;  width:280px; height: 80px; margin: 0 auto 32px auto; text-indent: -9999px; overflow: hidden; }

.join_sbox {  border:1px solid #d6d6d6; border-radius: 3px; box-shadow: 0 2px 10px #ddd;  width:534px;  margin: 0 auto; padding: 30px 32px;}
.join_sbox h2 {font-size: 24px; color: #333; font-weight: normal; margin-bottom: 15px; }
.join_sbox.wide { width: 80%; }

.join_sbox h3 {font-size: 24px; color: #333; font-weight: normal; border-bottom: 1px solid #c6c6c6; position: relative;  padding-bottom: 12px;margin-bottom: 15px; }
.join_sbox h3:after{ content: ''; display: block; position: absolute; left:0; bottom:-1px;  background: #3b72be; width:60px; height: 4px;  }


.join_box {  margin-bottom: 35px; }
.join_top_t {  padding: 0 0 0 18px;   background: url(../img/background/text_arrow.png) no-repeat 0 50%;   margin-bottom: 10px }
.join_int_box { border:1px solid #e0e0e0; background: #f9f9f9; padding: 6px 12px 0 46px; position: relative;  height: 40px; margin-bottom: 10px; }
.join_int_box label { display: block;  position: absolute; left:0; top:0; width:38px; height: 38px;  text-indent: -9999px; overflow: hidden; border-right: 1px solid #e0e0e0; background: url(../img/background/mail_icon01.png) no-repeat 50% 50%;  margin-bottom: 0;}
.join_int_box.v2 label { background: none; text-indent: 0; text-align: center; line-height: 30px; padding-top: 6px; font-size: 16px; font-weight: bold; color:lightslategrey; }
.join_int_box.v2.required label { color: #3b72be; }
.join_int_box.required { background-color: #EEEEFF; }
.join_int_box input  {  width:100%; background: transparent;  height: 24px; border:0px;   }

.join_int_box .jl_icon02{ background: url(../img/background/l_user_icon.png) no-repeat 50% 50%;  }
.join_int_box .jl_icon03{ background: url(../img/background/l_pw_icon01.png) no-repeat 50% 50%;  }
.join_int_box .jl_icon04{ background: url(../img/background/l_pw_icon02.png) no-repeat 50% 50%;  }
.join_int_box .jl_icon05{ background: url(../img/background/l_phone_icon.png) no-repeat 50% 50%;  }
.join_int_box .jl_icon06{ background: url(../img/background/l_pw_group.png) no-repeat 50% 50%;  }
.lg_bt { text-align: center; background: #428dc7;line-height: 50px; color: #fff;   display: block;}
button.lg_bt { border:0; min-width:100%; }/* button display:block not work */

.another_join  h4 { font-size: 14px; margin-bottom: 5px;}
.another_join a{  display: block; border:1px solid #9cc82d; background: url(../img/background/lbt_arrow.png) no-repeat right 50%;    margin-bottom: 12px;}
.another_join a span {   display:inline-block;  background: url(../img/background/l_id_bg.png) no-repeat 0 50%;     padding: 0 0 0 66px; font-size: 16px;height: 48px; line-height: 48px}
.another_join a:hover {   background:#9cc82d url(../img/background/lbt_arrow_over.png) no-repeat right 50%;    }
.another_join a:hover span  {    color: #fff;       }
.another_join a.kafe_link {  border:1px solid #1bb6ee;  margin-bottom: 0px; }
.another_join a.kafe_link:hover { background-color: #1bb6ee; }
.another_join a.kafe_link span  {  background: url(../img/background/l_kafe_bg.png) no-repeat 0 50%;   }


.login_bottom_box { border-top:1px solid #e0e0e0; padding-top: 20px; margin-top: 20px; position: relative; }
.login_bottom_box .r_bt {  position: absolute; right:0; top:20px }
.line_bt { display: inline-block; border:1px solid #c4c4c4; color: #333; height: 30px; line-height: 30px; min-width: 112px; text-align: center; padding: 0 15px;}
.login_int_t:hover { border-bottom:1px solid #3b72be;  }

.confirm_mail_box { padding: 100px 0 0 0;  background: url(../img/background/mail_icon03.png) no-repeat 50% 0;  }


.modal-header { border-bottom: 0px;}
.modal-title  {font-size: 18px; color: #333; font-weight: normal; border-bottom: 1px solid #c6c6c6; padding-bottom: 12px;  background: url(../img/background/mdal_line.png) no-repeat 0 bottom;    }
.modal-content { padding: 0 10px;}

.mdal_sm_size .modal-dialog { width:412px;} 


.mail_com_box { padding: 100px 0 0 0;  background: url(../img/background/mail_icon03.png) no-repeat 50% 0;  margin-bottom: 30px;}
.mc_text { font-size: 24px;  text-align: center;  line-height: 34px;}
.mc_text strong{ font-size: 24px; color: #539c17;    font-weight: normal; }
.mc_text span { display: block;   }

.modal_list_t { background: #f9f9f9;  padding: 20px 38px;  margin: 0 -32px 30px -32px;}
.modal_list_t ul li {margin-bottom: 8px;  padding: 0 0 0 12px;background: url(../img/background/modal_bullet.png) no-repeat  0 4px;    }
.modal_list_t ul li:last-child {margin-bottom: 0px   }



.line_bt_lg { text-align: center; background: #fff;border:1px solid #e0e0e0;  line-height: 50px; color: #333;   display: block; }
.member_mail_t  {  color: #2347cf; text-align: center;  margin-top: 10px;}
.member_mail_t span{  display: inline-block; padding: 0 0 0 18px; background: url(../img/background/text_arrow.png) no-repeat  0 0px;  color: #333; }

.j_user_icon {background: url(../img/background/join_icon01.png) no-repeat 50% 0;    }
.comfirm_icon {background: url(../img/background/join_icon02.png) no-repeat 50% 0;    }
.pwcom_icon {background: url(../img/background/join_pw_icon02.png) no-repeat 50% 0;    }


.row_btbox  {   text-align: center; }
.row_btbox a{ width:45%;  display: inline-block;}

.user_drop_wrap { position: absolute; background: #fff; box-shadow: 0 2px 10px #999; border:1px solid #ccc;left:auto; right:0; z-index: 9; width:230px; display: none; padding: 0; margin: 10px 0 0 0; border-radius: 0px;}

.user_drop_wrap:after  { content: ''; display: block; clear: both;position: absolute;  width:16px; height: 9px; background: url(../img/background/drop_arrow.png) no-repeat 0px 0;    right: 10px;
    top: -9px;  }

.join_wrap.agree { padding-top:14px; margin-bottom:30px; }
.rules {
	padding:10px;
	margin-bottom:25px;
	height:340px;
	overflow-y:auto;
	box-shadow: 0 2px 10px #999;
	line-height:1.5em;
}
.rules h4 { color: #000; margin:0.6em 0 0.4em 0;}
.rules h5 { font-size:110%; color:#000; margin:5px 0;}
ul.circle { list-style-type:circle; margin-left:2em; }
/* 로그인 */
.user_name_box { padding: 16px 0 14px 58px; background: url(../img/background/top_user_icon02.png) no-repeat 10px 20px;      }
.user_name_box p{ font-size: 14px; font-weight: bold; color: #222; margin-bottom: 5px;}
.user_name_box .user_logout {  display: inline-block; font-size: 12px;color: #777;border:1px solid #d3c9c9; background: #f3f3f3; line-height: 22px; padding: 0 16px;    }
.user_name_box .user_logout:hover {  border:1px solid #999;    }

.user_info_data { overflow: hidden; }
.uid_left { float: left; width:50%;  background: #f3f3f3; }
.uid_right { float: right; width:50%; background: #e9e9e9;}

.uid_type{ text-align: center;  padding: 16px 0 18px 0;}
.uid_type p {  font-size: 12px; margin-bottom: 4px;}
.uid_type p a{ display: inline-block; text-decoration: underline;   font-weight: bold; font-size: 18px; }
.uid_right p a{ color: #1163d2; margin-right: 2px; }
.uid_type span {  display: block; color: #383838; font-size: 12px;  }


.ub_bt { padding: 10px; background: #f3f3f3; border-top:1px solid #ccc;}
.ub_bt a {  display: block; text-align: center; border:1px solid #c9c9c9; background: #fff; line-height: 31px;   }
.ub_bt a:hover  {  border:1px solid #999;   }
.date_int {  height: 26px; border:1px solid #c2c2c2; width:110px;background:#fff url(../img/background/calendar_icon.png) no-repeat 5px 4px;   text-indent: 20px }

.mn_user_info { margin: 16px;  background: #353535; }
.mn_user_name { margin-bottom: 20px;}
.mn_user_name span { display: block; color: #c2c2c2; font-size: 15px;  text-align: center; margin-bottom: 10px;}
.mn_user_name a {   display: block; text-align: center;  background: #525252; line-height: 24px; color: #c2c2c2;  margin: 0 auto; width:115px; }

.mn_user_info .uid_left { background: #353535;  }
.mn_user_info .uid_right { background: #2e2e2e;  }
.mn_user_info .uid_type span {  color: #b9b9b9;  }
.mn_user_info .uid_type p {  color: #c2c2c2;  }
.mn_user_info .uid_type p a { color: #fff; }

.mn_user_info .ub_bt { background: #353535; border-top:1px solid #505050;   } 
.mn_user_info .ub_bt  a{ background: #d1d1d1; border:1px solid #d1d1d1; color: #222;  }