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

.box1{width:95%; margin:0 auto}

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

#header{ position:fixed; z-index:100; left:0; top:0; width:100%; background:#fff}
#header .home_wrap{ background:#f4f4f4; border-bottom:1px solid #e6e6e6}
#header .home_wrap .box1{ position:relative; z-index:inherit}
#header .home_wrap .left_wrap{ float:left}
#header .home_wrap .right_wrap{ float:right}

#header .utile_menu{ overflow:hidden; display:none;}
#header .utile_menu > li{ float:left; margin-right:1px}
#header .utile_menu > li > a{ display:block; width:40px; height:30px; background-position:center center; background-repeat:no-repeat; font-size:0; line-height:0} 
#header .utile_menu > li.allmenu > a{ background-image:url(../images/inc/icon_allmenu.png);background-color:#b6b6b6;}
#header .utile_menu > li.allmenu > a.on{ background-color:#00a651}
#header .utile_menu > li.bookmark > a{ background-image:url(../images/inc/icon_bookmark.png); background-color:#99bb98}

#header .utile_menu > li.allmenu .gnb_wrap{ position:absolute; z-index:101; left:0; top:31px; width:100%; background:#fff; overflow:hidden; border:1px solid #b6b6b6; border-top:none; padding-bottom:20px; display:none; padding-bottom:30px}
#header .utile_menu > li.allmenu .gnb_wrap .gnb{ padding:20px; margin-left:-5px; overflow:hidden}
#header .utile_menu > li.allmenu .gnb > li{ float:left; width:14.28%}
#header .utile_menu > li.allmenu .gnb > li .dp1,
#header .utile_menu > li.allmenu .gnb > li .dp2{ margin-left:5px}
#header .utile_menu > li.allmenu .gnb > li.m_guide,
#header .utile_menu > li.allmenu .gnb > li.m_member,
#header .utile_menu > li.allmenu .gnb > li.m_intranet{ display:none}
#header .utile_menu > li.allmenu .gnb > li .dp2 > li > a{ display:block; font-size:.813em; border-bottom:1px dashed #ddd; padding:7px 15px; color:#777; background-image:url(../images/inc/copy_menu_sec.png); background-repeat: no-repeat; background-position: 7px 13px;}
#header .utile_menu > li.allmenu .gnb > li .dp2 > li > a:hover{ color:#111; background-color:#f4f8f4}
#header .utile_menu > li.allmenu .gnb > li .dp1 .icon{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:60px}
#header .utile_menu > li.allmenu .gnb > li .dp1 .icon{ background-repeat:no-repeat; background-position: center top; background-size:auto 100%}
#header .utile_menu > li.allmenu .gnb > li.m_1 .dp1 .icon{ background-image:url(../images/inc/sub_visual_1.jpg)}
#header .utile_menu > li.allmenu .gnb > li.m_2 .dp1 .icon{ background-image:url(../images/inc/sub_visual_2.jpg)}
#header .utile_menu > li.allmenu .gnb > li.m_3 .dp1 .icon{ background-image:url(../images/inc/sub_visual_3.jpg)}
#header .utile_menu > li.allmenu .gnb > li.m_4 .dp1 .icon{ background-image:url(../images/inc/sub_visual_4.jpg)}
#header .utile_menu > li.allmenu .gnb > li.m_5 .dp1 .icon{ background-image:url(../images/inc/sub_visual_5.jpg)}
#header .utile_menu > li.allmenu .gnb > li.m_6 .dp1 .icon{ background-image:url(../images/inc/sub_visual_6.jpg)}
#header .utile_menu > li.allmenu .gnb > li.m_7 .dp1 .icon{ background-image:url(../images/inc/sub_visual_7.jpg)}

#header .utile_menu > li.allmenu .gnb_wrap .close{ display:block; position:relative; bottom:-30px; line-height:30px; background:#b6b6b6; color:#fff; text-align:center; font-size:.875em}

#header .home_menu{ float:left}
#header .home_menu > li{display:inline-block; *display:inline; zoom:1; margin:0 1px}
#header .home_menu > li > a{ display:block; line-height:30px; font-size:.688em; color:#b7b7b7; padding:0 10px; font-family:Arial, Helvetica, sans-serif; font-weight:600}

#header .lang_menu{ float:left; margin-left:20px; overflow:hidden}
#header .lang_menu > li{ float:left}
#header .lang_menu > li > a{ display:block; width:40px; line-height:30px; background:#b6b6b6; color:#fff; font-size:.75em; text-align:center; border-left:1px solid #ccc}
#header .lang_menu > li > a:hover,
#header .lang_menu > li > a.on{ background:#929292}

#header .top_wrap{ border-bottom:1px solid #bdbdbd; position:relative; z-index:inherit}
#header .top_wrap .logo{ height:60px; width:100%; text-align:center; padding:1% 0;}
#header .top_wrap .gnb_wrap{margin-right:-4px; width:100%;}
#header .top_wrap .gnb_wrap .gnb > li{ float:left; position:relative; z-index:inherit; width:16.6%;}
#header .top_wrap .gnb_wrap .gnb > li.m_guide,
#header .top_wrap .gnb_wrap .gnb > li.m_intranet,
#header .top_wrap .gnb_wrap .gnb > li.m_member{display:none}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ display:block; color:#777; font-size:1em; font-family:notokrM, sans-serif; padding:39px 0 19px 0; text-align:center; font-family:notokrB, sans-serif; position:relative; z-index:inherit;}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .icon{ position:absolute; z-index:inherit; right:0; top:44px; width:1px; height:10px; background:#ddd}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1{ color:#559c53;}
#header .top_wrap .gnb_wrap .gnb > li .dp1.on{ color:#559c53; background:url(../images/inc/gnb_dp1_point.png) no-repeat center 25px}

#header .top_wrap .gnb_wrap .gnb > li .dp2{ position:absolute; z-index:inherit; left:0; top:70px; width:100%; display:none; border-right:1px solid #eee;padding-top:1px}
#header .top_wrap .gnb_wrap .gnb > li:first-child .dp2{ border-left:1px solid #eee}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2{ background:#559c53;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ display:block; text-align:center; border-bottom:1px solid #eee; font-size:.813em; padding:7px 0; color:#777;}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li > a{ background:#559c53; color:#fff; border-bottom-color:#7db47c}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp2 > li > a:hover{ background:#458f43;}

#header .top_wrap .gnb_wrap .gnb_bg{ position:absolute; z-index:inherit; left:0; top:152px; background: url(../images/inc/gnb_bg.png) #fff; width:100%; border:1px solid #bdbdbd; border-top:1px solid #eee; display:none;}
#header .top_wrap .gnb_wrap .gnb_bg .gnb_bg_con{ position: relative; width:14%; z-index:inherit; left:0; height:100%;}

#contents{ margin-top:180px; position:relative; z-index:inherit}
#contents .sub_visual{ background-position:center top; background-repeat:no-repeat; position:relative; z-index:inherit}
#contents .sub_visual.bg_1{ background-image:url(../images/inc/sub_visual_1.jpg)}
#contents .sub_visual.bg_2{ background-image:url(../images/inc/sub_visual_2.jpg)}
#contents .sub_visual.bg_3{ background-image:url(../images/inc/sub_visual_3.jpg)}
#contents .sub_visual.bg_4{ background-image:url(../images/inc/sub_visual_4.jpg)}
#contents .sub_visual.bg_5{ background-image:url(../images/inc/sub_visual_5.jpg)}
#contents .sub_visual.bg_6{ background-image:url(../images/inc/sub_visual_6.jpg)}
#contents .sub_visual.bg_7{ background-image:url(../images/inc/sub_visual_7.jpg)}
#contents .sub_visual.bg_member,
#contents .sub_visual.bg_intranet,
#contents .sub_visual.bg_guide{ background-image:url(../images/inc/sub_visual_guide.jpg)}

#contents .sub_visual .bg_white{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#fff;}

