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

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

/*header animation*/
#header.main_head.ani{position:fixed; top:0; left:0; }
#header.main_head.ani .logo_area .logo{padding-top:10px;}
#header.main_head.ani .logo_area .logo a img{width:140px;}
#header.main_head.ani .logo_area .searching{top:7px;}
#header.main_head.ani .logo_area .brochure{top:9px;}
#header.main_head.ani .logo_area{height:52px;}
#header.main_head.ani .top_area{display:none;}
#header.main_head.ani .gnb_area .gnb > li .dp1{height:35px; line-height:35px;}
#header.main_head.ani .gnb_area .gnb .dp2{top:35px;}
#header.main_head.ani .all_menu{top:52px;}


/*header all menu*/

#header .all_menu {display:none; width:100%; background:#fff; position:absolute; top:82px; left:0; z-index:999999; border:1px solid #ccc; box-sizing:border-box; }
#header .all_menu .gnb{}
#header .all_menu .gnb *{transition:0!important;}
#header .all_menu .gnb > li{float:left; width:16.66%; text-align:center;}
#header .all_menu .gnb > li .dp1{font-size:1.3em; font-weight:600; border-bottom:1px solid #444; padding:11px 0; display:block; background:#f1f1f1; position:relative}
#header .all_menu .gnb > li .dp1::before{content:''; position:absolute; left:0; top:14px; display:inline-block; *display:inline; zoom:1; width:1px; height:15px; background:#ccc;}
#header .all_menu .gnb > li:first-child .dp1::before{background:none;}
#header .all_menu .gnb > li .dp2{padding:20px 0;}
#header .all_menu .gnb > li .dp2 > li{}
#header .all_menu .gnb > li .dp2 > li > a{font-size:1.077em; color:#333; padding:9px 0; display:block;}
#header .all_menu .gnb > li .dp2 > li > a:hover{color:#24569b; font-weight:600;}

#header .all_menu .gnb .dp3,
#header .all_menu .gnb .m_guide,
#header .all_menu .gnb .m_member,
#header .all_menu .gnb .m_mypage,
#header .all_menu .gnb .m_sitemap,
#header .all_menu .gnb .m_searching{ display:none;}

#header *{transition:0.6s;}
#header .gnb_area *{transition:0!important;}
#header{width:100%; background:#fff; position:relative; z-index:9999999;}
#header .top_area{border-bottom:1px solid #ccc; background:#f5f5f5;}
#header .top_area .box1{}
#header .top_area .box1 .left_home{position:absolute; top:0; left:0;}
#header .top_area .box1 .left_home li{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff; background:#fff; }
#header .top_area .box1 .left_home li a{color:#0075cd; font-family:dotum, san-serif; font-weight:600; border-top:2px solid #0075cd; padding:6px 32px; display:block;}

#header .top_area .box1 .r_menu{float:right;}
#header .top_area .box1 .r_menu ul{ float:left; overflow:hidden;}
#header .top_area .box1 .r_menu ul li{float:left; line-height:28px; height:28px; border-right:1px solid #ccc;}
#header .top_area .box1 .r_menu ul li.fav{width:31px;}
#header .top_area .box1 .r_menu ul li.fav a{background:url(../images/inc/icon_fav.png) no-repeat center center;}
#header .top_area .box1 .r_menu ul li.fav:hover a{background:#fff url(../images/inc/icon_fav_h.png) no-repeat center center; text-decoration:none;}
#header .top_area .box1 .r_menu ul li:first-child{border-left:1px solid #ccc;}
#header .top_area .box1 .r_menu ul li a{color:#acacac; font-size:12px; font-family:dotum, san-serif; font-weight:600; padding:2px 7px; display:block;}
#header .top_area .box1 .r_menu ul li.kor a{color:#0075cd; background:#fff;}
#header .top_area .box1 .r_menu ul li.eng a:hover{color:#0075cd;}
#header .top_area .box1 .r_menu ul li.searching_m{background:#24569b; display:none;}
#header .top_area .box1 .r_menu ul li.searching_m img{padding-top:3px;}

/*----------gnb----------*/ 
#header .gnb_area{ color:#000;}
#header .logo_area{height:82px;}
#header .logo_area .logo { text-align:left; z-index:9999; padding-top:19px;}
#header .logo_area .searching{width:400px; height:39px; border:3px solid #24569b; border-radius:40px; position:absolute; top:21px; left:50%; margin-left:-200px; box-sizing:border-box;
padding-right:30px;}
#header .logo_area .searching .sc_btn{position:absolute; right:-20px;; top:-3px; width:50px; height:39px; background:url(../images/inc/sc_btn_bg.png) no-repeat right center;}
#header .logo_area .searching .sc_btn >button{background:none; border:0; padding:10px; cursor:pointer;}
#header .logo_area .searching .sc_input{height:25px; width:92%; border:0; padding:4px 3% 4px 0px; margin-left:5%; font-size:1.15em; color:#666;}
#header .logo_area .brochure{position:absolute; right:0; top:23px;}
#header .logo_area .brochure ul{}
#header .logo_area .brochure ul > li{float:left; border:1px solid #ccc; margin-left:3px;}
#header .logo_area .brochure ul > li:first-child{margin-left:0;}
#header .logo_area .brochure ul > li.bro > a{padding:10px 36px 9px; color:#0060a8; background:url(../images/inc/icon_bro.png) no-repeat 110px 15px;}
#header .logo_area .brochure ul > li.bro:hover{border:1px solid #999;}
#header .logo_area .brochure ul > li.ham:hover{border:1px solid #999;}
#header .logo_area .brochure ul > li.ham{width:38px; height:34px; cursor:pointer; position:relative;}
#header .logo_area .brochure ul > li.ham *{transition:0.3s!important;}
#header .logo_area .brochure ul > li.ham .ham_line1{width:18px; height:2px; background:#001b2f; position:absolute; top:10px; left:10px;}
#header .logo_area .brochure ul > li.ham .ham_line2{width:12px; height:2px; background:#001b2f; position:absolute; top:16px; left:10px;}
#header .logo_area .brochure ul > li.ham .ham_line3{width:18px; height:2px; background:#001b2f; position:absolute; top:23px; left:10px;}

@media all and (min-width:769px){
#header .logo_area .brochure ul li.ham:hover .ham_line1{width:12px;}
#header .logo_area .brochure ul li.ham:hover .ham_line2{width:18px;}
#header .logo_area .brochure ul li.ham:hover .ham_line3{width:12px; }
}

#header .logo_area .brochure ul li.ham .ham_line1.ham_ani{transform:rotate(45deg); top:16px; width:20px;}
#header .logo_area .brochure ul li.ham .ham_line2.ham_ani{opacity:0;}
#header .logo_area .brochure ul li.ham .ham_line3.ham_ani{transform:rotate(-45deg); top:16px;width:20px;}
#header .logo_area .brochure ul > li > a{display:block; font-size:13px;}

#header .logo_area .brochure ul > li.bro{position:relative;}
#header .logo_area .brochure ul > li.bro .bro_pop{position:absolute; top:39px; left:50%; margin-left:-100px; width:200px; background:#fff; z-index:1012; border:1px solid #999; display:none; border-top:3px solid #666; box-shadow:2px 4px 3px 1px rgba(0, 0, 0, 0.3); border-radius:3px;}
#header .logo_area .brochure ul > li.bro .bro_pop ol{padding:10px; min-height:40px;}
#header .logo_area .brochure ul > li.bro .bro_pop ol li{padding-left:7px; margin-bottom:9px; position:relative;}
#header .logo_area .brochure ul > li.bro .bro_pop ol li:last-child{margin-bottom:0;}
#header .logo_area .brochure ul > li.bro .bro_pop ol li::before{content:''; display:inline-block; *display:inline; zoom:1; width:3px; height:3px; background:#06C; border-radius:30px; position:absolute; top:6px; left:0;}
#header .logo_area .brochure ul > li.bro .bro_pop ol li a{background:url(../images/inc/icon_bro.png) no-repeat right center; display:block; padding-right:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#header .logo_area .brochure ul > li.bro .bro_pop ol li a:hover{color:#999; text-decoration:underline; transition:0s!important;}
#header .logo_area .brochure ul > li.bro .bro_pop .pop_close{padding:6px 0; text-align:center; background:#666; color:#fff; display:block; cursor:pointer; font-weight:600;}
#header .logo_area .brochure ul > li.bro .bro_pop .pop_close:hover{background:#222;}

