@import url("default.css");

html>/**/body {overflow-y:scroll;}

.mgt2 {margin-top:2px !important;}
.mgt5 {margin-top:5px !important;}

.pdt5 {padding-top:5px !important;}
.pdt8 {padding-top:8px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt50 {padding-top:50px !important;}
.pdt120 {padding-top:120px !important;}

.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}

.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb17 {padding-bottom:17px !important;}
.pdb18 {padding-bottom:18px !important;}
.pdb20 {padding-bottom:20px !important;}

.dan50 {margin-top:50px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}
.imgD {display:block;}
.bg_dotline {background:url('/design/ko/images/default/bg_dotline.gif') repeat-x;}
.ft_col_b {color:#000;}
.ft_col_p {color:#72134a;}

.txtB {font-family:'NanumGothicB';font-weight:600;font-size:16px;}

/* common layouts  ;border:1px solid red; */

#wrap {position:relative;width:100%;border:0 !important;}
#util {position:relative;margin:0 auto; height:25px; background:#052e6b}
#util .util_box {position:relative;width:1000px;height:25px; margin:0 auto;}
#util .bookmark {position:relative; background:#2a2a2a; color:#fefefe; font-size:12px; text-align:center; line-height:25px; width:110px;}
#util .menu {position:absolute; top:0; right:0; height:25px;  line-height:25px; font-size:11px;  color:#fff; }
#util .menu a{color:#fff; line-height:25px; margin:0 5px;}
#header {position:relative;margin:0 auto;height:75px;z-index:9;}
#header .header_box {position:relative;width:1000px;height:75px;background:#FFFFFF;margin:0 auto;z-index:9;}
#header h1 {position:absolute;top:12px;left:0;width:200px;}

#header .menu {position:absolute;top:30px;left:200px;z-index:10;width:800px}
#header .menu li {float:left;width:200px;height:44px;text-align:center; font-family:'NanumGothicB'; font-size:16px; font-weight:600;}
#header .menu li.on {height:43px;border-bottom:2px solid #6691d1; color:#6691d1;}
#header .menu li a:hover {color:#6691d1;}

#header_submenu{position:absolute;left:-117px;top:75px;display:none}

#header .header_box2 {position:relative;width:1234px;height:8px;background:#FFFFFF;;margin:0 auto;z-index:5;}

#header .submenu_box {position:relative;width:1234px;height:100%;background:url('/design/ko/images/default/bg_sgnb.png');margin:0 auto;z-index:10;}
#header .submenu_box li {}
#header .submenu_box li a{font-size:12px; line-height:25px; font-family:'NanumGothicB'; font-weight:600; color:#fff; letter-spacing:-0.1em;height:25px;overflow:hidden;display:block}
#header .submenu_box li a:hover{color:#6691d1;}
#header .submenu1 {position:absolute;top:0px;left:317px;padding-top:10px;width:200px;z-index:10;border-left:1px solid #8D8F98;overflow:hidden; }
#header .submenu1 li {margin:1px 0px; padding-left:15px;}
#header .submenu2 {position:absolute;top:0px;left:517px;padding-top:10px;width:200px;z-index:10;border-left:1px solid #8D8F98;overflow:hidden;}
#header .submenu2 li {margin:1px 0px; padding-left:15px;}
#header .submenu3  {position:absolute;top:0px;left:717px;padding-top:10px;width:200px;z-index:10;border-left:1px solid #8D8F98;overflow:hidden;}
#header .submenu3 li {margin:1px 0px; padding-left:15px;}
#header .submenu4 {position:absolute;top:0px;left:917px;padding-top:10px;width:200px;z-index:10;border-left:1px solid #8D8F98;overflow:hidden;}
#header .submenu4 li {margin:1px 0px; padding-left:15px;}

#visual {height:500px;width:100%;z-index:1;position:relative;overflow:hidden;}
#visual .visualbox {height:500px;z-index:1;}
#visual .visualbtn {position:absolute;width:100%;top:50%;margin-top:-36px;height:500px;z-index:10;}
#visual .txtbox{position:relative; width:1000px; top:150px; margin:0 auto;}
#visual .txt1{font-size:54px; line-height:100px; font-family:'NanumGothicB'; font-weight:bold; color:#fff}
#visual .txt2{font-size:24px; line-height:34px; font-family:'NanumGothic'; font-weight:600; color:#fff}

#visual .visualbtn .vs_prev {position:absolute;top:0;left:50%;margin-left:-590px}
#visual .visualbtn .vs_next {position:absolute;top:0;left:50%;margin-left:510px}


#svisual {position:relative;clear:both;width:100%;overflow:hidden;height:200px;z-index:1;background:url('/design/ko/images/default/sb_visual.jpg') no-repeat top center;}
#svisual .visualbox {position:relative; margin:0 auto;  width:1050px;  top:55px; left:10px;height:200px;}
#svisual .visualbox .visuial01 {position:absolute;width:100px;left:0px;top:0px;text-align:center;margin:0 auto;}
#svisual .visualbox .visuial02 {position:absolute;width:100px;left:100px;top:0px;text-align:center;margin:0 auto;}
#svisual .visualbox .visuial03 {position:absolute;width:645px;left:210px;text-align:center; margin:0 auto;}
#svisual .visualbox .visuial03 .txt1{position:absolute;top:0px; text-align:center; margin:0 auto; width:645px; font-size:44px; line-height:44px; font-family:'NanumGothicB'; font-weight:bold; color:#fff}
#svisual .visualbox .visuial03 .txt2{position:absolute;top:50px; text-align:center; margin:0 auto; width:645px; font-size:22px; line-height:30px; font-family:'NanumGothicB'; font-weight:600; color:#fff}
#svisual .visualbox .visuial04 {position:absolute;width:100px;right:100px;top:0px;text-align:center;margin:0 auto;}
#svisual .visualbox .visuial05 {position:absolute;width:100px;right:0px;top:0px;text-align:center; margin:0 auto;}





#main_content {clear:both;position:relative;padding:30px 0 40px 0;margin:0 auto;}
#main_content .main_box {position:relative;width:1000px;margin:0 auto;height:196px;}
#main_content .main_box .mbox1 {position:relative;width:280px;}
#main_content .main_box .mbox2 {position:absolute;top:0;left:300px;width:400px;}
#main_content .main_box .mbox3 {position:absolute;top:0;right:0;width:280px;}
#main_content .main_box .m_bnr1{float:left;  border-top:2px solid #1e5fac; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:190px; height:192px; background:url('/design/ko/images/default/m_con_bg1.gif') no-repeat right bottom #fff; }
#main_content .main_box .m_bnr2{float:right; border-top:2px solid #1e5fac; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:190px; height:192px; background:url('/design/ko/images/default/m_con_bg1.gif') no-repeat right bottom #fff; }
#main_content .main_box .m_bnr3{position:relative; border-top:2px solid #1e5fac; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:280px; height:130px; background:url('/design/ko/images/default/m_con_bg2.gif') no-repeat right bottom #fff; }
#main_content .main_box .m_bnr4{position:relative; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:135px; height:55px; }
#main_content .main_box .m_bnr5{position:absolute; right:0; top:0; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:135px; height:55px; background:url('/design/ko/images/default/m_con_bg3.gif') no-repeat right bottom #fff; }
#main_content .main_box .txt1{font-size:17px; line-height:30px; font-family:'NanumGothicB'; font-weight:600; color:#333}
#main_content .main_box .txt2{font-size:13px; line-height:19px; font-family:'NanumGothicB'; font-weight:400; color:#666}
#main_content .main_box .txt3{font-size:30px; line-height:43px; font-family:'NanumGothicB'; font-weight:bold; color:#333;}
#main_content .main_box .txt4{font-size:12px; line-height:17px; font-family:'NanumGothicB'; font-weight:400; color:#777}
#main_content .main_box .txt5{font-size:15px; line-height:32px; font-family:'NanumGothicB'; font-weight:600; color:#333}
#main_content .main_box .more {position:absolute;top:19px;right:12px;}
#main_content .main_box .img{position:relative; text-align:center;}


#main_content .mtit {position:relative; border-top:2px solid #1e5fac; border-bottom:1px solid #e4e4e4; height:40px;}
#main_content .tit {position:absolute; line-height:40px; font-size:17px; font-family:'NanumGothicB'; color:#333; font-weight:600;}
#main_content .mbox1 .more {position:absolute;top:10px;right:0;}
#main_content .mbox2 .btn_onoff {position:absolute;top:23px;right:0;}

#m_con_list1 {position:relative;}
#m_con_list1 td{position:relative; line-height:28px; text-align:left;}
#m_con_list1 .td_txt1{font-size:13px; font-weight:600; color:#df2f0e;}
#m_con_list1 .td_txt2{color:#666666; font-size:13px; width:330px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}





#sub_content {position:relative;width:1000px;margin:0 auto; min-height:700px !important;z-index:2;}
#sub_content .leftbox {position:relative;width:190px;padding-top:30px;min-height:700px;float:left;}
#sub_content .rightbox {position:relative;width:785px;padding-top:30px;padding-left:24px;border-left:1px solid #EAEAEA;min-height:700px;float:right;}
#sub_content .sb01_right {position:absolute;top:70px;right:0px;z-index:10; font-size:14px; color:#a5a5a5;}
#sub_content .btnTop {position:absolute;bottom:0;right:0px;z-index:10;}

#sub_content .leftbox .leftTop {position:relative;width:190px;height:63px; border-bottom:2px solid #036cab; font-size:16px; color:#999; font-family:'NanumGothicB';font-weight:600;}
#sub_content .leftbox .leftTop span {position:absolute;font-family:'NanumGothicB';font-weight:600;top:10px;left:0px;letter-spacing:-0.05em; font-size:30px;color:#333;line-height:50px;}
#sub_content .leftbox li {font-size:13px; color:#444; font-family:'NanumGothicB'; border-bottom:1px solid #ededee; font-weight:600; letter-spacing:-0.1em; }

#sub_content .leftbox .leftmenu1 .menu a {display:block; padding:7px 0px 7px 10px;  line-height:20px;}
/*#sub_content .leftbox .leftmenu1 .menu a:link {background:url('/design/ko/images/default/sleft_bg.gif') no-repeat;}*/
#sub_content .leftbox .leftmenu1 .menu a:hover {background:#2580b6; color:#FFFFFF;}
#sub_content .leftbox .leftmenu1 .menu a.on {background:#2580b6; color:#FFFFFF;}


#sub_content .conarea {position:relative;width:785px;overflow:hidden;font-size:15px;line-height:18px;color:#5e5e5e;padding:0 0 100px 0;}
#sub_content .loca {background:url('/design/ko/images/default/ico_home.gif') no-repeat 0 5px;padding-left:20px;font-size:11px;color:#666;}
#sub_content .titlearea {position:relative;width:100%;height:61px;}
#sub_content .conarea .sstl {margin-top:3px;font-size:28px;font-family:'NanumGothicB';font-weight:600;color:#000000;line-height:40px;height:45px;letter-spacing:-0.05em; border-bottom:1px solid #dcdcdc;}


#sub_content .conarea .sstlen {margin-top:3px;font-size:31px;font-family:'verdana';font-weight:100;color:#000000;line-height:45px;height:57px;letter-spacing:-0.05em;background:url('/design/ko/images/default/sstl_bg.gif') repeat-x;}
#sub_content .conarea .ssstl {font-size:16px;font-family:'NanumGothicB';font-weight:600;color:#121212;line-height:16px;letter-spacing:-0.05em;background:url('/design/ko/images/default/bl_1dps.gif') no-repeat 0 1px;*background:url('/design/ko/images/default/bl_1dps.gif') no-repeat;padding:0px 0 10px 16px;}
#sub_content .conarea .ssstl2 {font-size:14px;font-family:'NanumGothicB';font-weight:600;color:#121212;line-height:16px;height:13px;letter-spacing:0em;background:url('/design/ko/images/default/bl_2dps.gif') no-repeat 0 5px;padding:0 0 8px 10px;}
#sub_content .conarea .ssstl2en {font-size:14px;font-family:'verdana';font-weight:600;color:#121212;line-height:16px;height:13px;letter-spacing:0em;background:url('/design/ko/images/default/bl_2dps.gif') no-repeat 0 5px;padding:0 0 8px 10px;}
#sub_content .conarea .ssstl3 {font-size:15px;font-family:'NanumGothicB';font-weight:600;color:#508021;letter-spacing:0em;padding:3px 0 8px 0;}
#sub_content .conarea .ssstl4 {font-size:14px;color:#121212;line-height:16px;height:13px;letter-spacing:0em;background:url('/design/ko/images/default/bl_2dps.gif') no-repeat 0 5px;padding:0 0 8px 10px;}
#sub_content .conarea .con {position:relative;margin-top:45px;}

#sub_content .conarea .sb0102_his {position:relative;width:485px;}
#sub_content .conarea .sb0102_his li{position:relative;background:url('/design/ko/images/default/sb1_2_line.gif') repeat-y 105px;width:600px;padding:0 0 20px 100px;}
#sub_content .conarea .sb0102_his .his_year {position:absolute;top:0;left:0px;width:120px;font-weight:600;font-size:20px;font-family:verdana;letter-spacing:-0.01em;font-weight:bold;}
#sub_content .conarea .sb0102_his .his_con {padding-left:30px;letter-spacing:-0.02em;}
#sub_content .conarea .sb0102_his .his_year span {position:absolute;top:3px;right:1px;background:url('/design/ko/images/default/sb1_2_dot.png') no-repeat;width:15px;height:15px;}


#sb1_1 .txt1{position:relative; font-size:25px;font-family:'NanumGothicB'; font-weight:600; color:#333; line-height:130%; letter-spacing:-0.05em;}
#sb1_1 .txt2{position:relative; font-size:25px;font-family:'NanumGothicB'; font-weight:600; color:#2580b6; line-height:130%; letter-spacing:-0.05em;}
#sb1_1 .txt3{position:relative; font-size:14px;font-family:'NanumGothicB'; font-weight:400; color:#666; line-height:130%; letter-spacing:-0.02em;}

#sb1_4 .txt1{position:relative; font-size:18px;font-family:'NanumGothicB'; font-weight:600; color:#2580b6; line-height:130%; letter-spacing:-0.05em;}
#sb1_4 .txt2{position:relative; font-size:13px;font-family:'NanumGothicB'; font-weight:400; color:#666; line-height:140%; letter-spacing:-0.02em; }


#sb1_7 .txt1{position:relative; font-size:18px;font-family:'NanumGothicB'; font-weight:600; color:#2580b6; line-height:130%; letter-spacing:-0.05em;}
#sb1_7 .txt2{position:relative; font-size:13px;font-family:'NanumGothicB'; font-weight:400; color:#666; line-height:140%; letter-spacing:-0.02em; }
#sb1_7 .box1{border:1px solid #eaeaea; padding:15px; background:url('/design/ko/images/default/sb1_7_img1.png') no-repeat 15px center #fefefe; min-height:80px; font-size:12px;}
#sb1_7 .box2{border:1px solid #eaeaea; padding:15px; background:url('/design/ko/images/default/sb1_7_img2.png') no-repeat 15px center #fefefe; min-height:40px; font-size:12px;}


#footer {clear:both;position:relative;height:105px;border-top:1px solid #E5E5E5;padding:10px 0 0px 0;}
#footer .menu {position:relative;margin:0 auto;width:1000px;font-size:12px;color:#333333;}
#footer .menu a {color:#333333;}
#footer .menu .ft_banner {position:absolute;right:0;top:0}
#footer .menu .cs {font-weight:700;color:#000000;padding-left:16px;}
#footer .copyright { border-top:1px solid #E5E5E5; margin:10px 0 0px; 0; background:#f9f9f9; height:90px;}
#footer .copy {position:relative; margin:0 auto; background:url('/design/ko/images/default/foot_logo.png') no-repeat 0 center; width:1000px; height:90px; }
#footer .txt1{position:absolute; left:200px; top:20px; color:#666;line-height:18px;font-size:11px;}

.fontE {font-family:"verdana",돋움;}


/* 제품쪽 카다로그 스킨 */
/* #catal_basic .pic_box {background:#FBFAF9;border:1px solid #E1e1e1;color:#000000;} */


#catal_basic .inpt_st1 {border:1px solid #e1e1e1;}
#catal_basic .list_state {position:relative;background:#fbfaf9;border:1px solid #E4E2DD;height:50px;line-height:50px;}
#catal_basic .sortStyle {position:absolute;top:0;right:5px;}
#catal_basic .pic_box {color:#000000; text-align:center}
#catal_basic .pic_box .info {color:#888888;font-size:11px;}
#catal_basic .pic_box .name {color:#000000;}
#catal_basic .pic_box .name a:link {color:#000000;font-family:'NanumGothicB';}
#catal_basic .pic_box .name a:active {color:#000000;}
#catal_basic .pic_box .name a:visited {color:#000000;}
#catal_basic .pic_box .name a:hover {color:#000000;}
#catal_basic .paging_num {display:block; border:1px solid #EAEAEA; padding:6px 0;width:33px;margin:0 1px 0 1px;text-align:center;float:left; }

#catal_basic .infobox {border-top:2px solid #E7E7E7;}
#catal_basic .infobox .title {font-size:18px;font-family:'NanumGothicB';font-weight:600;border-bottom:1px solid #000;height:55px;}
#catal_basic .infobox .short {font-size:12px;color:#666;line-height:20px;height:50px;background:#fbfaf9;padding-left:5px;border-bottom:1px solid #E7E7E7;} 
#catal_basic .infobox .info1 {border-bottom:1px solid #000;padding:0 0 20px 0;}
#catal_basic .info2 {font-size:13px;color:#666666;line-height:120%;}
#catal_basic .infobox .btn {text-align:center;}
#catal_basic .infobox .btn a {display:inline-block;width:80px;height:25px;border:1px solid #666;color:#000;text-align:center;margin:0 1px;font-size:12px;line-height:23px;}



#catal_basic .tab a{display:inline-block;width:373px;height:30px;border:1px solid #e1e1e1;color:#000000;text-align:center;font-size:14px;line-height:28px;color:#434343;}
#catal_basic .tab a.on {background:#FBFAF9;border-color:#000000;border-style:solid;font-family:'NanumGothicB';font-weight:600;font-size:14px;}

#chain .inpt_st1 {border:1px solid #e1e1e1;}
#chain .paging_num {display:block; border:1px solid #EAEAEA; padding:6px 0;width:33px;margin:0 1px 0 1px;text-align:center;float:left; }
#chain .paging_num a {display:block;width:33px;text-align:center;}

#chain .fd1 {background:#FAFAFA;font-size:14px;height:30px;padding:5px;color:#666;}
#chain .fd2 {background:#FFFFFF;font-size:12px;height:30px;padding:5px;color:#666;}
#chain .fd3 {background:#FFFFFF;font-size:12px;height:30px;padding:5px;color:#666;}
#chain .fd4 {background:#FAFAFA;font-size:12px;height:18px;padding:5px;color:#666;}
#chain .fd5 {background:#FFFFFF;font-size:12px;height:18px;padding:5px;color:#666;}
#chain .fd6 {background:#FFFFFF;font-size:12px;padding:5px;color:#666;}
#chain a.chain_spot {font-size:12px;color:#000;font-family:'NanumGothicB';font-weight:600;}

#chain .btn {text-align:center;}
#chain .btn a {display:inline-block;width:80px;height:25px;border:1px solid #666;color:#000;text-align:center;margin:0 1px;font-size:12px;line-height:23px;}

#new_bbs {position:relative;}
#new_bbs th {color:#FFFFFF;height:30px;line-height:30px;font-weight:normal;background:#BABABA;}
#new_bbs td.fd0 {background:#FFFFFF;color:#666666;height:35px;line-height:35px;text-align:center;} 
#new_bbs td.fd1 {background:#FFFFFF;text-align:left;padding-left:5px;}
#new_bbs td.fd1 a:link {color:#666666;}
#new_bbs td.fd1 a:hover {color:#000000;text-decoration:none;}

#new_bbs .paging_num {display:block; border:1px solid #EAEAEA; padding:6px 0;width:33px;margin:0 1px 0 1px;text-align:center;float:left; }
#new_bbs .search_text {font-size:11px; color:#666666;padding:0 5px;}
#new_bbs .inpt_st1 {border:1px solid #e1e1e1;}

#new_bbs td.fd2 {background:#FAFAFA;text-align:left;padding-left:5px;height:30px;line-height:30px;}
#new_bbs td.fd3 {background:#FFFFFF;text-align:left;padding-left:5px;height:30px;line-height:30px;font-size:12px;}
#new_bbs td.fd4 {background:#FAFAFA;text-align:center;padding-left:5px;height:45px;line-height:45px;font-family:'NanumGothicB';font-weight:600;border-top:2px solid #000000;}
#new_bbs td.fd5 {background:#FFFFFF;padding-left:5px;height:30px;line-height:30px;font-size:12px;}
#new_bbs td.fd6 {background:#FFFFFF;padding:10px;font-size:12px;}
#new_bbs td.fd8 {text-align:left;padding:10px 0 10px 5px;color:#666666;line-height:19px;font-size:12px;}


