.dis_block{ display:block}
.dis_none{ display:none}

/*TOP*/

.top_menu {float:right;}
.top_menu li {float:left;color:#fff; line-height:33px;}
.top_menu li:after {content:'|'; color:#ddd; padding:0 10px;font-size:8px;}
.top_menu a:link {color:#fff;font-size:12px;}
.top_menu a:visited {color:#fff;}

.top_menu2_area { width:100%; border-bottom:2px solid #015f2a; }
.top_menu2{ /*border-bottom:2px solid #ddd;*/}

.logo {width:300px; float:left;padding-top:10px;}


.tnb {
	position:relative; z-index:50000; float:right;
	width:800px;
	font-family:"Nanumgothic";
	
}
.tnb .m1 {position:relative; z-index:99999; float:right;}
.tnb .m1 .list {
	position:relative; float:left;
	margin:0; padding:0px;
	background:url(../sp_images/sp_include/menu_bg2.jpg) no-repeat right bottom;
	text-align:right;
}
.tnb .m1 .list p.tit {
	display:block; position:relative; z-index:99999;
	height:80px; margin:0px; padding:0 50px;
}
.tnb .m1 .list p.tit a {
	display:block; z-index:100000;
	margin:0px; padding:0px;
	color:#333; font-size:16px; font-weight:600; font-family:'Nanumgothic'; line-height:80px;
}
.tnb .m1 .list p.tit img {
	display:block; z-index:100000;
	margin:0px; padding-top:19px;
}
.tnb .m1 .list p.tit a:hover {color:#015821; text-decoration:none;background:url('../images/sub/top_bar.jpg') no-repeat 0px 25px;}
.tnb .m1 .list p.tit a.mhover {color:#015821; text-decoration:none;background:url('../images/sub/top_bar.jpg') no-repeat 0px 25px;}

.tnb .m1 .list ul {
	display:none; position:absolute; z-index:99999; top:80px;
	padding:10px 0px 10px 0px;
	border-right:2px solid #015f2a; border-bottom:2px solid #015f2a; border-left:2px solid #015f2a; background-color:#fff;
	border-bottom-left-radius:15px; border-bottom-right-radius:15px; 
	list-style:none;
}

.sub_m1{ margin-left:-3px;}
.sub_m2{ margin-left:-10px;}
.sub_m3{ margin-left:-5px;}
.sub_m4{ margin-left:-10px;}
.sub_m5{ margin-left:-5px;}


.tnb .m1 .list ul li{
	position:relative;
	height:38px; margin:0px; 
	color:#444; font-size:13px; font-weight:normal; font-family:'Nanumgothic'; padding-left:15px; text-align:left; line-height:38px;
	letter-spacing:-0.3px;
}
.tnb .m1 .list ul li:after{
	content:">";  right:10px;position:absolute;top:0;color:#017dc3;
}
.tnb .m1 .list ul li.last {border-bottom:none;}
.tnb .m1 .list ul li:hover:after {	content:">";  right:10px;position:absolute;top:0;color:#fff;}
.tnb .m1 .list ul li:hover {
	background-color:#017dc3;
	font-size:13px; font-family:'Nanumgothic', sans-serif;color:#fff;
	letter-spacing:-0.3px;
}
.tnb .m1 .list ul li a {display:block; width:150px; word-spacing:-1px;color:#333;}
.tnb .m1 .list ul.tnb_2{margin-left:-10px;}

.tnb .m1 .list ul.tnb_2 li a {display:block; width:190px;  word-spacing:-1px;}
.tnb .m1 .list ul li a:hover {color:#fff; font-weight:bold; word-spacing:-1px; text-decoration:none;}

.tnb .m1 .list ul li.el .sub_u{ display:none; position:absolute; left:228px; top:0px; border-top:1px soild #c5c5c5; z-index:999; }
.tnb .m1 .list ul li.last .sub_u2{ display:none; position:absolute; left:228px; top:0px; border-top:1px soild #c5c5c5; }





/*FOOTER*/
.ft_area {margin-top:70px;width:100%; height:215px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.ft_cust {width:250px; float:left;padding:20px;}

.ft_cust ul.ft_cust_area1 {height:90px;}
.ft_cust ul.ft_cust_area2 {border:1px solid #ddd;border-radius:6px;padding:10px; text-align:center;}

.ft_bank {width:260px; float:left;padding:20px;}
.ft_bank ul { }
.ft_bank ul.ft_bank_area1 {height:90px;}
.ft_bank ul.ft_bank_area2 {border:1px solid #ddd;border-radius:6px;padding:17px 10px; text-align:center;}


.ft_txtst1 {color:#333; font-size:13px; line-height:25px;font-weight:bold;}
.ft_txtst2 {color:#111; font-size:18px; padding:10px 0;font-weight:bold; line-height:23px;}
.ft_txtst3 {color:#666; font-size:12px;}
.ft_txtst4 {color:#111; font-size:18px; padding:10px 0;font-weight:bold; line-height:23px;}
.ft_txtst4 span {color:#666; font-size:14px;font-weight:normal;}

.ft_txtst2 p {float:left;margin-right:14px;}
.ft_txtst4 p {float:left;margin-right:14px;}

.ft_txtst2 span {font-size:13px;color:#666;font-weight:normal;}


.ft_btn {width:181px; height:39px; background:#f5f5f5;border:1px solid #ddd;float:left; margin:3px; text-align:center; font-size:14px;color:#555;}
.ft_link {float:left;width:250px;}
.ft_link ul {padding-top:15px;}
.ft_link li {float:left;margin:3px;position:relative;width:100px; height:60px;z-index:998;}
.ft_link li p {position:absolute;left:50%;margin-left:-25px;bottom:5px;;z-index:999;}


.ft_notice {width:250px;float:right;}
.ft_notice ul {padding-top:15px;}
.ft_notice li {line-height:26px;}


.ft_menu {width:100%; height:38px; line-height:38px;border-bottom:1px solid #ddd;}
.ft_menu ul {position:relative;width:1100px; margin:0 auto; text-align:center;}
.ft_menu li {position:relative;float:left; padding:0 15px; font-size:12px;}

.ft_logo {width:300px; float:left;padding:30px 0;}
.ft_copy {float:left; line-height:23px;padding:25px 20px;font-size:12px;}
.ft_copy span {color:#013b84}



/*QUICK MENU*/

.quick{ position:fixed; top:314px; left:50%; width:100px;}
.quick_r{ margin-left:575px;}
.quick_l{  margin-left:-675px;}
.main_quick{ top:220px;}
.quick_scroll{ top:15px;}

.quick .qm_bn{}
.quick .qm_bn li{ margin-bottom:5px;}

.quick .q_today_box{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;background:#fff;}
.quick .q_today_box .tit{}
.quick .q_today_box .tit a,
.quick .q_today_box .tit span,
.quick .q_today_box .tit strong{ font-family: "dotum", "gulim", ng, "NanumGothic", sans-serif; font-size:11px; color:#fff;}
.quick .q_today_box .tit.st1{ }
.quick .q_today_box .tit.st2{}
.quick .q_today_box .tit.st2 strong{ color:#ffc4cb;}
.quick .q_today_box .today_list{ padding:0 8px;}
.quick .q_today_box .today_list .btn{ height:10px; text-align:center; margin:10px 0;}
.quick .q_today_box .today_list .img{ margin:5px 0;}
.quick .q_today_box .today_list .img a{ display:block; text-align:center; border:1px solid #dddddd;}
.quick .q_today_box .today_list .img a img{ width:80px; height:80px;}
.quick .q_today_box .today_list .img a:hover{ border:1px solid #777;}
.gotop{ text-align:center;width:33px; margin:0 auto;padding:20px 0}

.quick .q_contact{ border:1px solid #ccc; background-color:#fff; padding-bottom:15px;}
.quick .q_contact .tit{ height:30px; line-height:30px; background:#3d496b; color:#fff; font-weight:600; text-align:center;}
.quick .q_contact .icon{ display:block; text-align:center; padding:7px 0;}
.quick .q_contact .contact_us{ text-align:center; padding:0 9px;}
.quick .q_contact .contact_us dt{ font-size:11px; color:#888888; font-weight:600; line-height:22px;}
.quick .q_contact .contact_us dd{ font-size:12px; font-weight:600; letter-spacing:-1px;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */
}

.quick .q_bn{ margin-top:5px; border:1px solid #ccc; background-color:#fff;}
.quick .q_bn .banner_st{ max-width:98px; text-align:center;}
.quick .q_bn .banner_st img{ max-width:98px; max-height:185px;}
.quick.quick_l li{ height:35px; line-height:35px; text-align:center; border-top:1px solid #54679d;}
.quick.quick_l li:first-child{ border-top:none;}
.quick.quick_l li a{ display:block; background-color:#687aab; color:#fff; font-weight:600;}
.quick.quick_l li a:hover{ text-decoration:none; background-color:#54679d;}





/*SUB*/
.subtop_wrap .page_tit {padding:20px 0;font-size:24px; color:#222; overflow:hidden; font-weight:bold; border-bottom:2px solid #c84d54; margin-bottom:10px;}
.subtop_wrap .page_tit .prod_tab { overflow:hidden; margin-top:20px; }
.subtop_wrap .page_tit .prod_tab li:first-child { border:1px solid #efa619; }
.subtop_wrap .page_tit .prod_tab li { float:left; width:160px; height:38px; line-height:38px; font-size:14px; font-weight:600; color:#efa619; text-align:center; border:1px solid #efa619; border-left:0px; cursor:pointer; }
.subtop_wrap .page_tit .prod_tab li:hover {  background:#efa619; color:#fff; }
.subtop_wrap .page_tit .prod_tab li.on { background:#efa619; color:#fff; }

.page_tit span {vertical-align:middle; padding-right:10px;}

.tbl_company {border-top:2px solid #98c2db; border-right:1px solid #cacaca;}
.tbl_company th {font-size:20px; line-height:28px; color:#015d2a; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; padding:10px 10px; position:relative;}
.tbl_company td {background:#f8f8f8; font-size:13px; font-weight:500; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca; line-height:30px; padding:10px 10px 10px 70px; }
.tbl_company td strong{ color:#000000;  font-weight:bold;}

.img_posit{ position:absolute; top:465px; left:576px;}
.sub_tit1{ background:url(../images/include/dot_on.png) no-repeat left center; padding-left:12px;}



.left_box1{ float:left;}
.right_box1{ float:right;}

.box_name{ font-size:15px; color:#333; font-weight:bold; text-indent:40px; line-height:40px;}

.ch_icon{ background:url(../images/include/ch_icon.png) no-repeat 10px center;}

.sub1_bg {width:530px; height:165px; border:1px solid #cacaca;}
.sub1_bg ul {}
.sub1_bg li { font-size:14px; color:#555; line-height:30px; /*font-weight:bold;*/ padding:20px 20px 20px 40px;word-break:keep-all;}

.sub1_bg1 {width:1100px; height:220px; border:1px solid #cacaca;}
.sub1_bg1 ul {}
.sub1_bg1 li { font-size:13px; color:#555; line-height:30px; font-weight:bold; padding:20px 0 20px 40px;}

.1_1bg1{ float:right;}

/*.sub1_bg li:first-child {font-size:22px; color:#6da6c9; font-weight:bold; line-height:36px;}
.sub1_bg li:last-child {font-size:13px; color:#333; line-height:30px; font-weight:bold;}*/

.item_category {}
.item_category h2 {background:url('../images/sub/item_bullet.jpg') no-repeat 0 15px;font-size:15px; color:#333; line-height:37px;padding-left:15px;font-weight:bold;}
.item_category {}
.item_category ul {float:left;width:100%;border-top:2px solid #222;background:url('../images/sub/item_catebg.jpg') repeat;}
.item_category li {float:left;text-indent:20px;width:219px;line-height:41px;  border-right:1px solid #ddd;}

.item_category li.last {border-right:none;}




/***********************************************************************/
/* ÀÌ¿ë¾à°ü/°³ÀÎÁ¤º¸Ãë±Þ¹æħ **************/
/***********************************************************************/
.agree_form { list-style:none; width:1100; margin:0px 0px 20px 0px; padding:0px; border-top:2px solid #585858; border-left:1px solid #e7e7e7; position:relative; overflow:hidden; } 
.agree_form li { list-style:none; float:left; width:335px; font-size:13px; line-height:18px; padding:10px 15px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; cursor:pointer;}

.agree_form li dl { width:100%; position:relative; overflow:hidden; }
.agree_form li dl dt { display:block; float:left; width:20%; margin:0px; font-weight:600; }
.agree_form li dl dd {display:block; float:left; width:80%; margin:0px; letter-spacing:-0.05em; }
.agree_form li:hover { color:#0070b7; background:url(../images/board_skin/arrow_r.png) no-repeat 96% center;}

.agree_txt { border-bottom:1px solid #dddddd; margin-bottom:20px; padding:20px 0px;  }
.agree_txt h4 { font-size:14px; font-weight:600; text-align:left; color:#444444; padding:0px 15px 10px 15px; margin:0px; position:relative; }
.agree_txt p { font-size:0.975em; line-height:20px; text-align:left; padding:0px 15px 20px 15px;  margin:0px; word-break:keep-all; }
.agree_txt h4 a.top_icon { position:absolute; right:10px; top:0px; }


.agree_part { font-size:16px; color:#1d609f; font-weight:bold; position:relative; padding:0px 0px 10px 15px;}
.agree_part a.top_icon { position:absolute; right:10px; top:10px; }
.aoi_txt { border-bottom:1px solid #dddddd; margin-bottom:20px; padding:20px 0px;  }
.aoi_txt h5 { font-size:14px; font-weight:600; text-align:left; color:#444444; padding:0px 15px 10px 15px; margin:0px; position:relative; }
.aoi_txt p { font-size:0.975em; line-height:20px; text-align:left; padding:0px 15px 20px 15px;  margin:0px; word-break:keep-all; }
.aoi_txt h5 a.top_icon { position:absolute; right:10px; top:10px; }
.aoi_date { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-weight:bold; padding:10px; margin-bottom:20px; background:#f8f8f8; }




.main_visual {width:770px; float:left;}
.main_right {width:320px; float:right;}
.main_banner_area1 {border:1px solid #ddd;}

.main_banner_area2 {}
.main_banner2 {float:left;}
.main_banner3 {float:right;}

.main_notice {border:1px solid #ddd;width:320px; height:153px; background:url('../images/main/main_notice_bg.jpg') no-repeat;}
.main_notice h2 {color:#fff; font-size:11px; font-weight:bold;padding:20px 0 10px 25px}
.main_notice ul {padding:0 25px 15px 25px}
.main_notice li {line-height:23px; font-size:12px;}
.main_notice li a:link, .main_notice li a:visited {color:#ccc;}
.main_notice li span {float:right;color:#d84e4e; font-size:10px;}

.main_bar {width:100%; height:55px; background:url('../images/main/main_bar_bg.jpg') no-repeat top center;text-align:center;}

.sub_category {border:1px solid #ddd;}
.sub_category li {float:left;width:182px;height:140px; line-height:140px; font-size:15px; text-align:center; border-right:1px solid #ddd;}
.sub_category .u {background:url('../images/include/cate_bg.jpg') repeat;}
.sub_category .uu {}

.sub_category li:last-child {border-right:0;}
.sub_category li:hover {cursor:pointer; text-decoration:underline;}