#header .gnb_area{ position:relative; z-index:1000; background:#24569b;}
#header .gnb_area > div{ position:relative; z-index:1000; }
#header .gnb_area .gnb{width:100%;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; width:16.66%; text-align:center;}
#header .gnb_area .gnb > li.icon{padding:0;margin-top:30px;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; height:43px; line-height:43px; font-size:1.15em; color:#fff; background:#24569b; border-right:1px solid #376db7;
font-weight:600;}
#header .gnb_area .gnb > li:first-child .dp1{ border-left:1px solid #5f90d4;}
#header .gnb_area .gnb > li > a.dp1:hover, #header .gnb_area .gnb > li > a.on.dp1 { text-decoration:none;  background:#0c3d80} 
#header .gnb_area .gnb .dp2{ position:absolute; left:50%; top:43px; margin-left:-92px; width:182px; background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#header .gnb_area .gnb > li:first-child .dp2{width:181px; margin-left:-91px;}
#header .gnb_area .gnb .dp2 > li{}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:10px 0 10px 20px; background-image:url(../images/icon/icon_dot_blue.gif); background-repeat:no-repeat; 
background-position:10px 13px; text-align:left; color:#333;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_area .gnb .dp2 > li > a:hover{color:#0c3d80; background:#e3e3e3; font-weight:600;}

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

/*mobile searching area*/
#header .searching_m_area{padding:10px 0; width:100%; background:#24569b; text-align:center; display:none;}
#header .searching_m_area .sc_input2{border:none; background:#fff; border-radius:2px; padding:3px 5px; height:20px; width:200px; height:25px;}
#header .searching_m_area .sc_input2_btn{background:none; border:none; vertical-align:middle; padding-left:5px; cursor:pointer;}