#contents .sub_visual .box1{position:relative; z-index:inherit; overflow:hidden; height:160px;}
#contents .sub_visual .slogan{ position:absolute; z-index:inherit; left:50%; margin-left:-180px; top:100%; width:auto; height:auto; text-align:center;}
#contents .sub_visual .slogan .t1{ font-size:1.1em; font-family:notokrL, sans-serif; color:#383838}
#contents .sub_visual .slogan .t2{ font-size:1.5em; font-family:notokrB, sans-serif; color:#383838; padding-top:5px}

#contents .sub_nav{ background:#f4f8f4; border:1px solid #e1eae1; border-left:none; border-right:none}
#contents .sub_nav .nav > li{ float:left;position:relative; z-index:inherit; margin-left:-1px}

#contents .sub_nav .nav .gnb a,
#contents .sub_nav .nav > li .common{ display:block; font-size:0.875em; padding-left:15px; padding-right:30px;min-width:160px;}
#contents .sub_nav .nav > li .common{border:1px solid #e1eae1; border-top:none; border-bottom:none; background-image:url(../images/inc/nav_arrow.png); background-repeat:no-repeat; background-position:right center; height:40px; line-height:40px; color:#777}
#contents .sub_nav .nav > li .common.home{background-image:url(../images/inc/nav_icon_home.png); background-repeat:no-repeat; background-position:center center; width:50px; min-width:50px; padding:0}
#contents .sub_nav .nav > li .common.more{ background-image:url(../images/inc/nav_arrow_more.png); font-family:notokrM, sans-serif}
#contents .sub_nav .nav > li:hover a.common{ background-color:#fff}

#contents .sub_nav .nav .gnb{ position:absolute; z-index:inherit; left:0; top:40px; width:100%; height:auto; display:none; border-bottom:1px solid #e1eae1; background:#fff}
#contents .sub_nav .nav .gnb > li,
#contents .sub_nav .nav .gnb > li .dp1{ overflow:hidden; display:none}

#contents .sub_nav .nav .gnb .dp2 > li > a{ background-image:none; border:1px solid #e1eae1; border-bottom:none; line-height:1.2; padding-top:8px; padding-bottom:8px; font-size:.813em; color:#777}
#contents .sub_nav .nav .gnb .dp2 > li > a:hover{ background:url(../images/inc/nav_arrow.png) no-repeat right 0; color:#333}

#contents .lnb_wrap{display:none;}

#contents .sub_wrap .sub_tit{ font-size:1.8em; color:#383838; padding:14px 0 8px 0; border-bottom:1px solid #ddd; display:none;}

#footer{}
#footer .copy_menu{ background:#585858;}
#footer .copy_menu .menu > li{ display:inline-block; *display:inline; zoom:1}
#footer .copy_menu .menu > li > a{ display:block; padding:0 15px 0 20px; line-height:40px; color:#fff; font-size:.813em; background:url(../images/inc/copy_menu_sec.png) no-repeat left center}
#footer .copy_menu .menu > li:first-child > a{ background:none}

#footer .copy_menu .icon_common{ display:block; width:50px; height:40px; background-position:center; background-repeat:no-repeat; background-color:#434343}
#footer .copy_menu .icon_common.home{ background-image: url(../images/inc/footer_icon_home.png)}
#footer .copy_menu .icon_common.gotop{ background-image: url(../images/inc/footer_icon_top.png)}

#footer .copy_info{ padding:30px 0 40px 0;}
#footer .copy_info .logo{float:left; width:15%}
#footer .copy_info .logo img{ width:100%;}
#footer .copy_info .info{float:right; width:80%; margin-top:4px}
#footer .copy_info .info > dt,
#footer .copy_info .info > dd{ display:inline-block; *display:inline; zoom:1; font-size:.85em; color:#666; margin-right:20px; line-height:1.4; font-family:notokrM;}
#footer .copy_info .info > dd a{color:#666; text-decoration:underline}
#footer .copy_info .info > dd.copyright{ font-size:.75em; color:#aaa; text-transform:uppercase; margin-top:10px; display:block}

#contents .sub_wrap{ width:100%}
#contents .sub_wrap .doc{ margin:40px 0 80px 0}

/*main*/
.main_con_wrap{ background:url(../images/main/main_bg.jpg) no-repeat center top; background-size:cover;}
.main_con_wrap.off{visibility:hidden}

