@charset "utf-8";
@import url('commonN.css');

/* 폰트 관련 */
.tit01 {
	font-family:돋움;
	color:#ffffff;
	font-size:12px;
	line-height:18px;
}
.tit02 {
	font-family:돋움;
	color:#363636;
	font-size:11px;
}
.tit03 {
	font-family:돋움;
	color:#363636;
	font-size:12px;
	line-height:20px;
}
.tit04 {
	font-family:돋움;
	color:#ffffff;
	font-size:11px;
}
.tit05 {
	font-family:돋움;
	color:#d71921;
	font-size:11px;
}
.tit06 {
	font-family:돋움;
	color:#959595;
	font-size:11px;
}

/* index 관련 */



.b_cont {width:980px;height:174px;background:url('../../img/index/cont_bg03.jpg') no-repeat;}
.b_cont1 {padding:26px 112px 0 30px;}
.b_cont2 {padding:26px 92px 0 30px;}
.b_cont3 {padding:26px 68px 0 30px;}
.b_cont4 {padding:26px 74px 0 30px;}
.b_cont5 {padding:26px 60px 0 30px;}
.b_btn {width:120px;position:absolute; padding-left:430px;bottom:0;}
.b_btn01{width:120px;position:absolute; padding-left:430px;bottom:0; z-index:10;}