/*----------------lnb-----------------------*/
.sub #contents .lnb_area{ z-index:inherit; border-bottom:1px solid #ccc; border-top:1px solid #ccc; box-sizing:border-box;}
.sub #contents .lnb_area .gnb {  }
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{height:78px; background:#06a4f5; background:url(../images/inc/lnb_tit.jpg) no-repeat 0 0;}

.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block;  line-height:78px; font-size:20px; font-weight:600; color:#fff; padding-left:24px; }
.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2{font-size:0; text-align:center; background:#fff;}
.sub #contents .lnb_area .gnb .dp2 > li{display:inline-block; *display:inline; zoom:1; width:20%;  position:relative; }
.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; bottom:-1px; left:50%; width:0; height:1px; background:#000; transition:0.4s;}
.sub #contents .lnb_area .gnb .dp2 > li::after{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; bottom:-1px; right:50%; width:0; height:1px; background:#000; transition:0.4s;}
.sub #contents .lnb_area .gnb .dp2 > li:hover::before,
.sub #contents .lnb_area .gnb .dp2 > li:hover::after{width:50%;}
.sub #contents .lnb_area .gnb .dp2 > li.on::after,
.sub #contents .lnb_area .gnb .dp2 > li.on::before{background:none!important;}

.sub #contents .lnb_area .gnb .dp2 > li > a{ padding:11px 26px; display:block; font-size:1.077em; color:#888; font-weight:600;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{background:#f1f1f1;}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#24569b;}
.sub #contents .lnb_area .gnb .dp2 > li:hover > a{color:#333; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li.on > a{ color:#fff; text-decoration:none; }

.sub #contents .lnb_area .sub_cus { margin-top:71px; }
.sub #contents .lnb_area .sub_cus a{text-decoration:none;}
.sub #contents .lnb_area .sub_cus li { border:1px solid #ccc; max-width:238px; width:100%; height:156px; text-align:center; padding-top:22px;}
.sub #contents .lnb_area .sub_cus li .view{padding:8px 13px; background:#636363; border-radius:5px; color:#fff; width:52px; margin:0 auto;}

.sub_5_1 #contents .lnb_area .gnb .dp2 > li,
.sub_5_2 #contents .lnb_area .gnb .dp2 > li,
.sub_5_3 #contents .lnb_area .gnb .dp2 > li,
.sub_5_4 #contents .lnb_area .gnb .dp2 > li{width:25%;}

/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding:30px 30px 173px 30px; overflow:hidden; }
.sub .svisu_area{ height:173px; width:100%; position:relative;} 
.sub .svisu_area .visu_sgarea{ text-align:center;padding-top:0px; opacity:0;}
.sub .svisu_area .visu_sgarea .visu_sg1 { font-size:1.69em; color:#444; margin-bottom:7px; }
.sub .svisu_area .visu_sgarea .visu_sg2 { font-size:2.8em; color:#444; font-weight:600; font-family:nbg, san-serif;}

.sub .sub_con{position:relative; z-index:1;}
.sub .sub_con .gnb_area{ float:left; }
.sub .sub_con .con_area{}
.sub .sub_con .con_area .tit_line{width:30px; height:1px; background:#999; margin:10px auto;}

.sub .sub_con .con_area .tit_area{ position:relative; }
.sub .sub_con .con_area .tit_area h3 {text-align:center; color:#555; font-weight:600; font-size:2.3em; padding:40px 0 10px;}
.sub .sub_con .con_area .tit_area h3 strong{ display:inline-block; *display:inline; zoom:1; font-size:22px; color:#333; line-height:62px; }
.sub .sub_con .con_area .tit_area .line{ height:1px; width:50px; background:#6bb429; margin:10px 0}
.sub .sub_con .con_area .tit_area .nav { position:absolute; right:0px; top:10px; }
.sub .sub_con .con_area .tit_area .nav > li{ background:url(../images/inc/nav_arr.png) no-repeat 4px 3px; display:inline-block; *display:inline; zoom:1;font-size:13px; color:#999; padding-left:15px; line-height:15px; }
.sub .sub_con .con_area .tit_area .nav > .bn { background:none; }
.sub .sub_con .con_area .tit_area .nav > li.this{ color:#24569b; font-weight:600;}
.sub .sub_con .con_area .tit_area .nav > li img{vertical-align:middle;}
.sub .sub_con .con_area .tit_area .nav .home{padding-left:17px; background:url(../images/inc/home.png) no-repeat 0 0;}
.sub strong { padding-left:5px; }



/*main*/
.con1{padding:32px 0; background:url(../images/main/con1_bg.jpg) no-repeat center top; background-size:cover;}
.vis_con{float:left; width:72%; max-width:792px; height:318px; box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.4);}
.vis_con .vis_txt{padding:35px 46px;}
.vis_con .p1{font-size:1.61em; color:#fff; font-family:notokrB; text-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5); padding-bottom:3px;}
.vis_con .p2{font-size:1.15em; color:#fff; font-family:notokrR; text-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.5);}
.vis_con .line1{width:53px; height:4px; background:#fff; margin:14px 0;}
.com_con{float:left; width:26.18%; max-width:288px; margin-left:1%; height:318px; box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.2);}
.com_con .dv_1{width:100%; height:241px; background:url(../images/main/com_con.jpg) no-repeat center top;}
.com_con .dv_1 .p1{font-size:1.53em; color:#fff; line-height:24px; font-weight:600; padding:24px 0 0 17px;}
.com_con .dv_1 .com_line1{width:26px; height:2px; background:#fff; margin:17px 0; margin-left:17px;}
.com_con .dv_1 .p2{font-size:1.30em; color:#fff; padding-left:17px;}

.com_con ul{overflow:hidden;}
.com_con ul li{float:left; width:50%; background:url(../images/main/com_con_btn_bg.jpg) no-repeat center center; background-size:100% 100%; text-align:center; position:relative;}
.com_con ul li:hover{background:url(../images/main/com_con_btn_bg_on.jpg) no-repeat center center;  background-size:100% 100%;}
.com_con ul li a{color:#fff; padding:12px 0; display:block; }
.com_con ul li.b1::before{content:''; display:inline-block; *display:inline; zoom:1; background:#5f90d4; width:100%; height:1px; position:absolute; bottom:0; left:0;}
.com_con ul li.b2::after{content:''; display:inline-block; *display:inline; zoom:1; background:#5f90d4; width:1px; height:100%; position:absolute; bottom:0; left:0;}

.con1 .box1{padding:0 1%; box-sizing:border-box;}
.con1 .box1 .over{margin-bottom:16px; padding-bottom:4px;}

.con1 .busi_ul{overflow:hidden; padding-bottom:4px;}
.con1 .busi_ul > li{float:left; width:32.27%; margin-left:1.2%; box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.2);}
.con1 .busi_ul > li:first-child{margin-left:0;}
.con1 .busi_ul > li .tit_dv{text-align:center;  transition:0.2s; padding:13% 0;}
.con1 .busi_ul > li .tit_dv.bg1{background:url(../images/main/tit_dv_1.jpg) no-repeat center center; background-size:100%; }
.con1 .busi_ul > li .tit_dv.bg2{background:url(../images/main/tit_dv_2.jpg) no-repeat center center; background-size:100%;}
.con1 .busi_ul > li .tit_dv.bg3{background:url(../images/main/tit_dv_3.jpg) no-repeat center center; background-size:100%;}
.con1 .busi_ul > li .tit_dv .p1{font-size:1em; color:#fff;}
.con1 .busi_ul > li .tit_dv .busi_line1{width:16px; height:1px; background:#fff; margin:2.2% auto;}
.con1 .busi_ul > li .tit_dv .p2{font-size:1.3em; color:#fff; font-weight:600;}
.bg_on{}

.con1 .busi_ul > li .btn_dv{width:100%; background:#fff; height:65px; text-align:center; line-height:65px;}
.con1 .busi_ul > li .btn_dv a{padding:10px 20px; color:#333; border:1px solid #ccc; border-radius:3px; }
.con1 .busi_ul > li .btn_dv a:hover{background:#154f98; border:1px solid #154f98; color:#fff; transition:0.2s; text-decoration:none;}

.main_p_tit{padding-left:22px; font-weight:600; color:#333; font-size:1.30em; background:url(../images/main/main_p_tit.jpg) no-repeat left center; margin-bottom:18px;}
.con2{overflow:hidden; padding-top:30px; margin-bottom:10px;}
.con2 .con2_center{float:left; overflow:hidden; width:55%;}
.con2 .con2_center *{}
.con2 .con2_center .tab_idx{float:left; width:22%;}
.con2 .con2_center .tab_idx > li{background:#7cb3d7; height:179px; line-height:89px; width:100%; position:relative; border-top:1px solid #ccc; cursor:pointer; text-align:center;}
.con2 .con2_center .tab_idx > li:first-child{border-top:0;}
.con2 .con2_center .tab_idx > li.on{background:#2166c6!important;}
.con2 .con2_center .tab_idx > li.on .on_arr{position:absolute; top:39px; right:-9px;}
.con2 .con2_center .tab_idx > li:hover{background:#63a3cd}
/*.con2 .con2_center .tab_idx > li:hover p{ background:url(../images/main/notice_arr.png) no-repeat 95% center; opacity:0.8; transition:0.3s;}*/
.con2 .con2_center .tab_idx > li > p{color:#fff; font-size:1.38em; padding:3px 20px; font-weight:600;  opacity:0.5; transition:0.3s;}
.con2 .con2_center .tab_idx > li.on > p{opacity:1;}
.con2 .con2_center .con_idx{float:left; width:72%;}
.con2 .con2_center .con_idx .idx{border:1px solid #ccc; border-left:0; padding:20px; height:179px; box-sizing:border-box;}
.con2 .con_idx > .idx .more_btn{ position:absolute; right:18px; top:19px;}
.con2 .con_idx > .idx .more_btn a{color:#777; font-size:14px; text-decoration:none;}
.con2 .con_idx > .idx .main_notice .open_tit{font-weight:600; font-size:1.077em; color:#222; padding-right:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-bottom:14px;}
.con2 .con_idx > .idx .open{position:relative;}
.con2 .con_idx > .idx .open_date{position:absolute; left:0; top:0; width:69px; background:#2166c6; color:#fff; font-size:12px; text-align:center; padding:7px 0;}
.con2 .con_idx > .idx .open_date span{font-size:18px; font-weight:600;}
.con2 .con_idx > .idx .open_txt{padding:11px 0 11px 80px;}
.con2 .con_idx > .idx .list_ul{margin-top:30px;}
.con2 .con_idx > .idx .list_ul li{padding-bottom:7px; margin-bottom:7px; position:relative;}
.con2 .con_idx > .idx .list_ul li a{text-decoration:none;}
.con2 .con_idx > .idx .list_ul li a p{font-size:1em; color:#333; padding-right:90px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.con2 .con_idx > .idx .list_ul li a p:hover{color:#777;}
.con2 .con_idx > .idx .list_ul li a p span{color:#999; position:absolute; right:0; top:0;}
.con2 .con_idx > .idx .list_ul li:first-child{border-bottom:1px dashed #ccc;}

.con2 .con2_prod{float:left;width:41%; margin-left:4%;}
.con2 .con2_prod .p1{font-size:1.07em; color:#333; margin-bottom:32px; padding-top:4px;}
.con2 .con2_prod .prod_ul{overflow:hidden;}
.con2 .con2_prod .prod_ul li{float:left; width:23%; padding:0 1%; text-align:center;}
.con2 .con2_prod .prod_ul li p{font-size:1em; line-height:20px;}

.con3{border-top:1px solid #ccc; width:100%; margin-top:28px; padding-top:28px; margin-bottom:38px;}
.con3 .l_dv{float:left; width:45.5%; position:relative;}
.con3 .l_dv .more_btn a{position:absolute; right:0; top:4px; color:#777; font-size:14px; text-decoration:none;}
.con3 .r_dv{float:left; width:53.5%; margin-left:1%;}	
.con3 .photo_list_ul{overflow:hidden;}
.con3 .photo_list_ul > li{float:left; width:49%; margin-left:2%; position:relative; overflow:hidden; }
.con3 .photo_list_ul > li *{ transition:0.2s;}
.con3 .photo_list_ul > li a > img{width:100%; height:178px;}	
.con3 .photo_list_ul > li:hover  a .photo1{transform:scale(1.1,1.1);}
.con3 .photo_list_ul > li:hover .tit_box{background:rgba(0, 0, 0, 0.7);}
.con3 .photo_list_ul > li:first-child{margin-left:0;}
.con3 .photo_list_ul > li .tit_box{position:absolute; bottom:0; left:0; width:100%; height:53px; background:rgba(0, 0, 0, 0.4); text-align:center;}
.con3 .photo_list_ul > li .tit_box .photo_tit{font-size:1.07em; color:#fff; font-weight:600; padding:10px 10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.con3 .photo_list_ul > li .tit_box .date{font-size:1em; color:#b7b7b7; padding:6px 0;}
.con3 .photo_list_ul > li .play_btn{position:absolute; left:50%; margin-left:-32px; top:30%; z-index:99999;}
.con3 .photo_list_ul > li .play_btn img{ width:63px!important; }
.con3 .popzone{float:left; border:1px solid #ccc; max-width:337px; width:57%; margin-left:2%; box-sizing:border-box; }
.con3 .tit_dv{border-bottom:1px solid #ccc;}
.con3 .tit_dv > p{font-size:1.154em; font-weight:600; color:#222; padding:9px 0 10px 12px;}

.con3 .bro{float:left; border:1px solid #ccc; max-width:230px; width:39%; margin-left:2%; box-sizing:border-box; }
.con3 .bro .bro_img a img{width:100%;}



/*sub page*/

/*inc*/
.sub_ment{text-align:center; font-size:1.23em; font-weight:600; color:#666; margin-bottom:10px;}
.sub_ment .st1{font-size:1em; color:#222;}

.p_tit{font-size:18px; color:#333; font-weight:600; padding:0px 0 3px 19px; background:url(../images/inc/p_tit.jpg) no-repeat 0 3px; margin-bottom:3px;}
.p_tit_txt{font-size:1.15em; color:#666; padding-left:20px;}

.img_box2{padding:20px 10px; border:1px solid #ccc; text-align:center; margin:15px 0 0 20px;}

/*1_1*/
.over{overflow:hidden;}
.sub1_1 .txt_box{float:left;width:44%}
.sub1_1 .txt_box .p1{font-size:1.69em; color:#585858; font-weight:600; line-height:1.23em;}
.sub1_1 .txt_box .line1{width:170px; height:1px; background:#ccc; margin:20px 0;}
.sub1_1 .txt_box .p2{font-size:1.308em; color:#505050; margin-bottom:30px; line-height:1.38em;}
.sub1_1 .txt_box .p2 .st1{font-size:1em; color:#006cc7; font-weight:600;}
.sub1_1 .txt_box .p3{font-size:1.46em; color:#393939; font-weight:600;}

.sub1_1 .img_box_1{float:right; width:54%; margin-left:2%; text-align:right;}
.sub1_1 .img_box_1 img{width:100%; max-width:557px;}
.sub1_1 .img_box_2{max-width:1040px; width:100%; margin-top:130px;}
.sub1_1 .img_box_2 img{width:100%;}

.sub1_1 .tbl_box1{padding-top:140px; background:url(../images/sub1/deco_img.jpg) no-repeat right 43px;}
.sub1_1 .tbl_box1 .sub1_1_tbl{width:100%; border-top:2px solid #555;}
.sub1_1 .tbl_box1 .sub1_1_tbl tbody th{font-size:1.154em; color:#585858; font-weight:600; text-align:center; padding:15px 0; border:1px solid #ccc; background:#f0f0f0;}
.sub1_1 .tbl_box1 .sub1_1_tbl tbody td{font-size:1.077em; color:#6b6b6b; padding:15px 0 15px 12px; border:1px solid #ccc;}


/*sub1_2*/
.sub_his .his_img{width:100%; max-width:950px; margin:0 auto -1px; border:1px solid #999; box-sizing:border-box;}
.sub_his .his_img img{width:100%;}
.sub_his .his_ment{width:94%; padding:30px 3%; text-align:center;}
.sub_his .his_ment > p{font-size:1.30em; font-weight:600; color:#555; display:inline-block; position:relative;}
.sub_his .his_ment > p::before{content:url(../images/sub1/his_ment_be.jpg); position:absolute; left:-24px; top:-5px;}
.sub_his .his_ment > p::after{content:url(../images/sub1/his_ment_af.jpg); position:absolute; right:-24px; top:-5px;}

.sub_his .year_dv{position:relative; width:100%; max-width:950px; margin:0 auto -2px; }
.sub_his .year_dv .year{position:absolute; left:0; top:0; width:150px; font-size:2em; color:#0077b1; font-family:nbgB; font-style:oblique; font-weight:bold; text-align:center;}
.sub_his .year_dv .month_dv{display:block; padding-left:150px;}
.sub_his .year_dv .month_dv .month_tbl{width:100%;}
.sub_his .year_dv .month_dv .month_tbl .month{width:118px;}
.sub_his .year_dv .month_dv .month_tbl .month_work{width:auto;}
.sub_his .year_dv .month_dv .month_tbl .month_copy{font-size:0.85em;}
.sub_his .year_dv .month_dv .month_tbl tr th{background:#f7f7f7; color:#666; font-size:1.385em; font-style:oblique; text-align:center; font-weight:600; padding:15px 0; border-bottom:1px solid #ddd;}
.sub_his .year_dv .month_dv .month_tbl tr:first-child th{border-top:3px solid #5d5d5d; box-sizing:border-box;}
.sub_his .year_dv .month_dv .month_tbl tr:first-child td{border-top:1px solid #5d5d5d;}
.sub_his .year_dv .month_dv .month_tbl tr td{border-bottom:1px solid #ddd; padding:15px 15px;}
.sub_his .year_dv .month_dv .month_tbl tr td .work_ul li{ font-size:1em; color:#333; margin-bottom:5px; position:relative; padding-left:10px;}
.sub_his .year_dv .month_dv .month_tbl tr td .work_ul li.point{font-weight:600; color:#0d9dc1;}
.sub_his .year_dv .month_dv .month_tbl tr td .work_ul li::before{content:url(../images/inc/work_arr.png); position:absolute; left:0; top:4px;}

.sub_his .year_dv2 .month_dv .month_tbl tr th{font-style:normal;}
.sub_his .year_dv2 .month_dv .month_tbl .old_year{color:#999; font-size:0.85em; }
.sub_his .year_dv2 .month_dv .month_tbl tr:first-child th{border-top:3px solid #aeaeae; box-sizing:border-box;}
.sub_his .year_dv2 .month_dv .month_tbl tr:first-child td{border-top:1px solid #aeaeae;}

.sub_his .year_dv2{position:relative;}
.left_logo{position:absolute; left:-10px; bottom:80px;}

/* certificate */
.certi_list_wrap { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; }
.certi_list_wrap ul.certi_list { list-style:none;  padding:0px; position:relative; overflow:hidden; margin-left:-15px;}
.certi_list_wrap ul.certi_list li { float:left; list-style:none; width:25%; margin-bottom:40px; padding:0px; position:relative; vertical-align:top; cursor:pointer; }
.certi_list_wrap ul.certi_list li dl { position:relative; margin-left:15px;}
.certi_list_wrap ul.certi_list li dl dt {border:1px solid #dddddd; background:#ffffff;}
.certi_list_wrap ul.certi_list li dl dt img { width:100%; box-sizing:border-box;}
.certi_list_wrap ul.certi_list li dl dd { width:100%; min-height:36px; margin:0px; line-height:36px;  overflow:hidden; }
.certi_list_wrap ul.certi_list li dl dd p { width:100%;  color:#fff; font-size:14px; font-weight:bold; text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; background:#444; border-radius:0 0 5px 5px; border-top:4px solid #24569b}
.certi_list_wrap2 ul.certi_list li dl dd p{background:#777;}
.certi_list_wrap ul.certi_list li:hover dl dt { border:1px solid #24569b; }
.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }

.sub1_3tab .tab_idx{ text-align:center; border-bottom:3px double #999; font-size:0;}
.sub1_3tab .tab_idx > li{display:inline-block; *display:inline; zoom:1; width:200px; height:36px; line-height:36px; background:#888; color:#fff; font-weight:600; text-align:center; border-radius:5px 5px 0 0; cursor:pointer; transition:0.3s; font-size:1.15rem;}
.sub1_3tab .tab_idx > li.on{background:#333;}
.sub1_3tab .tab_idx > li:first-child{margin-right:1px;}
.sub1_3tab .con_idx{margin-top:30px;}

/*sub1_4*/
.ci_tit1{color:#24569b; font-size:1.6em; font-weight:600; margin-bottom:20px; text-align:center;}
.meaning_box{border:1px solid #ccc; padding:35px 50px; position:relative;}
.meaning_box .embl{position:absolute;left:50px; top:35px;}
.meaning_box > ul{margin-left:210px; margin-top:4px;}
.meaning_box > ul > li{position:relative; padding-left:110px; margin-bottom:20px;}
.meaning_box > ul > li::before{content:''; position:absolute; left:0; top:7px; display:inline-block; *display:inline; zoom:1; background:#24569b; width:3px; height:3px;}
.meaning_box > ul > li .st1{position:absolute; left:10px; top:0; font-size:1em; color:#333;}
.meaning_box > ul > li.keyword .st2{font-size:1.2em;}
.meaning_box > ul > li.keyword{font-size:1.15em; color:#24569b;}
.meaning_box > ul > li.meaning{font-size:1.15em; color:#767676;}
.meaning_box .down_area{margin-left:320px; margin-top:4px;}
.meaning_box .down_area > button{padding:9px 18px; border-radius:30px; color:#fff; box-shadow:2px 2px 0 0 rgba(0, 0, 0, 0.3); border:0; cursor:pointer; margin-right:3px; transition:0.2s;}
.meaning_box .down_area > button.ai{background:#24569b;}
.meaning_box .down_area > button.jpg{background:#294f80;}
.meaning_box .down_area > button.ai:hover{background:#163d72;}
.meaning_box .down_area > button.jpg:hover{background:#0c2d5b;}
.meaning_box .down_area > button.ai span{background:url(../images/sub1/icon_down.png) no-repeat right center; padding-right:25px;}
.meaning_box .down_area > button.jpg span{background:url(../images/sub1/icon_down.png) no-repeat right center; padding-right:25px;}

.color_box{border:1px solid #ccc;}
.color_box .mean{ border-bottom:1px solid #ccc; padding:27px 20px;}
.color_box .mean > p{font-size:1.2em; color:#666; padding-left:16px; position:relative; }
.color_box .mean > p::before{content:url(../images/sub1/mean_arr.jpg); position:absolute; left:0; top:3px;}
.color_box .logo_color{overflow:hidden; font-size:0;}
.color_box .logo_color .l_dv{float:left; width:33.62%;}
.color_box .logo_color .l_dv img{max-width:349px; width:100%;}
.color_box .logo_color .r_dv{float:right; width:66.38%;}
.color_box .logo_color .r_dv img{max-width:689px; width:100%;}

.sig_box{overflow:hidden;}
.sig_box .sig_l{float:left; width:49.5%;}
.sig_box .sig_r{float:right; width:49.5%; margin-left:1%;}

/*sub1_5*/
.map{ }
.map_info { width:100%; margin:-1px auto 0; padding:0px; border-collapse:collapse;  border-top:1px solid #ddd;}
.map_info th {  padding:12px 20px 12px 25px; text-align:left; font-size:1.154em; font-family:"notokrM"; border-right:1px dotted #eeeeee; border-bottom:1px solid #888; background:#f7f7f7; color:#333333; } 
.map_info  td { padding:12px 20px 12px 25px; text-align:left; font-size:1.077em; color:#555555; border-bottom:1px solid #ccc; line-height:25px; } 
.map_info  td p.tt { font-size:1.077em; margin-bottom:4px;}
.map_info  td p.body_txt { padding-left:28px;}


/*sub2_1*/
.sub2_1 .txt_box1{float:left; width:53%;}
.sub2_1 .txt_box1 .p1{font-size:1.3em; color:#666; line-height:24px;}
.sub2_1 .txt_box1 .p1 .st1{font-size:1.61em; color:#24569b; font-weight:600;}
.sub2_1 .img_box1{float:right; margin-left:3%; width:44%;}
.sub2_1 .img_box1 img{max-width:457px; width:100%;}

.sub2_1 .l_img{float:left; width:49%;}
.sub2_1 .l_img img{max-width:490px; width:100%;}
.sub2_1 .r_img{float:right; width:49%;}
.sub2_1 .r_img img{max-width:490px; width:100%;}

.sub2_1 #gallery{border:1px solid #ccc; padding:10px;  font-size:0;}
.sub2_1 #gallery a{display:inline-block; width:19.6%; margin:5px 0.2%; height:160px; filter:alpha(opacity=70); opacity:0.7;}
.sub2_1 #gallery a:hover{ filter:alpha(opacity=100); opacity:1; transition:0.2s;}
.sub2_1 #gallery a img{width:100%; height:100%;}


/*sub2_2*/
.sub2_2 .over{overflow:hidden;}

.sub2_2 .left_box1{float:left; width:40%; }
.sub2_2 .left_box1 p{font-size:1.31em; font-weight:600; color:#333; margin-bottom:5px;}
.sub2_2 .left_box1 ul{margin-bottom:20px;}
.sub2_2 .left_box1 ul li{ font-size:1em; color:#666; margin-bottom:5px; position:relative; padding-left:10px;}
.sub2_2 .left_box1 ul li::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; top:7px; left:0; width:3px; height:3px; background:#999;}
.sub2_2 .left_box1 .left_box_con{margin-top:30px; border:1px solid #ccc; padding:20px 10px 20px 20px; border-radius:5px; border-top:3px solid #24569b; position:relative;}
.sub2_2 .left_box1 .left_box_con .arr_img{position:absolute; right:-18px; top:45%;}
.sub2_2 .img_box{float:left; width:59%; margin-left:1%; text-align:right;}
.sub2_2 .p1_box{text-align:center;}
.sub2_2 .p1_box .p1{font-size:1.53em; color:#333; display:inline-block; *display:inline; zoom:1; text-align:center; padding:15px 30px;
background:url(../images/sub2/2_2img02.jpg) no-repeat left top, url(../images/sub2/2_2img03.jpg) no-repeat right top;}
.sub2_2 .p1_box .p1 .st1{font-size:1.30em; color:#24569b; font-weight:600;}
.sub2_2 .p2_box{padding:20px 15px; background:#f0f0f0; border:1px solid #ccc; margin-top:15px; margin-bottom:70px;}
.sub2_2 .p2_box .p2{font-size:1.23em; line-height:26px; color:#666; }
.sub2_2 .p2_box .p2 .st1{font-size:1em; font-weight:600; color:#1E7EC6}
.sub2_2 .factory_img{margin-top:50px;}
.sub2_2 .big_img{padding:10px; border:1px solid #ccc; }
.sub2_2 .small_img{margin-top:20px;}
.sub2_2 .small_img ul{overflow:hidden; padding:10px; border:1px solid #ccc;}
.sub2_2 .small_img ul li{float:left; width:19.2%; margin-left:1%; cursor:pointer;}
.sub2_2 .small_img ul li:first-child{margin-left:0;}

.factory_img{margin-bottom:70px;}

.sub1_1_tbl{width:100%; border-top:1px solid #999;}
.sub1_1_tbl .th1{width:auto;}
.sub1_1_tbl .td1{width:7%}
.sub1_1_tbl thead tr th{background:#ececec; color:#333; font-size:1em; border:1px solid #ccc; padding:10px 0;text-align:center; border-bottom:1px solid #333;}
.sub1_1_tbl thead tr td{background:#fff; color:#333; font-size:1em; border:1px solid #ccc; padding:10px 0;text-align:center; border-bottom:1px solid #333;}
.sub1_1_tbl tbody tr th{background:#F9F9F9; color:#333; font-size:1.07em; border:1px solid #ccc; padding:16px 0px; text-align:center; border-bottom:1px solid #777;}
.sub1_1_tbl tbody tr td{color:#333; font-size:1em; border:1px solid #ccc; padding:10px 10px;text-align:left;}
.sub1_1_tbl tbody td ul li{padding-left:9px; position:relative; margin-bottom:5px; font-size:1.07em; text-align:left;}
.sub1_1_tbl tbody td ul li::before{content:''; display:inline-block; *diplay:inline-block; zoom:1; width:3px; height:3px; background:#bbb; position:absolute; top:7px; left:0;}
.sub1_1_tbl tbody td.tbl_bt{border-top:1px solid #999!important;}



.machine{padding:10px 17px; min-height:200px; position:relative;}
.machine .machine_name{padding:7px 10px; border-radius:10px; background:#24569b; display:inline-block; *display:inline; zoom:1; color:#fff; font-weight:600; font-size:1.38em; margin-bottom:10px;}
.machine .machine_info li{padding-left:9px; position:relative; margin-bottom:8px; font-size:1.15em; text-align:left;}
.machine .machine_info li::before{content:''; display:inline-block; *diplay:inline-block; zoom:1; width:3px; height:3px; background:#bbb; position:absolute; top:7px; left:0;}
.machine .machine_img{position:absolute; right:0; bottom:0;}
.machine_photo{padding:10px; border:1px solid #ccc; margin-bottom:70px;}
.machine_photo ul{overflow:hidden;}
.machine_photo ul li{float:left; width:32.3%; margin:0 0.5%; text-align:center;}
.machine_photo ul li img{max-width:331px; width:100%;}
.machine_photo ul li p{font-size:1.15em;padding-top:5px;}
.sub2_3 .img_box3{border:3px double #ccc; text-align:center;}



/*sub3_1*/
.tit_box{ text-align:center;}
.tit_box .prod_tit{display:inline-block; *display:inline; zoom:1; padding:7px 20px; border-radius:40px; background:#24569b; color:#fff; font-weight:600; font-size:1.84em; margin-bottom:20px;}
.tit_box .prod_txt{font-size:1.3em; color:#333; line-height:24px; text-align:left; padding-left:15px; position:relative;}
.tit_box .prod_txt::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; left:0; top:4px; width:4px; height:43px; background:#24569b;}
.tit_box .prod_txt .st1{font-size:1em; color:#24569b; font-weight:600;}
.advantage_box{margin-top:40px;}
.advantage_box > ul{overflow:hidden; max-width:900px; margin:0 auto;}
.advantage_box > ul > li{float:left; width:240px; position:relative; padding-left:54px;}
.advantage_box > ul > li::before{content:''; position:absolute; top:25px; left:0; display:inline-block; *display:inline; zoom:1; background:#ccc; width:1px; height:90px;}
.advantage_box > ul > li:first-child::before{background:none;}
.advantage_box > ul > li .big_tit{font-size:29px; font-weight:600; vertical-align:bottom;}
.advantage_box > ul > li .big_tit .icon1{vertical-align:middle; padding-right:3px;}
.advantage_box > ul > li .big_tit .icon2{vertical-align:middle; padding-left:3px;}
.advantage_box > ul > li ol{margin-left:10px; margin-top:10px;}
.advantage_box > ul > li ol > li{font-size:1.15em; position:relative; padding-left:10px; margin-bottom:5px;}
.advantage_box > ul > li ol > li::before{content:''; position:absolute; left:0px; top:7px; display:inline-block; *display:inline; zoom:1; background:#666; width:4px; height:4px; border-radius:4px;}

.sub3_1 .img_box{border:1px solid #ccc; box-sizing:border-box; width:100%; text-align:center;}
.sub3_1 .img_box img{ width:100%;}
.component_ul{margin-top:10px;}
.component_ul li{font-size:1.15em; margin-bottom:5px; position:relative; padding-left:10px;  color:#333;}
.component_ul li::before{content:''; position:absolute; left:0px; top:7px; display:inline-block; *display:inline; zoom:1; background:#666; width:4px; height:4px; border-radius:4px;}
.component_ul li .st1{font-weight:600;}

.compo_tbl1{width:100%; border-top:1px solid #999;}
.compo_tbl1 .th1{width:auto;}
.compo_tbl1 .td1{width:7%}
.compo_tbl1 thead tr th{background:#ececec; color:#333; font-size:1em; border:1px solid #ccc; padding:10px 0;text-align:center; border-bottom:1px solid #333;}
.compo_tbl1 thead tr td{background:#fff; color:#333; font-size:1em; border:1px solid #ccc; padding:10px 0;text-align:center; border-bottom:1px solid #333;}
.compo_tbl1 tbody tr th{background:#F9F9F9; color:#333; font-size:1.07em; border:1px solid #ccc; padding:16px 0px; text-align:center; border-bottom:1px solid #777;}
.compo_tbl1 tbody tr td{color:#333; font-size:1em; border:1px solid #ccc; padding:10px 10px;text-align:center;}
.compo_tbl1 tbody td ul li{padding-left:9px; position:relative; margin-bottom:5px; font-size:1.07em; text-align:left;}
.compo_tbl1 tbody td ul li::before{content:''; display:inline-block; *diplay:inline-block; zoom:1; width:3px; height:3px; background:#bbb; position:absolute; top:7px; left:0;}
.compo_tbl1 tbody td.tbl_bt{border-top:1px solid #999!important;}
.slide_ment{display:none; font-size:14px; font-weight:600; color:#999; padding-top:10px; text-align:center;}

/*sub3_2*/
.sub3_2 .l_dv{float:left; width:50%; text-align:center;}
.sub3_2 .r_dv{float:left; width:50%;  margin-bottom:20px;}
.sub3_2 .r_dv .r_dv_con{background:#f1f1f1; border-radius:10px; padding:20px; margin-top:80px; box-shadow:2px 2px 7px 2px rgba(0,0,0,0.5); display:block; margin-right:10px;}
.sub3_2 .r_dv .r_dv_con .p1{ font-size:1.69em; color:#24569b; font-weight:600; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #999;}
.sub3_2 .r_dv .r_dv_con > ul > li{font-size:1.23em; color:#333; margin-bottom:3px; padding-left:10px; position:relative;}
.sub3_2 .r_dv .r_dv_con > ul > li::before{content:''; position:absolute; left:0px; top:7px; display:inline-block; *display:inline; zoom:1; background:#666; width:4px; height:4px; border-radius:4px;}
.sub3_2 .r_dv .r_dv_con .p2{text-align:right; margin-top:10px; font-size:1em; color:#333; font-weight:600;}

.alert_p{ font-size:1em; color:#999; text-align:right; margin-top:10px; padding-right:10px;}


/*sub4*/
.port_list{ padding-top:30px;}
.port_list > ul > li{float:left; width:48.5%; border-bottom:1px solid #ddd; padding-bottom:20px; margin-left:3%; margin-bottom:40px;  position:relative;}
.port_list > ul > li:nth-child(2n-1){margin-left:0;}
.port_tit{font-size:1.23em;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; margin-bottom:10px; position:relative; padding-left:11px;}
.port_tit::before{content:url(../images/sub4/tit_icon2.jpg); position:absolute; left:0; top:5px; display:inline-block; *display:inline-block; zoom:1;}
.port_list > ul > li .plus_btn{position:absolute; bottom:-1px; right:0; filter:alpha(opacity=50); opacity:0.5;}
.port_list > ul > li .plus_btn:hover{filter:alpha(opacity=100); opacity:1; transition:0.3s;}
.port_list > ul > li > ol > li{float:left; width:50%;}
.port_list > ul > li > ol > li.img{border:1px solid #ccc; box-sizing:border-box; max-width:250px; filter:alpha(opacity=80); opacity:0.8; transition:0.3s;}
.port_list > ul > li > ol > li.img:hover{ filter:alpha(opacity=100); opacity:1;}
.port_list > ul > li > ol > li.img img{width:100%; max-width:250px; height:150px;}
.port_list > ul > li > ol > li.txt{padding-top:1px;}
.port_list > ul > li > ol > li.txt > p{font-size:1em; position:relative; padding-left:70px; margin-bottom:4px; line-height:19px; color:#666;}
.port_list > ul > li > ol > li.txt > p > span{position:absolute; left:8px; top:0; font-size:1em; font-weight:600; color:#444;}
/*.port_list > ul > li > ol > li.txt > p::before{content:''; position:absolute; left:7px; top:7px; display:inline-block; *display:inline; zoom:1; background:#666; width:4px; height:4px; border-radius:4px;}*/

.port_tit2{font-size:1.38em; font-weight:600; color:#333; margin-bottom:11px; position:relative; padding-left:11px;}
.port_tit2::before{content:url(../images/sub4/tit_icon2.jpg); position:absolute; left:0; top:5px; display:inline-block; *display:inline-block; zoom:1;}

.port_box{padding-left:20px;}
.port_txt{margin-left:10px; overflow:hidden;}
.port_txt > li{}
.port_txt > li.txt > p{font-size:1.15em; position:relative; padding-left:82px; margin-bottom:5px; line-height:19px; color:#555;}
.port_txt > li.txt > p > span{position:absolute; left:15px; top:0; font-size:1em; font-weight:600; color:#333;}
.port_txt > li.txt > p::before{content:''; position:absolute; left:7px; top:7px; display:inline-block; *display:inline; zoom:1; background:#666; width:4px; height:4px; border-radius:4px;}
.port_img_list{overflow:hidden; padding:10px; border:1px solid #bbb; margin-top:20px; }
.port_img_list > li{float:left; width:50%;}
.port_img_list > li > .border_dv{border:1px solid #ccc; margin:5px;}
.port_img_list > li > .border_dv img{width:100%; max-width:472px;}


.port_gallery #gallery{border:1px solid #ccc; padding:10px;  font-size:0; margin-top:20px;}
.port_gallery #gallery a{display:inline-block; width:49.6%; margin:5px 0.2%; height:360px; filter:alpha(opacity=70); opacity:0.7;}
.port_gallery #gallery a:hover{ filter:alpha(opacity=100); opacity:1; transition:0.2s;}
.port_gallery #gallery a img{width:100%; height:100%;}

/*5_2*/
.gallery.sub5_2{border:1px solid #ccc; padding:10px;  font-size:0;}
.gallery.sub5_2 a{display:inline-block; width:49.6%; margin:10px 0.2%; text-align:center; text-decoration:none;}
.gallery.sub5_2 a > p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.15rem; background:#444; color:#fff; border-radius:5px; padding:6px 7px; width:80%; margin:0 auto;}
.gallery.sub5_2 a:hover p{background:none; color:#333; font-weight:600;}
.gallery.sub5_2 a img{width:100%; height:100%;}

.zoom_img{position:relative;}
.zoom_img_on{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0) ; border-radius:3px;}
.zoom_img_on:hover{position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.3) url(../images/inc/zoom_img.png) no-repeat center center;;}




/*footer1 up*/
#footer{ position:relative; background:#44444e; z-index:999999;}
#footer .footerup{width:100%; height:45px; line-height:45px; background:#33333e;}
#footer .footerup .left_ul{overflow:hidden; float:left;}
#footer .footerup .left_ul li{float:left; position:relative;}
#footer .footerup .left_ul li::before{content:''; display:inline-block; *display:inline; zoom:1; position:absolute; left:0; top:18px; background:#717178; width:1px; height:10px;}
#footer .footerup .left_ul li:first-child::before{display:none;}
#footer .footerup .left_ul li a{ color:#fff; font-size:1em; text-decoration:none; padding:0 15px;}
#footer .footerup .left_ul li:first-child a{border-left:0; padding:0 15px 0 0;}
#footer .footerup .left_ul li a:hover{opacity:0.5;}
#footer .footerup .right_ul{position:absolute; right:0; top:0;}
#footer .footerup .right_ul li{float:left; width:48px; height:45px; background:#22222a; margin-left:1px; text-align:center; transition:0.2s;}
#footer .footerup .right_ul li:hover{background:#2f2f39;}
#footer .footerup .right_ul li a{padding-top:15px; display:block; cursor:pointer;}

#footer .f_logo{ position:absolute; top:23px; left:0px;}

#footer .family{position:absolute; right:0; top:28px; width:172px; border:1px solid #fff; border-radius:3px;cursor:pointer;}
#footer .family:hover{background:#22222a;}
#footer .family .family_p{ padding:5px 10px 5px 15px; color:#fff; padding-left:12px; text-align:left; background:url(../images/inc/family_plus.png) no-repeat 95% center;}
#footer .family .family_ul{position:absolute; bottom:0px; left:0; width:172px; background:#22222a; border-radius:3px 3px 0 0; display:none; padding:5px 0; box-shadow:2px -2px 3px 1px rgba(0,0,0,0.3);}
#footer .family .family_ul > li{text-align:left;}
#footer .family .family_ul > li a{color:#fff; display:block; padding:5px 0 5px 12px;} 
#footer .family .family_ul > li a:hover{color:#67a7ff;}
#footer .family:hover .family_ul{display:block;}

#footer .copy ul{overflow:hidden; padding:26px 0 26px 178px;}
#footer .copy ul li{float:left; margin-left:21px; margin-bottom:2px; font-size:1em; color:#fff;}
#footer .copy ul li:first-child{margin-left:0;}
#footer .copy ul li .color{color:#d4d4d4;font-size:1em;}
#footer .copy ul li .mg_l{margin-left:31px;}
#footer .copy ul li.br{margin-left:0!important;}
#footer .copy ul .copyright{margin-top:8px; font-size:0.92em; color:#888686;}


/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-2%;}
.sitemap .gnb > li{ float:left; width:18%; 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 rgb(23,70,153); border-bottom:1px solid rgb(23,70,153); text-align:center; font-size:17px; font-weight:600; color:rgb(23,70,153); padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:rgb(23,70,153); 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:rgb(237,28,36);}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}

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

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

.sub .st.agree_area .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.sub .agree_area.st .agree_box .agree_in p{color:#666;  line-height:21px; padding-left:5px;}
.sub .agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}


/*2_2slider*/
.model_slider{ background:#fff; padding:10px; position:relative; border:1px solid #ccc; margin-bottom:10px;}
.model_slider.slider{ }

.model_slider .slides > li a{ display:block}
.carousel ul li:first-child{margin-left:0;}
.carousel ul li{margin-left:10px; cursor:pointer;}

.model_slider .flex-control-nav{ position:absolute; left:0; top:-30px;}
.model_slider .flex-control-nav > li{ display:inline-block; *display:inline; zoom:1;}
.model_slider .flex-control-nav > li > a{ display:none; color:#0072ff; cursor: text; font-weight:600; line-height:30px; font-size:.875em}
.model_slider .flex-control-nav > li > a.flex-active{ display:block}
.model_slider .flex-direction-nav > li > a{ position:absolute; width:50px; height:50px; top:50%; margin-top:-25px; transition:.3s; background-image:url(../images/inc/model_img_slider.png); background-repeat:no-repeat; filter:alpha(opacity=60);opacity:0.6;}
.model_slider .flex-direction-nav > li > a:hover{filter:alpha(opacity=100);opacity:1;}
.model_slider .flex-direction-nav > li > a.flex-prev{ left:0;  font-size:0;}
.model_slider .flex-direction-nav > li > a.flex-next{ right:0; background-position:-50px 0; font-size:0;}
.model_slider .flex-direction-nav > li > a.flex-disabled{ width:0; height:0}





@media all and (max-width:1600px){
.svisual{background-size:cover!important;}
}
@media all and (max-width:1023px){
	body{padding:0 10px;}
	#header .top_area .box1 .left_home li a{padding:7px 32px;}
	#header .top_area .box1 .r_menu ul li.fav{display:none;}
	#header .top_area .box1 .r_menu ul li.kor{border-left:1px solid #ccc;}
	#header .logo_area .brochure ul > li.bro > a{background:none; padding:10px 10px 9px;}
	
	#header .logo_area .logo{padding-top:24px;}
	#header .logo_area .logo a img{width:140px;}
	
	#header .logo_area .searching{width:300px; margin-left:-150px;}
	#header .logo_area .searching .sc_input{width:90%; margin-left:6%;}
	
	.sub #contents .lnb_area .gnb .dp2 > li > a{padding:11px 0;}
	.sub #contents .lnb_area .gnb .dp2 > li::after,
	.sub #contents .lnb_area .gnb .dp2 > li::before{background:none!important;}
	
	
	.con3 .photo_list_ul > li a > img{height:160px;}
	
	.sub .doc{ padding:31px 0 80px 0; overflow:hidden; }
	
	.sub2_1 #gallery a{width:24.6%;}
		
	.advantage_box > ul{width:720px;}
	.advantage_box > ul > li{width:200px; padding-left:40px;}
	
	
	.port_gallery #gallery a{height:300px;}

	.sub5_2.gallery a{width:32.9%;}

	#footer{text-align:center;}
	
	#footer .footerup .left_ul{text-align:center; float:none;}
	#footer .footerup .left_ul li{float:none; display:inline-block; *display:inline; zoom:1; }
	#footer .footerup .left_ul li a{padding:0 8px;}
	#footer .f_logo{position:inherit;}
	
	#footer .copy > ul{padding:40px 0 16px 0; text-align:center;}
	#footer .copy ul li{float:none; display:inline-block; *display:inline; zoom:1; margin-left:15px;}
	#footer .copy ul li.br{display:block;}
}


@media all and (max-width:768px){
	#header .logo_area{border-bottom:1px solid #ccc;}
	#header .gnb_area{display:none;}
	#header .logo_area .searching{display:none;}
	#header .top_area .box1 .r_menu ul li.searching_m{display:block;}
	#header .logo_area .brochure ul > li.bro .bro_pop{width:160px; margin-left:-80px;}
	
	#header .all_menu .gnb > li{width:100%; float:none;}
	#header .all_menu .gnb > li .dp2{border-bottom:1px solid #ccc; padding:5px 0;}
	#header .all_menu{top:62px;}
	

	
	.sub #contents .lnb_area .gnb .dp2 > li{width:100%; border-top:1px solid #ddd;}
	.sub #contents .lnb_area .gnb .dp2 > li > a{padding:5px 0;}
	.sub #contents .lnb_area{border-top:0;}
	.sub .svisu_area{height:100px!important;}
	.sub .svisu_area .visu_sgarea .visu_sg2{font-size:1.84em;}
	.visu_sgarea{padding-top:28px!important;}
	.sub .sub_con .con_area .tit_area .nav{display:none;}
	.sub .sub_con .con_area .tit_area h3{padding:40px 0 0px; font-size:2em;}
	.sub .sub_con .con_area .tit_line{transform:rotate(90deg); margin-top:20px; background:#ccc;}
	
	/*main*/
	.vis_con .vis_txt{padding:5px 5px 60px 5px;}
	.vis_con .vis_txt .sc_img img{width:200px}
	.vis_con{width:100%; height:inherit;}
	.com_con{width:100%; margin-top:10px; margin-left:0; max-width:none; height:auto;}
	.com_con .dv_1{background-size:100%; height:auto;}
	.com_con .dv_1 .p2{padding-bottom:50px;}
	.con1{padding:10px 0;}
	.con1 .busi_ul{display:none;}
	.con1 .busi_ul > li{width:100%;}
	.con1 .box1 .over{margin-bottom:0px;}
	
	.con2{padding-top:0;}
	.con2 .con2_center{width:100%;}
	.con2 .con2_center .tab_idx{width:100%; text-align:center;}
	.con2 .con2_center .tab_idx > li > p{padding:inherit; background:none;}
	.con2 .con2_center .tab_idx > li{width:100%; float:left; height:30px; line-height:30px; border-top:0;}
	.con2 .con2_center .tab_idx > li .on_arr{display:none;}
	.con2 .con2_center .tab_idx > li:hover p{background:none;}
	.con2 .con2_center .con_idx{width:100%;}
	.con2 .con2_center .con_idx .idx{border-left:1px solid #ccc; padding:20px 5px;}
	.main_p_tit{margin-bottom:5px; margin-top:20px;}
	.con2 .con2_prod{width:100%; margin-left:0;}
	.con2 .con_idx > .idx .more_btn{right:3px;}
	
	.con3{border-top:0; margin-top:0; padding-top:0;}
	.con3 .l_dv{ width:100%;} 
	.con3 .photo_list_ul > li .play_btn{margin-left:-21px;}
	.con3 .photo_list_ul > li .play_btn img{width:42px!important}
	
	.con3 .photo_list_ul > li a > img{height:203px;}
	
	.con3 .r_dv{ width:100%; margin-left:0; margin-top:10px;}
	.con3 .popzone{margin-left:0;}
	
	
	/*sub page*/
	.sub1_1 .txt_box{width:100%; }
	.sub1_1 .img_box_1{width:100%; text-align:center; margin-top:30px;}
	.sub1_1 .txt_box .p1 br{display:none;}
	.sub1_1 .img_box_2{margin-top:50px}
	.sub1_1 .tbl_box1 .sub1_1_tbl tbody td{padding-top:10px 0 10px 5px;}
	.sub1_1 .txt_box .line1{display:none;}
	.sub1_1 .txt_box .p1{margin-bottom:20px;}
	.sub1_1 .txt_box .p2{margin-bottom:10px;}
	
	.sub_his .his_img{margin:0 auto;}
	.sub_his .year_dv{margin-bottom:30px;}
	.sub_his .year_dv .year{position:inherit; width:inherit; border-top:1px solid #5d5d5d; padding:10px 0; background:#f2f2f2;}
	.sub_his .year_dv .year br{display:none;}
	.sub_his .year_dv .month_dv{padding-left:inherit;}
	.sub_his .year_dv .month_dv .month_tbl .month{width:60px;}
	.sub_his .year_dv .month_dv .month_tbl tr th{padding:10px 5px;}
	.sub_his .year_dv .month_dv .month_tbl tr:first-child th{border-top:1px solid #5d5d5d;}
	
	.sub_his .year_dv2 .year{display:none;}
	.sub_his .year_dv2{margin-bottom:-1px;}
	.left_logo{display:none;}
	
	.sub1_3tab .tab_idx > li{width:110px; height:32px; line-height:32px;}
	.certi_list_wrap ul.certi_list li dl dd p{font-size:11px;}
	.certi_list_wrap ul.certi_list li{width:50%;}
	
	.meaning_box{padding:10px}
	.meaning_box .embl{position:inherit; left:0; top:0; margin:10px 0; text-align:center;}
	.meaning_box .embl img{width:100px;}
	.meaning_box > ul{margin-left:0;}
	.meaning_box > ul > li{padding-left:55px; margin-bottom:10px;}
	.meaning_box > ul > li::before{top:5px;}
	.meaning_box .down_area{margin-left:0; margin-top:20px; text-align:center;}
	.meaning_box .down_area > button{padding:6px 11px;}
	.meaning_box .down_area > button.ai span{padding-right:22px;}
	.meaning_box .down_area > button.jpg span{padding-right:22px;}
	.color_box .mean{padding:20px 10px ;}
	.color_box .logo_color .l_dv{width:100%; text-align:center;}	
	.color_box .logo_color .r_dv{width:100%; text-align:center;}
	.color_box .mean > p::before{top:0px;}
	.sig_box .sig_l{width:100%; text-align:center; margin-bottom:10px;}
	.sig_box .sig_r{width:100%; margin-left:0; text-align:center;}
	
	
	.map_info th{padding:0; font-size:1em;}	
	.map_info td{font-size:0.92em;}
	.map_info th img{display:none;}	
	.map_info td{padding:12px 0px 12px 3px}
	
	.sub2_1 .txt_box1{width:100%;}
	.sub2_1 .img_box1{width:100%; margin-top:10px; text-align:center;}
	.sub2_1 .l_img{width:100%; text-align:center;}
	.sub2_1 .r_img{width:100%; text-align:center; margin-top:10px;}
	.sub2_1 #gallery a{width:32.9%;}
	
	.tit_box .prod_txt br{display:none;}
	.advantage_box{margin-top:20px;}
	.advantage_box > ul{width:inherit;}
	.advantage_box > ul > li{float:none; margin:10px auto;}
	.advantage_box > ul > li::before{background:none;}
	
	.tbl_box{width:100%; min-width:280px; overflow-x:scroll;}
	.tbl_box .compo_tbl1{width:800px;}
	
	.sub2_2 .img_box{width:100%; float:none; margin-left:0; margin-top:30px; text-align:center;}
	.sub2_2 .left_box1{width:100%; float:none;}
	.sub2_2 .left_box1 .left_box_con{margin-top:0; padding:20px 10px 20px 10px;}
	.sub1_1_tbl tbody tr td{padding:10px 2px;}
	.sub2_2 .left_box1 .left_box_con .arr_img{right:50%; top:inherit; bottom:-21px; transform:rotate(90deg);}
	
	.machine{padding:10px 0px; min-height:inherit;}
	.machine .machine_img{position:inherit;}
	.machine_photo ul li{width:100%; margin:0 0 13px 0;}
	
	.slide_ment{display:block;}
	
	.sub3_2 .l_dv{width:100%;}
	.sub3_2 .r_dv{ width:100%;}
	.sub3_2 .r_dv .r_dv_con{margin-top:10px; margin-left:3px;}
	
	.port_box{padding-left:0;}
	.port_list > ul > li{width:100%; margin-left:0;}
	.port_txt > li.txt > p{padding-left:73px;}
	
	.port_gallery #gallery a{height:inherit; width:99.6%;}
	
	.sub5_2.gallery a{width:49.6%;}
	
	#footer .footerup{display:none;}
	#footer .f_logo{padding:45px 0 0; top:0; left:0;}
	#footer .f_logo img{width:120px;}
	#footer .family{right:50%; margin-right:-86px; top:10px;}
	#footer .copy > ul{padding:10px 0 16px 0;}
}


@media all and (max-width:550px){
	
	.sub2_1 #gallery a{width:48.6%;}
	.tbl_box2{width:100%; min-width:280px; overflow-x:scroll;}
	.tbl_box2 .compo_tbl1{width:550px;}
	
}

@media all and (max-width:480px){
	.port_list > ul > li > ol > li{width:100%;}
	.port_list > ul > li{width:260px; margin:0 auto 20px; float:none;}
	.port_list > ul > li:nth-child(2n-1){margin-left:auto;}
	
	.con3 .photo_list_ul > li a > img{height:135px;}
	.sub2_1 #gallery a{width:98.6%;}
}