@charset "utf-8";
/* CSS Document */

.box1{ width:1160px; margin:0 auto; position:relative; }
.box2{ width:1160px; margin:0 auto; position:absolute; margin-top:-66px;}
.box3{ width:95%; max-width:1200px; margin:0 auto}

#header{ background:url(../images/main/g_bg.jpg) no-repeat center bottom; }
#header .top_area { background:#f9f9f9; border-bottom:2px solid #0065b9; border-top:4px solid #ddd; padding:15px 0; height:35px; }
#header .top_area .r_area { float:right; width:90px; overflow:hidden; margin-top:6px;}
#header .top_area .r_area .c_down { margin-left:5px; float:right; width:50px; height:40px; font-size:0px; text-indent:-99999px; background-image:url(../images/main/catal.png); background-repeat:no-repeat; background-color:#3f4444; background-position:center center; }
#header .top_area .r_area .c_down:hover { background-color:#5c6161; }
#header .top_area .r_area .home_btn { margin-left:10px; float:right; width:35px; height:27px; text-indent:-99999px; background-image:url(../images/inc/home.png); background-repeat:no-repeat; background-color:#ddd; background-position:center center; border:1px solid #ccc; transition:0.3s;}
#header .top_area .r_area .home_btn:hover { background-color:#818f9c; transition:0.5s; border:1px solid #818f9c;}
#header .top_area .r_area .allmenu_btn { margin-left:1px; float:right; width:35px; height:27px; text-indent:-99999px; background-image:url(../images/inc/all_menu.png); background-repeat:no-repeat; background-color:#ddd; background-position:center center; border:1px solid #ccc; transition:0.3s;}
#header .top_area .r_area .allmenu_btn:hover { background-color:#818f9c; transition:0.5s; border:1px solid #818f9c;}
#header .top_area .r_area h1.menu{ position:absolute; right:10px; top:5px; display:none;}


#header .logo { width:205px; height:45px; top:0px; z-index:9999; float:left; }

#header .gnb_area{ float:left; position:relative; z-index:1000; background:#f9f9f9; width:815px; margin-left:40px; }
#header .gnb_area > div{ position:relative; z-index:1000; }
#header .gnb_area .gnb{ *zoom:1;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; background:url(../images/main/h_bar1.gif) no-repeat right 26px; margin:0 0 0 25px;}
#header .gnb_area .gnb > li.m_6{ background:none; }
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; font-size:18px; font-family:notokrM; color:#666; background-position:center 6px; transition:0.6s; border-top:4px solid #ddd; padding-top:24px; margin-top:-19px; height:41px;}
#header .gnb_area .gnb > li .dp1:hover .icon,
#header .gnb_area .gnb > li .dp1.on .icon{ }
#header .gnb_area .gnb > li > a.dp1:hover, #header .gnb_area .gnb > li > a.on.dp1 { transition:0.6s; text-decoration:none; color:#5b8fb1; border-top:4px solid #0064b9;} 

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; top:50px; margin-left:-102px; width:200px; padding:10px 0; background:#f9f9f9;/* filter:alpha(opacity=90); opacity:0.9;*/
 border-bottom:4px solid #0065b9; border-left:4px solid #f5f5f5; border-right:4px solid #f5f5f5;}