/* char 관련 */
.left_top {width:206px;height:192px;}
.left_tit {width:180px;height:23px;padding:7px 10px 0 16px;background:url('../../img/char/left_bg01.jpg') no-repeat;}
.left_bottom {width:186px;height:149px;padding:13px 10px 0 10px;background:url('../../img/char/left_bg02.jpg') no-repeat;}
.left_bg {width:166px;height:22px;padding:8px 10px 0 10px;background:url('../../img/char/left_bg03.jpg') no-repeat;}
.char_left {width:228px;height:396px;margin-right:28px;background:url('../../img/char/cont_bg01.jpg') no-repeat;padding:54px 29px 40px 29px;}
.char_tit {width:212px;padding:0 8px 0 8px;}
.char_right {width:394px;padding-top:16px;}
.char_btn01 {width:228px;padding-top:18px;}
.char_stro {width:212px;padding:10px 8px 0 8px;}
.char_stroke1 {width:196px;height:266px;text-align:left;overflow-y:scroll;padding:8px;color:#363636;}
.char_stroke2 {width:196px;height:150px;text-align:left;overflow-y:scroll;border:1px solid #cbcecf;}
.char_tap01 {width:394px;height:36px;background:url('../../img/char/tap_bg01.jpg') repeat-x;}
.chsr_cont01 {width:354px;border-bottom:2px solid #939598;padding:0 20px 30px 20px;}
.char_box01 { width:322px;height:130px;border:1px solid #cbcecf;padding:16px;}
.char_line01 {width:322px;border-top:1px solid #cbcecf;padding-top:14px;}

/* meet 관련 */
.meet_right {width:394px;border-top:2px solid #939598;padding-top:20px;}
.meet_line {height:10px;border-bottom:2px solid #939598;}
.meet_line1 {height:20px;background:url('../../img/meet/cont_line01.jpg') no-repeat;}

/* moba 관련 */
.moba {width:710px;}
.moba_line {height:15px;border-bottom:2px solid #939598;}
.moba_btn {width:710px;height:37px;padding-top:10px;}
.moba_left {width:430px;margin-right:18px;padding-top:10px;}
.moba_right {width:260px;}
.moba_right_bg {width:238px; height:260px;background:url('../../img/moba/cont_img08.jpg') repeat-y top left;padding:0 12px 0 10px;}
.moba_stroke1 {width:146px;height:120px;text-align:left;overflow-y:scroll;border:1px solid #cbcecf;}
.moba_table01 {width:100%;}
.moba_table01 tr {border-bottom:1px solid #e0e2e2;}
.moba_table01 tbody td {vertical-align:top;color:#737477;text-align:left;font-size:11px;height:20px;padding:2px 0 0 4px;}
.moba_tit01 {width:418px;height:24px;background:url('../../img/moba/cont_img10.jpg') no-repeat;padding:6px 0 0 12px;}

/* poin 관련 */
.poin_table01 {width:100%;}
.poin_table01 thead th {border-bottom:1px solid #e0e2e2;height:28px;background-color:#f5f5f5;color:#535353;border-right:1px solid #e0e2e2;}
.poin_table01 tbody td {border-bottom:1px solid #e0e2e2;height:28px;text-align:center;}
.poin_line {border-top:1px solid #96989B;}
.poin_cont {width:666px;border:2px solid #d6d6d6;padding:20px;}
.poin_tit {width:666px;border-bottom:1px solid #d6d6d6;}
.poin_text {font-family:돋움;color:#4e4e4e;font-size:12px;font-weight:bold;background:url('../../img/poin/cont_bl01.jpg') 0 6px no-repeat;padding-left:6px;}

/* addr 관련 */
.addr {width:710px;}
.addr_tit {font-family:돋움;color:#363636;font-size:11px;}
.addr_tit01 {font-family:돋움;color:#0070c0;font-size:11px;font-weight:bold;}
.addr_tit02 {font-family:돋움;color:#d71921;font-size:11px;font-weight:bold;}
.addr_left {width:200px;margin-right:9px;}
.addr_leftbg {width:172px;background:url('../../img/addr/cont_img03.jpg') repeat-y;padding:0 14px 0 14px;}
.addr_right {width:500px;}
.addr_cont {background-color:#f5f5f5;height:30px;padding:5px 0 0 10px;}
.addr_line {border-top:1px solid #dadada;}

.addr_table01{background:url('../../img/cust/tep_t_bg.jpg') no-repeat left top; width:500px;}
.addr_table01 thead tr th{height:33px; padding-top:0px;}
.addr_table01 tbody tr td{height:24px; padding:4px 0 4px 0; text-align:center;}

.addr_top {width:684px;height:34px;border:2px solid #d6d6d6;padding:10px 0 0 22px;}
.addr_bottom {width:662px;border:2px solid #d6d6d6;padding:22px;}

.addr_menu {position:absolute;left:680px;top:458px;width:80px;background-color:#f7f7f7;border:1px solid #d9d9d9;padding:10px;}

/* mess 관련 */
.mess_cont {width:668px;border:1px solid #cacaca;padding:20px;}
.mess_left {width:228px;margin-right:40px;}
.mess_right {width:400px;}
.mess_top {width:212px;height:20px;padding:10px 8px 0 8px;background:url('../../img/mess/cont_bg01.jpg') no-repeat;}
.mess_bottom {width:212px;height:231px;padding:8px 8px 0 8px;background:url('../../img/mess/cont_bg02.jpg') no-repeat;}
.mess_stroke1 {width:196px;height:206px;text-align:left;overflow-y:scroll;padding:8px;color:#363636;}
.mess_text {width:64px;height:24px;font-family:돋움;color:#4e4e4e;font-size:11px;font-weight:bold;background:url('../../img/mess/cont_bl01.jpg') 0 6px no-repeat;padding-left:8px;}
.mess_text1 {font-family:돋움;color:#747474;font-size:11px;}
.mess_table01 {width:300px;}
.mess_table01 thead th {border-bottom:1px solid #e0e2e2;height:28px;background-color:#f5f5f5;color:#535353;border:1px solid #e0e2e2;font-size:11px;}
.mess_table01 tbody td {border-bottom:1px solid #e0e2e2;height:28px;text-align:center;border:1px solid #e0e2e2;font-size:11px;}
.mess_bott {width:668px;}
.mess_bg {width:10%;height:14px;background:url('../../img/mess/cont_bg03.jpg') repeat-x;}

/* cust 관련 */
.cust01{height:31px;background:url('../../img/cust/tep_bg_line.jpg') repeat-x;padding-bottom:17px;}

.table01 {background:url('../../img/cust/tep_t_bg.jpg') no-repeat left top; width:710px;}
.table01 thead tr th {height:33px; padding-top:0px;color:#535353;}
.table01 tbody tr td {height:22px; padding:4px 0 4px 0; text-align:center;}
.red {color:#FF0000;}
.bg {background-color:#F5F5F5;}
.line {height:10px;border-bottom:1px solid #96989B;}
.bot01 {width:497px;}

.cust_table01 {width:100%;}
.cust_table01 tbody th {padding:8px 0 0 16px;height:18px;text-align:left;vertical-align:top;border-bottom:1px solid #dfdfdf;}
.cust_table01 tbody td {padding:3px 0 3px 10px;height:18px;vertical-align:top;color:#717171;font-size:12px;border-bottom:1px solid #dfdfdf;font-size:11px;}

.cust02_top {width:666px;height:18px;border:2px solid #d6d6d6;padding:10px 20px 10px 20px;}
.cust02_faq01 {background:url('../../img/cust/tep_t_bg.jpg') no-repeat left top; width:710px;}
.cust02_faq01 thead th {height:33px;color:#535353;}
.cust02_faq01 tbody td {border-bottom:1px solid #dfdfdf;height:20px;text-align:center;padding:5px 0 4px 10px;}
.cust02_tit01 {font-family:돋움;color:#717171;font-size:11px;}

/* mypa 관련 */
.mypa_cont01 {width:466px;border:2px solid #d6d6d6;padding:20px;margin-left:100px;}
.mypa_line01 {height:20px;background:url('../../img/mypa/cont_line01.jpg') repeat-x;}
.mypa_cont01_1 {height:40px;padding:30px 0 0 100px;}
.mypa_tit01 {font-family:돋움;color:#717171;font-size:11px;}
.mypa_tit02 {font-family:돋움;color:#FF0000;font-size:11px;}
.mypa_table01 {width:100%;}
.mypa_table01 tr {border-bottom:1px solid #dfdfdf;}
.mypa_table01 tbody th {padding:6px 0 6px 10px;background-color:#f5f5f6;color:#535353;text-align:left;vertical-align:top;font-size:12px;}
.mypa_table01 tbody td {padding:6px 0 6px 10px;vertical-align:top;color:#717171;font-size:11px;}
.mypa_cont02 {width:674px;border:2px solid #d6d6d6;padding:16px;text-align:center;}
.mypa_cont02_1 {width:710px;}
.mypa_cont04 {width:666px;border:2px solid #d6d6d6;padding:20px;}
.mypa_line02 {height:5px;border-top:1px solid #dfdfdf;}
.mypa_cont04_1 {height:160px;padding-top:30px;}
.mypa_cont04_2 {width:636px;border:1px solid #d6d6d6;padding:14px;}
.mypa_stroke1 {width:692px;height:140px;text-align:left;overflow-y:scroll;padding:8px;color:#666666;border:1px solid #cbcecf;}

/* pop up */
.pup01 {width:220px;padding:12px;border:5px solid #ebebeb;}
.pup_tit {position:absolute;top:14px;left:82px;text-align:center;font-family:돋움;color:#363636;font-size:14px;font-weight:bold;}
.pup_tit01 {font-family:돋움;color:#d71921;font-size:11px;}
.pup_tit02 {font-family:돋움;color:#74a007;font-size:11px;}
.pup_tit03 {font-family:돋움;color:#c9c9c9;font-size:11px;}
.cale {width:220px;}
.cale thead th{background-color:#eaeaea; height:25px;}
.cale tbody td {vertical-align:top;text-align:left;font-size:11px;height:20px;padding-top:2px;text-align:center;}

/* pop up */
.pup02 {width:580px;padding:10px;}
.pup02_left {width:160px;margin-right:10px;}
.pup02_leftbg01 {width:125px;height:400px;background:url('../../img/char/pup_img13.jpg') repeat-y;padding:0 19px 0 16px;}
.pup02_tit01 {font-family:돋움;color:#363636;font-size:12px;font-weight:bold;}
.pup02_tit02 {font-family:돋움;color:#4c4c4c;font-size:11px;padding-bottom:8px;height:18px;}
.pup02_right {width:410px;}
.pup02_rightbg01 {width:375px;height:400px;background:url('../../img/char/pup_img19.jpg') repeat-y;padding:0 19px 0 16px;}
.stroke3 {width:375px;height:266px;text-align:left;overflow-y:scroll;}
.pup02_table01 {height:24px; padding-top:4px; text-align:center; border-bottom:1px solid #e0e2e2;}
.pup02_table02 {background:url('../../img/char/pup_img20.jpg') no-repeat left top; width:345px;height:30px;padding-left:30px;}
.pup02_table02_line{height:4px; border-bottom:1px solid #96989B;}

/* pop up */
.pup03 {width:500px;padding:20px;border:5px solid #ebebeb;}

/* pop up */
.pup04 {width:400px;padding:20px;}
.pup04_tit01 {font-family:돋움;color:#828282;font-size:11px;padding-bottom:6px;}
.pup04_table01 {width:100%;}
.pup04_table01 thead th {border-bottom:1px solid #e0e2e2;height:28px;background-color:#f5f5f5;color:#535353;border-right:1px solid #e0e2e2;border-left:1px solid #e0e2e2;font-size:11px;}
.pup04_table01 tbody td {border-bottom:1px solid #e0e2e2;height:28px;text-align:center;border-left:1px solid #e0e2e2;border-right:1px solid #e0e2e2;font-size:11px;}

/* pop up */
.pup08 {width:360px;border:1px solid #d71921; background-color:#FFFFFF}
.pup08_top {width:320px;height:35px;padding:15px 20px 0 20px;background-color:#d71921;}
.pup08_box01 {width:280px;border:1px solid #d9d9d9;background-color:#f7f7f7;padding:20px 0 20px 40px;}

/* pop up */
.pup09 {width:420px;border:1px solid #d71921; background-color:#FFFFFF}
.pup09_top {width:380px;height:35px;padding:15px 20px 0 20px;background-color:#d71921;}
.pup09_box01 {width:342px;border:1px solid #d9d9d9;background-color:#f7f7f7;padding:20px 0 20px 30px;}
.pup09_stroke1 {width:354px;height:100px;text-align:left;overflow-y:scroll;padding:8px;color:#363636;border:1px solid #d9d9d9;}

/* pop up */
.pup10 {width:417px;}
.pup10_top {width:400px;height:23px;background:url('../../img/char/pup_bg01.png') no-repeat;padding:11px 0 0 17px;}
.pup10_cont {width:400px;height:120px;background:url('../../img/char/pup_bg02.png') no-repeat;padding:16px 0 0 20px;}
.pup10_cont li {width:29px;height:25px;color:#3c3c3c;font-size:12px;}

/* pop up */
.pup11 {width:220px;padding:12px;border:5px solid #ebebeb;}

/* memb pop up */
.memb_pup01 {width:498px;border:1px solid #d71921;}
.memb_pup01_top {width:458px;height:35px;padding:15px 20px 0 20px;background-color:#d71921;}
.memb_pup01_cont {width:438px;padding:30px;}
.memb_pup01_line1 {width:438px;border-top:2px solid #d71921;}
.memb_pup01_line2 {width:438px;border-bottom:1px solid #d9d9d9;}
.memb_pup01_cont1 {width:348px;background-color:#f7f7f7;padding:22px 40px 22px 50px;}

/* memb pop up */
.memb_pup02 {width:438px;height:30px;background:url('../../img/memb/pup_img10.jpg') repeat-x;}
.memb_pup02_cont1 {width:354px;padding:22px 40px 22px 50px;}
.memb_tap01 {height:24px;background:url('../../img/memb/pup_img11.jpg') repeat-x;width:120px;text-align:center;color:#363636;font-weight:bold;padding-top:7px;font-size:12px;margin-right:2px;}
.memb_tap02 {height:24px;background:url('../../img/memb/pup_img12.jpg') repeat-x;width:120px;text-align:center;color:#ffffff;font-weight:bold;padding-top:6px;font-size:12px;margin-right:2px;}

/* 게시판 */
#comp_page01 {font-size:12px;padding-top:14px;margin:0 auto;text-align:center;}
#comp_page01 .on {font-size:12px;font-weight:bold; color:#cc0a0a;}

/* tap_menu */
.tap01 {height:24px;background:url('../../img/cust/tep_bg_over.jpg') repeat-x;width:119px;text-align:center;color:#363636;font-weight:bold;padding-top:7px;font-size:12px;margin-right:2px;}
.tap02 {height:24px;background:url('../../img/cust/tep_bg.jpg') repeat-x;width:115px;text-align:center;color:#ffffff;font-weight:bold;padding-top:6px;font-size:12px;margin-right:2px;}

/* dropout */
.dropout1 {margin:0 8px 0 0;}
.dropout1 li {padding-bottom:8px;}


/* 로그인 */
.con01 {float:left;width:250px;background:url('../../img/index/bg_login.png');height:324px;}
.login_box {padding:30px 10px 0 10px}
.login {}
.login li{margin-bottom:5px}
.login_btn li {float:left;margin-top:5px}
.notice_list {width:210px}
.notice_list li {background:url('../../img/common/circle.png') no-repeat 0 4px;padding:0 0 3px 10px;font-size:11px;}
.notice h4{padding-bottom:15px}
.notice {margin:40px 10px 0 10px;}

/* 로그아웃 */

.login_box.left_top1 {width:230px;}
.login_box.left_tit1 {height:23px;padding:7px 10px 0 16px;}
.login_box.left_bottom1 {height:149px;padding:13px 10px 0 10px;}
.left_tit1.tit01 {color:#333}
.line_2{background:url('../../img/common/line_2px.png') repeat-x;width:100%;height:2px}


/* m_banner */

.frame {overflow: hidden; position: relative;}
.frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.frame ul li img {width:100%;}
.frame ul li.active { color: #fff; background: #a03232; }

/* Pages */

.sp01 {
	width:718px;
	height:324px;
}


/* nav */

#top_menu{position:absolute;top:53px;left:210px}
#top_menu li{float:left}
#top_menu li a{}
#top_menu li ul{display:none;position:absolute;top:33px;left:12px;width:100%;}
#top_menu li:hover ul{display:block}
#top_menu li ul li{display:inline;margin-right:8px;float:none}
#top_menu li ul li a{}



.lnb01{}
.lnb01 li.first a{margin-left:0px;}
.lnb01 li {}
.lnb02{}
.lnb02 li.first a{margin-left:147px}