@charset "utf-8";

/* style */
body{font-size:12px;font-family:Dotum;}
#main_bg{background:url('../img/main/top_bg.jpg') center top no-repeat;width:100%;min-width:1000px;}
#Wrap{width:1000px;position:relative;}
.subWrap{padding-top:75px;}
.logo{position:absolute;top:24px;left:0;z-index:999;}
.top_quick{position:absolute;top:17px;right:0;background:url('../img/main/quick_bg_right.png') right top no-repeat;padding:4px 10px 0 10px;height:19px;z-index:999;}
.quick_L{position:absolute;top:0;left:-7px;background:url('../img/main/quick_bg_left.png') left top no-repeat;width:9px;height:19px;padding:0;margin:0;}
.quick_line{padding:0 1px 0;}
.main_gallery{padding:80px 0 0 0;position:relative;height:326px;}
.main_gallery .con_gallery{position:absolute;top:80px;left:0;}
.main_gallery .con_gallery li{position:absolute;top:0;display:none;}
.main_gallery .con_gallery li:first-child{display:block;}
.main_gallery .con_txt{margin:0 0 0 449px;padding:57px 0 0 0;}
.main_gallery .con_txt .gallery_ico_btn{overflow:hidden;}
.main_gallery .con_txt .gallery_ico_btn li{float:left;margin:0 0 0 6px;cursor:pointer;}
.main_gallery .con_txt .gallery_ico_btn li:first-child{margin:0;}
.main_gallery .con_txt .gallery_ico_btn li img{cursor:pointer;}
.text_eng{margin-bottom:16px;}
.text_kor{margin-bottom:42px;}

#gnb{position:relative;height:70px;letter-spacing:-1px;}
#gnb .gnb_top{background:url('../img/gnb/gnb_bg.gif') left top repeat-x;min-width:1000px;width:100%;height:35px;position:absolute;top:0;z-index:510;}
#gnb .gnb_top ul{width:733px;height:70px;overflow:hidden;margin:0 auto;}
#gnb .gnb_top ul li{float:left;margin-left:105px;padding-top:10px;position:relative;font-family:'Nanum Gothic';font-weight:bold;font-size:14px;}
#gnb .gnb_top ul li>a{color:#ffffff;}
#gnb .gnb_top ul li:first-child{margin-left:0;}
#gnb .gnb_top ul li>div{position:absolute;top:23px;left:0;width:117px;padding-top:21px;display:none;}
#gnb .gnb_top ul li>div>a{font-family:'Nanum Gothic';font-weight:bold;font-size:13px;color:#3d3d3d;}
#gnb .gnb_top ul li>div>a:first-child{margin-right:10px;}
#gnb .gnb_bottom{background:url('../img/gnb/gnb_sub_bg.png') left top repeat-x;width:100%;min-width:1000px;height:35px;position:absolute;top:0;z-index:490;}