#header .gnb_area .gnb .dp2 > li{ padding:0 15px;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:8px 0; border-top:1px solid #ccc; background-repeat:no-repeat; background-position:10px 13px; text-align:center; color:#666; font-family:notokrM, sans-serif; }
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_area .gnb .dp2 > li > a:hover{ color:#fff; background:#688fa8; }

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_guide,
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_search{ display:none;}

/* allmenu */
#blackbox { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:url(../images/inc/all_menu_bg.png) repeat center center; z-index:100000; }
#blackbox a { font-size:0px; text-indent:-99999p;}
.allmenu_area { display:none; position:fixed; left:50%; top:50%; width:1160px; margin-left:-580px; margin-top:-315px; z-index:10000000; }
.allmenu_area .all_logo { position:absolute; left:50%; top:-50px; margin-left:-110px; width:230px; height:50px; padding-top:10px; border-radius:5px; text-align:center; background:#fff; vertical-align:middle;}
.close { position:absolute; right:30px; top:30px; width:36px; height:34px; background:url(../images/inc/close.png) no-repeat center center }
.allmenu_area .gnb > li{ float:left; width:23.3%; margin:40px 0 60px 1.4%}
.allmenu_area .gnb > li .dp1{ display:block; text-align:center; line-height:40px; font-family:notokrM; font-size:16px; color:#fff; border-top:3px double #fff; border-bottom:1px solid #fff; }
.allmenu_area .gnb > li .dp2 { margin-top:25px; }
.allmenu_area .gnb > li .dp2 > li > a{ display:block; font-size:13px; color:#f3f3f3; padding:5px 0 5px 13px; background:url(../images/inc/all_dot1.gif) no-repeat left center}
.allmenu_area .gnb > li .dp2 > li > a:hover{ color:#f26521; text-decoration:underline; }
.allmenu_area .gnb > li .dp3 {  }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .d3_s { padding:0px 0px 0px 13px; margin:8px 0 0 0; color:#fff; display:block; }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .dp4 { margin:8px 0 0 0; }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .dp4 > li .d4_s { padding:5px 0px 5px 18px; line-height:24px; color:#fff;  }
.allmenu_area .gnb > li .dp2 > li .dp3 > li .dp4 > li .d4_s:before { content:"-"; padding-right:3px; }

.allmenu_area .gnb > li.m_5{ clear:both; }
.allmenu_area .gnb > li.m_guide,
.allmenu_area .gnb > li.m_search,
.allmenu_area .gnb > li.m_mypage{ display:none}

/*퀵메뉴*/
.rm_since { position:absolute; z-index:9999; width:95px; left:50%; top:0; margin-left:590px; cursor:pointer; }
.rm_main { top:116px; }
.rm_sub { top:305px; }
.rm_banner { position:fixed; left:50%; width:150px; margin-left:-780px; z-index:999; background:#222; border-radius:15px; padding:10px;}
.rm_banner .rm_banner1 { width:150px; height:190px; background:#fff; padding:10px 0; }
.rm_banner h3 { font-size:13px; font-family:notokrB; text-align:center; margin-bottom:5px; padding:7px 0; color:#fff; }
.rm_banner .rm_banner1 input[type=text] { background:#ffffff; border:1px solid #d8d8d8; width:114px; height:30px; line-height:30px; padding:0px 10px; margin:0px 0px 2px 0px; font-family:notokrR; font-size:12px; color:#666666; letter-spacing:-0.25px; margin-left:7px; margin-right:10px; }
.rm_banner .rm_banner1 .consul_select { background:#ffffff; border:1px solid #d8d8d8; width:136px; height:30px; line-height:30px; padding-left:8px; margin:0px 0px 2px 0px; font-family:notokrR; font-size:12px; color:#666666; letter-spacing:-0.25px; margin-left:7px; margin-right:10px; }
.rm_banner .rm_banner1 .consul_textarea { background:#ffffff; border:1px solid #d8d8d8; width:114px; height:80px; line-height:15px; padding:5px 10px; margin:0px 0px 2px 0px; font-family:notokrR; font-size:12px; color:#666; letter-spacing:-0.25px; margin-left:7px; margin-right:10px; word-break:keep-all; }
.rm_banner .rm_banner2 .q_btn{ cursor:pointer;background:#fff; border:none; color:#666; width:150px; border-radius:5px; height:30px; line-height:25px; font-size:12px; margin-top:8px; font-family:notokrB;}
.rm_banner .rm_banner2 .custom{ margin-top:13px; color:#fff; text-align:center;}
.rm_banner .rm_banner2 .num{ color:#f1572d; font-size:26px; text-align:center; font-family:notokrB; line-height:34px;}


/*footer*/
.f_logo{ position:absolute; left:0px; top:0px; width:205px; height:36px; }
#footer{}
#footer .foot_wrap .inner_b{ margin-left:240px;}
#footer .foot_wrap .inner_b li a.admin{ margin-left:10px;}
#footer .foot_wrap .inner_b li.last{ float:right;}
#footer .foot_wrap .inner_b li.copy_en{ float:left; clear:both;}
#footer .foot_wrap .info{ border-top:2px solid #0065b9; background:#dbe6ed;}
#footer .foot_wrap .info ul{ padding:30px 0; overflow:hidden;}
#footer .foot_wrap .info ul li{ float:left; font-size:14px; color:#333; font-family:notokrM; line-height:24px; margin-right:23px;}
#footer .foot_wrap .info ul li.site_n{ font-family:notokrB;}

#footer .foot_wrap .info ul li a{ color:#333;}
#footer .foot_wrap .info ul li a:hover{ text-decoration:underline;}
#footer .foot_wrap .info ul li.copy_en{ float:left; font-size:12px; margin-top:0px; color:#333}


.sub #contents .lnb_area{ float:left; z-index:inherit; width:222px; }
.sub #contents .lnb_area .gnb { background:url(../images/inc/lnb_off.jpg) left bottom; padding-bottom:51px; }
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{ width:212px; height:35px; padding-top:33px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #666; padding-bottom:6px; }
.sub #contents .lnb_area .tit_bgguide{ background:url(../images/inc/tit_bgguide.png) left top;  }
.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block; height:20px; text-align:left; font-size:24px; font-family:notokrM; color:#000; }
.sub #contents .lnb_area .cus{ margin-bottom:60px;}
.sub #contents .lnb_area .cus ul li.fir{ width:220px; height:170px; border:1px solid #ddd;
 background-image:url(../images/main/proce5_bg.jpg); background-repeat:no-repeat; background-color:#0065b9; background-position:-68px 52px;}
.sub #contents .lnb_area .cus ul li.fir ul li{ text-align:center;}
.sub #contents .lnb_area .cus ul li.fir ul li.cus_tit{ font-size:18px; font-family:notokrM; color:#fff; padding-top:12px;}
.sub #contents .lnb_area .cus ul li.fir ul li.img{ padding:3px 0 0px;}
.sub #contents .lnb_area .cus ul li.fir ul li.tel{ font-size:28px; font-family:notokrM; color:#fec200;}
.sub #contents .lnb_area .cus ul li.fir ul li.tel span{ color:#000;}
.sub #contents .lnb_area .cus ul li.fir ul li.mail{ font-size:14px; font-family:notokrM; color:#fff; letter-spacing:0.5px;}

.sub #contents .lnb_area .gnb{ }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2 > li{ }
.sub #contents .lnb_area .gnb .dp2 > li > a{ padding:12px 22px; height:20px; line-height:20px; display:block; font-size:14px; color:#333; font-family:notokrM; background:url(../images/inc/lnb_off.jpg) left top; border-bottom:1px solid #ccc; }
.sub #contents .lnb_area .gnb .dp2 > li > a small{ color:#999;}
.sub #contents .lnb_area .gnb .dp2 > li:first-child > a{}

.sub #contents .lnb_area .gnb .dp2 > li:hover,
.sub #contents .lnb_area .gnb .dp2 > li.on{ background:url(../images/inc/lnb_on.jpg) 1px -3px;}
.sub #contents .lnb_area .gnb .dp2 > li:hover > a,
.sub #contents .lnb_area .gnb .dp2 > li.on > a{ color:#fff; text-decoration:none;  background:url(../images/inc/lnb_on.jpg) left 1px; }

.sub #contents .lnb_area .gnb .dp2 > li:hover > a small{ color:#fff;}
.sub #contents .lnb_area .gnb .dp2 > li.on > a small{ color:#fff;}

.sub #contents .lnb_area .sub_cus { margin-top:109px; }
.sub #contents .lnb_area .sub_cus li { border:1px solid #d5d9dc; }
.sub #contents .lnb_area .sub_cus li:last-child { border-top:0px; }

#contents{ position:relative; z-index:1}
.sub .doc{ padding:31px 0 150px 0; overflow:hidden; }

.sub .svisu_area{ height:160px; width:100%; position:relative; }
.sub .svisu_area .visu_sgarea{ width:1160px; overflow:hidden; position:absolute; left:50%; margin-left:-580px; top:57px; text-align:center;  }
.sub .svisu_area .visu_sgarea ul li span.tit{  font-size:20px; color:#fff; font-family:Nanum Myeongjo, serif; line-height:22px; margin:0 0 8px 0; text-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5); -ms-text-shadow:1px 1px 1px rgba(0,0,0,0.5); text-align:center; font-weight:600;}
.sub .svisu_area .visu_sgarea ul li.txt{  font-size:18px; color:#eee; font-family:Nanum Myeongjo, serif; line-height:20px; margin:0 0 8px 0; text-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-text-shadow:1px 1px 1px rgba(0,0,0,0.5); -ms-text-shadow:1px 1px 1px rgba(0,0,0,0.5); text-align:center; font-weight:600}
.svisu_area .svisual { width:2000px; height:160px; position:relative; left:50%; top:0px; margin-left:-1000px; }

.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{ float:left; }
.sub .sub_con .gnb_area .quick{ margin-top:50px;}
.sub .sub_con .con_area{ float:right; width:896px;}

.sub_con .con_area .tit_area{ position:relative; }
.sub_con .con_area .tit_area h3 { height:43px; border-bottom:1px solid #999; font-size:24px; font-family:notokrM; color:#333; padding-top:30px; }
.sub_con .con_area .tit_area h3 small{ font-size:18px; font-family:notokrL; color:#666;}

.sub_con .con_area .sub_tt{ padding-left:23px; font-size:22px; font-weight:600; color:#464646; background:url(../images/inc/tit_bg.jpg) no-repeat left 5px; margin-top:34px; }
.sub_con .con_area .tit_area .line{ height:1px; width:50px; background:#6bb429; margin:10px 0}
.sub_con .con_area .tit_area .nav { width:350px; position:absolute; right:0px; top:43px; text-align:right; font-size:0px; line-height:0px; }
.sub_con .con_area .tit_area .nav > li{ display:inline-block; *display:inline; zoom:1;font-size:13px; font-family:notokrM; color:#888; padding-left:7px; line-height:15px; vertical-align:top; }
.sub_con .con_area .tit_area .nav > li.arr
.sub_con .con_area .tit_area .nav > .bn { background:none; }
.sub_con .con_area .tit_area .nav > li.this{ color:#444; }
.sub strong { font-family:notokrB, sans-serif; padding-left:5px; }
#contents .subcon_area{} 
#footer{}

/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:23%; margin-left:2%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #57839e; border-bottom:1px solid #57839e; text-align:center; font-size:17px; font-weight:600; color:#57839e; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#3698bd; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:13px;}
.sitemap .gnb > li .dp2 > li > a:hover{  color:#eea1a5;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}

/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #00589b; border-bottom:1px solid #666; position:relative;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:17px; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ margin-left:180px; background-color:#f9f9f9; padding:20px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:15px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .agree_area.st .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.st .agree_box .agree_in{ padding:30px;}

/*인사말*/
.grt_h1 { font-size:26px; line-height:30px; color:#444; font-weight:normal;}
.grt_h1 span { color:#f1572d;}
.greet_bg1{ background:url(../images/sub1/grt_bg.jpg) no-repeat top right;}
.grt_p_bg { font-size:16px; line-height:24px; margin-top:20px; }
.grt_p_bg span { color:#3698bd }

/*1_3 연혁*/
.history_area{ *zoom:1; background-position:left top; background-repeat:no-repeat; min-height:570px;}
.history_area:after{ content:""; display:block; clear:both;}
.history_area.bg_st1{ background-image:url(../images/sub1/his_bg.png);}

.history_area .history_lst{ float:right; width:580px; background:url(../images/sub1/his_line.gif) repeat-y -31px;}
.history_area .history_lst .list{ *zoom:1; margin-top:50px;}
.history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.history_area .history_lst .list:first-child{ margin-top:0;}
.history_area .history_lst .list dt{ float:left; width:80px; padding:5px 25px 0 0; text-align:right; font-size:18px; font-weight:600;}
.history_area .history_lst .list dd{ margin-left:110px; padding:5px 0 5px 66px; line-height:18px;}
.history_area .history_lst .list dd.icon_f{ background-image:url(../images/sub1/his_icon.png);  background-position:2px 8px; background-repeat:no-repeat; padding-left:35px;}
.history_area .history_lst .list dd.icon_f strong{ display:inline-block; *display:inline; zoom:1; width:27px;}
.history_area .history_lst .list dd.mon_w{ margin-left:115px;}

/*1_4 상세페이지*/
.doc .coop{ margin:0 auto;}
.doc .coop ul{ display:inline-block;}
.doc .coop .coin1{ border:1px solid #ccc; width:210px; margin-right:12px; transition:all 0.6s; margin-bottom:20px}
.doc .coop .coin1:last-child{ margin-right:0px;}
.doc .coop .coin1:hover{border:1px solid #57839e; transition:all 0.4s;}
.doc .coop .coin1 .tit{ padding:15px 0; text-align:center; font-size:16px; color:#333; font-family:notokrB; transition:all 0.4s; line-height:25px;}
.doc .coop .coin1 .tit span{ color:#999; font-family:notokrR; font-size:13px;}
.doc .coop .coin1 .tit a{ text-decoration:none;}
.doc .coop .coin1:hover .tit a span{ color:#f1572d; transition:all 0.4s;}

/*1_5 상세페이지*/
.doc .adress{ margin-top:30px;}
.add_st2 { border:0px; padding:0px; margin-bottom:10px; font-family:notokrR; font-size:15px; border-top:4px solid #129d88; border-left:1px solid #ddd; }
.add_st2 tbody th { background:#f8f8f8; color:#444444; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:20px; padding:15px 20px; vertical-align:middle; }
.add_st2 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:20px; padding:15px 20px; vertical-align:middle; text-align:left; }



/*2_1 제품상세페이지*/
.prod_wrap{ /*border-bottom:1px solid #ccc; padding-bottom:40px;*/border-bottom:1px solid #ddd; padding-bottom:18px;}
.prod_wrap .txt_wrap{ float:left; width:50%; height:auto; min-height:400px;}
.prod_wrap .txt_wrap h1{ position:relative; font-size:28px; font-family:notokrM; color:#333; margin-bottom:25px;}
.prod_wrap .txt_wrap h1:before{  content:''; position:absolute; bottom:-10px; left:2px; width:24px; height:3px; background:#0065b9;}
.prod_wrap .txt_wrap h2{ margin-bottom:36px; margin-top:25px;}
.prod_wrap .txt_wrap h2 span.eng{ font-size:16px; font-family:notokrM; color: #666; padding-top:40px;}

.prod_wrap .txt_wrap .main_sp{ margin-bottom:10px; height:auto; word-break: keep-all;}
.prod_wrap .txt_wrap .main_sp p.small { font-size:15px; font-family:notokrR; color:#999; line-height:22px;}
.prod_wrap .txt_wrap .main_sp p.big { font-size:26px; font-family:notokrM; color:#f1572d; line-height:30px; }

.prod_wrap .txt_wrap .sub_sp{ margin-bottom:25px;}
.prod_wrap .txt_wrap .sub_sp p{ background:url(../images/sub2/tit_img1.jpg) no-repeat center left; padding-left:10px; margin-bottom:4px; font-size:14px; font-family:notokrR; color:#666;}

.prod_wrap .img_wrap{ float:right; width:49%; text-align:center;}
.prod_wrap .img_wrap .img_big{ border:1px solid #999; width:429px; height:300px;}
.prod_wrap .img_wrap .img_big > p{height:100%;}
.prod_wrap .img_wrap .img_big > p > a > .va_tt{font-size:0; line-height:0;}
.prod_wrap .img_wrap .img_big > p > a > .va_tt > img{ width:100%; height:100%; max-width:300px; max-height:230px;}

.btn_inc2{ border:none; text-align:center; vertical-align:middle; cursor:pointer; font-family:notokrB; width:auto; 
padding:12px 80px; font-size:13px; border-radius:5px; margin:20px 0 0 10px;
box-shadow: 0 3px 2px rgba(0,0,0,0.15); 
-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, .15); 
-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, .15);}


.img_small{ position:relative; overflow:hidden;}
.img_small ul { margin-top:10px; }
.img_small ul li{ float:left; border:1px solid #999;width:429px; height:220px; margin:8px; text-align:center;}
.img_small ul li img{ width:100%; height:100%; max-width:254px; max-height:200px;}
.img_small ul li:first-child{}
.img_small ul li:last-child{ margin-right:0px;}
.img_wrap .bt{ position:absolute; margin-top:-42px; right:9px;}
.img_wrap .bt:hover{ list-style:none;}
 
.pro_tap{ margin-top:52%;}
.tab_st2 { position:relative; width:1020px; margin-bottom:0; }
.tab_st2 ul { position:relative; overflow:hidden; }
.tab_st2 ul li { float:left; width:23%; line-height:47px; background:#787878; color:#fff; cursor:pointer; text-align:left; padding-left:20px; transition: background 0.6s, color 0.6s;}
.tab_st2 ul li:hover{background:rgba(86, 86, 86, 0.6); color:#ffffff; transition:background 0.6s, background 0.6s;}
.tab_st2 ul li:nth-child(2){margin-left:5px; }
.tab_st2 ul li h4 { font-size:16px; font-family:notokrR; font-weight:normal; background:url(../images/sub2/arrow.png) no-repeat 200px center;}
.tab_st2 ul li.on { background:#565656; color:#ffffff;  transition:background 0.6s, background 0.6s; }
.tab_st2 ul li.on:nth-child(2){} 

.feat{ margin-top:30px; border:1px solid #ccc; padding:30px;}
.feat ul li{ font-size:15px; color:#333; line-height:22px; padding-left:10px; text-indent:-10px; margin-bottom:10px;}
.feat ul li:last-child{ margin-bottom:0px;}
.feat ul li:before{ content:'- ';}

.spec{ margin-top:30px; border:1px solid #ccc; padding:30px;}

.sptb_st2 { border:0px; padding:0px; margin-bottom:10px;  font-size:13px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;  }
.sptb_st2 thead th { background:#145d52; color:#fff; border-bottom:1px solid #aaaaaa; line-height:18px; padding:8px 20px; text-align:center; }
.sptb_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:600; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; line-height:18px; padding:8px 20px; vertical-align:middle; text-align:left; }
.sptb_st2 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:8px 20px; vertical-align:middle; text-align:left; }


/*메인페이지***************************************************************************************************************************/
/*main*/
.visual{ position:relative; z-index:inherit; width:2000px; height:670px; left:50%; top:0; margin-left:-1000px; }

.main_visual{ position:relative; height:540px; overflow:hidden;}
.main_visual li{ position:relative;}
.main_visual .visual{ position:relative; height:540px;}
.main_visual .visual .slo_area { overflow:hidden; position:absolute; left:28px; top:92px; z-index:99999999; text-align:left; width:100%; }
.main_visual .visual .slo_area .v_slogan { font-size:21px; color:#666; font-family:notokrR;}
.main_visual .visual .slo_area .v_slogan2{ font-size:55px; color:#333; font-family:notokrM; line-height:50px;}
.main_visual .visual .slo_area .v_slogan3{ font-size:14px; line-height:22px; color:#333; font-family:notokrR; width:360px; height:100px; margin-top:35px; word-break:keep-all;}
.main_visual .visual .slo_area .v_slogan4{ margin-top:30px;}

.txt_box{ display:none;}
.txt_box2{ display:none;}

/*메인절차*/
.main_procedure { margin-top:40px;}
.proce_h1 {font-size:22px; font-family:notokrM; color:#333; margin-bottom:15px; font-weight:normal; line-height:22px;}
.proce_h1 span { font-size:15px; color:#57839e; margin-left:10px;}
.proce_wrap { overflow:hidden;}
.proce_wrap li { float:left; height:160px;}
.proce_wrap li:hover { opacity:0.9; filter:alpha(opacity=90); transition:0.3s;}
.proce_wrap li p { color:#fff; font-size:16px; font-family:notokrM; text-align:left; line-height:18px; margin-top:50px; height:45px; }
.proce_wrap li p.p1 { color:#666; background:url(../images/main/proce_p1.png) no-repeat 25px; padding-left:85px;}
.proce_wrap li p.p2 { background:url(../images/main/proce_p2.png) no-repeat 25px; padding-left:80px;}
.proce_wrap li p.p2 span { color:#ffbaba; }
.proce_wrap li p.p3 { background:url(../images/main/proce_p3.png) no-repeat 25px; padding-left:80px;}
.proce_wrap li p.p4 { background:url(../images/main/proce_p4.png) no-repeat 28px top; padding-left:85px; padding-top:10px;}
.proce_wrap li p.p5 { color:#fff; text-align:center; margin-top:30px; font-size:20px; height:auto; font-family:notokrM;}
.proce_wrap li p.p6 { text-align:center; margin-top:7px; font-size:15px; letter-spacing:-1px; color:#fff0d0; height:auto;}
.proce_wrap li p.p7 { padding-left:90px; text-align:left; font-size:36px; background:url(../images/main/contact_con.png) no-repeat 30px top; margin-top:10px; height:55px; line-height:55px; font-family:notokt; color:#fec200; font-weight:600;}
.proce_wrap li.proce1 { background:url(../images/main/proce_img1.png); cursor:pointer; width:211px;}
.proce_wrap li.proce2 { background:url(../images/main/proce_img2.png); cursor:pointer; width:211px;}
.proce_wrap li.proce3 { background:url(../images/main/proce_img3.png); cursor:pointer; width:211px;}
.proce_wrap li.proce4 { background:url(../images/main/proce_img4.png); cursor:pointer; width:211px;}
.proce_wrap li.proce5 { background:url(../images/main/proce5_bg.jpg);; margin-left:23px; width:295px;}
.proce_wrap li.proce5.mob{ display:none;}
.proce_wrap li.proce5.pc{}
.proce_wrap li.proce_one { background:#ddd; width:840px; cursor:pointer; }
    
      
/*메인텝*/
.con_idx{ position:relative; z-index:inherit; margin-top:-1px;}
.con_idx .idx{ position:absolute; z-index:inherit; width:100%; height:auto; left:50%; top:0; margin-left:-580px; background:#f9f9f9; width:1158px; border:1px solid #ddd; padding:25px 0;}
.con_idx .idx{filter:alpha(opacity=0);opacity:0; z-index:0}
.con_idx .idx.on{filter:alpha(opacity=100)  !important;opacity:1 !important; z-index:1}

.main_pro_btn .wrap_idx { position:relative; display:block; color:#fff; font-size:16px; overflow:hidden; margin-top:-40px;}
.main_pro_btn .wrap_idx ul.tab_idx { position:relative; display:inline-block; *display:inline; zoom:1;  margin-left:505px; }
.main_pro_btn .wrap_idx ul.tab_idx li { display:inline-block; *display:inline; zoom:1; float:left; cursor:pointer;
background:#f9f9f9; text-align:center; width:100px; height:18px; padding:15px; border:1px solid #ddd; margin-left:-1px;}
.main_pro_btn .wrap_idx ul.tab_idx li a { color:#444; font-size:14px; text-align:center;}
.main_pro_btn .wrap_idx ul.tab_idx li:hover { cursor:pointer; background-color:#413f3f; color:#fff;}
.main_pro_btn .wrap_idx ul.tab_idx li:hover a { color:#fff;}
.main_pro_btn .wrap_idx ul.tab_idx .on { background:#413f3f; color:#fff; }
.main_pro_btn .wrap_idx ul.tab_idx .on a { color:#fff;}

.main_pro_btn .con_idx {  }
.main_pro_btn .con_idx .idx {  }
.main_pro_btn .con_idx .idx.on {  }

/*메인텝안에제품롤링*/
.partner_area1{ width:980px; margin:0 auto; }
.partner_area1 .m_tit{ font-size:20px; color:#333; margin-bottom:5px;}
.partner_area1 .partner{}
.partner_area1 .partner ul.slider{ *zoom:1;}
.partner_area1 .partner ul.slider:after{ content:""; display:block; clear:both;}
.partner_area1 .partner ul.slider li{ float:left; width:215px; border:1px solid #d5d5d5; margin:0 14px; background-color:#fff; }
.partner_area1 .partner ul.slider li a{ display:block; text-align:center;}
.partner_area1 .partner ul.slider li a .m_img{ text-align:center; width:215px; height:155px;} 
.partner_area1 .partner ul.slider li a .m_img > img{ text-align:center; margin:5px auto; } 
.partner_area1 .partner ul.slider li:hover{ border:1px solid #413f3f; position:relative; z-index:100001; opacity:0.9; transition:0.3s;}
.partner_area1 .partner ul.slider li:hover a .tit_box .sli_tit{ font-size:14px; color:#111; }
.partner_area1 .partner ul.slider li a .tit_box { height:60px; border-top:1px dashed #ccc; }
.partner_area1 .partner ul.slider li a .tit_box .sli_tit{ font-size:14px; color:#666; padding-top:5px;}
.partner_area1 .partner ul.slider li a .tit_box .view_img{ text-align:center; margin:5px auto; opacity:1; transition:0.5s;}
.partner_area1 .partner ul.slider li:hover .tit_box .view_img { opacity:0.8; transition:0.5s;}

.mid_box { width:1160px; margin:20px auto 0; position:relative; overflow:hidden; }
.mid_box .title_2 h2{ font-size:22px; font-family:notokrM; color:#333; margin-bottom:10px;}
.mid_wrap { width:765px; float:left;}
.mid_wrap .tab_wrap { width:765px; height:202px; float:left; border:1px solid #ddd;}
.mid_wrap2 { width:365px; float:left; margin-left:30px;}
.mid_wrap2 .notice { padding:20px; height:162px; text-align:left; border:1px solid #ddd;}
.mid_wrap2 .notice li { line-height:30px; width:326px; overflow:hidden;}
.mid_wrap2 .notice li p { font-size:13px; color:#444444; line-height:30px; width:230px; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mid_wrap2 .notice li p:before { content:"·"; margin:3px 5px 0 2px; font-weight:600; color:#999}
.mid_wrap2 .notice li span { font-size:13px; color:#999; line-height:30px; float:right; width:69px; }
.mid_wrap2 .notice li:hover p { color:#369bbc;}
.mid_wrap2 .more_btn { line-height:26px; font-size:16px; color:#999; margin-bottom:15px; font-weight:600;} 
.mid_wrap2 .more_btn > img { float:right; cursor:pointer;} 
.mid_wrap2 .more_btn > img:hover { box-shadow:2px 2px 0 #369bbc; transition:0.3s; } 

.mid_wrap .tab_wrap .site_tab { position:relative; display:block; width:187px; height:60px; color:#fff; font-size:16px;}
.mid_wrap .tab_wrap .site_tab ul { poition:relative; display:inline-block;  *display:inline; zoom:1;}
.mid_wrap .tab_wrap .site_tab ul li { display:inline-block;  *display:inline; zoom:1;  font-family:notokrM; line-height:50px; margin-bottom:1px;
background:url(../images/main/btn_bg_off.jpg) no-repeat; font-size:15px; text-align:left; width:155px; height:50px; padding-left:35px; transition:background 1s;}
.mid_wrap .tab_wrap .site_tab ul li:hover { cursor:pointer; background:url(../images/main/btn_bg.jpg) no-repeat; transition:background 1s;}
.mid_wrap .tab_wrap .site_tab ul li > img { width:8px; height:2px; vertical-align:middle; margin-right:7px; }
.mid_wrap .tab_wrap .site_tab ul .on { background:url(../images/main/btn_bg.jpg) no-repeat; } 

.site_box  { position:absolute; width:522px; height:160px; left:192px; top:43px; padding:20px 30px;} 
.site_box .more_btn { line-height:26px; font-size:16px; color:#999; font-weight:600;} 
.site_box .more_btn > img { float:right; cursor:pointer;} 
.site_box .more_btn > img:hover { box-shadow:2px 2px 0 #369bbc; transition:0.3s; } 
.site_box .box_news  { margin-top:15px;}
.site_box .box_news li { line-height:30px; width:504px; overflow:hidden;}
.site_box .box_news li p { font-size:13px; color:#444444; line-height:30px; width:400px; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.site_box .box_news li p:before { content:"·"; margin:3px 5px 0 2px; font-weight:600; color:#999}
.site_box .box_news li span { font-size:13px; color:#999; line-height:30px; float:right; width:70px; }
.site_box .box_news li:hover p { color:#369bbc;}

.three_box{width:1160px; margin:0 auto; position:relative; margin-top:30px;}
.three_box div{ float:left;}
.three_box .noti{ border:1px  solid #ddd; width:380px; height:176px; margin-right:28px; padding:15px 20px;}
.three_box .noti h2{ font-size:20px; font-family:notokrR; font-weight:normal; color:#333; margin-bottom:10px;}
.three_box .noti h2 span{ margin-left:294px;}
.three_box .noti h3{ font-size:12px; font-family:notokrM; font-weight:normal; color:#666; margin-bottom:10px;}
.three_box .noti .list_li ul li{ width:360px; line-height:25px; font-family:notokrM; color:#666;}
.three_box .noti .list_li ul li span{ float:right; color:#999;}
.three_box .noti .list_li ul li a{ background:url(../images/main/li_icon.png) no-repeat left center; padding-left:15px; float:left; width:250px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.three_box .qa{ border:1px  solid #ddd; width:380px; height:176px; margin-right:28px; padding:15px 20px;}
.three_box .qa h2{ font-size:20px; font-family:notokrR; font-weight:normal; color:#333; margin-bottom:10px;}
.three_box .qa h2 span{ margin-left:314px;}
.three_box .qa h3{ font-size:12px; font-family:notokrM; font-weight:normal; color:#666; margin-bottom:10px;}
.three_box .qa .list_li ul li{ width:360px; line-height:25px; font-family:notokrM; color:#666;}
.three_box .qa .list_li ul li span{ float:right; color:#999;}
.three_box .qa .list_li ul li a{ background:url(../images/main/li_icon.png) no-repeat left center; padding-left:15px; float:left; width:250px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.inqui{ background:url(../images/main/inq_img.jpg) no-repeat center center; width:260px; height:208px;}
.inqui ul li{ text-align:center;}
.inqui ul li.inq_tit{ font-size:23px; font-family:notokrM; color:#fff; margin-top:10px; margin-bottom:10px;}
.inqui ul li.inq_txt{ font-size:13px; line-height:18px; color:#fff; font-family:notokrR;}
.inqui ul li.inq_btn{ border:1px solid #fff; width:110px; padding:3px 0; color:#fff; margin:15px auto 0; transition:all 0.6s; cursor:pointer; font-size:13px;}
.inqui ul li.inq_btn:hover{border:1px solid #f25930; color:#f25930; transition:all 0.6s;}
.inqui ul li.caca{ margin-top:38px; color:#332300; font-family:notokrB; text-align:right; margin-right:22px;}

.main_pro_btn .title_2 h2{ font-size:22px; font-family:notokrM; color:#333; margin-bottom:5px;}
.main_pro_btn{ width:1160px; margin:40px auto 0px;}

.partner_area .title_2 h2{ font-size:18px; font-family:notokrM; color:#333; margin-bottom:10px;}
.partner_area{  margin:20px auto 60px;}
.partner_area .m_tit{ font-size:20px; color:#333; margin-bottom:5px;}
.partner_area .partner{ width:100%;}
.partner_area .partner ul{ *zoom:1;}
.partner_area .partner ul li{ float:left; width:145px; border:1px solid #d5d5d5; margin-left:-1px; text-align:center;}
.partner_area .partner ul li a{ display:inline-block; height:60px; text-align:center;}
.partner_area .partner ul li a img{ width:100%; height:100%; max-width:145px; max-height:60px;}
.partner_area .partner ul li:hover{ border:1px solid #0f2945; position:relative; z-index:100001;}


/*레이어팝업*/
.layer_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999999999; left:0; top:0; display:none; filter:alpha(opacity=80);opacity:0.8;}
.layer_frame{ position: fixed; z-index:9999999999; left:50%; top:50%; display:none; border:2px solid #57839e;}
.layer_close_btn{ position:absolute; z-index:inherit; right:-35px; top:-2px; display:block; width:35px; height:35px; background:url(../images/inc/btn_close.png) no-repeat center #57839e; cursor:pointer;}
.pop_wrap{ padding:30px; background:#fff}

/*메인하단텝
.con_idx2{ position:relative; z-index:inherit; }
.con_idx2 .idx2{ position:absolute; z-index:inherit; width:100%; height:auto; left:50%; top:0; margin-left:-580px; width:968px; border:1px solid #ddd; padding:6px 0; background:#f5f5f5;}
.con_idx2 .idx2{filter:alpha(opacity=0);opacity:0; z-index:0}
.con_idx2 .idx2.on{filter:alpha(opacity=100)  !important;opacity:1 !important; z-index:1}

.main_pro_btn .wrap_idx2 { position:relative; display:block; color:#fff; font-size:16px; overflow:hidden; }
.main_pro_btn .wrap_idx2 ul.tab_idx2 { position:relative; display:inline-block; *display:inline; zoom:1; }
.main_pro_btn .wrap_idx2 ul.tab_idx2 li { cursor:pointer; background:url(../images/main/btn_bg_off2.jpg); margin-top:-1px; text-align:center; width:159px; height:21px; padding:15px; border:1px solid #ddd; }
.main_pro_btn .wrap_idx2 ul.tab_idx2 li a { color:#fff; font-size:14px; text-align:center;}
.main_pro_btn .wrap_idx2 ul.tab_idx2 li:hover { cursor:pointer; background:url(../images/main/btn_bg2.jpg); color:#fff;}
.main_pro_btn .wrap_idx2 ul.tab_idx2 li:hover a { color:#fff;}
.main_pro_btn .wrap_idx2 ul.tab_idx2 .on { background:url(../images/main/btn_bg2.jpg); color:#fff; }
.main_pro_btn .wrap_idx2 ul.tab_idx2 .on a { color:#fff;}

.main_pro_btn .con_idx2 { width:780px; float:right; }
.main_pro_btn .con_idx2 .idx2 {  }
.main_pro_btn .con_idx2 .idx2.on {  }*/

/*메인하단 텝 다시*/
.con_idx3{ position:relative; z-index:inherit; margin-top:-1px;}
.con_idx3 .idx3{ position:absolute; z-index:inherit; width:100%; height:auto; left:50%; top:0; margin-left:-580px; background:#f9f9f9; width:1158px; border:1px solid #ddd; padding:25px 0;}
.con_idx3 .idx3{filter:alpha(opacity=0);opacity:0; z-index:0}
.con_idx3 .idx3.on{filter:alpha(opacity=100)  !important;opacity:1 !important; z-index:1}

.main_pro_btn .wrap_idx3 { position:relative; display:block; color:#fff; font-size:16px; overflow:hidden; margin-top:-40px;}
.main_pro_btn .wrap_idx3 ul.tab_idx3 { position:relative; display:inline-block; *display:inline; zoom:1;  margin-left:636px; }
.main_pro_btn .wrap_idx3 ul.tab_idx3 li { display:inline-block; *display:inline; zoom:1; float:left; cursor:pointer;
background:#f9f9f9; text-align:center; width:100px; height:18px; padding:15px; border:1px solid #ddd; margin-left:-1px;}
.main_pro_btn .wrap_idx3 ul.tab_idx3 li a { color:#444; font-size:14px; text-align:center;}
.main_pro_btn .wrap_idx3 ul.tab_idx3 li:hover { cursor:pointer; background-color:#413f3f; color:#fff;}
.main_pro_btn .wrap_idx3 ul.tab_idx3 li:hover a { color:#fff;}
.main_pro_btn .wrap_idx3 ul.tab_idx3 .on { background:#413f3f; color:#fff; }
.main_pro_btn .wrap_idx3 ul.tab_idx3 .on a { color:#fff;}

.main_pro_btn .con_idx {  }
.main_pro_btn .con_idx .idx {  }
.main_pro_btn .con_idx .idx.on {  }

/*메인텝안에제품롤링*/
.partner_area0{ width:748px; margin:0 auto; }
.partner_area0 .m_tit{ font-size:20px; color:#333; margin-bottom:5px;}
.partner_area0 .partner{}
.partner_area0 .partner ul.slider{ *zoom:1;}
.partner_area0 .partner ul.slider:after{ content:""; display:block; clear:both;}
.partner_area0 .partner ul.slider li{ float:left; width:215px; border:1px solid #d5d5d5; margin:0 14px; background-color:#fff; }
.partner_area0 .partner ul.slider li a{ display:block; text-align:center;}
.partner_area0 .partner ul.slider li a .m_img{ text-align:center; width:215px; height:152px;} 
.partner_area0 .partner ul.slider li a .m_img > img{ text-align:center; margin:5px auto; } 
.partner_area0 .partner ul.slider li:hover{ border:1px solid #413f3f; position:relative; z-index:100001; opacity:0.9; transition:0.3s;}
.partner_area0 .partner ul.slider li:hover a .tit_box .sli_tit{ font-size:14px; color:#fff; }
.partner_area0 .partner ul.slider li a .tit_box { height:32px; background:#484647;  border:1px solid #333;}
.partner_area0 .partner ul.slider li a .tit_box .sli_tit{ font-size:14px; color:#fff; padding-top:5px;}
.partner_area0 .partner ul.slider li a .tit_box .view_img{ text-align:center; margin:5px auto; opacity:1; transition:0.5s;}
.partner_area0 .partner ul.slider li:hover .tit_box .view_img { opacity:0.8; transition:0.5s;}


/*1_3*/
.com_wrap { margin-left:-20px; margin-top:20px; overflow:hidden;}
.com_wrap > dt{ float:left; width:206px; height:auto; border:1px solid #ccc; text-align:center; margin-left:20px;}
.com_wrap > dt:hover{ border:1px solid #777;}
.com_wrap > dd{ float:left; margin:0 0 0 40px;}
.com_wrap > dt p.site_add { border-top:1px dotted #ccc; padding:10px 0 10px; margin-top:6px; font-weight:600; }
.com_wrap > dt:hover p.site_add a { color:#369bbc; }
.com_wrap > dd{ width:545px; }

/*1_4*/
.map_info { width:100%; margin:0 auto; padding:0px; border-collapse:collapse; margin-top:30px; border-top:1px solid #ededed;}
.map_info th {  padding:12px 20px 12px 25px; text-align:left; font-size:15px; font-weight:600; border-right:1px dotted #eeeeee; border-bottom:1px solid #ededed; background:#f7f7f7; color:#333333; } 
.map_info  td { padding:12px 20px 12px 25px; text-align:left; font-size:14px; color:#555555; border-bottom:1px solid #ededed; line-height:25px; } 
.map_info  td p.tt { font-size:14px; margin-bottom:4px;}
.map_info  td p.body_txt { padding-left:28px;}

/*설치문의,사례 텝*/
.inq_tab { position:relative; display:block; margin-bottom:40px;}
.inq_tab ul { position:relative; display:inline-block;}
.inq_tab ul li { position:relative; 
				  display:inline-block; 
				  color:#666; 
				  font-size:15px; 
				  width:113px;
				  padding:10px 30px;
				  text-align:center;
				  border:1px solid #ddd;
				  cursor:pointer;
				  background:#f9f9f9}
.inq_tab ul li:hover { background:#413f3f; color:#fff; border:1px solid #111;}
.inq_tab ul li.on { background:url(../images/main/btn_bg2.jpg) right; color:#fff; border:1px solid #111;}