/* CSS Document */

.box1{ width:100%; max-width:1100px; margin:0 auto; position:relative; }
.box2{ width:100%; max-width:2000px; margin:0 auto; position:relative; }


.fade{ background:#fff; position:absolute; z-index:1000000; width:100%; height:100%; left:0; top:0 }

#header .all_btn .js-toggle-nav{ display:none;} 

/*header*/
#header{ background:#fff; border-bottom:1px solid #bbbbbb; box-shadow:0 3px 10px rgba(0, 0, 0, 0.2); position:relative; z-index:999999; }
#header .top_area{ border-bottom:1px solid #e5e5e5;}
#header .top_area > div{ *zoom:1;}
#header .top_area > div:after{ content:""; display:block; clear:both;}
#header .top_area .box1 .l_fav{float:left; text-align:left;}
#header .top_area .box1 .l_fav > ul{ overflow:hidden;}
#header .top_area .box1 .l_fav > ul > li{ float:left; width:30px; height:30px; padding:0 5px; filter:alpha(opacity=90); opacity:0.9;}
#header .top_area .box1 .l_fav > ul > li > a{ display:block;}
#header .top_area .box1 .l_fav > ul > li.all_btn{ background:#999999;}
#header .top_area .box1 .l_fav > ul > li.favo   { background:#263c65;}
#header .top_area .box1 .l_fav > ul > li:hover{ filter:alpha(opacity=100);opacity:1;}
#header .top_area .box1 .l_fav > ul > li.all_btn.on{ background:#0c83af;}
#header .top_area .box1 .l_fav > ul > li.logo{ display:none;}
#header .top_area .box1 .r_menu{float:right; text-align:right;}
#header .top_area .box1 .r_menu ul{ display:inline-block; *display:inline; zoom:1; overflow:hidden;}
#header .top_area .box1 .r_menu ul li{ float:left; margin-left:30px; text-align:center;}
#header .top_area .box1 .r_menu ul li a{ display:block; font-family:Arial, Verdana, sans-serif; color:#777777; font-size:0.688em; line-height:30px; letter-spacing:0;}
#header .top_area .box1 .r_menu ul li a:hover{ color:#444;}

#header .allmenu{ position:absolute; z-index:1000000; background:#fff; width:99.8%; height:auto; left:0; top:30px; filter:alpha(opacity=95); opacity:0.95; border:1px solid #0c83af; display:none}
#header .allmenu .gnb{ overflow:hidden; padding:20px 20px 40px 20px}
#header .allmenu .gnb > li{ float:left; width:18.4%; margin:0 0 0 2%}
#header .allmenu .gnb > li:first-child{ margin-left:0}
#header .allmenu .gnb > li .dp1{ display:block; position:relative; z-index:inherit; padding:100px 0 20px 0; background:#113777; border-radius:5px; font-size:1.125em; color:#fff; text-align:center;}
#header .allmenu .gnb > li .dp1 .icon{ display:block; position:absolute; z-index:inherit; width:100%; height:80px; left:0; top:0; background-repeat:no-repeat;}
#header .allmenu .gnb > li.m_1 .dp1 .icon{ background-image:url(../images/inc/sub_visu1.jpg); background-position:10% top;}
#header .allmenu .gnb > li.m_2 .dp1 .icon{ background-image:url(../images/inc/sub_visu2.jpg); background-position:30% top;}
#header .allmenu .gnb > li.m_3 .dp1 .icon{ background-image:url(../images/inc/sub_visu3.jpg); background-position:40% top;}
#header .allmenu .gnb > li.m_4 .dp1 .icon{ background-image:url(../images/inc/sub_visu4.jpg); background-position:72% top;}
#header .allmenu .gnb > li.m_5 .dp1 .icon{ background-image:url(../images/inc/sub_visu5.jpg); background-position:40% top;}
#header .allmenu .gnb > li .dp2{ padding:10px 0 0 0}
#header .allmenu .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #aaa; padding:8px 25px; font-size:.875em; color:#333; background-image:url(../images/inc/icon_nav_off.png); background-repeat:no-repeat; background-position:12px 13px;}
#header .allmenu .gnb > li .dp2 > li > a:hover{ background-color:#5e9802; border-radius:5px; color:#fff; background-image:url(../images/inc/icon_nav_on.png);}
#header .allmenu .allmenu_btn_close{ position:absolute; bottom:20px; right:20px;}
#header .allmenu .gnb > li.m_guide{ display:none}

#header .gnb_area{}
#header .gnb_area > div{ position:relative; z-index:999999;}
#header .gnb_area .logo{ position:absolute; top:4px; left:10px;}
#header .gnb_area .logo a{ display:block;}
#header .gnb_area .gnb{ text-align:right; margin-right:-45px;}
#header .gnb_area .gnb > li{display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:30px 45px; position:relative;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; font-size:1.188em; color:#111111; line-height:1;}
#header .gnb_area .gnb > li .dp1:hover, 
#header .gnb_area .gnb > li .dp1.on{ color:#117dd8;} 
#header .gnb_area .gnb > li .dp1:hover .icon,
#header .gnb_area .gnb > li .dp1.on .icon{ position:absolute; width:9px; height:9px; top:-4px; left:-18px; background:url(../images/inc/icon_circle_bl.png) no-repeat;}

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; top:79px; margin-left:-95px; width:160px; padding:10px; background:#fff; border:1px solid #bbbbbb; border-top:0;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:12px 0; border-top:1px dashed #ddd; text-align:center; color:#444; font-size:0.875em; line-height:1;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_area .gnb .dp2 > li > a:hover{ background:#3d547f; color:#fff;}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .m_guide{ display:none;}

/*footer*/
#footer{ background:#3d4045;}
#footer .footerup{ border-bottom:1px solid #64666a;}
#footer .footerup ul{ overflow:hidden;}
#footer .footerup ul li{ float:left; padding:15px 0;}
#footer .footerup ul li > a{ display:block; padding:0 16px; font-size:0.875em; color:#fff; line-height:1; border-left:1px solid #64666a;}
#footer .footerup ul li:first-child > a{ border-left:0;}
#footer .footerup ul li > a:hover{ color:#7ef1ff;}

#footer .copyright{}
#footer .copyright > div{ position:relative;}
#footer .copyright .logo{ position:absolute; top:22px; left:10px;}
#footer .copyright .copy{overflow:hidden; margin-left:180px; padding:30px 0 50px 0;}
#footer .copyright .copy li{ color:#fff; letter-spacing:0;}
#footer .copyright .copy .def{ float:left; margin-right:25px; font-size:0.813em; line-height:20px;}
#footer .copyright .copy .copy_en{ margin-top:10px; font-size:0.688em; filter:alpha(opacity=50); opacity:0.5;}

/************************/
/*main style*/
/************************/
.main .main_visual{ position:relative; height:460px;}
.main .main_visual .visual{ position:absolute; width:2000px; height:460px; top:0; left:50%; margin-left:-1000px;}

.main .main_visual .slogan{ position:absolute; width:100%; top:80px; left:0; text-align:center;}
.main .main_visual .slogan .tt1,
.main .main_visual .slogan .tt2,
.main .main_visual .slogan .tt3{ position:relative; top:-300px; filter:alpha(opacity=0); opacity:0; color:#162e42; line-height:1;}
.main .main_visual .slogan .tt1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.250em; letter-spacing:0;}
.main .main_visual .slogan .tt2{ padding:15px 0 22px 0; font-family: 'notokrR', sans-serif; font-size:2.063em;}
.main .main_visual .slogan .tt2 strong{ font-family: 'notokrB', sans-serif;}
.main .main_visual .slogan .tt2 .t1{ color:#498b02;}
.main .main_visual .slogan .tt2 .t2{}
.main .main_visual .slogan .tt3{ font-size:1.125em; letter-spacing:0;}

.m_prod_area{ background:#ecf1f0; padding:30px 0 35px 0;}
.m_prod_area .tab{ margin-bottom:30px; text-align:center; position:relative;}
.m_prod_area .tab ul{ display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.m_prod_area .tab ul li{ float:left; margin:0 10px; cursor:pointer; width:80px; height:110px;}
.m_prod_area .tab ul li .icon{ width:60px; height:60px; background:#2d3646; filter:alpha(opacity=50); opacity:0.5; border-radius:100%; margin:0 auto;}
.m_prod_area .tab ul li .tt{ margin-top:10px; font-size:0.875em; color:#282d36; line-height:1.2; text-align:center;}
.m_prod_area .tab ul li:hover .icon,
.m_prod_area .tab ul li.on .icon{ filter:alpha(opacity=100); opacity:1;}

.m_prod_area .tab .line_st{ position:absolute; width:1000px; top:50%; left:50%; margin-top:-31px;}
.m_prod_area .tab .line_st.stL{ margin-left:-1550px; text-align:right;}
.m_prod_area .tab .line_st.stR{ margin-left:550px; text-align:left;}
.m_prod_area .tab .line_st .line{ position:absolute; width:100%; height:1px; top:50%; background:#3d547f; filter:alpha(opacity=60); opacity:0.6; z-index:inherit;}
.m_prod_area .tab .line_st.stL .line{ right:3px;}
.m_prod_area .tab .line_st.stR .line{ left:3px;}
.m_prod_area .tab .line_st .icon{ position:relative; z-index:inherit;}

/*.m_prod_area .prod_con{}
.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul{ overflow:hidden;}
.m_prod_area .prod_inner ul li{ float:left; width:13%; max-width:140px; margin-left:1.8%;}
.m_prod_area .prod_inner ul li:first-child{ margin-left:0;}
.m_prod_area .prod_inner ul li a{ display:block; height:138px; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden;}
.m_prod_area .prod_inner ul li img{ width:100%; height:100%; max-width:138px; max-height:138px;}
.m_prod_area .prod_inner ul li:hover a{ border:1px solid #a3acb9;}*/

.m_prod_area .prod_con{}
.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul{ overflow:hidden;}
.m_prod_area .prod_inner ul li{ float:left; width:100%; text-align:center; border-radius:10px; background:#fff;}
.m_prod_area .prod_inner ul li:first-child{ margin-left:0;}
.m_prod_area .prod_inner ul li a{ display:block; height:500px; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden;}
.m_prod_area .prod_inner ul li img{ width:100%; height:100%; max-width:1100px; max-height:500px;}
.m_prod_area .prod_inner ul li:hover a{ border:1px solid #a3acb9;}

.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul.all_item{ overflow:hidden;}
.m_prod_area .prod_inner ul.all_item li{ float:left; width:20%; max-width:204px; margin-left:1.8%; text-align:center; border-radius:10px; background:#fff; margin-bottom:15px;}
.m_prod_area .prod_inner ul.all_item li:first-child{ margin-left:0;}
.m_prod_area .prod_inner ul.all_item li:nth-child(6){ margin-left:0;}
.m_prod_area .prod_inner ul.all_item li a{ display:block; height:138px; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden;}  
.m_prod_area .prod_inner ul.all_item li img{ width:100%; height:100%; max-width:204px; max-height:138px;}
.m_prod_area .prod_inner ul.all_item li:hover a{ border:1px solid #a3acb9;}
.m_prod_area .prod_inner ul.second{ margin-top:1.8%;}




.mid_wrap{ margin-top:30px;}
.mid_wrap ul{ float:left;}
.mid_wrap .mid_1{ width:356px; height:210px; background:url(../images/main/mid1.jpg) no-repeat center center;}
.mid_wrap .mid_1 li{ text-align:center;}
.mid_wrap .mid_1 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:53px;}
.mid_wrap .mid_1 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_1 li.btn{ margin:35px auto 0;}
.mid_wrap .mid_1 li.btn img{ cursor:pointer;}

.mid_wrap .mid_2{ width:356px; height:210px; background:url(../images/main/mid2.jpg) no-repeat center center; margin:0 16px;}
.mid_wrap .mid_2 li{ text-align:center;}
.mid_wrap .mid_2 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:53px;}
.mid_wrap .mid_2 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_2 li.btn{ margin:35px auto 0;}
.mid_wrap .mid_2 li.btn img{ cursor:pointer;}

.mid_wrap .mid_3{ width:356px; height:210px; background:url(../images/main/mid3.jpg) no-repeat center center;}
.mid_wrap .mid_3 li{ text-align:center;}
.mid_wrap .mid_3 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:53px;}
.mid_wrap .mid_3 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_3 li.btn{ margin:35px auto 0;}
.mid_wrap .mid_3 li.btn img{ cursor:pointer;}

.noti_wrap{ margin-top:30px;}
.noti_wrap div{ float:left; position:relative;}

.noti_wrap div.noti{ width:314px; height:168px; border-top:3px solid #4784c8; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.noti_wrap div.noti .plus{ position:absolute; right:20px; top:20px;}
.noti_wrap div.noti h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:20px;}
.noti_wrap div.noti ul li{ text-indent:10px; line-height:2em;}
.noti_wrap div.noti ul li span{ float:right; font-family:notokrM; font-size:0.9em; color:#a6a6a6;}
.noti_wrap div.noti ul li a{ background:url(../images/main/li_tit1.jpg) no-repeat left center; float:left; font-family:notokrM; font-size:0.9em; color:#666; width:225px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noti_wrap div.noti ul li a:hover{ opacity:0.7;}

.noti_wrap div.qa{ width:314px; height:168px; border-top:3px solid #4a5569; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; margin:0 16px;}
.noti_wrap div.qa .plus{ position:absolute; right:20px; top:20px;}
.noti_wrap div.qa h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:20px;}
.noti_wrap div.qa ul li{ text-indent:10px; line-height:2em;}
.noti_wrap div.qa ul li span{ float:right; font-family:notokrM; font-size:0.9em; color:#a6a6a6;}
.noti_wrap div.qa ul li a{ background:url(../images/main/li_tit1.jpg) no-repeat left center; float:left; font-family:notokrM; font-size:0.9em; color:#666; width:225px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noti_wrap div.qa ul li a:hover{ opacity:0.7;}

.noti_wrap .box_w2 div{ float:none;}
.noti_wrap .custom1{ border:1px solid #ddd;width:354px; height:100px; text-align:center; margin-bottom:10px; background:url(../images/main/custom1.png) no-repeat 20px center #fff; transition:all 0.3s; cursor:pointer; }
.noti_wrap .custom1 .name{ font-family:notokrB; color:#5e9802; font-size:1.4em; letter-spacing:0.5px; margin-top:32px;}
.noti_wrap .custom1 .name span{}
.noti_wrap .custom1:hover{ border:1px solid #666; transition:all 0.3s;}
.noti_wrap .custom1:hover .name{ color:#5e9802; opacity:0.8; filter:alpha(opacity=80);}

.noti_wrap .custom2{ border:1px solid #ddd;width:354px; height:100px; text-align:left; margin-bottom:30px; background:url(../images/main/custom.png) no-repeat 20px center; transition:all 0.3s; }
.noti_wrap .custom2 .name{ font-family:notokrM; color:#333; font-size:1em; letter-spacing:0.5px; width:200px; text-align:left; margin:0 auto; padding-left:77px; padding-top:12px;}
.noti_wrap .custom2 .name span{ font-family:notokrB;}
.noti_wrap .custom2 .tel{ font-family:notokrM; color:#333; font-size:0.9em; letter-spacing:0.5px; width:200px; text-align:left; margin:0 auto; padding-left:77px;}
.noti_wrap .custom2 .tel span{ font-family:notokrB; color:#5e9802; font-size:1.4em; }
.noti_wrap .custom2 .fax{ font-family:notokrM; color:#333; font-size:0.9em; letter-spacing:0.5px; width:200px; text-align:left; margin:0 auto; padding-left:77px;}
.noti_wrap .custom2 .fax span{ font-family:notokrB; color:#333; font-size:1em; }

.noti_wrap .custom2:hover{ border:1px solid #666; transition:all 0.3s;}
.noti_wrap .custom2:hover .name{ color:#333; opacity:0.8; filter:alpha(opacity=80);}
.noti_wrap .custom2:hover .tel span{ color:#5e9802; opacity:0.8; filter:alpha(opacity=80);}
.noti_wrap .custom2:hover .fax span{ color:#333; opacity:0.8; filter:alpha(opacity=80);}



.bot1{ height:225px; background:url(../images/main/bot_img1.jpg) no-repeat center center; text-align:center;}
.bot1 ul li.icon_img{ padding-top:15px; padding-bottom:10px;}
.bot1 ul li.tit{ font-size:1.8em; font-family:notokrB; color:#fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.bot1 ul li.tit span{ font-family:notokrR;}
.bot1 ul li.txt{ font-size:1.1em; font-family:notokrM; color:#fff; margin-top:5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.bot1 ul li.btn{ border:1px solid #fff; width:135px; height:35px; margin:25px auto 0; color:#fff; font-family:notokrM; font-size:1em; line-height:2.2em; transition:all 0.3s; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); cursor:pointer;}
.bot1 ul li.btn:hover{ border:1px solid #f1572d; color:#f1572d; transition:all 0.3s; }


/************************/
/*sub layout*/
/************************/
.sub .doc{ min-height:400px;}

/*sub visual*/
#contents .svisu_area{ height:170px; background-repeat:no-repeat; background-position: center top; position:relative;}
#contents .svisu_area.svisual_1{ background-image:url(../images/inc/sub_visu1.jpg);}
#contents .svisu_area.svisual_2{ background-image:url(../images/inc/sub_visu2.jpg);}
#contents .svisu_area.svisual_3{ background-image:url(../images/inc/sub_visu3.jpg);}
#contents .svisu_area.svisual_4{ background-image:url(../images/inc/sub_visu4.jpg);}
#contents .svisu_area.svisual_5{ background-image:url(../images/inc/sub_visu5.jpg);}
#contents .svisu_area.svisual_guide{ background-image:url(../images/inc/sub_visu6.jpg);}

#contents .svisu_area .slogan{ position:absolute; width:100%; top:40px; left:0; text-align:center;}
#contents .svisu_area .slogan *{ color:#fff; line-height:1;}
#contents .svisu_area .slogan .tt1{ position:relative; top:-200px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; letter-spacing:0; filter:alpha(opacity=85); opacity:0.85;}
#contents .svisu_area .slogan .tt2{ position:relative; top:-200px; padding:15px 0 20px 0; font-family: 'notokrR', sans-serif; font-size:1.750em; text-shadow:1px 1px 1px rgba(0,0,0,0.3); z-index:99;}
#contents .svisu_area .slogan .tt2 strong{ font-family: 'notokrB', sans-serif;}
#contents .svisu_area .slogan .tt2 .t1{ color:#7ef1ff;}
#contents .svisu_area .slogan .tt2 .t2{}
#contents .svisu_area .icon{ position:absolute; height:45px; bottom:0; left:50%; margin-left:-6px;}
#contents .svisu_area .icon .line{ position:absolute; bottom:0; left:50%; margin-left:-1px; width:1px; height:98%; background:#fff; filter:alpha(opacity=40); opacity:0.4; z-index:inherit;}
#contents .svisu_area .icon .circle{ position:relative; z-index:inherit;}

/*sub lnb*/
.sub_con{ padding-bottom:130px; overflow:hidden;}
.sub_con .left_wrap{ float:left; max-width:240px; width:22%; }
.sub_con .con_area { float:right; max-width:810px; width:74%;}

.sub_con .lnb_area .tit{height:80px; background:url(../images/inc/lnb_tt_bg.jpg) no-repeat 0 0 #1f3764;}
.sub_con .lnb_area .tit h2{ padding:20px 0 0 30px;}
.sub_con .lnb_area .tit h2 span,
.sub_con .lnb_area .tit h2 strong{ display:block; color:#fff; line-height:1;}
.sub_con .lnb_area .tit h2 span  { font-size:0.875em; font-family:Arial, Verdana, sans-serif; letter-spacing:0; filter:alpha(opacity=65); opacity:0.65; padding-bottom:5px; padding-left:2px; letter-spacing:0;}
.sub_con .lnb_area .tit h2 strong{ font-size:1.313em;}

.sub_con .lnb_area .gnb { padding-bottom:60px;}
.sub_con .lnb_area .gnb > li,
.sub_con .lnb_area .gnb .dp1{ display:none}
.sub_con .lnb_area .gnb .dp2 > li{ border-bottom:1px solid #ccc;}
.sub_con .lnb_area .gnb .dp2 > li > a{ display:block; padding:15px 5px 15px 30px; font-size:1em; color:#555555; line-height:18px; position:relative; transition: all 0.15s ease-in-out;}
.sub_con .lnb_area .gnb .dp2 > li:hover > a,
.sub_con .lnb_area .gnb .dp2 > li.on > a{ color:#fff; background-color:#2d80d5;}
.sub_con .lnb_area .gnb .dp2 > li:hover > a .icon,
.sub_con .lnb_area .gnb .dp2 > li.on > a .icon{ position:absolute; width:15px; height:12px; top:15px; right:0; background:url(../images/inc/icon_lnb_on.png) no-repeat;}

/*sub quick banner*/
.sub_con .left_wrap .quick_bn{ text-align:center;}
.sub_con .left_wrap .quick_bn .bn{ margin-top:-1px; border:1px solid #ccc; padding:20px 0 15px 0;}
.sub_con .left_wrap .quick_bn .bn:first-child{ margin-top:0;}
.sub_con .left_wrap .quick_bn .bn1{ background:#ffffff;}
.sub_con .left_wrap .quick_bn .bn2{ background:#fafafa;}
.sub_con .left_wrap .quick_bn .bn .tit{ margin-bottom:15px; font-size:1.063em; color:#222222; letter-spacing:0;}
.sub_con .left_wrap .quick_bn .bn .tit strong{ font-family: 'notokrB', sans-serif; letter-spacing:0;}
.sub_con .left_wrap .quick_bn .bn .tit .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:-10px 7px 0 0;}
.sub_con .left_wrap .quick_bn .bn dd{ line-height:1;}
.sub_con .left_wrap .quick_bn .bn .txt{ font-size:0.813em; color:#5c5c5c; line-height:17px;}
.sub_con .left_wrap .quick_bn .bn .btn{ margin-top:13px;}
.sub_con .left_wrap .quick_bn .bn .btn a{ display:inline-block; *display:inline; zoom:1; width:70px; height:23px; line-height:22px; text-align:center; font-size:0.688em; color:#fff; letter-spacing:0; background:#000; filter:alpha(opacity=45); opacity:0.45; border-radius:20px;}
.sub_con .left_wrap .quick_bn .bn .btn a img{ vertical-align:middle; margin-left:5px;}
.sub_con .left_wrap .quick_bn .bn .btn:hover a{ filter:alpha(opacity=80); opacity:0.8;}

.sub_con .left_wrap .quick_bn .bn2 dd{ display:inline-block; *display:inline; zoom:1;}
.sub_con .left_wrap .quick_bn .bn2 .info{ text-align:left;}
.sub_con .left_wrap .quick_bn .bn2 .info li{ padding:2px 0;}
.sub_con .left_wrap .quick_bn .bn2 .info .t1{ display:inline-block; *display:inline; zoom:1; width:25%; font-size:0.750em; color:#666666; letter-spacing:0;}
.sub_con .left_wrap .quick_bn .bn2 .info .t2{ display:inline-block; *display:inline; zoom:1; width:72%; font-family: 'notokrB', sans-serif; font-size:1.063em; letter-spacing:0;}
.sub_con .left_wrap .quick_bn .bn2 .info .tt3 .t2{ font-family: 'notokrM', sans-serif; font-size:0.813em;}
.sub_con .left_wrap .quick_bn .bn2 .info .tt3 .t2:hover{ text-decoration:underline;}
.sub_con .left_wrap .quick_bn .bn2 .info .cr1{ color:#5e9802;}
.sub_con .left_wrap .quick_bn .bn2 .info .cr2{ color:#333333;}

/*sub title*/
.sub_con .con_area .tit_area{ margin-bottom:40px; padding-top:38px; border-bottom:1px solid #ccc; overflow:hidden;}
.sub_con .con_area .tit_area h3  { float:left;}
.sub_con .con_area .tit_area .nav{ float:right;}

.sub_con .con_area .tit_area h3 { padding-bottom:15px;}
.sub_con .con_area .tit_area h3 strong{ font-size:1.563em; color:#3c4048; line-height:1;}

.sub_con .con_area .tit_area .nav { margin:10px 5px 0 0; text-align:right;}
.sub_con .con_area .tit_area .nav li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.sub_con .con_area .tit_area .nav .home{ padding-top:1px;}
.sub_con .con_area .tit_area .nav .def{ font-size:0.875em; color:#606775; line-height:1; padding-left:16px; margin-left:13px; background:url(../images/inc/icon_arrow_sec.png) no-repeat left 1px;}
.sub_con .con_area .tit_area .nav .def strong{ color:#1e6dd8;}

/***************************/
/*sub page*/
/***************************/

/*ȸ»ç¼Ò°³*/
.sub_1_1 .page_con{}
.sub_1_1 .page_con .top_txt{}
.sub_1_1 .page_con .top_txt .tt1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.313em; color:#888; letter-spacing:0; line-height:1;}
.sub_1_1 .page_con .top_txt .tt2{ font-size:2.000em; color:#292d31; line-height:1.5;}
.sub_1_1 .page_con .top_txt .tt3 .cr1{ font-family: 'notokrB', sans-serif; color:#1e6dd8;}
.sub_1_1 .page_con .top_txt .tt3{ font-size:1.375em; color:#292d31; filter:alpha(opacity=85); opacity:0.85; line-height:1;}
.sub_1_1 .page_con .top_txt .tt3 .cr1{ font-family: 'notokrB', sans-serif; color:#1e6dd8;}

.sub_1_1 .page_con .txt{ padding-left:20px; position:relative;}
.sub_1_1 .page_con .txt dd{ color:#292d31;}
.sub_1_1 .page_con .txt .tt1{ padding-bottom:35px;}
.sub_1_1 .page_con .txt .tt1 li{ line-height:1.4; letter-spacing:0;}
.sub_1_1 .page_con .txt .tt2 li{ font-family: 'notokrR', sans-serif; font-size:1.438em; line-height:1.3; filter:alpha(opacity=65); opacity:0.65;}
.sub_1_1 .page_con .txt .tt2 .icon{ padding-left:13px;}
.sub_1_1 .page_con .txt .tt3{ margin-top:65px; font-size:1.125em;}

.sub_1_1 .page_con .txt .line{ position:absolute; width:4px; height:65%; top:3px; left:0; background:#8794a2;}
.sub_1_1 .page_con .img{ margin:20px 0 45px 0;}


/*1_2*/
.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/sub/his_bg1.jpg);}

.history_area .history_lst{ float:right; width:500px; background:url(../images/inc/his_line.gif) repeat-y -31px; margin-top:35px;}
.history_area .history_lst .list{ *zoom:1; margin-top:30px;}
.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:2px 25px 0 0; text-align:right; font-size:18px; font-weight:600; color:#1e6dd8;}
.history_area .history_lst .list dd{ margin-left:110px; padding:5px 0 5px 66px; line-height:18px; color:#666;}
.history_area .history_lst .list dd.icon_f{ background-image:url(../images/inc/his_tit.png);  background-position:1px 7px; 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;}

.certi_pc{ display:block;}
.certi_mob{ display:none;}

/*1_3*/
.table1{ margin-top:50px;}
.tbl_st3 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.9em; border-top:2px solid #3c62b6;  }
.tbl_st3 tbody th { background:#f8f8f8; color:#333; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:15px 20px; vertical-align:middle; text-align:center; }
.tbl_st3 tbody td { color:#666; font-family:notokrR; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.3em; padding:15px 20px; vertical-align:middle; text-align:left; }
.tbl_st3 tbody td.logo{ text-align:center;}
.tbl_st3 tbody td.moto{ font-size:20px;}
.tbl_st3 tbody td.moto span.blue{ color:#7ef1ff; font-family:notokrB;}
.tbl_st3 tbody td.moto span.st{ font-family:notokrM; color:#333;}
.tbl_st3 tbody td span{ color:#333; font-family:notokrM;}

/*1_4*/
.doc p.1_4line{ text-align:center; margin:0 auto;}


/*2_1*/
.doc .buss_1{}
.doc .buss_1 h1{ color:#0043a1; font-size:1.5em; font-family:notokrM; margin-bottom:20px;}
.doc .buss_1 h1 span{ border-top:2px solid #1e6dd8; padding-top:5px;}
.doc .buss_1 p{ color:#333; font-size:1.2em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left center; text-indent:20px;}
.doc .buss_1 p span{ color:#f1572d; font-family:notokrM;}
.doc .buss_1 .ex_1{ margin-top:20px;}
.doc .buss_1 .ex_1 ul li{color:#666; font-size:0.9em; font-family:notokrR; word-break:keep-all;}
.doc .buss_1 .prod_imgs{ margin-top:40px;}
.doc .buss_1 .prod_imgs ul li{ float:left;}
.doc .buss_1 .prod_imgs ul li.center{ margin:0 27px;}
.doc .buss_1 .prod_imgs ul li img{ border:1px solid #ddd;}

.doc .buss_2{ margin-top:80px;}
.doc .buss_2 h1{ color:#0043a1; font-size:1.5em; font-family:notokrM; margin-bottom:20px;}
.doc .buss_2 h1 span{ border-top:2px solid #1e6dd8; padding-top:5px;}
.doc .buss_2 p{ color:#333; font-size:1.2em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left center; text-indent:20px;}
.doc .buss_2 p span{ color:#f1572d; font-family:notokrM;}
.doc .buss_2 .ex_1{ margin-top:20px;}
.doc .buss_2 .ex_1 ul li{color:#666; font-size:0.9em; font-family:notokrR; word-break:keep-all; margin-bottom:5px;}
.doc .buss_2 .ex_1 ul li span{color:#2ab6ad; font-family:notokrM;}
.doc .buss_2 .prod_imgs{ margin-top:40px;}
.doc .buss_2 .prod_imgs ul li{ float:left;}
.doc .buss_2 .prod_imgs ul li.center{ margin:0 27px;}
.doc .buss_2 .prod_imgs ul li img{ border:1px solid #ddd;}

.doc .buss_3{ margin-top:80px;}
.doc .buss_3 h1{ color:#0043a1; font-size:1.5em; font-family:notokrM; margin-bottom:20px;}
.doc .buss_3 h1 span{ border-top:2px solid #1e6dd8; padding-top:5px;}
.doc .buss_3 p{ color:#333; font-size:1.2em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left center; text-indent:20px; margin-bottom:5px;}
.doc .buss_3 p small{ color:#f1572d;}
.doc .buss_3 p span{ color:#f1572d; font-family:notokrM;}
.doc .buss_3 p.sec{ color:#333; font-size:1.2em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left center; text-indent:20px; margin-top:20px;}
.doc .buss_3 p.sec span{ color:#f1572d; font-family:notokrM;}
.doc .buss_3 .ex_1{ margin-left:20px;}
.doc .buss_3 .ex_1 ul li{color:#666; font-size:0.9em; font-family:notokrR; word-break:keep-all; margin-bottom:5px;}
.doc .buss_3 .ex_1 ul li span{color:#2ab6ad; font-family:notokrM;}
.doc .buss_3 .prod_imgs{ margin-top:40px;}
.doc .buss_3 .prod_imgs ul li{ float:left;}
.doc .buss_3 .prod_imgs ul li.center{ margin:0 27px;}
.doc .buss_3 .prod_imgs ul li img{ border:1px solid #ddd;}


/*3_1 Á¦Ç°»ó¼¼ÆäÀÌÁö*/
.txt2{}
.txt2 h1{ font-size:1.2em; font-family:notokrB; color:#1e6dd8; padding-bottom:20px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.txt2 div.wea1{ border-bottom:1px solid #999; margin-bottom:30px;}
.txt2 div.wea1 ul{ float:left;}
.txt2 div.wea1 ul.icon_wrap1{ width:25%; margin-bottom:40px;}
.txt2 div.wea1 ul.icon_wrap1 li{}
.txt2 div.wea1 ul.icon_wrap1 li.img{ width:70%; background:#2d80d5; opacity:0.7; filter:alpha(opacity=70); padding:2px 15px; color:#fff; font-family:notokrB; font-size:17px; border-radius:50px;}
.txt2 div.wea1 ul.icon_wrap1 li.txt{ width:80%; display:inline-block; font-family:notokrM; font-size:0.8em; color:#666; margin-top:10px; padding-left:10px; } 

.txt2 div.wea3{ border-bottom:1px solid #999; margin-bottom:30px;}
.txt2 div.wea3 ul{ float:left;}
.txt2 div.wea3 ul.icon_wrap1{ width:100%; margin-bottom:25px;}
.txt2 div.wea3 ul.icon_wrap1 li{}
.txt2 div.wea3 ul.icon_wrap1 li.img{ display:none; width:15%; background:#2d80d5; opacity:0.7; filter:alpha(opacity=70); padding:0px; color:#fff; font-family:notokrM; font-size:0.87em; border-radius:50px;}
.txt2 div.wea3 ul.icon_wrap1 li.txt{ width:100%; display:inline-block; font-size:1em; color:#666; margin-top:-10px}
.txt2 div.wea3 ul.icon_wrap1 li.txt p{ background:url(../images/sub/top_tit1.png) no-repeat left 10px; padding-left:10px; margin-left:15px; font-family:notokrR; }


.wea2{ border:2px solid #ddd; padding:10px 20px; font-size:0.9em; color:red; font-family:notokrM;}

/*¸®½ºÆ® žÀ̹ÌÁö*/
.blue_print{ background:#ecf1f0; height:260px; margin-bottom:40px;}
.blue_print .in_all_prod{ float:left; height:260px; margin-left:30px;}
.blue_print .in_all_prod img{ border:2px solid #ccc; border-radius:10px;}

.blue_print .in_print{ float:right; height:260px; margin-right:30px;}
.blue_print .in_print img{ border:2px solid #96bfea; border-radius:10px;}



/*.prod_wrap{ border-bottom:1px solid #ccc; padding-bottom:40px;}
.prod_wrap .txt_wrap{ float:left; width:55%;}
.prod_wrap .txt_wrap h1{ font-size:1.5em; font-family:notokrM; color:#333; margin-bottom:30px;}
.prod_wrap .txt_wrap h1 sp{ border-bottom:2px solid #3c62b6; padding-bottom:5px; margin-right:15px;}
.prod_wrap .txt_wrap h1 span{ font-size:18px; font-family:notokrM; color: #666;}
.prod_wrap .txt_wrap .main_sp{ margin-bottom:20px; height:130px;}
.prod_wrap .txt_wrap .main_sp ul li{ font-size:0.9em; font-family:notokrR; color:#666; line-height:2.5em; border-bottom:1px solid #ddd;}
.prod_wrap .txt_wrap .main_sp ul li span{ font-family:notokrM; color:#333; margin-right:7px;}
.prod_wrap .txt_wrap .main_sp2{ margin-bottom:25px; height:85px;}
.prod_wrap .txt_wrap .main_sp2 h2{ font-size:1.2em; color:#333; font-family:notokrM; margin-bottom:10px;}
.prod_wrap .txt_wrap .main_sp2 h2 span{ border-bottom:2px solid #3c62b6; padding-bottom:4px;}
.prod_wrap .txt_wrap .main_sp2 ul li{ font-size:0.9em; font-family:notokrR; color:#666; line-height:22px;}


.prod_wrap .txt_wrap .sub_sp{ margin-bottom:25px; height:120px;}
.prod_wrap .txt_wrap .sub_sp ul li{ background:url(../images/sub2/tit_img1.jpg) no-repeat center left; padding-left:10px; margin-bottom:8px; font-size:14px; font-family:notokrM; color: #666;}

.prod_wrap .img_wrap{ float:right; width:40%; text-align:center;}
.prod_wrap .img_wrap .img_big{ border:1px solid #999; width:322px; height:240px;}
.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;}
.prod_wrap .img_wrap .img_small ul li{ float:left; border:1px solid #999; margin-right:8px; margin-top:8px; width:22.4%;}
.prod_wrap .img_wrap .img_small ul li img{ width:100%; height:100%; max-width:70px; max-height:70px;}
.prod_wrap .img_wrap .img_small ul li:first-child{ margin-right:9px;}
.prod_wrap .img_wrap .img_small ul li:last-child{ margin-right:0px;}
.prod_wrap .img_wrap .bt{ position:absolute; margin-top:-40px; right:1px;}
.prod_wrap .img_wrap .bt:hover{ list-style:none;}*/

/*Á¦Ç°¸®½ºÆ®*/
.prod_wrap2{ border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:30px; }
.prod_wrap2 .txt_wrap{ float:right; width:70%;}
.prod_wrap2 .txt_wrap .main_sp{}

.prod_wrap2 .txt_wrap .sub_sp{ margin-bottom:25px; height:120px;}
.prod_wrap2 .txt_wrap .sub_sp ul li{ background:url(../images/sub2/tit_img1.jpg) no-repeat center left; padding-left:10px; margin-bottom:8px; font-size:14px; font-family:notokrM; color: #666;}

.prod_wrap2 .img_wrap{ float:left; width:25%; text-align:center; margin-bottom:20px;}
.prod_wrap2 .img_wrap .img_big{ border:1px solid #ddd; width:210px; height:186px;}
.prod_wrap2 .img_wrap .img_big > p{height:100%;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt{font-size:0; line-height:0;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt > img{ max-width:210px; max-height:186px; width: auto!important; }
/*.prod_wrap2 .img_wrap .img_big > p > a > .va_tt > img{ max-width:114px; max-height:186px;}*/
.prod_wrap2 .img_wrap .bt{ position:absolute; margin-top:-40px; right:598px;}
.prod_wrap2 .img_wrap .bt:hover{ list-style:none;}

.spec_st { border:0px; padding:0px; margin-bottom:10px; border-top:2px solid #2d80d5;  }
.spec_st tbody th { background:#f8f8f8; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; font-size:0.9em; vertical-align:middle; font-family:notokrM; color:#333;}
.spec_st tbody td { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; vertical-align:middle; font-size:0.9em; font-family:notokrR; color:#666; word-break:keep-all; }
.spec_st thead th:last-child, .spec_st tbody th:last-child, .spec_st tbody td:last-child { border-right:none; }


.pro_tap{ margin-top:40px;}
.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 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:'- ';}

.feat{ margin-top:30px; border:1px solid #ccc; padding:30px;}
.tbl_st2 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.9em; border-top:2px solid #3c62b6;  }
.tbl_st2 tbody th { background:#f8f8f8; color:#333; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:left; }
.tbl_st2 tbody td { color:#666; font-family:notokrR; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.3em; padding:10px 20px; vertical-align:middle; text-align:left; }
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }


/*4_1*/
.doc .port1{}
.doc .port1 h1{ font-size:1.2em; font-family:notokrB; color:#1e6dd8; padding-bottom:10px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.doc .port1 p{ font-size:1em; font-family:notokrM; color:#666; word-break:keep-all;}
.doc .port1 p.img{ margin-top:20px; border:1px solid #ddd;}

.doc .port2{ margin-top:60px;}
.doc .port2 h1{ font-size:1.3em; font-family:notokrB; color:#1e6dd8; padding-bottom:10px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.doc .port2 p{ font-size:1em; font-family:notokrM; color:#666; word-break:keep-all;}
.doc .port2 p.img{ margin-top:10px; border:1px solid #ddd;}

/* 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 #1e6dd8; border-bottom:1px solid #1e6dd8; text-align:center; font-size:17px; font-weight:600; color:#1e6dd8; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:rgba(30, 109, 215, 0.7); 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{ font-weight:bold; color:#f1572d;}
.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;}


@media screen and (max-width:1151px){
	
/*.sub .doc{ min-height:400px;}*/
.sub .doc{ min-height:0px;}
	
/*header*/
#header .all_btn .js-toggle-nav{ display:block;} 


#header{ background:#fff; border-bottom:1px solid #bbbbbb; box-shadow:0 3px 10px rgba(0, 0, 0, 0.2); position:relative; z-index:999999; position:relative; }
#header .top_area{ border-bottom:1px solid #e5e5e5;}
#header .top_area h1{ display:block; float:left;}
#header .top_area > div{ *zoom:1;}
#header .top_area > div:after{ content:""; display:block; clear:both;}
#header .top_area .box1 .l_fav{ float:left; text-align:left; width:100%;}
#header .top_area .box1 .l_fav > ul{ overflow:hidden;}
#header .top_area .box1 .l_fav > ul > li{ width:60px; height:100%; padding:0 0px; filter:alpha(opacity=90); opacity:0.9;}
#header .top_area .box1 .l_fav > ul > li > a{ display:block;}
#header .top_area .box1 .l_fav > ul > li.all_btn{ background:#999999; width:20%; max-width:60px;}
#header .top_area .box1 .l_fav > ul > li.all_btn .default{ display:none;}
#header .top_area .box1 .l_fav > ul > li.favo   { background:#263c65; display:none;}
#header .top_area .box1 .l_fav > ul > li:hover{ filter:alpha(opacity=100);opacity:1;}
#header .top_area .box1 .l_fav > ul > li.all_btn.on{ background:#0c83af;}

#header .top_area .box1 .l_fav > ul > li.logo{ display:block; text-align:left; width:53%; overflow:hidden; margin:4px auto 0; float:right;}
#header .top_area .box1 .l_fav > ul > li.logo img{ width:100%; max-width:80px;}

#header .top_area .box1 .r_menu{ display:none;}

#header .gnb_area{}
#header .gnb_area .logo{ position:absolute; top:-58px; text-align:center; margin:0 auto; width:85%; display:none;}
#header .gnb_area .logo img{ width:15%;}
#header .gnb_area .logo a{ display:block;}
#header .gnb_area .gnb{ display:none;}

.sub_con .con_area .tit_area .nav { margin:10px 5px 0 0; text-align:right; display:none;}
.sub_con .con_area .tit_area .nav li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.sub_con .con_area .tit_area .nav .home{ padding-top:1px;}
.sub_con .con_area .tit_area .nav .def{ font-size:0.875em; color:#606775; line-height:1; padding-left:16px; margin-left:13px; background:url(../images/inc/icon_arrow_sec.png) no-repeat left 1px;}
.sub_con .con_area .tit_area .nav .def strong{ color:#1e6dd8;}


/*footer*/
#footer{ background:#3d4045;}
#footer .footerup{ border-bottom:1px solid #64666a; display:none;}

#footer .copyright{}
#footer .copyright > div{ position:relative;}
#footer .copyright .logo{ position:absolute; top:22px; left:10px; display:none;}
#footer .copyright .copy{overflow:hidden; margin-left:10px; padding:30px 0 50px 0;}
#footer .copyright .copy li{ color:#fff; letter-spacing:0; word-break:keep-all;}
#footer .copyright .copy .def{ float:left; margin-right:25px; font-size:0.813em; line-height:20px;}
#footer .copyright .copy .copy_en{ margin-top:10px; font-size:0.688em; filter:alpha(opacity=50); opacity:0.5;}

/*sub lnb*/
.sub_con{ padding-bottom:70px; overflow:hidden;}
.sub_con .left_wrap{ display:none; }
.sub_con .con_area { float:none; max-width:1150px; padding:0 0%; width:96%; margin:0 auto;}

/*sub title*/
.sub_con .con_area .tit_area{ margin-bottom:30px; padding-top:38px; border-bottom:1px solid #ccc; overflow:hidden;}
.sub_con .con_area .tit_area h3  { float:left;}
.sub_con .con_area .tit_area .nav{ float:right;}

.sub_con .con_area .tit_area h3 { padding-bottom:15px;}
.sub_con .con_area .tit_area h3 strong{ font-size:1.3em; color:#3c4048; line-height:1;}

.sub_con .con_area .tit_area .nav { margin:10px 10px 0px 0; text-align:right;}
.sub_con .con_area .tit_area .nav li{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.sub_con .con_area .tit_area .nav .home{ padding-top:1px;}
.sub_con .con_area .tit_area .nav .def{ font-size:0.875em; color:#606775; line-height:1; padding-left:16px; margin-left:13px; background:url(../images/inc/icon_arrow_sec.png) no-repeat left 1px;}
.sub_con .con_area .tit_area .nav .def strong{ color:#1e6dd8;}


/*sub quick banner*/
.sub_con .left_wrap .quick_bn{ text-align:center; display:none;}

/*ȸ»ç¼Ò°³*/
.sub_1_1 .page_con{}
.sub_1_1 .page_con .top_txt{}
.sub_1_1 .page_con .top_txt .tt1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; color:#888; letter-spacing:0; line-height:2;}
.sub_1_1 .page_con .top_txt .tt2{ font-size:1.5em; color:#292d31; line-height:1.5;}
.sub_1_1 .page_con .top_txt .tt2 .cr1{ font-family: 'notokrB', sans-serif; color:#1e6dd8;}
.sub_1_1 .page_con .top_txt .tt3{ font-size:1.1em; color:#292d31; filter:alpha(opacity=85); opacity:0.85; line-height:1.3; word-break:keep-all;}

.sub_1_1 .page_con .txt{ padding-left:0px; position:relative;}
.sub_1_1 .page_con .txt dd{ color:#292d31;}
.sub_1_1 .page_con .txt .tt1{ padding-bottom:35px; padding-left:20px; border-left:3px solid #8794a2; width:90%;}
.sub_1_1 .page_con .txt .tt1 li{ line-height:1.4; letter-spacing:0;} 
.sub_1_1 .page_con .txt .tt1 li br{ display:none;}
.sub_1_1 .page_con .txt .tt2 { padding-left:20px; border-left:3px solid #8794a2; width:90%;}
.sub_1_1 .page_con .txt .tt2 li{ font-family: 'notokrR', sans-serif; font-size:1.313em; line-height:1.4; filter:alpha(opacity=65); opacity:0.65; text-align:center;}
.sub_1_1 .page_con .txt .tt2 li br{ display:none;}
.sub_1_1 .page_con .txt .tt2 .icon{ display:block; text-align:center; margin-top:15px;}
.sub_1_1 .page_con .txt .tt2 .icon2{ display:block; text-align:center; margin-bottom:15px;}
.sub_1_1 .page_con .txt .tt3{ margin-top:65px; font-size:1.125em; text-align:left; width:90%;}

.sub_1_1 .page_con .txt .line{ position:absolute; width:4px; height:65%; top:3px; left:0; background:#8794a2; display:none;}
.sub_1_1 .page_con .img{ margin:20px 0 45px 0; width:100%;}
.sub_1_1 .page_con .img img{ width:100%;}

/*1_2*/
.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/sub/his_bg1.jpg);}

.history_area .history_lst{ float:right; width:60%; background:url(../images/inc/his_line.gif) repeat-y -31px #fff; margin-top:35px;}
.history_area .history_lst .list{ *zoom:1; margin-top:30px;}
.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:2px 25px 0 0; text-align:right; font-size:1.2em; font-weight:600; color:#1e6dd8;}
.history_area .history_lst .list dd{ margin-left:110px; padding:5px 0 5px 66px; line-height:1.2em; color:#666;}
.history_area .history_lst .list dd.icon_f{ background-image:url(../images/inc/tit_i2.png);  background-position:1px 6px; 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_3*/
.table1{ margin-top:50px;}
.tbl_st3 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.9em; border-top:2px solid #3c62b6;  }
.tbl_st3 tbody th { background:#f8f8f8; color:#333; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:5px 10px; vertical-align:middle; text-align:center; }
.tbl_st3 tbody td { color:#666; font-family:notokrR; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.3em; padding:5px 10px; vertical-align:middle; text-align:left; }
.tbl_st3 tbody td.logo{ text-align:center;}
.tbl_st3 tbody td.logo img{ width:100%; max-width:100px; min-width:60px;}
.tbl_st3 tbody td.moto{ font-size:20px;}
.tbl_st3 tbody td.moto span.blue{ color:#7ef1ff; font-family:notokrB;}
.tbl_st3 tbody td.moto span.st{ font-family:notokrM; color:#333;}
.tbl_st3 tbody td span{ color:#333; font-family:notokrM;}

/*1_4*/
.doc p.1_4line{ text-align:right; margin:0 auto;}

/*2_1*/
.doc .buss_1{}
.doc .buss_1 h1{ color:#0043a1; font-size:1.2em; font-family:notokrM; margin-bottom:15px;}
.doc .buss_1 h1 span{ border-top:2px solid #1e6dd8; padding-top:5px;}
.doc .buss_1 p{ color:#333; font-size:1em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left 4px; padding-left:20px; text-indent:0px}
.doc .buss_1 p span{ color:#f1572d; font-family:notokrM;}
.doc .buss_1 .ex_1{ margin-top:10px;}
.doc .buss_1 .ex_1 ul li{color:#666; font-size:0.9em; font-family:notokrR; word-break:keep-all;}
.doc .buss_1 .prod_imgs{ margin-top:40px;}
.doc .buss_1 .prod_imgs ul li{ display:inline-block; width:30%;}
.doc .buss_1 .prod_imgs ul li.center{ margin:0 11px;}
.doc .buss_1 .prod_imgs ul li img{ border:1px solid #ddd;}

.doc .buss_2{ margin-top:40px;}
.doc .buss_2 h1{ color:#0043a1; font-size:1.2em; font-family:notokrM; margin-bottom:15px;}
.doc .buss_2 h1 span{ border-top:2px solid #1e6dd8; padding-top:5px;}
.doc .buss_2 p{ color:#333; font-size:1em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left 4px; padding-left:20px; text-indent:0px;}
.doc .buss_2 p span{ color:#f1572d; font-family:notokrM;}
.doc .buss_2 .ex_1{ margin-top:10px;}
.doc .buss_2 .ex_1 ul li{color:#666; font-size:0.9em; font-family:notokrR; word-break:keep-all;}
.doc .buss_2 .prod_imgs{ margin-top:40px;}
.doc .buss_2 .prod_imgs ul li{ display:inline-block; width:30%;}
.doc .buss_2 .prod_imgs ul li.center{ margin:0 11px;}
.doc .buss_2 .prod_imgs ul li img{ border:1px solid #ddd;}

.doc .buss_3{ margin-top:40px;}
.doc .buss_3 h1{ color:#0043a1; font-size:1.2em; font-family:notokrM; margin-bottom:20px;}
.doc .buss_3 h1 span{ border-top:2px solid #1e6dd8; padding-top:5px;}
.doc .buss_3 p{ color:#333; font-size:1em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left 4px; margin-bottom:5px; padding-left:20px; text-indent:0px;}
.doc .buss_3 p small{ color:#f1572d;}
.doc .buss_3 p span{ color:#f1572d; font-family:notokrM;}
.doc .buss_3 p.sec{ color:#333; font-size:1em; font-family:notokrR; background:url(../images/inc/tit_i2.png) no-repeat left 4px; margin-top:20px; padding-left:20px; text-indent:0px;}
.doc .buss_3 p.sec span{ color:#f1572d; font-family:notokrM;}
.doc .buss_3 .ex_1{ margin-left:20px;}
.doc .buss_3 .ex_1 ul li{color:#666; font-size:0.9em; font-family:notokrR; word-break:keep-all; margin-bottom:5px;}
.doc .buss_3 .ex_1 ul li span{color:#2ab6ad; font-family:notokrM;}
.doc .buss_3 .prod_imgs{ margin-top:40px;}
.doc .buss_3 .prod_imgs ul li{ float:left;}
.doc .buss_3 .prod_imgs ul li.center{ margin:0 27px;}
.doc .buss_3 .prod_imgs ul li img{ border:1px solid #ddd;}


/*3_1 Á¦Ç°»ó¼¼ÆäÀÌÁö*/

/*¸®½ºÆ® žÀ̹ÌÁö*/
.blue_print{ background:#ecf1f0; height:auto; margin-bottom:40px; text-align:center; padding:20px;}
.blue_print .in_all_prod{ float:none; display:inline-block; height:auto; width:35%;}
.blue_print .in_all_prod img{ border:2px solid #ccc; border-radius:10px; width:100%;}

.blue_print .in_print{ float:none; display:inline-block; margin-left:20px; height:auto; width:35%;}
.blue_print .in_print img{ border:2px solid #96bfea; border-radius:10px; width:100%;}

.prod_wrap2 .img_wrap{ float:left; width:25%; text-align:center; margin-bottom:20px;}
.prod_wrap2 .img_wrap .img_big{ border:1px solid #ddd; width:210px; height:186px;}
.prod_wrap2 .img_wrap .img_big > p{height:100%;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt{font-size:0; line-height:0;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt > img{ width:100%; height:100%; max-width:210px; max-height:186px;}
.prod_wrap2 .img_wrap .bt{ position:absolute; margin-top:-40px; left:20px; right:inherit;}
.prod_wrap2 .img_wrap .bt:hover{ list-style:none;}

.spec_st { border:0px; padding:0px; margin-bottom:10px; border-top:2px solid #2d80d5;  }
.spec_st tbody th { background:#f8f8f8; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; font-size:0.9em; vertical-align:middle; font-family:notokrM; color:#333;}
.spec_st tbody td { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; vertical-align:middle; font-size:0.9em; font-family:notokrR; color:#666; word-break:keep-all; }
.spec_st thead th:last-child, .spec_st tbody th:last-child, .spec_st tbody td:last-child { border-right:none; }

.pro_tap{ margin-top:40px;}
.tab_st2 { position:relative; width:100%; margin-bottom:0; }
.tab_st2 ul { position:relative; overflow:hidden; }
.tab_st2 ul li { float:left; width:25%; min-width:180px; line-height:47px; background:#787878; color:#fff; cursor:pointer; text-align:left; padding:0 10px; 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:1.1em; 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 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:'- ';}

.feat{ margin-top:30px; border:1px solid #ccc; padding:2%;}
.tbl_st2 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.9em; border-top:2px solid #3c62b6;  }
.tbl_st2 tbody th { background:#f8f8f8; color:#333; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 10px; vertical-align:middle; text-align:left; }
.tbl_st2 tbody td { color:#666; font-family:notokrR; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.2em; padding:10px 10px; vertical-align:middle; text-align:left; word-break:keep-all; }
.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }



/*4_1*/
.doc .port1{}
.doc .port1 h1{ font-size:1.1em; font-family:notokrB; color:#1e6dd8; padding-bottom:10px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.doc .port1 p{ font-size:0.875em; font-family:notokrM; color:#666; word-break:keep-all;}
.doc .port1 p.img{ text-align:center;}
.doc .port1 .logo_w{ margin-top:2%;}
.doc .port1 .logo_w li{ display:inline-block; margin-right:2%; margin-top:2%; text-align:center; width:28%;}
.doc .port1 .logo_w li img{ border:1px solid #ddd; width:100%;}

.doc .port2{ margin-top:60px;}
.doc .port2 h1{ font-size:1.1em; font-family:notokrB; color:#1e6dd8; padding-bottom:10px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.doc .port2 p{ font-size:0.875em; font-family:notokrM; color:#666; word-break:keep-all;}
.doc .port2 p.img{ text-align:center;}
.doc .port2 .logo_w{ margin-top:2%;}
.doc .port2 .logo_w li{ display:inline-block; margin-right:2%; margin-top:2%; text-align:center; width:28%;}
.doc .port2 .logo_w li img{ border:1px solid #ddd; width:100%;}


#contents .svisu_area .slogan{ position:absolute; width:100%; top:40px; left:0; text-align:center;}
#contents .svisu_area .slogan *{ color:#fff; line-height:1;}
#contents .svisu_area .slogan .tt1{ position:relative; top:-200px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; letter-spacing:0; filter:alpha(opacity=85); opacity:0.85;}
#contents .svisu_area .slogan .tt2{ position:relative; top:-200px; padding:15px 0 20px 0; font-family: 'notokrR', sans-serif; font-size:1.3em; text-shadow:1px 1px 1px rgba(0,0,0,0.3); z-index:99;}
#contents .svisu_area .slogan .tt2 strong{ font-family: 'notokrB', sans-serif;}
#contents .svisu_area .slogan .tt2 .t1{ color:#7ef1ff;}
#contents .svisu_area .slogan .tt2 .t2{}

#contents .svisu_area .icon .line{ position:absolute; bottom:0; left:50%; margin-left:-1px; width:1px; height:98%; background:#fff; filter:alpha(opacity=40); opacity:0.4; z-index:inherit;}
#contents .svisu_area .icon .circle{ position:relative; z-index:inherit;}

.txt2{}
.txt2 h1{ font-size:1.2em; font-family:notokrB; color:#1e6dd8; padding-bottom:20px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.txt2 div.wea1{ border-bottom:1px solid #999; margin-bottom:30px;}
.txt2 div.wea1 ul{ float:left;}
.txt2 div.wea1 ul.icon_wrap1{ width:25%; margin-bottom:40px;}
.txt2 div.wea1 ul.icon_wrap1 li{}
.txt2 div.wea1 ul.icon_wrap1 li.img{ width:70%; background:#2d80d5; opacity:0.7; filter:alpha(opacity=70); padding:2px 15px; color:#fff; font-family:notokrB; font-size:17px; border-radius:50px;}
.txt2 div.wea1 ul.icon_wrap1 li.txt{ width:80%; display:inline-block; font-family:notokrM; font-size:0.8em; color:#666; margin-top:10px; padding-left:10px; }



/************************/
/*main style*/
/************************/
.main .main_visual{ position:relative; height:460px;}
.main .main_visual .visual{ position:absolute; width:2000px; height:460px; top:0; left:50%; margin-left:-1000px;}

.main .main_visual .slogan{ position:absolute; width:100%; top:80px; left:0; text-align:center;}
.main .main_visual .slogan .tt1,
.main .main_visual .slogan .tt2,
.main .main_visual .slogan .tt3{ position:relative; top:-300px; filter:alpha(opacity=0); opacity:0; color:#162e42; line-height:1;}
.main .main_visual .slogan .tt1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; letter-spacing:0; word-break:keep-all;}
.main .main_visual .slogan .tt2{ padding:20px 0 20px 0; font-family: 'notokrR', sans-serif; font-size:1.7em; word-break:keep-all;}
.main .main_visual .slogan .tt2 strong{ font-family: 'notokrB', sans-serif;}
.main .main_visual .slogan .tt2 .t1{ color:#498b02;}
.main .main_visual .slogan .tt2 .t2{}
.main .main_visual .slogan .tt3{ font-size:1.1em; letter-spacing:0; line-height:1.2em; word-break:keep-all;}

.m_prod_area{ background:#ecf1f0; padding:30px 0 35px 0;}
.m_prod_area .tab{ margin-bottom:30px; text-align:center; position:relative;}
.m_prod_area .tab ul{ display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.m_prod_area .tab ul li{ float:none; display:inline-block; vertical-align:top; margin:10px 15px 20px; cursor:pointer; width:80px; height:90px;}
.m_prod_area .tab ul li .icon{ width:60px; height:60px; background:#2d3646; filter:alpha(opacity=50); opacity:0.5; border-radius:100%;}
.m_prod_area .tab ul li .tt{ margin-top:10px; font-size:0.875em; color:#282d36; line-height:1.2;}
.m_prod_area .tab ul li:hover .icon,
.m_prod_area .tab ul li.on .icon{ filter:alpha(opacity=100); opacity:1;}

.m_prod_area .tab ul li .icon{ width:60px; height:60px; background:#2d3646; filter:alpha(opacity=50); opacity:0.5; border-radius:100%; margin:0 auto;}


.m_prod_area .tab .line_st{ position:absolute; width:1000px; top:50%; left:50%; margin-top:-15px; display:none;}
.m_prod_area .tab .line_st.stL{ margin-left:-1320px; text-align:right;}
.m_prod_area .tab .line_st.stR{ margin-left:320px; text-align:left;}
.m_prod_area .tab .line_st .line{ position:absolute; width:100%; height:1px; top:50%; background:#3d547f; filter:alpha(opacity=60); opacity:0.6; z-index:inherit;}
.m_prod_area .tab .line_st.stL .line{ right:3px;}
.m_prod_area .tab .line_st.stR .line{ left:3px;}
.m_prod_area .tab .line_st .icon{ position:relative; z-index:inherit;}

.m_prod_area .prod_con{}
.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul{ overflow:hidden; text-align:center;}
.m_prod_area .prod_inner ul li{ float:none; display:inline-block; width:inherit; margin-left:inherit; margin:5px 5px;}
.m_prod_area .prod_inner ul li:first-child{ margin-left:inherit;}
.m_prod_area .prod_inner ul li a{ display:block; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden; height:auto;}
.m_prod_area .prod_inner ul li img{ width:100%; height:auto;}
.m_prod_area .prod_inner ul li:hover a{ border:1px solid #a3acb9;}

.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul.all_item{ overflow:hidden;}
.m_prod_area .prod_inner ul.all_item li{ float:none; display:inline-block;  width:20%; max-width:204px; margin:0.6%; text-align:center; border-radius:10px; background:#fff; margin-bottom:0.6%;}
.m_prod_area .prod_inner ul.all_item li:first-child{ margin-left:0.6%;}
.m_prod_area .prod_inner ul.all_item li:nth-child(6){ margin-left:0.6%;}
.m_prod_area .prod_inner ul.all_item li a{ display:block; height:auto; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden;}  
.m_prod_area .prod_inner ul.all_item li img{ width:100%; height:100%; max-width:204px; max-height;}
.m_prod_area .prod_inner ul.all_item li:hover a{ border:1px solid #a3acb9;}
.m_prod_area .prod_inner ul.second{ margin-top:1.8%;}


.mid_wrap{ margin-top:30px; width:100%;}
.mid_wrap ul{ float:none; display:inline-block; text-align:center;}
.mid_wrap .mid_1{ width:33%; height:210px; background:url(../images/main/mid1.jpg) no-repeat center center;}
.mid_wrap .mid_1 li{ text-align:center;}
.mid_wrap .mid_1 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:53px;}
.mid_wrap .mid_1 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_1 li.btn{ margin:35px auto 0;}
.mid_wrap .mid_1 li.btn img{ cursor:pointer;}

.mid_wrap .mid_2{ width:33%; height:210px; background:url(../images/main/mid2.jpg) no-repeat center center; margin:inherit;}
.mid_wrap .mid_2 li{ text-align:center;}
.mid_wrap .mid_2 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:53px;}
.mid_wrap .mid_2 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_2 li.btn{ margin:35px auto 0;}
.mid_wrap .mid_2 li.btn img{ cursor:pointer;}

.mid_wrap .mid_3{ width:33%; height:210px; background:url(../images/main/mid3.jpg) no-repeat center center;}
.mid_wrap .mid_3 li{ text-align:center;}
.mid_wrap .mid_3 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:53px;}
.mid_wrap .mid_3 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_3 li.btn{ margin:35px auto 0;}
.mid_wrap .mid_3 li.btn img{ cursor:pointer;}

.noti_wrap{ margin-top:30px;}
.noti_wrap div{ float:none; display:inline-block; position:relative;}

.noti_wrap div.noti{ width:45%; height:168px; border-top:3px solid #4784c8; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2%;}
.noti_wrap div.noti .plus{ position:absolute; right:20px; top:20px;}
.noti_wrap div.noti h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:20px;}
.noti_wrap div.noti ul li{ text-indent:10px; line-height:2em;}
.noti_wrap div.noti ul li span{ float:right; font-family:notokrM; font-size:0.9em; color:#a6a6a6;}
.noti_wrap div.noti ul li a{ background:url(../images/main/li_tit1.jpg) no-repeat left center; float:left; font-family:notokrM; font-size:0.9em; color:#666; width:65%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noti_wrap div.noti ul li a:hover{ opacity:0.7;}

.noti_wrap div.qa{ width:45%; height:168px; border-top:3px solid #4a5569; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2%; margin:0 0px;}
.noti_wrap div.qa .plus{ position:absolute; right:20px; top:20px;}
.noti_wrap div.qa h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:20px;}
.noti_wrap div.qa ul li{ text-indent:10px; line-height:2em;}
.noti_wrap div.qa ul li span{ float:right; font-family:notokrM; font-size:0.9em; color:#a6a6a6;}
.noti_wrap div.qa ul li a{ background:url(../images/main/li_tit1.jpg) no-repeat left center; float:left; font-family:notokrM; font-size:0.9em; color:#666; width:65%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noti_wrap div.qa ul li a:hover{ opacity:0.7;}

.noti_wrap .custom{ border:1px solid #ddd; width:99%; height:210px; text-align:center; margin:30px auto; }
.noti_wrap .custom ul li{ text-align:center; margin:0 auto;}
.noti_wrap .custom .cus_img{ margin-top:20px; margin-bottom:10px;}
.noti_wrap .custom .name{ font-family:notokrM; color:#333; font-size:1.2em; letter-spacing:0.5px;}
.noti_wrap .custom .name span{ font-family:notokrB;}
.noti_wrap .custom .tel{ font-family:notokrM; color:#333; font-size:0.9em; letter-spacing:0.5px; width:220px; text-align:left; margin:0 auto;}
.noti_wrap .custom .tel span{ font-family:notokrB; color:#5e9802; font-size:1.8em; }
.noti_wrap .custom .fax{ font-family:notokrM; color:#333; font-size:0.9em; letter-spacing:0.5px; width:220px; text-align:left; margin:0 auto;}
.noti_wrap .custom .fax span{ font-family:notokrB; color:#333; font-size:1.2em; }

.bot1{ height:100%; min-height:200px; background:url(../images/main/bot_img1.jpg) no-repeat center center; text-align:center;}
.bot1 ul li.icon_img{ padding-top:25px; padding-bottom:10px; width:100%;}
.bot1 ul li.icon_img img{ width:100%; max-width:18px;}
.bot1 ul li.tit{ font-size:1.3em; font-family:notokrB; color:#fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.bot1 ul li.tit span{ font-family:notokrR;}
.bot1 ul li.txt{ font-size:0.9em; font-family:notokrM; color:#fff; margin-top:5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.bot1 ul li.btn{ border:1px solid #fff; width:120px; height:30px; margin:15px auto 0; color:#fff; font-family:notokrM; font-size:0.875em; line-height:2.2em; transition:all 0.3s; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); cursor:pointer;}
.bot1 ul li.btn:hover{ border:1px solid #f1572d; color:#f1572d; transition:all 0.3s; }

.certi_pc{ display:none;}
.certi_mob{ display:block;}
}


@media screen and (max-width:730px){
	
/*3_1*/
.prod_wrap2 .img_wrap{ float:left; width:25%; text-align:center; margin-bottom:20px;}
.prod_wrap2 .img_wrap .img_big{ border:1px solid #ddd; width:auto; height:auto;}
.prod_wrap2 .img_wrap .img_big > p{height:100%;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt{font-size:0; line-height:0;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt > img{ width:100%; height:100%; max-width:210px; max-height:186px;}
.prod_wrap2 .img_wrap .bt{ position:absolute; margin-top:-30px; left:2%; right:inherit;}
.prod_wrap2 .img_wrap .bt:hover{ list-style:none;}
.prod_wrap2 .img_wrap .bt img{ width:70%;}

.spec_st { border:0px; padding:0px; margin-bottom:10px; border-top:2px solid #2d80d5;  }
.spec_st tbody th { background:#f8f8f8; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; font-size:0.8em; vertical-align:middle; font-family:notokrM; color:#333;}
.spec_st tbody td { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; vertical-align:middle; font-size:0.8em; font-family:notokrR; color:#666; word-break:keep-all; }
.spec_st thead th:last-child, .spec_st tbody th:last-child, .spec_st tbody td:last-child { border-right:none; }

}


@media screen and (max-width:670px){
	
.sub .doc{ min-height:0px;}	
	
/*1_2*/
.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:none;}

.history_area .history_lst{ float: none; width:100%; background:url(../images/inc/his_line.gif) repeat-y -31px #fff; margin-top:35px;}
.history_area .history_lst .list{ *zoom:1; margin-top:30px;}
.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:2px 25px 0 0; text-align:right; font-size:1.2em; font-weight:600; color:#1e6dd8;}
.history_area .history_lst .list dd{ margin-left:110px; padding:5px 0 5px 66px; line-height:1.2em; color:#666;}
.history_area .history_lst .list dd.icon_f{ background-image:url(../images/inc/tit_i2.png);  background-position:1px 6px; 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 p.1_4line{ text-align:center; margin:0 auto;}

.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul.all_item{ overflow:hidden;}
.m_prod_area .prod_inner ul.all_item li{ float:none; display:inline-block;  width:30%; max-width:204px; margin:0.6%; text-align:center; border-radius:10px; background:#fff; margin-bottom:0.6%;}
.m_prod_area .prod_inner ul.all_item li:first-child{ margin-left:0.6%;}
.m_prod_area .prod_inner ul.all_item li:nth-child(6){ margin-left:0.6%;}
.m_prod_area .prod_inner ul.all_item li a{ display:block; height:auto; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden;}  
.m_prod_area .prod_inner ul.all_item li img{ width:100%; height:100%; max-width:204px; max-height;}
.m_prod_area .prod_inner ul.all_item li:hover a{ border:1px solid #a3acb9;}
.m_prod_area .prod_inner ul.second{ margin-top:1.8%;}

.txt2{}
.txt2 h1{ font-size:1.2em; font-family:notokrB; color:#1e6dd8; padding-bottom:20px; background:url(../images/inc/tit_i.png) no-repeat left top; text-indent:17px;}
.txt2 div.wea1{ border-bottom:1px solid #999; margin-bottom:30px;}
.txt2 div.wea1 ul{ float:left;}
.txt2 div.wea1 ul.icon_wrap1{ width:50%; margin-bottom:40px;}
.txt2 div.wea1 ul.icon_wrap1 li{}
.txt2 div.wea1 ul.icon_wrap1 li.img{ width:70%; background:#2d80d5; opacity:0.7; filter:alpha(opacity=70); padding:2px 15px; color:#fff; font-family:notokrB; font-size:17px; border-radius:50px;}
.txt2 div.wea1 ul.icon_wrap1 li.txt{ width:75%; display:inline-block; font-family:notokrM; font-size:0.8em; color:#666; margin-top:10px; padding-left:10px; }

/*3_1*/
.prod_wrap2 .img_wrap{ float:left; width:25%; text-align:center; margin-bottom:20px;}
.prod_wrap2 .img_wrap .img_big{ border:1px solid #ddd; width:auto; height:auto;}
.prod_wrap2 .img_wrap .img_big > p{height:100%;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt{font-size:0; line-height:0;}
.prod_wrap2 .img_wrap .img_big > p > a > .va_tt > img{ width:100%; height:100%; max-width:210px; max-height:186px;}
.prod_wrap2 .img_wrap .bt{ position:absolute; margin-top:-30px; left:2%; right:inherit;}
.prod_wrap2 .img_wrap .bt:hover{ list-style:none;}
.prod_wrap2 .img_wrap .bt img{ width:70%;}

.spec_st { border:0px; padding:0px; margin-bottom:10px; border-top:2px solid #2d80d5;  }
.spec_st tbody th { background:#f8f8f8; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; font-size:0.8em; vertical-align:middle; font-family:notokrM; color:#333;}
.spec_st tbody td { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:6px 10px; vertical-align:middle; font-size:0.8em; font-family:notokrR; color:#666; word-break:keep-all; }
.spec_st thead th:last-child, .spec_st tbody th:last-child, .spec_st tbody td:last-child { border-right:none; }



}


@media screen and (max-width:600px){
	
/*3_1 ÅÇ*/	
.pro_tap{ margin-top:40px;}
.tab_st2 { position:relative; width:100%; margin-bottom:0; }
.tab_st2 ul { position:relative; overflow:hidden; }
.tab_st2 ul li { float:left; width:25%; min-width:130px; line-height:47px; background:#787878; color:#fff; cursor:pointer; text-align:left; padding:0 10px; 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:0.9em; 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){} 

/*1_4*/
.doc p.1_4line{ text-align:center; margin:0 auto;}


}


@media screen and (max-width:530px){

/*¸ÞÀΠȸ»ç¼Ò°³*/
.mid_wrap{ margin-top:0px; padding-top:30px; width:100%;}

.mid_wrap ul{ float:none; display:inherit; width:100%; text-align:center;}
.mid_wrap .mid_1{ width:100%; height:100%; min-height:210px; background:url(../images/main/mid1.jpg) no-repeat center center; background-size:100%;}
.mid_wrap .mid_1 li{ text-align:center;}
.mid_wrap .mid_1 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:0px; padding-top:30px;}
.mid_wrap .mid_1 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_1 li.btn{ margin:25px auto 0;}
.mid_wrap .mid_1 li.btn img{ cursor:pointer;}

.mid_wrap .mid_2{ width:100%; height:100%; min-height:210px; background:url(../images/main/mid2.jpg) no-repeat center center; margin:inherit; background-size:100%;}
.mid_wrap .mid_2 li{ text-align:center;}
.mid_wrap .mid_2 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:0px; padding-top:30px;}
.mid_wrap .mid_2 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_2 li.btn{ margin:25px auto 0;}
.mid_wrap .mid_2 li.btn img{ cursor:pointer;}

.mid_wrap .mid_3{ width:100%; height:100%; min-height:210px; background:url(../images/main/mid3.jpg) no-repeat center center; background-size:100%;}
.mid_wrap .mid_3 li{ text-align:center;}
.mid_wrap .mid_3 li.en{ color:#fff; font-family:notokrR; letter-spacing:0.5px; font-size:1em; margin-top:0px; padding-top:30px;}
.mid_wrap .mid_3 li.kr{ color: #fff; font-family:notokrB; letter-spacing:0.5px; font-size:1.5em; }
.mid_wrap .mid_3 li.btn{ margin:25px auto 0;}
.mid_wrap .mid_3 li.btn img{ cursor:pointer;}
	
}


@media screen and (max-width:500px){
	
.m_prod_area .prod_inner{ display:none;}
.m_prod_area .prod_inner ul.all_item{ overflow:hidden;}
.m_prod_area .prod_inner ul.all_item li{ float:none; display:inline-block;  width:45%; max-width:204px; margin:0.6%; text-align:center; border-radius:10px; background:#fff; margin-bottom:0.6%;}
.m_prod_area .prod_inner ul.all_item li:first-child{ margin-left:0.6%;}
.m_prod_area .prod_inner ul.all_item li:nth-child(6){ margin-left:0.6%;}
.m_prod_area .prod_inner ul.all_item li a{ display:block; height:auto; border:1px solid #c4c9d0; border-radius:10px; overflow:hidden;}  
.m_prod_area .prod_inner ul.all_item li img{ width:100%; height:100%; max-width:204px; max-height;}
.m_prod_area .prod_inner ul.all_item li:hover a{ border:1px solid #a3acb9;}
.m_prod_area .prod_inner ul.second{ margin-top:1.8%;}
	
/*1_4*/
.doc p.1_4line{ text-align:center; margin:0 auto;}

.noti_wrap{ margin-top:30px;}
.noti_wrap div{ float:none; display:block; position:relative;}

.noti_wrap div.noti{ width:96%; height:168px; border-top:3px solid #4784c8; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2%;}
.noti_wrap div.noti .plus{ position:absolute; right:20px; top:20px;}
.noti_wrap div.noti h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:20px;}
.noti_wrap div.noti ul li{ text-indent:10px; line-height:2em;}
.noti_wrap div.noti ul li span{ float:right; font-family:notokrM; font-size:0.9em; color:#a6a6a6;}
.noti_wrap div.noti ul li a{ background:url(../images/main/li_tit1.jpg) no-repeat left center; float:left; font-family:notokrM; font-size:0.9em; color:#666; width:65%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noti_wrap div.noti ul li a:hover{ opacity:0.7;}

.noti_wrap div.qa{ width:96%; height:168px; border-top:3px solid #4a5569; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2%; margin:030px 0px 0px;}
.noti_wrap div.qa .plus{ position:absolute; right:20px; top:20px;}
.noti_wrap div.qa h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:20px;}
.noti_wrap div.qa ul li{ text-indent:10px; line-height:2em;}
.noti_wrap div.qa ul li span{ float:right; font-family:notokrM; font-size:0.9em; color:#a6a6a6;}
.noti_wrap div.qa ul li a{ background:url(../images/main/li_tit1.jpg) no-repeat left center; float:left; font-family:notokrM; font-size:0.9em; color:#666; width:65%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noti_wrap div.qa ul li a:hover{ opacity:0.7;}

.noti_wrap .custom{ border:1px solid #ddd; width:99%; height:210px; text-align:center; margin:30px auto; }
.noti_wrap .custom ul li{ text-align:center; margin:0 auto;}
.noti_wrap .custom .cus_img{ margin-top:20px; margin-bottom:10px;}
.noti_wrap .custom .name{ font-family:notokrM; color:#333; font-size:1.2em; letter-spacing:0.5px;}
.noti_wrap .custom .name span{ font-family:notokrB;}
.noti_wrap .custom .tel{ font-family:notokrM; color:#333; font-size:0.9em; letter-spacing:0.5px; width:220px; text-align:left; margin:0 auto;}
.noti_wrap .custom .tel span{ font-family:notokrB; color:#5e9802; font-size:1.8em; }
.noti_wrap .custom .fax{ font-family:notokrM; color:#333; font-size:0.9em; letter-spacing:0.5px; width:220px; text-align:left; margin:0 auto;}
.noti_wrap .custom .fax span{ font-family:notokrB; color:#333; font-size:1.2em; }

.prod_wrap2 .img_wrap .bt{ position:absolute; margin-top:-30px; left:1%; right:inherit;}
.prod_wrap2 .img_wrap .bt:hover{ list-style:none;}
.prod_wrap2 .img_wrap .bt img{ width:70%;}


}