.main_bottom{margin:30px auto 0; overflow:hidden;}
.main_bottom div.section{width:300px;float:left;margin-left:40px;}
.main_bottom div.section:first-child{margin-left:0;}
.main_bottom div.section .title{position:relative;font-family:'Nanum Gothic';font-weight:bold;font-size:14px;color:#323131;letter-spacing:-1px;}
.main_bottom div.section .title a{position:absolute;top:0;right:0;}
.main_bottom div.section ul{margin-top:21px;}
.main_bottom div.section ul li{position:relative;padding-right:70px;padding-top:10px;}
.main_bottom div.section ul li:first-child{padding-top:0;}
.main_bottom div.section ul li a{color:#626262;}
.main_bottom div.section ul li span{position:absolute;top:10px;right:0;font-size:11px;color:#9b9b9b;}
.main_bottom div.section ul li:first-child span{top:0;}
.main_bottom div.section .banner{padding-bottom:8px;margin-bottom:11px; background:url('../img/ico/circle_arrow_off.gif') right 15px no-repeat;}
.main_bottom div.section .banner:first-child{border-bottom:#e8e8e8 1px solid;}

.sub_top_bg{margin-top:-35px;height:211px; min-width:1000px;}
.bg1{background:url('../img/common/sub_top_bg1.jpg') center top no-repeat;}
.bg2{background:url('../img/common/sub_top_bg2.jpg') center top no-repeat;}
.bg3{background:url('../img/common/sub_top_bg3.jpg') center top no-repeat;}
.bg4{background:url('../img/common/sub_top_bg4.jpg') center top no-repeat;}
.bg5{background:url('../img/common/sub_top_bg5.jpg') center top no-repeat;}
.bg6{background:url('../img/common/sub_top_bg6.jpg') center top no-repeat;}

.lnb{float:left;width:200px;}
.lnb .lnb_title{padding-left:11px;padding-bottom:15px;border-bottom:#312c6b 2px solid;}
.lnb ul>li{border-bottom:#858585 1px solid;position:relative;padding:9px 0 9px; background:url('../img/ico/circle_arrow_off.gif') right 8px no-repeat;font-size:13px;}
.lnb ul>li.on, .lnb ul>li:hover{background:url('../img/ico/circle_arrow_on.gif') right 8px no-repeat;}
.lnb ul>li a{color:#6a6a6a;font-weight:bold;width:165px;display:block;margin-left:10px;word-spacing:-2px;}
.lnb ul>li.on a, .lnb ul>li a:hover{color:#312c6b;}
.lnb ul>li>ol{border-top:#312c6b 1px solid;margin-top:8px;padding:15px 0 0 0;}
.lnb ul>li>ol>li{padding:12px 0 0 0;}
.lnb ul>li>ol>li:first-child{padding:0;}
.lnb ul>li>ol>li a, .lnb ul>li.on>ol>li a{font-size:11px;color:#777777;letter-spacing:-1px;}
.lnb ul>li>ol>li.on a, .lnb ul>li>ol>li a:hover{color:#4383d9;text-decoration:underline;}
.conR{float:right;width:740px;}
.con_title{position:relative;margin-bottom:73px;font-family:'Nanum Gothic';font-weight:bold;font-size:32px;color:#323131;letter-spacing:-2px;padding-top:13px;}
.pageLocation{font-family:Dotum;font-weight:normal;font-size:11px;position:absolute;top:0;right:0;color:#9e9e9e;letter-spacing:0;}
.pageLocation span{color:#5b5b5b;}

.searchArea{background:#f7f7f7;padding:9px 10px;border:1px solid #e7e7e7;margin-bottom:15px;}
.searchArea input{border:#c0c0c0 1px solid;margin-right:8px;padding:3px 5px 2px;vertical-align:middle;}
.searchArea img{vertical-align:middle;}

.list_type1{border-top:#312c6b 2px solid;}
.list_type1 table th{font-size:14px;color:#312c6b;font-weight:bold;border-bottom:#858585 1px solid;background:#f8f8f8;padding:21px 10px 18px;}
.list_type1 table td{text-align:center;padding:20px 10px 13px;border-bottom:#858585 1px solid;}
.list_type1 table td.num1{color:#595959;}
.list_type1 table td.num2{color:#bababa;}
.list_type1 table td.title{text-align:left;padding:20px 10px 13px;font-size:14px;color:#595959;}
.list_type1 table td.title a{color:#595959;}
.list_type1 table td.type{font-size:13px;color:#595959;}
.list_type1 table td.title a:hover{text-decoration:underline;color:#4383d9;font-weight:bold;}
.list_type1 table td.writer{font-size:13px;color:#888787;}

.list_type2{border-top:#312c6b 2px solid;}
.list_type2 table td{text-align:center;padding:20px 10px 13px;border-bottom:#d6d6d6 1px solid;}
.list_type2 table td div.photo{width:178px;height:123px;border:#e1e1e1 1px solid;margin-bottom:10px;position:relative;}
.list_type2 table td div.photo div.bg{width:100%;height:100%;background:url('../img/common/gallery_overbg.png') left top repeat-x;position:absolute;top:0;left:0;display:none;}
.list_type2 table td a{color:#545454;}
.list_type2 table td a:hover{color:#4383d9; text-decoration:underline;}
.list_type2 table td a:hover div.photo div{display:block;}
div.preview_ico{position:absolute;top:50px;left:74px;}

.view_type1{border-top:#312c6b 2px solid;}
.view_type1 table th{font-size:14px;color:#312c6b;font-weight:bold;border-bottom:#c5c5c5 1px solid;background:#f8f8f8;padding:21px 10px 18px;}
.view_type1 table th.title{text-align:left;}
.view_type1 table th.type{font-weight:normal;font-size:13px;}
.view_type1 table th.num{font-size:12px;color:#8b8a8a;font-weight:normal;}
.view_type1 table td{text-align:left;padding:36px 33px;border-bottom:#f0f0f0 1px solid;color:#767676;line-height:1.8em;}

.write_type1{border-top:#312c6b 2px solid;}
.write_type1 table th{font-size:13px;color:#5b5b5b;font-weight:normal;border-bottom:#d0d0d0 1px solid;background:#f8f8f8;padding:13px 10px;}
.write_type1 table td{text-align:left;padding:13px 25px 13px 15px;border-bottom:#d0d0d0 1px solid;color:#767676;line-height:1.8em;}
.write_type1 table td input, .write_type1 table td text{border:#dfdfdf 1px solid;padding:5px;font-family:Dotum;font-size:13px;}

.view_type1 table.technology_list1{width:100%;border-top:#4d4c4c 2px solid;}
.view_type1 table.technology_list1 td{padding:0;border:#afafaf 1px solid;text-align:center;line-height:1.8em;}
.view_type1 table.technology_list1 td.header{font-weight:bold;}
.view_type1 table.technology_list1 td.bgtype1{background:#ececec;}


.view_type1 table.technology_list2{width:100%;}
.view_type1 table.technology_list2 td{padding:0;border:#afafaf 1px solid;text-align:center;line-height:1.8em;}
.view_type1 table.technology_list2 td.infortxt{text-align:right;background:none;border:none;}
.view_type1 table.technology_list2 td.header{background:#666666;color:#ffffff;}
.view_type1 table.technology_list2 td.redTopborder{border-top:#df0509 1px solid;}
.view_type1 table.technology_list2 td.borderBnone{border-bottom:none;}
.view_type1 table.technology_list2 td.bgtype1{background:#f8faff;}

.bottom_btn{margin-top:20px;text-align:right;}

.product_name{font-size:16px;font-weight:bold;color:#312c6b;text-decoration:underline;margin-bottom:30px;}
.product_top{position:relative;margin-bottom:30px;overflow:hidden;}
.product_top .photo{float:left;}
.product_top .popup_ico{float:right;}
.product_top .popup_ico div{margin-top:5px;}
.product_top .popup_ico div:first-child{margin-top:0;}
.product_txt .infor_txt{padding:20px 5px 15px;margin-bottom:40px;font-size:14px;color:#363434;line-height:1.5em;border-top:#d1d1d1 1px solid;border-bottom:#d1d1d1 1px solid;}
.character{margin-bottom:55px;}
.character li{margin-top:11px;background:url('../img/ico/dot1.gif') left 5px no-repeat; padding:0 0 0 10px;}
.character li:first-child{margin-top:0;}
.use{color:#4383d9;}
.grade{margin-top:46px;background:url('../img/ico/product_txt_topline.gif') left top no-repeat;padding:37px 0 0 0;}
.grade p{font-size:16px;font-weight:bold;color:#312c6b;margin-bottom:16px;}
.grade ul li{background:url('../img/ico/dot1.gif') left 15px no-repeat; padding:10px 0 0 10px;}
.grade ul li:first-child{background:url('../img/ico/dot1.gif') left 5px no-repeat;padding-top:0;}

.pageing{margin-top:33px;text-align:center;}
.pageing .page_icoL{margin:0 35px 0 0;}
.pageing .page_icoR{margin:0 0 0 35px;}
.pageing img{vertical-align:top;position:relative;top:3px;}
.pageing span a{font-size:14px;font-weight:bold;color:#acabab;margin:0 0 0 12px;}
.pageing span a:first-child{margin:0;}
.pageing span a:hover, .pageing span a.on{color:#312c6b;}

.intro_wrap p{line-height:1.8em;color:#686868;}
.intro_txt_title{margin-bottom:44px;}
.intro_txt1{margin-bottom:30px;}
.intro_txt2{margin-bottom:65px;}
.intro_txt_bottom{font-weight:bold;color:#2d2d2d;font-size:16px;}

.contact_wrap .company_name{color:#312c6b;font-weight:bold;font-size:20px;font-family:'Nanum Gothic';margin-bottom:12px;}
.contact_wrap .address{line-height:1.5em;font-size:13px;color:#5a5a5a;margin-bottom:30px;}

.sitemp_wrap .section{width:205px;float:left;text-align:center;margin-left:62px;}
.sitemp_wrap .section:first-child{margin-left:0;}
.sitemp_wrap .section dl dd{background:#f3f3f3;font-weight:13px;border-bottom:#e2e2e2 1px solid;padding:13px 8px;}
.sitemp_wrap .section dl dd a{text-decoration:none;color:#505050;}
.sitemp_wrap .section dl dt{background:#312c6b;font-weight:bold;padding:15px 0;font-size:15px;margin-bottom:4px;border-bottom:nond;}
.marT46{margin-top:46px;}
.sitemp_wrap .section dl dt a{text-decoration:none;color:#ffffff;}

.footer{width:1000px;border-top:#d6d6d6 1px solid;margin-top:77px;padding:31px 0;position:relative;}
.footer div{padding-left:5px;}
.footer .partner_site{position:absolute;top:35px;right:5px;}
.footer .partner_site dt, .footer .partner_site dd{float:left;}
.footer .partner_site dt{color:#525252;font-weight:bold;font-size:15px;font-family:'Nanum Gothic';display:table-cell;vertical-align:middle;padding-top:2px;}
.footer .partner_site dd{margin-left:15px;}

.layer_wrap{display:none;}
.layer_bg{left:0px;top:0px;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);position:fixed;z-index:20000;zoom:1;_position:absolute;}
.layer_popup{left:50%;top:150px;width:600px;margin-left:-300px;display:block;position:absolute;z-index:30000;}
.layer_top{background:#ffffff;padding:27px 16px;position:relative;}
.layer_top span{color:#312c6b;font-size:16px;font-weight:bold;text-decoration:underline;}
.layer_top .layer_close{position:absolute;top:27px;right:16px;;}
.layer_slied{position:absolute;top:320px;}
.layer_left{left:-53px;}
.layer_right{right:-53px;}