@charset "utf-8";


/*·Î±×ÀÎ, ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â*/

.login_area{ padding:38px 39px 0 39px; height:320px; border:1px solid #ccc; background:url(../images/member/login_background.jpg) no-repeat;}
.login_area .top_txt{ padding-left:10px;}
.login_area .top_txt dt{ font-size:18px; color:#555555;}
.login_area .top_txt dd{ font-size:28px; line-height:40px;}
.login_area .top_txt dd.txt_st{ font-size:18px; font-weight:600;}
.login_area .member_login{ *zoom:1; margin-top:20px;}
.login_area .member_login:after{ content:""; display:block; clear:both;}
.login_area .member_login .left_st{ float:left;}
.login_area .member_login .right_st{ float:right;}
.login_area .member_login .login{ width:320px; height:190px; background:url(../images/member/login_gra_bg.png) no-repeat; padding:0 25px;}
.login_area .member_login .login.bg_st{ height:210px; background:url(../images/member/idpw_gra_bg.png) no-repeat; padding:0 25px;}
.login_area .member_login .login .tit{ height:45px; line-height:60px; border-bottom:1px solid #333; font-size:16px; font-weight:600;}
.login_area .member_login .login .in_inp{ position:relative; margin-top:19px;}
.login_area .member_login .login .in_inp dl{ *zoom:1; margin-top:3px;}
.login_area .member_login .login .in_inp dl:after{ content:""; display:block; clear:both;}
.login_area .member_login .login .in_inp dl:first-child{ margin-top:0;}
.login_area .member_login .login .in_inp dl dt,
.login_area .member_login .login .in_inp dl dd{ float:left; height:40px; line-height:40px;}
.login_area .member_login .login .in_inp dl dt{ width:75px; font-weight:600;}
.login_area .member_login .login .in_inp dl dd{ width:160px;}
.login_area .member_login .login .in_inp .login_input{ border:1px solid #ccc; padding:0 10px; width:84%; height:38px; line-height:38px;}
.login_area .member_login .login .in_inp .btn{ position:absolute; top:0; right:0; width:83px; height:83px;}
.login_area .member_login .login .in_inp .btn .login_btn{ width:100%; height:100%; border:none; background:#b03030; color:#fff; font-weight:600; font-size:15px; text-align:center;}

.login_more{ margin-top:30px; border:1px solid #ccc; padding:20px 0; *zoom:1;}
.login_more:after{ content:""; display:block; clear:both;}
.login_more > li{ float:left; padding:0 20px; width:310px; }
.login_more > li:first-child{ border-right:1px solid #ddd;}
.login_more > li .login_more_in{ overflow:hidden;}
.login_more > li .login_more_in dt{ float:left; font-size:13px; background:url(../images/member/icon_qmark.png) no-repeat left center; padding-left:25px; line-height:25px;}
.login_more > li .login_more_in dd{ float:right; width:140px; text-align:right; height:25px;}
.login_more > li .login_more_in dd .log_btn_go{ width:100%; height:100%; background:#730c12; border:none; font-size:12px; font-weight:600; color:#fff; border-radius:5px; font-family:'Nanumgothic';
behavior: url(../js/PIE.htc);}

.nonmember_area{ margin-top:30px; border:1px solid #ccc; padding:20px 39px;}
.nonmember_area .nonmember{ overflow:hidden;}
.nonmember_area .nonmember dt{ float:left; font-size:15px; font-weight:600; background:url(../images/include/icon_member.png) no-repeat left center; padding-left:45px; line-height:35px;}
.nonmember_area .nonmember dd{ float:right; width:140px; text-align:right; height:35px;}
.nonmember_area .nonmember dd .nonmember_btn_go{ width:100%; height:100%; background:#d1071e; border:none; font-weight:600; color:#fff; border-radius:5px; cursor:pointer;
behavior: url(../js/PIE.htc);}


/* ȸ¿ø°¡ÀÔ1-µ¿ÀÇ */


.agree_area{width:760px;margin:0 auto;}
.agree_area .agree_box{ border-top:2px solid #333; border-bottom:1px solid #888; position:relative;}
.agree_area .agree_box .tit{ position:absolute; top:0; left:0; width:210px; height:100%; background:url(../images/member/agree_tit_bg.png) no-repeat top #e7e7e7; text-align:right;}
.agree_area .agree_box .tit strong{ font-size:18px; color:#fff; padding:20px 20px 0; display:inline-block; *display:inline; zoom:1;}
.agree_area .agree_box .agree_txt{word-break:break-all; width:auto; height:210px; padding:30px; margin-left:210px; overflow-y:scroll; line-height:22px; color:#666; font-size:13px;}
.agree_area .agree_box .agree_txt.h_st{ height:auto; min-height:300px; overflow-y:hidden; border-right:1px solid #ddd;}
.agree_area .agree_box .agree_txt p{ margin-bottom:15px; font-size:13px;}
.agree_area .agree_inp{ height:55px; line-height:55px; text-align:right;}
.agree_area .agree_inp label{ margin-left:7px; vertical-align:middle; cursor:pointer;}
.agree_area .agree_inp label:hover{ color:#103488;}
.agree_area .agree_inp input{ vertical-align:middle; margin-left:20px;}

.page_tit{ padding:0 20px; position:relative;}
.page_tit:before{ content:""; position:absolute; left:20; top:3px; width:3px; height:86%; background-color:#103488;}
.page_tit strong{ font-size:19px; font-weight:600; color:#222; padding-left:10px;}

.join_finish{ padding:59px 0px; height:295px; background:url(../images/member/join_cong.jpg) no-repeat center top; /*border:1px solid #666;*/}
.join_finish dl.join_congra{}
.join_finish dl.join_congra dt{ font-size:22px; color:#444; line-height:40px;}
.join_finish dl.join_congra dd{ font-size:30px; color:#000; font-weight:600;}
.join_finish dl.join_congra dd span{ color:#d61619;}
.join_finish dl.join_congra dd.txt_st{ font-size:15px; color:#777; margin-top:25px; font-weight:normal;}

.member_nav{padding-top:30px;margin:0 auto;width:820px; border-bottom:1px solid #ddd;padding-bottom:40px}

.member_nav2{margin:0 auto;width:860px; border-bottom:1px solid #ddd;padding-bottom:40px}
.member_nav2{margin:0 auto;width:100%; border-bottom:1px solid #ddd;padding-bottom:40px}



.join_tab{width:580px; float:right;}

.join_tab1{float:left;margin-right:10px;width:173px; height:80px; background:url('../images/member/join_tab1_ov.jpg') no-repeat;}
.join_tab1_off{float:left;margin-right:10px;width:173px; height:80px; background:url('../images/member/join_tab1.jpg') no-repeat;}
.tab_on{line-height:75px; font-weight:bold;font-size:15px; color:#333;text-align:right; padding-right:25px;}
.tab_off{line-height:75px; font-weight:bold;font-size:15px; color:#999;text-align:right; padding-right:25px;}

.join_tab2{float:left;margin-right:10px;width:202px; height:80px; background:url('../images/member/join_tab2_ov.jpg') no-repeat;}
.join_tab2_off{float:left;margin-right:10px;width:202px; height:80px; background:url('../images/member/join_tab2.jpg') no-repeat;}

.join_tab3 {float:left;width:179px; height:80px; background:url('../images/member/join_tab3_ov.jpg') no-repeat;}
.join_tab3_off {float:left;width:179px; height:80px; background:url('../images/member/join_tab3.jpg') no-repeat;}


/* ȸ¿ø°¡ÀÔ2-ÀÔ·Â */

.join_table_type1 {}
.join_table_type1 th { color:#666666; font-size:13px; font-weight:600; padding:0; margin:0; text-align:left;}
.join_table_type1 .txt1 {color:#00a0a1; font-size:13px; font-weight:600; padding:0; margin:0; text-align:left;}

.inbox_join02 {height:23px; font-size:14px; border:2px solid #cccccc; padding-top:3px; }
.inbox_join02_on {height:23px; font-size:14px; border:2px solid #306da5; padding-top:3px;}
.inbox_join02_width01 {width:250px;}
.inbox_join02_width02 {width:100px;}
.inbox_join02_width03 {width:126px;}

/* ȸ¿ø°¡ÀÔ3-¿Ï·á */

/* ¾ÆÀ̵ð/Æнº¿öµåã±â */

/* ÀÌ¿ë¾à°ü/°³ÀÎÁ¤º¸Ãë±Þ¹æħ */

/* ȸ¿øÅ»Åð */

#box1_with {width:760px; padding:0px; margin:10px 0px 0px;}
#box1_with .box1_top			{width:740px; height:10px; background:url(../images/box_skin/box_01/box_top.gif) repeat-x; float:left; padding:0px; margin:0px;}
#box1_with .box1_top_left		{width:10px; height:10px; background:url(../images/box_skin/box_01/box_top_left.gif) no-repeat; float:left; padding:0px; margin:0px;}
#box1_with .box1_top_right		{width:10px; height:10px; background:url(../images/box_skin/box_01/box_top_right.gif) no-repeat; overflow:hidden;  padding:0px; margin:0px;}
#box1_with .box1_left			{width:10px; height:420px; background:url(../images/box_skin/box_01/box_left.gif) repeat-y; float:left; padding:0px; margin:0px;}
#box1_with .box1_middle         {width:740px; height:420px; background-color:#fff; float:left; padding:0px; margin:0px;}
#box1_with .box1_right			{width:10px; height:420px; background:url(../images/box_skin/box_01/box_right.gif) repeat-y; overflow:hidden; padding:0px; margin:0px;}
#box1_with .box1_bottom			{width:740px; height:10px; background:url(../images/box_skin/box_01/box_bottom.gif) repeat-x; float:left; padding:0px; margin:0px;}
#box1_with .box1_bottom_left	{width:10px; height:10px; background:url(../images/box_skin/box_01/box_bottom_left.gif) no-repeat; float:left; padding:0px; margin:0px;}
#box1_with .box1_bottom_right	{width:10px; height:10px; background:url(../images/box_skin/box_01/box_bottom_right.gif) no-repeat; float:left; padding:0px; margin:0px;}

.bgcol01 {background-color:#f5f5f5;}
.with-why { width:92%; height:150px; font-size:14px; border:2px solid #cccccc; background-color:#f2f2f2; margin:5px 0; }


/* ¸¶ÀÌÆäÀÌÁö */
.pdttt_01 { background-color:#f4f4f4;}





.title {width:200px; float:left; font-size:20px; color:#333; font-weight:bold;}
.nav_area {float:right;margin-top:15px;}

.member_box{width:820px; float:right; border:1px solid #ddd;padding:40px 20px;background:#fff;}


/*btn*/

/*btn*/
.btn_area{ margin:50px 0 50px 0;}
.btn_area.left{overflow:hidden}
.btn_area.left > div{ float:left; width:50%}
.btn_area.right{overflow:hidden}
.btn_area.right > div{ float:right; width:50%; text-align:right;}
.btn_area.center{text-align:center;}

.btn_inc{ border:none; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=90); opacity:0.9; outline:none; *margin:0 2px;font-family:'Nanumgothic';}
.btn_inc:hover, .btn_inc:focus{ filter:alpha(opacity=100); opacity:1;}
.btn_inc.search{ background:#414751;color:#fff; }
.btn_inc.write{ background:#730c12;color:#fff;}
.btn_inc.etc{ background:#b03030; color:#fff;}
.btn_inc.list{ background:#444; color:#fff;}
.btn_inc.green{ background:#056603; color:#fff;}
.btn_inc.btn_size.line{ border:1px solid #888; background:#fff; padding:12px 0; color:#666;}
.btn_inc.big{ width:200px; padding:15px 0; margin:0 3px; *margin:0 5px;}
.btn_inc.small{ width:40px; min-width:40px; padding:3px 0;}
.btn_inc.btn_view{ width:85px; padding:10px 0;}
.btn_inc.btn_size{ width:80px; }
.btn_inc.btn_size.s{ width:100px; padding:13px 0;}
.btn_inc.btn_size.xs{ width:70px; padding:13px 0;}
.btn_inc.btn_size.c{ width:100px; padding:8px 0;}
.btn_inc.btn_size.mini{ width:50px; padding:12px 0;}




/**/
.input_st1{ border:1px solid #d1d1d1; vertical-align:middle; background:#fff; outline:none;}
.input_st2 {  font-weight:600; vertical-align:middle; outline:none; }
.input_st1:hover, .input_st1:focus{  background:#f9f9f9; border:1px solid #c9c9c9; color:#444;}
input.input_st1{ padding:6px 8px;margin:2px 0;}
select.input_st1{padding:5px 5px;}
textarea.input_st1{padding:2%;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none}
input[type=file].file_st{ height:30px;}



.join_tit {font-size:15px; font-weight:bold; color:#001871;padding:10px 0;}
.join_txt {font-size:13px; line-height:20px;}