/*메인 슬라이드1*/
.main_con_wrap .main_con1 .m_slide{ width:100%;}
.main_con_wrap .main_con1 .main_visual{ position:relative; height:auto; width:100%; min-width:400px; text-align:center; margin:0 auto;}
.main_con_wrap .main_con1 .main_visual li{ position:relative; border-radius:10px;}
.main_con_wrap .main_con1 .main_visual li img{ border-radius:10px; width:100%;}
.main_con_wrap .main_con1 .main_visual .visual{ position:relative; height:auto; width:100%; min-width:400px border-radius:10px; overflow:hidden;}
.main_con_wrap .main_con1 .main_visual .visual .slo_area { overflow:hidden; position:absolute; left:30px; top:30px; z-index:inherit; text-align:left; width:100%; }
.main_con_wrap .main_con1 .main_visual .visual .slo_area .v_slogan { font-size:1.6em; color:#fff; font-family:notokrB; padding-bottom:10px; margin-bottom:10px;}
.main_con_wrap .main_con1 .main_visual .visual .slo_area .v_slogan span{ border-bottom:1px solid #fff;}
.main_con_wrap .main_con1 .main_visual .visual .slo_area .v_slogan2{ font-size:2.4em; color:#fff; font-family:notokrB; }
.main_con_wrap .main_con1 .main_visual .visual .slo_area .v_slogan3{ font-size:1.2em; color:#fff; font-family:notokrM; margin-top:15px;}

.visual .flex-direction-nav{ width:100px; height:30px; position:absolute; left:50%; top:0%; margin-left:32%; margin-top:30px;}
.visual .flex-direction-nav li a{  display:block; width:30px; height:35px; background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-9999;}
.visual .flex-direction-nav li a.flex-prev{ background-image:url(../images/main/prev.png); position:absolute; left:0px; top:0px;  z-index:inherit;}
.visual .flex-direction-nav li a.flex-next{ background-image:url(../images/main/next.png); position:absolute; right:0px; top:0px; z-index:inherit;}
.visual .flex-direction-nav li a.flex-prev:hover{ filter:alpha(opacity=70); opacity:0.7;}
.visual .flex-direction-nav li a.flex-next:hover{ filter:alpha(opacity=70); opacity:0.7;}

.visual .flex-pauseplay{ width:30px; height:30px; position:absolute; left:50%; top:0%; margin-left:36%; margin-top:30px;}
.visual .flex-pauseplay li{ display:inline-block; *display:inline; zoom:1}
.visual .flex-pauseplay a{ display:block; width:30px; height:35px; background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-9999;}
.visual .flex-pauseplay a.flex-pause{ background:url(../images/main/pause.png) no-repeat center center;}
.visual .flex-pauseplay a.flex-play{ background:url(../images/main/next.png) no-repeat center center;}

/*메인 슬라이드2*/
.main_con_wrap .main_con1 .r_slide{ width:100%;}
.main_con_wrap .main_con1 .main_visual2{ position:relative; height:auto; width:100%; min-width:100%; margin-top:10px;}
.main_con_wrap .main_con1 .main_visual2 li{ position:relative; border-radius:10px; background:#fff; text-align:center; margin:0 auto;}
.main_con_wrap .main_con1 .main_visual2 li img{ border-radius:10px; width:50%;}
.main_con_wrap .main_con1 .main_visual2 li img.product{ margin-top:170px;}
.main_con_wrap .main_con1 .main_visual2 li img.btn{ width:auto;}
.main_con_wrap .main_con1 .main_visual2 .visual{ position:relative; height:auto; width:100%; min-width:100%; border:1px solid #b6b6b6; border-radius:10px; overflow:hidden;}
.main_con_wrap .main_con1 .main_visual2 .visual .slo_area { overflow:hidden; position:absolute; left:30px; top:30px; z-index:inherit; text-align:left; width:100%; }
.main_con_wrap .main_con1 .main_visual2 .visual .slo_area .v_slogan { font-size:1em; color:#b0b0b0; font-family:notokrM; margin-bottom:10px;}
.main_con_wrap .main_con1 .main_visual2 .visual .slo_area .v_slogan2{ font-size:1.8em; color:#333; font-family:notokrB; }
.main_con_wrap .main_con1 .main_visual2 .visual .slo_area .v_slogan3{ margin-top:10px;}
.main_con_wrap .main_con1 .main_visual2 .visual .slo_area .v_slogan4{ font-size:1.1em; color:rgba(1, 67, 145, 1); line-height:1.6em; font-family:notokrM; margin-top:10px;}
.main_con_wrap .main_con1 .main_visual2 .visual .slo_area .v_slogan4 span.odd{ font-size:0.80em; color:rgba(1, 67, 145,0.8);}

.visual .flex-control-paging{position:absolute; left:50%; margin-left:32%; top:20px; text-align:center; z-index:inherit;}
.visual .flex-control-paging li{ display:inline-block; *display:inline; zoom:1; margin:0px 5px 0 0px !important;}
.visual .flex-control-paging li a { display:block; background:#a9a9a9; width:10px; height:10px; line-height:0; border-radius:50px; font-size:0; text-indent:-9999; }
.visual .flex-control-paging li a:hover {}
.visual .flex-control-paging li a.flex-active { background:#3f3f3f; }


/*메인콘텐츠*/
.main_con_wrap .main_con1{ margin-bottom:10px; padding-top:30px;}
.main_con_wrap .main_con1 .m_slide{ float:left; margin-right:20px; border-radius:10px;}
.main_con_wrap .main_con1 .r_wrap{}
.main_con_wrap .main_con1 .r_wrap .r_slide{ float:left;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap{ float:left; width:100%;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap div{ display:inline-block;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_1{ border:1px solid #b6b6b6; border-radius:10px; width:32.7%; height:148px; text-align:center; background:rgba(255, 255, 255, 1); cursor:pointer; transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_1 .tit{ font-size:1.2em; font-family:notokrB; color:#333; margin-bottom:15px; margin-top:20px;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_1:hover{ border:1px solid #666; background:rgba(255, 255, 255, 0.5); transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_2{ margin-top:10px; border:1px solid #b6b6b6; border-radius:10px; width:32.7%; height:148px; text-align:center; background:rgba(255, 255, 255, 1);cursor:pointer; transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_2 .tit{ font-size:1.2em; font-family:notokrB; color:#333; margin-bottom:15px; margin-top:20px;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_2:hover{ border:1px solid #666; background:rgba(255, 255, 255, 0.5); transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_3{ margin-top:10px; border:1px solid #b6b6b6; border-radius:10px; width:32.7%; height:148px; text-align:center; background:rgba(255, 255, 255, 1);cursor:pointer; transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_3 .tit{ font-size:1.2em; font-family:notokrB; color:#333; margin-bottom:15px; margin-top:20px;}
.main_con_wrap .main_con1 .r_wrap .icon_wrap .icon_3:hover{ border:1px solid #666; background:rgba(255, 255, 255, 0.5); transition:all 0.4s;}

.main_con_wrap .main_con1 .r_wrap .search_w{ float:left; border-radius:10px; background:#595959; width:100%; height:150px; margin-top:10px;}
.main_con_wrap .main_con1 .r_wrap .search_w h1{font-size:1.2em; font-family:notokrM; color:#fff; margin-top:20px; margin-left:20px; margin-bottom:20px;}
.main_con_wrap .main_con1 .r_wrap .search_w .left_icon{ float:right; margin-top:-42px; margin-right:15px;}
.main_con_wrap .main_con1 .r_wrap .search_w .left_icon li{ display:inline-block; width:78px; height:25px; background:#929292; font-size:0.75em; color:#fff; font-family:notokrB; text-align:center; line-height:25px; margin-right:5px; border-radius:5px; cursor:pointer; transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .search_w .left_icon li:hover{ background:#ccc; transition:all 0.4s;}
.main_con_wrap .main_con1 .r_wrap .search_w .l_sear{ float:left; background:#fff; border-radius:5px; width:47%; height:70px; margin-left:20px;}
.main_con_wrap .main_con1 .r_wrap .search_w .l_sear ul li{ float:left; margin-bottom:4px;}
.main_con_wrap .main_con1 .r_wrap .search_w .l_sear ul li img{ margin-top:5px;}
.main_con_wrap .main_con1 .r_wrap .search_w .l_sear .in_sear{ padding-top:10px; padding-left:5px;}
.main_con_wrap .main_con1 .r_wrap .search_w .l_sear .in_sear .check_in{ font-size:0.8em; font-family:notokrB; color:#555; margin-left:3px; margin-right:25px;}
.main_con_wrap .main_con1 .r_wrap .search_w .l_sear .in_sear input.input_st2_1{ width:85% !important;}

.main_con_wrap .main_con1 .r_wrap .search_w .r_sear{ float:right; background:#fff; border-radius:5px; width:47%; height:70px; margin-right:20px;}
.main_con_wrap .main_con1 .r_wrap .search_w .r_sear ul li img{ margin-top:5px;}
.main_con_wrap .main_con1 .r_wrap .search_w .r_sear .in_sear{ padding-top:10px; padding-left:10px;}
.main_con_wrap .main_con1 .r_wrap .search_w .r_sear .in_sear .check_in{ font-size:0.8em; font-family:notokrB; color:#555; margin-left:3px; margin-right:25px;}
.main_con_wrap .main_con1 .r_wrap .search_w .r_sear .in_sear input.input_st3_1{ width:50% !important;}
.main_con_wrap .main_con1 .r_wrap .search_w .r_sear .in_sear li.titi{ font-size:0.8em; font-family:notokrB; color:#555; margin-top:-2px; margin-bottom:6px;}


.main_con_wrap .main_con2{padding-bottom:10px;}
.main_con_wrap .main_con2 .r_wrap{ float:left; width:100%;}
.main_con_wrap .main_con2 .r_wrap .icon_wrap { float:left; border:1px solid #b6b6b6; border-radius:10px; width:30%; height:148px; text-align:center; background:rgba(255, 255, 255, 1); cursor:pointer; transition:all 0.4s;}
.main_con_wrap .main_con2 .r_wrap .icon_wrap .tit{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:15px; margin-top:20px;}
.main_con_wrap .main_con2 .r_wrap .icon_wrap:hover{border:1px solid #666; background:rgba(255, 255, 255, 0.5); transition:all 0.4s;}

.main_con_wrap .main_con2 .r_wrap .noti{ position:relative; float:left; border:1px solid #b6b6b6; border-radius:10px; margin-left:1%; width:68.3%; height:148px; background:rgba(255, 255, 255, 1);}
.main_con_wrap .main_con2 .r_wrap .noti h1{ font-size:1.1em; font-family:notokrB; color:#333; margin-top:20px; margin-left:20px;}
.main_con_wrap .main_con2 .r_wrap .noti p.plus{ position:absolute; right:20px; top:20px;}
.main_con_wrap .main_con2 .r_wrap .noti .in_noti p{ float:left; width:62px; margin:20px 0 0 20px;}
.main_con_wrap .main_con2 .r_wrap .noti .in_noti ul{ float:left; margin:20px 0 0 20px;}
.main_con_wrap .main_con2 .r_wrap .noti .in_noti ul li{ background:url(../images/inc/gnb_bg2.png) no-repeat left center; padding-left:10px; margin-bottom:8px; width:290px;}
.main_con_wrap .main_con2 .r_wrap .noti .in_noti ul li a{font-size:0.85em; font-family:notokrM; color:#333; display:block; width:280px; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
.main_con_wrap .main_con2 .r_wrap .noti .in_noti ul li a:hover{ color:#666;}

.main_con_wrap .main_con2 .l_wrap{ float:left; margin-top:10px; width:100%;}
.main_con_wrap .main_con2 .l_wrap .info{ float:left; border:1px solid #b6b6b6; border-radius:10px; width:68.3%; height:148px; margin-right:1%; background:#77a876;}
.main_con_wrap .main_con2 .l_wrap .info h1{ font-size:1.1em; font-family:notokrB; color:#fff; margin-top:20px; margin-left:20px;}
.main_con_wrap .main_con2 .l_wrap .info .in_info p{ float:left; width:62px; margin:20px 0 0 20px;}
.main_con_wrap .main_con2 .l_wrap .info .in_info ul{ float:left; margin-left:20px; margin-top:20px;}
.main_con_wrap .main_con2 .l_wrap .info .in_info ul li.tel{ font-size:0.9em; font-family:notokrM; color:rgba(255, 255, 255, 0.5); line-height:0.9em;}
.main_con_wrap .main_con2 .l_wrap .info .in_info ul li.num{ font-size:1.5em; font-family:notokrM; color:#fff; line-height:1em; margin-top:6px;}
.main_con_wrap .main_con2 .l_wrap .info .in_info ul li.time{ font-size:0.7em; font-family:notokrM; color:#fff; margin-top:8px;}

.main_con_wrap .main_con2 .l_wrap .icon_wrap { float:right; border:1px solid #b6b6b6; border-radius:10px; width:30%; height:148px; text-align:center; background:rgba(255, 255, 255, 1); cursor:pointer; transition:all 0.4s;}
.main_con_wrap .main_con2 .l_wrap .icon_wrap .tit{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:15px; margin-top:20px;}
.main_con_wrap .main_con2 .l_wrap .icon_wrap:hover{border:1px solid #666; background:rgba(255, 255, 255, 0.5); transition:all 0.4s;}

.main_con_wrap .main_con3 .partner_area{ width:100%; max-width:1200px; margin:0 auto; padding-bottom:40px;}
.main_con_wrap .main_con3 .partner_area .m_tit{ font-size:2.5em; color:#fff; margin-bottom:40px; font-family:notokrM; text-align:center;}
.main_con_wrap .main_con3 .partner_area .m_txt{ font-size:1.2em; color:#ccc; margin-bottom:40px; font-family:notokrR; text-align:center;}
.main_con_wrap .main_con3 .partner_area .partner{ background:rgba(255,255,255,1); padding:15px 30px; border:1px solid #b6b6b6; border-radius:10px;}
.main_con_wrap .main_con3 .partner_area .partner ul{ *zoom:1;}
.main_con_wrap .main_con3 .partner_area .partner ul:after{ content:""; display:block; clear:both;}
.main_con_wrap .main_con3 .partner_area .partner ul li{ float:left; width:80%; max-width:130px; margin-right:12px; border:1px solid #b6b6b6;}
.main_con_wrap .main_con3 .partner_area .partner ul li a{ display:block; text-align:center;}
.main_con_wrap .main_con3 .partner_area .partner ul li a img{ width:100%; height:100%; min-width:100px; max-width:177px; max-height:54px; margin:0 auto;}
.main_con_wrap .main_con3 .partner_area .partner ul li:hover{ border:1px solid #0f2945; position:relative; z-index:100001;}

.partner_area .partner .bx-wrapper{ max-width:1140px !important;}
.partner_area .partner .bx-wrapper .bx-viewport{ padding-left:1px;}
.partner_area .partner .bx-wrapper .bx-controls-direction a{ position: absolute; top: 0; margin-top: -1px; width: 21px; height: 41px; background-repeat:no-repeat; background-position:center;}
.partner_area .partner .bx-wrapper .bx-prev { left: -25px; background-image:url(../images/main/left.png);}
.partner_area .partner .bx-wrapper .bx-next { right: -25px; background-image: url(../images/main/right.png);}
.partner_area .partner .bx-wrapper .bx-controls-direction a:hover { opacity:0.5; filter:alpha(opacity=0.5);}



/*인트로*/
.intro{position:fixed; z-index:inherit; left:0; top:0; width:100%; height:100%}
.intro .slogan{ position:absolute; z-index:11; left:0; top:210px; width:100%;}

.intro_slides .slides{ overflow:hidden}
.intro_slides .slides > li{ background-position:center top; background-repeat:no-repeat}
.intro_slides .slides > li.bg_cover{ background-size:cover}
.intro_slides .slides > li.m1{ background-image: url(../images/main/intro_visual_1.jpg)}
.intro_slides .slides > li.m2{ background-image: url(../images/main/intro_visual_2.jpg)}
.intro_slides .slides > li.m3{ background-image: url(../images/main/intro_visual_3.jpg)}

.intro_slides{ position:relative; z-index:inherit}
.intro_slides .flex-direction-nav a{ display:block; position:absolute; z-index:100; top:50%; margin-top:-30px; font-size:0; line-height:0; width:60px; height:60px}
.intro_slides .flex-direction-nav a.flex-prev{ left:15px; background:url(../images/main/btn_prev.png)}
.intro_slides .flex-direction-nav a.flex-next{ right:15px; background:url(../images/main/btn_next.png)}

.intro .icon_scroll{ position:absolute; z-index:10000; width:120px; height:80px; display:block;  bottom:15px; left:50%; margin-left:-60px}

/* 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,
.sitemap .gnb > li.m_intranet{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid rgba(60, 134, 58, 1); border-bottom:1px solid rgba(60, 134, 58, 1); text-align:center; font-size:17px; font-weight:600; color:rgba(60, 134, 58, 1); padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:rgba(60, 134, 58, 0.4); 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;}

/*login*/
.member_wrap{ border:5px solid #e9e9e9; border-radius:3px; width:800px; height:400px; position:absolute; top:250px; left:50%; margin-left:-400px; 
background:url(../images/main/main_bg.jpg) no-repeat center center;}
.member_wrap .member_box{ width:720px; margin:0 auto; padding:35px 0 30px 0;}
.member_wrap .mem_tit{ margin-bottom:30px; text-align:center; font-size:21px; color:#292929;}
.member_wrap .mem_tit.st1{ font-family:Arial, Verdana, sans-serif; letter-spacing:1.7px;}
.member_wrap .mem_tit.st2{ letter-spacing:1.3px; font-weight:600;} 
.member_wrap .mem_tit.st3{ font-family:notokrM; font-size:1.2em; color:#333;}
.member_wrap .mem_tit.st3 span{ font-size:1.4em; color:#000}
.member_wrap .member_box .login_inner{ background:#f8f8f8; border:1px solid #e8e8e8; padding:20px 0 75px 25px; overflow:hidden;}
.member_wrap .member_box .login_inner .inp_box{ float:left; background:url(../images/member/icon_login.png) no-repeat left 5px;}
.member_wrap .member_box .login_inner .inp_box dl{ margin-top:10px; padding-left:70px; overflow:hidden;}
.member_wrap .member_box .login_inner .inp_box dl:first-child{ margin-top:0;}
.member_wrap .member_box .login_inner .inp_box dl dt,
.member_wrap .member_box .login_inner .inp_box dl dd{ float:left; height:30px; line-height:30px;}
.member_wrap .member_box .login_inner .inp_box dl dt{ width:110px;}
.member_wrap .member_box .login_inner .inp_box dl dd{ width:180px;}
.member_wrap .member_box .login_inner .inp_box dl dt strong{ font-size:15px; color:#282828;}
.member_wrap .member_box .login_inner .inp_box dl dd .inp_st{ width:90%; height:28px; padding:0 4%; border:1px solid #d5d5d5; background:#fff;}
.member_wrap .member_box .login_inner .mem_btn{ float:left; overflow:hidden;} 
.member_wrap .member_box .login_inner .mem_btn li{ float:left; margin-left:5px; width:120px; height:70px;}
.member_wrap .member_box .login_inner .mem_btn li .btn{ width:100%; height:100%; border:0; font-size:16px; font-family:notokrB; color:#fff;}
.member_wrap .member_box .login_inner .mem_btn li .btn_st1{ background-color:rgba(60, 134, 58, 1);transition:color 0.2s, background 0.2s;}
.member_wrap .member_box .login_inner .mem_btn li .btn_st1:hover{color:rgba(60, 134, 58, 1); background:#fff; border:1px solid rgba(60, 134, 58, 1);}
.member_wrap .member_box .login_inner .mem_btn{ float:left; overflow:hidden;} 

.member_wrap .member_box .login_inner .mem_btn2{ float:left;}
.member_wrap .member_box .login_inner .mem_btn2 li{width:120px; height:70px;}
.member_wrap .member_box .login_inner .mem_btn2 li .btn{ width:100%; height:100%; border:0; font-size:16px; font-family:notokrB; color:#fff;}
.member_wrap .member_box .login_inner .mem_btn2 li .btn_st1{ background-color:rgba(0, 0, 0, 0.5);transition:color 0.2s, background 0.2s;}
.member_wrap .member_box .login_inner .mem_btn2 li .btn_st1:hover{color:rgba(0, 0, 0, 0.7); background:#fff; border:1px solid rgba(0, 0, 0, 0.7);}

.member_wrap .member_box .login_inner p.war1{ color:#666; font-family:notokrM; font-size:0.9em; text-align:left; margin-left:70px; margin-bottom:3px;}
.member_wrap .member_box .login_inner p.war1 span{ color:#000;}
.member_wrap .member_box .login_inner p.war2{ color:#666; font-family:notokrM; font-size:0.9em; text-align:left; margin-left:70px; margin-bottom:20px;}
.member_wrap .member_box .login_inner p.war2 span{ color:#000;}


/*1_2 ceo인사말*/
.doc .greet{}
.doc .greet .tit1{ font-size:1.3em; line-height:1.3em; color:#4682b4; margin-bottom:20px;}
.doc .greet .tit1 span{ font-size:1.1em; font-family:notokrM; color:#4682b4;}
.doc .greet .tit2{ font-size:1.2em; line-height:1.2em; margin-bottom:20px; color:#6ca86b;}
.doc .greet .img_wrap{ float:left; width:35%; margin-top:15px; margin-right:3%; margin-bottom:1%}
.doc .greet .img_wrap img{ width:100%;}
.doc .greet .txt_wrap{}
.doc .greet .txt_wrap .txt1{ margin-bottom:15px; font-size:0.95em; line-height:1.6em; color:#4c4c4c; text-align:justify; word-break:normal; }
.doc .greet .txt_wrap .fir{ margin-top:30px;}

.doc .greet .txt_wrap .ceo1{ margin-top:30px; font-size:1em; font-family:notokrM; color:#4c4c4c}
.doc .greet .txt_wrap .ceo1 span{ font-size:1.6em; color:#333; font-family:notokrB; margin-left:5px; letter-spacing:0.3em;}

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

.doc .history_area .history_lst{ float:right; width:58%; background:url(../images/sub1/his_line.gif) repeat-y 7px;}
.doc .history_area .history_lst .list{ *zoom:1; margin-top:30px;}
.doc .history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.doc .history_area .history_lst .list:first-child{ margin-top:0;}
.doc .history_area .history_lst .list dt{ float:left; width:15%; padding:5px 10px 0 0; text-align:right; font-size:20px; color:#77a876; font-family:notokrB; 
background:url(../images/sub1/his_icon.png) no-repeat left 10px;}
.doc .history_area .history_lst .list dd{ margin-left:18%; padding:10px 0 5px 70px; line-height:18px; background-image:url(../images/sub01/icon_s_circle.png); background-position:left 5px; background-repeat:no-repeat; font-size:0.9em;}
.doc .history_area .history_lst .list dd.icon_f{ padding-left:10px; font-family:notokrR; color:#666; font-size:0.9em;}
.doc .history_area .history_lst .list dd.icon_f strong{ display:inline-block; *display:inline; zoom:1; width:7%;}

/*1_3 연혁
.left_img{ float:left; width:29%; margin-right:4%;}
.left_img img{ width:100%;}
.sub1_3{ float:right; width:66%; margin-top:20px;}
.sub1_3 .year_1{width:97%; cursor:pointer; text-align:left; padding:15px 0 15px 3%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../images/sub1/arr_up.png) no-repeat 97% 35px;}
.sub1_3 .year_1.on{background:url(../images/sub1/arr_down.png) no-repeat 97% 35px; }
.sub1_3 .year_1 p span.year_copy{font-size:1em; font-family:notokrM; color:#666; opacity:0.5; filter:alpha(opacity=50); line-height:2em;}
.sub1_3 .year_1 p span.year{font-size:2.2em; color:#666; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif;}

.sub1_3 .year_1on{width:100%; overflow:hidden; margin:10px 0 24px 0; display:none}
.sub1_3 .year_1on ul.y_wrap{ margin-bottom:30px;}

.sub1_3 .year_1on > ul >li > ul li{ margin-bottom:10px; display:inline-block;}
.sub1_3 .year_1on > ul >li > ul .year1{ width:9%; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-left:4%; color:#77a876;}
.sub1_3 .year_1on > ul >li > ul .year2{ width:5%; margin-left:6%; text-align:left; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#444;}
.sub1_3 .year_1on > ul >li > ul .year_txt{ margin-left:1%; text-align:left; font-size:15px; word-break:keep-all; color:#666; line-height:20px;}*/

/*1_5 비전*/
.doc .top1{background:url(../images/sub1/dot_img1.png) no-repeat left top, url(../images/sub1/dot_img2.png) no-repeat right top; color:#499da0; font-family:notokrM; text-align:center; font-size:1.3em; line-height:1.4em; width:35%; word-break:keep-all; margin:0 auto 40px; padding:0 20px;}
.doc .top1 span{ color:#fd7b35;}

.doc .top{color:#499da0; font-family:notokrM; text-align:center; font-size:1.2em; line-height:1.6em; width:80%; word-break:keep-all; margin:0 auto 30px;}

.doc .vis_txt{ border-top:1px solid #ddd; margin-top:30px; padding-top:40px;}
.doc .vis_txt div{ float:left; width:44%; padding:2%; height:auto; min-height:180px;}

.doc .img_vis{ margin-top:30px; text-align:center;}
.doc .img_vis2{ margin-top:30px; text-align:center; display:none;}

/*1_6 진천공장*/
.top_txt{ margin-bottom:30px;}
.top_txt p{ font-size:1em; color:#666; font-family:notokrR; word-break:keep-all; line-height:1.6em;}
.top_txt p span.three{ font-family:notokrM; color:#fd7b35;}
.top_txt p span.seco{ font-family:notokrM; color:#333;}
.top_txt p span.firs{ font-family:notokrM; color:#499ca0;}
.fact_img{ margin-bottom:50px;}

.tbl_st5 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.9em; text-align:center; border-top:2px solid rgba(28, 132, 136, 1);  }
.tbl_st5 thead th { background:#f7faff; color:#333333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:18px; padding:10px 20px; }
.tbl_st5 thead td { color:#555555; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st5 tbody th { background:#f8f8f8; color:#444444; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st5 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; }
.tbl_st5 tbody td.left{ text-align:left;}
.tbl_st5 tbody td.right{ border-left:none; text-align:right;}
.tbl_st5 thead th:last-child{ border-right:none;}

/*1_7 송도연구소*/
.top_txt2{ float:left; margin-bottom:30px; width:50%;}
.top_txt2 p{ font-size:0.9em; color:#666; font-family:notokrR; line-height:1.6em; word-break:keep-all;}
.top_txt2 p.f_tit{ margin-bottom:10px;}
.top_txt2 p.num2{ margin-top:20px;}
.top_txt2 p span.big{ font-family:'Dosis', sans-serif; font-size:3.5em; font-weight:300; color:#fd7b35;}
.top_txt2 p span.three{ font-family:notokrR; color:#fd7b35;}
.top_txt2 p span.seco{ font-family:notokrR; color:#333;}
.top_txt2 p span.firs{ font-family:notokrR; color:#499ca0;}
.top_txt2 p span.bl{color:#000;}

.r_img{ float:right; width:45%; margin-top:30px;}


.lab_img{ margin-top:20px;}
.lab_img img{ width:100%;}



/*1_8 오시는길*/
.map_tit1{ background:url(../images/sub1/1_8.png) no-repeat left top; padding-left:20px; font-size:1.4em; margin-bottom:10px; font-family:notokrB; color:#333; }
.map_tit2{ background:url(../images/sub1/1_8.png) no-repeat left top; padding-left:20px; font-size:1.4em; margin-bottom:10px; font-family:notokrB; color:#333; margin-top:50px; }

.map_wrap{ margin-bottom:20px;}
.map_wrap p{ float:left;}
.map_wrap p.g_map{ width:49%; border:1px solid #ccc;}
.map_wrap p.img_map{ float:right; width:50%; height:320px; border:1px solid #ccc; text-align:center; background:url(../images/sub1/seoul_map.jpg) no-repeat center center #fff;}

.map_wrap2{ margin-bottom:20px;}
.map_wrap2 p{ float:left;}
.map_wrap2 p.g_map{ width:49%; border:1px solid #ccc;}
.map_wrap2 p.img_map{ float:right; width:50%; height:320px; border:1px solid #ccc; text-align:center; background:url(../images/sub1/jincheon_map.jpg) no-repeat center center #fff;}

.map_wrap3{ margin-bottom:20px;}
.map_wrap3 p{ float:left;}
.map_wrap3 p.g_map{ width:49%; border:1px solid #ccc;}
.map_wrap3 p.img_map{ float:right; width:50%; height:320px; border:1px solid #ccc; text-align:center; background:url(../images/sub1/song_map.jpg) no-repeat center center #fff;}


.tbl_st4 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.9em; border-top:2px solid rgba(28, 132, 136, 1);  }
.tbl_st4 tbody th { background:#f8f8f8; color:#444444; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:center; }
.tbl_st4 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:left; }
.tbl_st4 thead th:last-child, .tbl_st3 tbody th:last-child, .tbl_st3 tbody td:last-child {}

/*2_1 제품소개*/
.pro_search .sear_1{}
.pro_search .sear_1 .in_wrap1 li{ float:left; height:60px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pro_search .sear_1 .in_wrap1 li.img_1{ width:6%; background:rgba(28, 132, 136, 0.8); text-align:center;}
.pro_search .sear_1 .in_wrap1 li.img_1 img{ width:80%;}
.pro_search .sear_1 .in_wrap1 li.txt_1{ width:14%; text-align:center; background:rgba(51, 51, 51, 0.9); font-size:0.95em; font-family:notokrM; color:#fff; padding:0 1%;} 
.pro_search .sear_1 .in_wrap1 li.inner_1{ width:76%; padding-left:2%; background:#f3f3f3;}
.pro_search .sear_1 .in_wrap1 li.inner_1 span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; width:90%;}

.pro_search .sear_1 .in_wrap2 li{ float:left; height:80px; border-bottom:1px solid #ccc;}
.pro_search .sear_1 .in_wrap2 li.img_1{ width:6%; background:#075f9f; text-align:center;}
.pro_search .sear_1 .in_wrap2 li.img_1 img{ width:80%;}
.pro_search .sear_1 .in_wrap2 li.txt_1{ width:14%; text-align:center; background:rgba(51, 51, 51, 1); font-size:0.95em; font-family:notokrM; color:#fff; padding:0 1%;} 
.pro_search .sear_1 .in_wrap2 li.inner_1{ width:76%; padding-left:2%; background:#f3f3f3;}
.pro_search .sear_1 .in_wrap2 li.inner_1 span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; width:95%;}
.pro_search .sear_1 .in_wrap2 label.check_in{ margin-left:5px; margin-right:20px; font-size:1em;}

.pro_search .sear_1 .in_wrap3 li{ float:left; height:60px; border-top:1px solid #ccc;}
.pro_search .sear_1 .in_wrap3 li.img_1{ width:6%; background:#2d88a3; text-align:center;}
.pro_search .sear_1 .in_wrap3 li.img_1 img{ width:80%;}
.pro_search .sear_1 .in_wrap3 li.txt_1{ width:14%; text-align:center; background:rgba(51, 51, 51, 0.9); font-size:0.95em; font-family:notokrM; color:#fff; padding:0 1%;} 
.pro_search .sear_1 .in_wrap3 li.inner_1{ width:76%; padding-left:2%; background:#f3f3f3;}
.pro_search .sear_1 .in_wrap3 li.inner_1 span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; width:99%;}

.pro_search .sear_1 .in_wrap4 li{ float:left; height:80px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pro_search .sear_1 .in_wrap4 li.img_1{ width:6%; background:#236e83; text-align:center;}
.pro_search .sear_1 .in_wrap4 li.img_1 img{ width:80%;}
.pro_search .sear_1 .in_wrap4 li.txt_1{ width:14%; text-align:center; background:rgba(51, 51, 51, 0.9); font-size:0.95em; font-family:notokrM; color:#fff; padding:0 1%;} 
.pro_search .sear_1 .in_wrap4 li.inner_1{ width:76%; padding-left:2%; background:#f3f3f3;}
.pro_search .sear_1 .in_wrap4 li.inner_1 span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; width:95%;}
.pro_search .sear_1 .in_wrap4 label.check_in{ margin-left:5px; margin-right:20px; font-size:1em;}

.pro_search .sear_1 .in_wrap5 li{ float:left; height:60px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pro_search .sear_1 .in_wrap5 li.img_1{ width:6%; background:#2a75b9; text-align:center;}
.pro_search .sear_1 .in_wrap5 li.txt_1{ width:14%; text-align:center; background:rgba(51, 51, 51, 0.8); font-size:0.95em; font-family:notokrM; color:#fff; padding:0 1%;} 
.pro_search .sear_1 .in_wrap5 li.inner_1{ width:76%; padding-left:2%; background:#f3f3f3;}
.pro_search .sear_1 .in_wrap5 li.inner_1 ul.li_btn{}
.pro_search .sear_1 .in_wrap5 li.inner_1 ul.li_btn li.txt{ float:left; width:52%; border:none;}
.pro_search .sear_1 .in_wrap5 li.inner_1 ul.li_btn li.btn2{ float:right; width:42%; border:none; margin-right:2%;}
.pro_search .sear_1 .in_wrap5 li.inner_1 ul.li_btn li.txt span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; text-align:left;}
.pro_search .sear_1 .in_wrap5 li.inner_1 ul.li_btn li.btn2 span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; text-align:right;}

.pro_search .sear_1 .in_wrap0{ display:none;}


.tab_st1 { position:relative; width:100%; padding:0px; margin-top:40px; }
.tab_st1 ul { position:relative; overflow:hidden; }
.tab_st1 ul li { float:left; width:24.8%; height:40px; background:#fff; border-top:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; color:#333333; cursor:pointer; text-align:center; background:#f3f3f3;  }
.tab_st1 ul li h4 { font-size:0.9em; font-family:notokrM; line-height:40px; }
.tab_st1 ul li:first-child { width:24.9%; border-left:1px solid #aaaaaa;}
.tab_st1 ul li.on { background:#075f9f; color:#ffffff;}
.tab_content { padding:15px 0px 30px; }
.tab_content2 { padding:30px 30px; border:1px solid #ddd; border-top:none; }

/*2_1_v 상세페이지*/
.top_bar{ width:100%;}
.top_bar ul li{ float:left; height:50px; font-size:1em; text-align:center; line-height:50px; color:#fff; font-family:notokrM;}
.top_bar ul li.tit1{ width:17%; background:rgba(28, 132, 136, 1);}
.top_bar ul li.tit2{ width:77%; background:rgba(51, 51, 51, 0.8); font-family:notokrB; font-size:1.7em; letter-spacing:0.1em;}
.top_bar ul li.tit3{ width:6%; background:rgba(51, 51, 51, 0.5); cursor:pointer;}

/*제품정보*/
.top_bar2{ width:100%; margin-top:40px;}
.top_bar2 ul li{ float:left; height:40px; font-size:1em; text-align:center; line-height:40px; color:#fff; font-family:notokrM;}
.top_bar2 ul li.tit1{ width:20%; background:#075f9f; border-bottom:2px solid #075f9f;}
.top_bar2 ul li.tit2{ width:80%; background:#fff; border-bottom:2px solid #075f9f; font-size:1.7em; font-family:notokrB; letter-spacing:0.1em;}


.prod_wrap{border-left:1px solid #ddd; border-bottom:1px solid #ddd;border-right:1px solid #ddd; background:#f3f3f3; padding-top:40px;}
.prod_wrap .txt_wrap{ width:100%; margin-bottom:-11px;}
.prod_wrap .txt_wrap .main_sp{}

.prod_wrap .img_wrap{ width:100%; text-align:center; margin-left:4%; padding-bottom:40px;}
.prod_wrap .img_wrap .img_big{ border:1px solid #999; width:92%; height:230px; background:#fff;}
.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{ margin-bottom:10px; display:none}
.prod_wrap .img_wrap .img_small ul li{ float:left; border:1px solid #999; margin-right:8px; margin-top:8px; width:88px; height:88px; background:#fff;}
.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:-42px; right:1px;}
.prod_wrap .img_wrap .bt:hover{ list-style:none;}

.tbl_st2 { border:0px; padding:0px; margin-bottom:10px; font-size:0.9em; border-top:1px solid #ddd;  }
.tbl_st2 tbody th { background:#fff; color:#444444; 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 { background:#f8f8f8; color:#666; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:1.3em; padding:10px 10px; vertical-align:middle; text-align:left; word-break:keep-all;}
.tbl_st2 tbody td p.cate{ margin-left:15px; margin-bottom:5px;}
.tbl_st2 tbody td li.num1{}
.tbl_st2 tbody td ul.active li{ list-style:decimal; margin-left:20px; margin-bottom:1px;}

.tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }

/*2_1_v 제품정보*/
.tab_st2 { position:relative; width:100%; margin-top:40px;}
.tab_st2 ul { position:relative; overflow:hidden; }
.tab_st2 ul li { float:left; width:24.73%; background:#f3f3f3; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; border-left:1px solid #f3f3f3; color:#999; cursor:pointer; text-align:center; border-bottom:1px solid #666; }
.tab_st2 ul li h4 { line-height:40px; font-family:notokrM; font-size:0.9em;}
.tab_st2 ul li:first-child { border-left:1px solid #eaeaea; width:24.7%;}
.tab_st2 ul li.on { background:#fff;color:#333; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #fff; border-left:1px solid #666; height:40px;}

/*2_1_v_1 상세페이지 제품정보*/
.info .txt_w{ margin-top:40px;}
.info .first{ margin-top:0px;}
.info .txt_w h1{ background:url(../images/sub2/tit_icon1.png) no-repeat 5px top; text-indent:25px; font-family:notokrM; font-size:1.2em; color:#333; border-bottom:1px dotted #666; padding-bottom:10px;}
.info .txt_w ul.txt_in{ margin-top:10px; margin-left:10px;}
.info .txt_w ul.txt_in li{ font-size:0.9em; line-height:1.8em; color:#666;}
.info .txt_w ul.txt_in li span.red{ color:#F00;}

/*2_2_cate*/
.tab_st3 { position:relative; width:100%; padding:0px; margin-top:10px; }
.tab_st3 ul { position:relative; overflow:hidden; }
.tab_st3 ul li { float:left; width:19.86%; height:40px; background:#fff; border-top:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; color:#333333; cursor:pointer; text-align:center; background:#f3f3f3;  }
.tab_st3 ul li h4 { font-size:0.9em; font-family:notokrM; line-height:40px; }
.tab_st3 ul li:first-child { width:19.7%; border-left:1px solid #aaaaaa;}
.tab_st3 ul li.on { background:rgba(60, 134, 58, 1); color:#ffffff;}

.cate_1{ margin-top:-30px; margin-bottom:30px; padding-top:30px; padding-bottom:10px; border:1px solid #ddd; border-top:none;}
.cate_1 ul li{ float:left; width:20%; margin-bottom:10px; font-size:0.9em; font-family:notokrM; color:#666; background:url(../images/sub2/li_icon.jpg) no-repeat 10px center; padding-left:20px; text-indent:0px; cursor:pointer;}
.cate_1 ul li:hover{ color:rgba(34, 109, 204, 0.8); transition:all 0.5s;}
.cate_1 ul li.on{ color:rgba(34, 109, 204, 1);}

/*3_1 상세페이지*/
.pro_search .sear_1 .in_wrap7 li{ float:left; height:50px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px;}
.pro_search .sear_1 .in_wrap7 li.img_1{ width:6%; background:rgba(28, 132, 136, 0.8); text-align:center;}
.pro_search .sear_1 .in_wrap7 li.txt_1{ width:14%; text-align:center; background:rgba(51, 51, 51, 0.8); font-size:1.1em; font-family:notokrM; color:#fff;} 
.pro_search .sear_1 .in_wrap7 li.inner_1{ width:78%; padding-left:2%; background:#f3f3f3;}
.pro_search .sear_1 .in_wrap7 li.inner_1 ul.li_btn{}
.pro_search .sear_1 .in_wrap7 li.inner_1 ul.li_btn li.txt{ float:left; width:100%; border:none;}
/*.pro_search .sear_1 .in_wrap7 li.inner_1 ul.li_btn li.btn2{ float:right; width:20%; border:none; margin-right:2%;}*/
.pro_search .sear_1 .in_wrap7 li.inner_1 ul.li_btn li.txt span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; text-align:left;}
.pro_search .sear_1 .in_wrap7 li.inner_1 ul.li_btn li.btn2 span.va_tt{ font-size:0.8em; color:#666; font-family:notokrR; line-height:2em; text-align:right;}

.tbl_st3 { border:0px; padding:0px; margin-bottom:10px;  font-size:0.8em; border-top:2px solid rgba(28, 132, 136, 1);  }
.tbl_st3 thead th { background:#f7faff; color:#333333; border-bottom:1px solid #aaaaaa; line-height:18px; padding:10px 20px; text-align:center; }
.tbl_st3 tbody th { background:#f8f8f8; color:#444444; font-family:notokrM; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 10px; vertical-align:middle; text-align:center; }
.tbl_st3 tbody td { color:#555555; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; line-height:18px; padding:10px 10px; vertical-align:middle; text-align:left; word-break:break-all; }
.tbl_st3 thead th:last-child, .tbl_st3 tbody th:last-child, .tbl_st3 tbody td:last-child {}
.table_btn{ background:#77a876; color:#fff; border:1px solid #ddd; font-size:0.8em; font-family:notokrM; padding:3px 5px; margin-top:3px;}

.doc .not_red{ font-size:0.875em; font-family:notokrM; color:#333; margin-bottom:5px; text-align:right;}
.doc .not_red .red{ color:#F00;}

/*6_2 복리후생*/
.welfare{ text-align:center; margin:0 auto;}
.welfare div{ display:inline-block; text-align:center; margin:0 auto; }
.welfare div.wel_1{ width:186px; text-align:center; height:280px;} 
.welfare div.wel_1 li.wel_img{ margin-top:20px; margin-bottom:20px;}
.welfare div.wel_1 li.wel_img img{ width:50%;}
.welfare div.wel_1 li.wel_tit{ font-family:notokrB; color:#333; font-size:1.1em; margin-bottom:10px;}
.welfare div.wel_1 li.wel_txt{ font-family:notokrM; color:#666; font-size:0.9em; word-break:keep-all; width:160px; margin:0 auto;}

/*6_3 채용절차*/
.top_w1{}
.top_w2{ display:none;}
.process1{ margin-top:50px;}
.process1 ul{ border-left:3px solid rgba(60, 134, 58, 0.4); padding-left:20px;}
.process1 ul li.tit{ font-size:1.1em; font-family:notokrB; color:#333; margin-bottom:10px;}
.process1 ul li.txt{ font-size:0.9em; font-family:notokrR; color:#666; line-height:1.6em; word-break:keep-all;}
.process1 ul li.txt span.red{ font-family:notokrM; color:#ff9900;}
.process1 ul li.txt span.bold{ font-family:notokrM; color:#333;}
.process1 ul li.txt br.pho{ display:none;}

/*6_4*/
.img_tt{ width:100%; background:url(../images/inc/check.png) no-repeat center bottom; padding-bottom:50px;}

.tt .t1{ font-size:16px; color:#000; padding-bottom:15px; color:#445166; line-height:25px;}
.tt .t2{ font-size:15px; color:#000; padding-bottom:30px; line-height:2; color:#666; font-family:notokrR;}
.tt .t3{ font-size:15px; color:#000; padding-bottom:15px; line-height:2; color:#666; font-family:notokrR;}

.sub_in_ul { margin-top:10px; margin-left:16px; }
.sub_in_li { background:url(../images/inc/gnb_bg2.png) no-repeat left top 10px; padding-left:12px; line-height:27px; font-size:15px; color:#666; margin-left:16px; padding-bottom:5px; font-family:notokrR; }
.sub_in_img { margin-left:30px; border:1px solid #ddd; border-radius:10px; padding:0 150px; background:#fff; }
.point_red { padding-left:31px; line-height:50px; font-size:15px; color:#d51c29;  font-family:notokrR;} 

.icon_logo { background:url(../images/inc/gnb_bg3.png) no-repeat left 5px; font-size:21px; padding-left:27px; color:#445166; }
.board_btn_r{ margin-top:10px; margin-left:30px;}


/*6_5 채용결과*/
.cruit1{ display:none;}

.moblie { border:0px; padding:0px; border-top:2px solid #464646; }
.moblie tbody th { background:#f8f8f8; color:#444444; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:5px 10px; vertical-align:middle; text-align:center; font-size:0.9em; font-family:notokrM; }
.moblie tbody td { color:#555555; background:#fff; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:5px 10px; vertical-align:middle; text-align:left; font-size:0.9em; }
.moblie tbody td .select1{ width:40% !important;}
.moblie tbody td .select2{ width:50% !important;}

.tbl_stre { border:0px; padding:0px; border-top:2px solid #464646; }
.tbl_stre tbody th { background:#f8f8f8; color:#444444; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:center; font-size:0.9em; font-family:notokrM; }
.tbl_stre tbody td { color:#555555; background:#fff; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:18px; padding:10px 20px; vertical-align:middle; text-align:left; font-size:0.9em; }

.pro_result .result_1 .in_wrap7 li{ float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pro_result .result_1 .in_wrap7 li.img_1{ width:15%; background:rgba(85, 155, 83, 1); text-align:center; height:50px;}
.pro_result .result_1 .in_wrap7 li.img_1 img{ width:90%;}
.pro_result .result_1 .in_wrap7 li.txt_1{ width:85%; text-align:center; background:rgba(51, 51, 51, 0.8); font-size:1.1em; font-family:notokrM; color:#fff; padding:0 0%; height:50px;} 
.pro_result .result_1 .in_wrap7 li.inner_1{ width:95.8%; padding:2%; background:#f3f3f3; border-left:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:20px;}
.pro_result .result_1 .in_wrap7 li.inner_1 p.see{ margin-bottom:5px; font-size:0.9em; font-family:notokrM; color:#333;}
.pro_result .result_1 .in_wrap7 li.inner_1 p.see span.red{ color:#F00;}

.doc .result_2{ margin-top:20px; background:url(../images/sub6/result1.jpg) no-repeat center center; background-size:100%;}
.doc .result_2 li{ text-align:center; font-size:1.6em; font-family:notokrM; color:rgba(32, 74, 111, 0.9); height:220px;}
.doc .result_3{ margin-top:20px; background:url(../images/sub6/result2.jpg) no-repeat center center; display:none;}
.doc .result_3 li{ text-align:center; font-size:1.2em; font-family:notokrM; color:rgba(32, 74, 111, 0.9); height:220px;}


/*CI소개*/
.ci_tit1{ font-size:21px; color:#00A0E8; margin-bottom:10px; font-family:notokrM; }
.ci_tit1 span.gray{ font-size:13px; color:#999; line-height:1.6; }
.ci_tit2{font-size:21px;color:#00A0E8; margin-top:40px; margin-bottom:10px; font-family:notokrM; }
.ci_tit2 span.gray{ font-size:13px; color:#999; line-height:1.6; }
.cept1{ overflow:hidden;}
.cept1 div{ float:left;}
.cept1 .in_box1{ width:42%;}
.cept1 .in_box2{ width:58%; background:url(../images/sub1/bar1.jpg) no-repeat left top;}
.cept1 .in_box2 .tit2{ margin-top:25px; font-size:20px; font-family:notokrB; margin-bottom:15px; color:#666; }
.cept1 .in_box2 .tit2 span.green{ color:#009943;}
.cept1 .in_box2 .txt2{ font-size:14px; line-height:1.6; color:#666;}

.color_box1{ overflow:hidden;}
.color_box1 p.left{ float:left; width:50%;}
.color_box1 p.right{ float:left; width:50%; text-align:right;}

.shape{ overflow:hidden;}
.shape .simbol{ float:left;}
.shape .simbol .btn{ margin-top:10px; text-align:center;}
.btn0 a.down_ci1{ display:inline-block; width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#1974b4; border:1px solid #1974b4; text-align:center; line-height:25px;}
.btn0 a.down_ci2{ display:inline-block; width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#4a687e; border:1px solid #4a687e; text-align:center; line-height:25px;}
.shape .simbol .btn .down_ci1{ width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#1974b4; border:1px solid #1974b4;}
.shape .simbol .btn .down_ci2{ width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#4a687e; border:1px solid #4a687e;}
.shape .word{ float:right;}
.shape .word .btn{ margin-top:10px; text-align:center;}
.shape .word .btn .down_ci1{ width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#1974b4; border:1px solid #1974b4;}
.shape .word .btn .down_ci2{ width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#4a687e; border:1px solid #4a687e;}

.txt_w{ border:1px solid #ddd; padding:20px; overflow:hidden;}
.txt_w p{ font-size:14px; line-height:1.6; color:#000;}
.txt_w ul li{ font-size:14px; line-height:1.6; color:#666;}
.txt_w .left{ float:left; width:49%;}
.txt_w .left span.c_box{ display:inline-block; width:70px; color:#fff; background:#009943; text-align:center; padding:4px 0; margin-right:5px;}
.txt_w .left span.black{ color:#000; font-family:notokrM;}

.txt_w .right{ float:right; width:49%;}
.txt_w .right span.c_box{ display:inline-block; width:70px; color:#fff; background:#1C1F87; text-align:center; padding:4px 0; margin-right:5px;}
.txt_w .right span.black{ color:#000; font-family:notokrM;}

.logo_w{ overflow:hidden; margin-left:-15px;} 
.logo_w div {float:left; margin-left:15px;}

.btn0{ margin-top:10px; text-align:center;}
.btn0 .down_ci1{ width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#1974b4; border:1px solid #1974b4;}
.btn0 .down_ci2{ width:50px; margin-right:5px; height:25px; font-size:13px; color:#fff; background:#4a687e; border:1px solid #4a687e;}