@charset "euc-kr";
@import url('/css/font_family.css');

/* common
------------------------------------------------------------------------------------ */
/* base */
html {_overflow-y:scroll; _overflow-x:auto; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul, li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
form, fieldset {border:0;}
img {border:0; vertical-align:top;}
address, caption, em {font-weight:normal; font-style:normal;}
.blind, legend {display:none;}
.clear {clear:both;}
hr {display:none;}
select, input, option, textarea {background-color:#fff; vertical-align:middle; font-size:12px; }
.show {display:block !important;}

.hide{display:none;} 

ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

/* odd style : Æ¯º°ÇÑ »çÀ¯°¡ ¾Æ´Ï¸é markup ºÎºÐ¿¡ »ç¿ëÀÚÁ¦ */
.b {font-weight:bold !important;}
.u {text-decoration:underline !important;}

/* Á¤·Ä */
.fleft {float:left;}

/* ¹è°æÀÌ¹ÌÁö*/

/* ¿©¹é */
.mr_none {margin-right:0;}
.ml_none {margin-left:0;}
.m_r_3 {margin-right:3px;}

/* anchor */
a {text-decoration:none;}
a:link, a:visited { color:#666; text-decoration:none;}
a:hover, a:active { color:#2856cb; text-decoration:none;}


input[type="radio"] { display:inline-block; width:14px; height:13px; background:url("/images/radio_bg.png") no-repeat; border:0px; -webkit-appearance:none; border-radius:0; margin:0px; padding:0px; cursor:pointer; }
input[type="radio"]:checked { background:url("/images/radio_bg_on.png") no-repeat; }
input[type="radio"]:disabled { background:url("/images/radio_dis_bg.png") no-repeat; }
input[type="radio"]:disabled:checked { background:url("/images/radio_dis_bg_on.png") no-repeat; }

/* layout
------------------------------------------------------------------------------------ */
/* common */
body { font-size:12px; color:#666; height:100%; }

.wrap { position:relative; width:100%; display:table; vertical-align:middle; height:100%; }
.wrap2 { position:relative; width:100%; display:table-cell; vertical-align:middle; margin:0px auto; text-align:center; }
.wrap3 { position:relative; width:755px; display:inline-block; margin:0px auto; overflow:hidden; padding:0px 0px 20px 0; text-align:left; }
.header { position:relative; width:100%; margin:0px; height:70px; }
.contents { position:relative; width:100%; padding:43px 0 0 0; }
.footer {  position:relative; width:100%; border-top:2px solid #515252; padding:10px 0 0 0; overflow:hidden; clear:both; }

/* header */
.header .tab { position:relative; width:100%; }
.header .tab ul { margin:0 0 0 0px; }
.header .tab li { float:left; margin:0 3px 0 2px; }
.header_tab_mar { margin-top:30px; }

/* footer */
.footer .flogo { float:left; width:311px; }
.footer .flogo img { max-width:100%; }
.footer ul { float:right; padding:4px 0 0 0; }
.footer ul li { float:left; margin:0 0px 0 3px; }
.footer .corising_go { display:block; clear:both; padding:30px 0; }
.footer .corising_go a { display:block; text-align:center; padding:10px 20px; color:#555; font-size:15px; letter-spacing:-0.5px; font-weight:bold; border:1px solid #ddd; background: linear-gradient( to bottom, #fff, #eeeeef );  }
.footer .corising_go a img { height:21px; }

/* ÆäÀÌÁö ½ºÅµ ³×ºñ°ÔÀÌ¼Ç */
#access_navi { width:100%; overflow:hidden; z-index:1000; }
#access_navi a { zoom:1; display:block; font-size:0; height: 1px; line-height:0; width:1px; margin:0 -1px -1px 0; overflow:hidden; text-align:center; }
#access_navi a:focus, 
#access_navi a:hover, 
#access_navi a:active { width:100%; height:20px; padding:5px 0 0 0; background:#676767; color:#fff; font-size:0.95em; font-weight:bold; margin:0;  line-height:1; margin:0; }

/* »ó´Ü ÅÇ */
.mobile_login_tab { position:relative; width:100%; height:32px; margin:0 0 0px 0; padding:10px 0 0 0; }
.mobile_login_tab ul { display:table; width:98%; height:100%; margin:0px 0px; }
.mobile_login_tab ul li { display:table-cell; width:50%; padding:0 5px; height:100%; margin:0 0px 0 0; text-align:center; vertical-align:middle; }
.mobile_login_tab ul li.left_btn { padding-left:0px; }
.mobile_login_tab ul li.right_btn { padding-right:0px;  }
.mobile_login_tab ul li a { display:inline-block; width:100%; height:24px; padding:8px 0 0 0; color:#888888; border:1px solid #cdcdd3; font-size:13px; letter-spacing:-1px; font-weight:700; }
.mobile_login_tab ul li .on { color:#7dac41; border:1px solid #7dac41; }


/* contents */
.contents .title { position:relative; width:100%; padding:0 0 0px 0; border-bottom:1px solid #dededd; }
.contents .title_str { width:200px; padding:0 0 10px 7px; font-size:32px; color:#585554; border-bottom:1px solid #7dac41; font-weight:700; letter-spacing:-1px; }
.contents .contents2 { position:relative; width:711px; margin:0px auto 0px; }
.contents .login_content { margin:30px auto; }
.contents .margin_content { margin:30px auto; }
.contents .tab { position:relative; width:100%; clear:both; height:50px; margin:20px 0 0 0; }
.contents .tab li { float:left; margin:0 6px 0 0; }
.contents .tab li a { float:left; width:214px; height:24px; padding:5px 0 0 0; font-size:15px; letter-spacing:-1px; font-weight:700; text-align:center; color:#999999; border:1px solid #dfdfde; }
.contents .tab li a.on { border:1px solid #7dac41; color:#7dac41; }

.contents .text { position:relative; width:100%; clear:both; }
.contents .text .text1 { font-size:20px; font-weight:800; letter-spacing:-1px; color:#696969; }
.contents .text .text1 .p1 { color:#7dac41; }
.contents .text .text2 { margin:11px 0 0 0; color:#9c9b9b; font-size:14px; font-weight:800; letter-spacing:-1px; }
.contents .text .point { color:#ff0000; }
.contents .title_box { clear:both; position:relative; margin:20px 0 0 0; width:100%; height:33px; background-color:#515252; }
.contents .title_box p { padding:9px 0 0 24px; color:#ffffff; font-weight:700; letter-spacing:-1px; }

/* ·Î±×ÀÎ */
.contents .login_box { position:relative; width:100%; height:190px; background:url(/images/intra_new/login_box_bg.jpg) no-repeat; }
.contents .login_box2 { position:relative; width:462px; margin:17px 0 0 193px; }
.contents .login_box2 .login_input { position:relative; width:386px; float:left; }
.contents .login_box2 dl { position:relative; width:100%; }
.contents .login_box2 dt,
.contents .login_box2 dd { margin:3px 0 0 0; }
.contents .login_box2 dt { clear:both; float:left; width:68px; height:17px; padding:3px 0 0 6px; font-size:15px; letter-spacing:-1px; color:#434141; font-weight:700; }
.contents .login_box2 dd { float:left; }
.contents .login_box2 dd .input { width:300px; height:20px; border:solid 1px #D8D8D8; }
.contents .login_box2 dd .input_host { width:170px; height:20px; border:solid 1px #D8D8D8; }
.contents .login_box2 .doamin_str { color:#7BAD3E; font-size:18px; font-weight:bold; margin:0px 0 0 3px; }
.contents .login_box2 .label_str { clear:both; width:100%; text-align:center; padding:10px 0 12px 0; height:12px; }
.contents .login_box2 .btn { float:left; margin:29px 0 0 0px; }

.contents .login_box2 .guide_box { position:relative; width:100%; clear:both; padding:8px 0 0 0; border-top:1px solid #cfcdd0; }
.contents .login_box2 .guide_box li { position:relative; width:433px; height:18px; margin:8px 0 0 18px; padding:0 0 0 11px; color:#858585; font-size:12px; font-weight:normal; clear:both; background:url(/images/intra_new/login_box_icon.jpg) no-repeat left 5px; }
.contents .login_box2 .guide_box li .btn { position:absolute; left:270px; top:0px; text-align:left; margin:0px 0 0 0; }
.contents .login_box2 .guide_box li .btn .btn1,
.contents .login_box2 .guide_box li .btn .btn2 { height:13px; margin:-3px 0 0 0; float:left; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px;; }
.contents .login_box2 .guide_box li .btn .btn1 {  width:62px;  }
.contents .login_box2 .guide_box li .btn .btn2 {  width:68px; margin-left:3px;  }


/* È¸¿ø°¡ÀÔ */
.contents .join_html { position:relative; display:table; width:100%; }
.contents .join_html .join_tab { position:relative; width:170px; display:table-cell; padding:10px 0 5px 0; }
.contents .join_html .join_tab ul { width:100%; text-align:center; }
.contents .join_html .join_tab li { position:relative; display:block; width:100%; height:40px; margin:0 0px 6px 0; letter-spacing:-1px; border:1px solid #dfdfde;  }
.contents .join_html .join_tab li .text1 { position:absolute; top:12px; width:100%; color:#9f9e9e; font-size:14px; font-weight:700; text-align:center; }
.contents .join_html .join_tab li .text2 { position:absolute; bottom:3px; width:100%; color:#ffffff; font-size:13px; font-weight:700; text-align:center; }
.contents .join_html .join_tab li.on { border:1px solid #7dac41; }
.contents .join_html .join_tab li.on .text1 { color:#7dac41; }
.contents .join_html .join_html2 { position:relative; display:table-cell; overflow:hidden; width:511px; height:100%; vertical-align:middle; }
.contents .join_html .join_box { position:relative; width:100%; padding:0 0 5px 0; display:block; border-bottom:0px solid #d6d5d7; }
.contents .join_html .join_box dl { position:relative; width:460px; margin:0px auto; }
.contents .join_html .join_box dt,
.contents .join_html .join_box dd { margin:3px 0 0 0; }
.contents .join_html .join_box dt { clear:both; float:left; width:140px; height:17px; padding:8px 0 0 6px; font-size:15px; letter-spacing:-1px; color:#434141; font-weight:700; }
.contents .join_html .join_box dd { float:left; }
.contents .join_html .join_box dd .input { width:300px; height:20px; border:solid 1px #D8D8D8; }
.contents .join_html .join_box dd .input2 { width:144px; height:20px; border:solid 1px #D8D8D8; }
.contents .join_html .join_box dd .input3 { width:210px; height:20px; border:solid 1px #D8D8D8; }
.contents .join_html .join_box dd .btn { width:66px; height:13px; margin:0px 0 0 5px; float:right; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px; }
.contents .join_html .join_btn { clear:both; width:100%; text-align:center; padding:10px 0 0px; }

.contents .join_finish { position:relative; width:520px; height:105px; margin:10px auto 0; padding:0px 0 0px; background:url(/images/intra_new/join_finish_bg.jpg) no-repeat left top; }
.contents .join_finish .finish_text { position:absolute; left:234px; font-size:15px; letter-spacing:-1px; line-height:24px; color:#434141; font-weight:700; }
.contents .join_finish .finish_text .p1 { color:#999999; }
.contents .join_finish .finish_text .p2 { color:#7dac41; }
.contents .join_finish .finish_text .btn { line-height:135%; width:80px; height:13px; margin:6px 0 0 0px; display:inline-block; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px; }



/* ¾ÆÀÌµð&ºñ¹Ð¹øÈ£ Ã£±â */
.contents .find_html { position:relative; display:table; width:100%; padding:10px 0; }
.contents .find_html .find_html_bg { position:relative; display:table-cell; min-width:214px; height:105px; background:url(/images/intra_new/join_finish_bg.jpg) no-repeat right 50%; }
.contents .find_html .find_id_bg { position:relative; display:table-cell; min-width:175px; height:105px; background:url(/images/intra_new/id_search_bg.jpg) no-repeat right 50%; }
.contents .find_html .find_pw_bg { position:relative; display:table-cell; min-width:175px; height:105px; background:url(/images/intra_new/pw_search_bg.jpg) no-repeat 90% 50%; } 
.contents .find_html .find_html_con { position:relative; display:table-cell; padding:0 0 5px 0; vertical-align:middle; }
.contents .find_html .find_html2 { position:relative; display:block; padding:0 0 0px 0; vertical-align:middle; }
.contents .find_html .find_box { position:relative; width:100%; padding:0 0 5px 0; display:inline-block; border-bottom:0px solid #d6d5d7; }
.contents .find_html .find_box dl { position:relative; width:440px; margin:0px auto; }
.contents .find_html .find_box dt,
.contents .find_html .find_box dd { margin:3px 0 0 0; }
.contents .find_html .find_box dt { clear:both; float:left; width:120px; height:17px; padding:8px 0 0 6px; font-size:15px; letter-spacing:-1px; color:#434141; font-weight:700; }
.contents .find_html .find_box dd { float:left; height:20px; padding:5px 0 0 0; font-size:13px; }
.contents .find_html .find_box dd.rs_title { font-weight:700; }
.contents .find_html .find_box dd .radio_str { padding:2px 0 0 0; }
.contents .find_html .find_box dd .input { width:300px; height:20px; border:solid 1px #D8D8D8; }
.contents .find_html .find_box dd .input2 { width:144px; height:20px; border:solid 1px #D8D8D8; }
.contents .find_html .find_box dd .input3 { width:210px; height:20px; border:solid 1px #D8D8D8; }
.contents .find_html .find_box dd .btn { width:66px; height:13px; margin:0px 0 0 5px; float:right; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px; }
.contents .find_html .find_btn { display:inline-block; clear:both; width:100%; text-align:center; padding:10px 0 0px; }

.contents .find_finish { position:relative; width:260px; margin:10px 0 0 10px; padding:0px 0 0px; vertical-align:middle; }
.contents .find_finish .finish_text { padding:0 0 0 10px; font-size:15px; letter-spacing:-1px; line-height:24px; color:#434141; font-weight:700; }
.contents .find_finish .finish_text .p1 { color:#999999; }
.contents .find_finish .finish_text .p2 { color:#7dac41; }
.contents .find_finish .finish_text .btn { clear:both; line-height:135%; width:80px; height:13px; margin:6px 0 0 0px; display:block; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px; }


/* ºñ¹Ð¹øÈ£º¯°æ, È¸¿øÁ¤º¸¼öÁ¤, È¸¿øÅ»Åð */
.contents .member_html { position:relative; display:block; width:100%; padding:10px 0; }
.contents .member_html .member_html_bg { position:relative; display:table-cell; min-width:214px; height:105px; background:url(/images/intra_new/join_finish_bg.jpg) no-repeat right 50%; }
.contents .member_html .member_pw_ch_bg { position:relative; display:table-cell; min-width:214px; height:105px; background:url(/images/intra_new/pw_change_bg.jpg) no-repeat 80% 50%; }
.contents .member_html .member_info_bg { position:relative; display:table-cell; min-width:214px; height:115px; background:url(/images/intra_new/member_info_bg.jpg) no-repeat 60% 50%; }
.contents .member_html .member_out_bg { position:relative; display:table-cell; min-width:280px; height:117px; background:url(/images/intra_new/member_out_bg.jpg) no-repeat right 50%; }
.contents .member_html .member_html_con { position:relative; display:table-cell; padding:0 0 5px 0; vertical-align:middle; }
.contents .member_html .member_html2 { position:relative; display:block; width:100%; padding:0 0 0px 0; overflow:hidden; vertical-align:middle; }
.contents .member_html .member_box { position:relative; width:100%; padding:0 0 5px 0; display:inline-block; border-bottom:0px solid #d6d5d7; }
.contents .member_html .member_box dl { position:relative; width:460px; margin:0px auto; }
.contents .member_html .member_box dt,
.contents .member_html .member_box dd { margin:3px 0 0 0; }
.contents .member_html .member_box dt { clear:both; float:left; width:140px; height:17px; padding:8px 0 0 6px; font-size:15px; letter-spacing:-1px; color:#434141; font-weight:700; }
.contents .member_html .member_box dd { float:left; height:20px; padding:5px 0 0 0; font-size:13px; }
.contents .member_html .member_box dd.rs_title { font-weight:700; }
.contents .member_html .member_box dd.address { height:auto; }
.contents .member_html .member_box dd .radio_str { padding:2px 0 0 0; }
.contents .member_html .member_box dd .input { width:300px; height:20px; border:solid 1px #D8D8D8; }
.contents .member_html .member_box dd .input2 { width:144px; height:20px; border:solid 1px #D8D8D8; }
.contents .member_html .member_box dd .input3 { width:210px; height:20px; border:solid 1px #D8D8D8; }
.contents .member_html .member_box dd .input4 { width:50px; height:20px; border:solid 1px #D8D8D8; }
.contents .member_html .member_box dd .btn { width:66px; height:13px; margin:0px 0 0 5px; float:right; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px; }
.contents .member_html .member_btn { display:inline-block; clear:both; width:100%; text-align:center; padding:10px 0 0px; }

.contents .member_finish { position:relative; width:260px; margin:10px 0 0 10px; padding:0px 0 0px; vertical-align:middle; }
.contents .member_finish .finish_text { padding:0 0 0 10px; font-size:15px; letter-spacing:-1px; line-height:24px; color:#434141; font-weight:700; }
.contents .member_finish .finish_text .p1 { color:#999999; }
.contents .member_finish .finish_text .p2 { color:#7dac41; }
.contents .member_finish .finish_text .btn { clear:both; line-height:135%; width:80px; height:13px; margin:6px 0 0 0px; display:block; padding:4px 0px 3px 16px; font-weight:700; font-size:11px; letter-spacing:-1px; color:#858585; border:1px solid #cdcdd3;  background:url(/images/intra_new/login_box_icon2.jpg) no-repeat 8px 8px; }

.contents .member_finish2 { position:relative; width:520px; height:55px; margin:10px auto 0; padding:0px 0 0px; font-size:15px; letter-spacing:-1px; line-height:24px; color:#434141; font-weight:700; }

