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

body{font-size:16px;}

.box1{ width:90%; max-width:1200px; margin:0 auto; position:relative; }
.doc .box1{ width:1180px; max-width:90%; margin:0 auto; position:relative; }


#header{position:fixed; top:0; left:0; width:100%; z-index:2; background:#fff; box-shadow:3px 3px 6px rgba(0,0,0,0.15);}
#header .gnb_area{position:relative; z-index:99;  background:#fff; }
#header .gnb_area .logo{position:absolute; left:0; top:14px; background:url(../images/inc/t_logo.png?v=2) no-repeat 0 0; }
#header .gnb_area .logo a{display:block;  width:133px; height:52px; }

#header .r_menu{position:absolute; top:29px; right:57px;}
#header .r_menu ul{overflow:hidden; padding:4px 0 0px 29px; position:relative;}
#header .r_menu ul::before{content:'\e9d1'; color:#ccc; font-size:23px; font-family:'xeicon'; position:absolute; left:0; top:-2px;}
#header .r_menu ul li{float:left; margin-left:12px; position:relative;}
#header .r_menu ul li:first-child{margin-left:0;}
#header .r_menu ul li a{font-size:13px; color:#888; font-family:notokrM;}
#header .r_menu ul li a:hover{color:#bbb!important;}
#header .r_menu ul li.on a{color:#f36f21!important;}

#header .ham_btn{position:absolute; top:7px; right:0;}
#header .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:25px; height:25px; margin-top:24px; overflow:hidden;}
#header .all_btn *{ transition:0.3s ease;}
#header .all_btn .all_dot{width:100%; height:3px; background:#222; margin-bottom:5px; display:block; border-radius:3px;}

#header .gnb_area .gnb{float:right; margin-right:19%;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 40px; height:80px; line-height:80px; font-size:1.2em; color:#222; font-family:notokrM;}
#header .gnb_area .gnb > li:first-child .dp1{background:none;}
#header .gnb_area .gnb > li > a{ text-decoration:none; }


#header .gnb_area .gnb > li:hover .dp1{color:#f36f21}
#header .gnb_area .gnb > li .dp1.on {background:#f36f21; color:#fff!important;}

#header .gnb_area .gnb > li:hover .dp2{background:#fff;}
#header .gnb_area .gnb > li.on .dp2{background:#fff!important; }

#header .gnb_area .gnb > li.on .dp2 a{color:#fff!important;}
#header .gnb_area .gnb > li .dp2 a:hover{background:#e4e4e4; color:#222}


#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-110px; width:220px; padding:10px 0; background:#fff; text-align:center; border:1px solid #ccc; border-top:0;}
#header .gnb_area .gnb .dp2 > li{text-align:center;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:10px 0; color:#333; font-size:0.92em; padding:10px 0;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}

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



#header .ham_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); display:none; z-index:100;}
#header .ham_menu .close{position:fixed; top:26px; right:15px; font-size:35px; color:#222; cursor:pointer; transition:0.3s;}
#header .ham_menu .close:hover{transform:rotate(180deg);}
#header .ham_menu .ham_gnb{padding:50px 2% 0;}
#header .ham_menu .ham_gnb .gnb{ overflow:hidden;margin-left:-1%;}
#header .ham_menu .ham_gnb .gnb > li{ float:left; width:24%; margin-left:1%; margin-bottom:60px;}
#header .ham_menu .ham_gnb .gnb > li.m_member,
#header .ham_menu .ham_gnb .gnb > li.m_mypage,
#header .ham_menu .ham_gnb .gnb > li.m_guide{ display:none}
#header .ham_menu .ham_gnb .gnb > li .dp1{ display:block; border-top:3px solid #fff; border-bottom:1px solid #fff; text-align:center; font-size:1.3em; font-weight:600; color:#fff; padding:20px 0;}
#header .ham_menu .ham_gnb .gnb > li:hover .dp1{ background:#fff; color:#333}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#999; padding:10px 0; text-align:center; font-size:1em;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#ffcc00;}
#header .ham_menu .ham_gnb .gnb > li.m_1,
#header .ham_menu .ham_gnb .gnb > li.m_2,
#header .ham_menu .ham_gnb .gnb > li.m_3,
#header .ham_menu .ham_gnb .gnb > li.m_4,
#header .ham_menu .ham_gnb .gnb > li.m_5{}
#header .ham_menu .logo{text-align:center; padding:20px 0; background:#fff;}



/*----------------lnb-----------------------*/

#contents{}
.sub #contents .lnb_area{ width:100%; margin-top:-50px;}
.sub #contents .lnb_area.lnb_sub1{margin-top:-100px;}
.sub #contents .lnb_area .gnb {}
.sub #contents .lnb_area .gnb > li{ display:none}
.sub #contents .lnb_area .tit{height:78px; }

.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; background:rgba(0,0,0,0.5);}
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; display:inline-block; *display:inline; zoom:1; width:25%; height:50px; text-align:center; transition:0.3s; }
.sub #contents .lnb_area .gnb .m_3 .dp2 > li,
.sub #contents .lnb_area .gnb .m_guide .dp2 > li{width:25%;}

.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb .dp2 > li::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#fff; font-size:1.07rem; display:block; padding-top:15px; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{background:#d75000;}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#fff;}
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#222!important; font-weight:600; }
.sub #contents .lnb_area .gnb .dp2 > li.on::after{content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:#d75000;}

/*contents기본배치*/
#contents{ position:relative; z-index:1}
#contents.sub_conetents{}
.sub .doc{ padding:50px 0; overflow:hidden; }
.sub .doc.pdt_none {padding:0;}
.sub .svisu_area{ height:320px; width:100%; position:relative; }
.sub .svisu_area .visu_sgarea{ text-align:left; position:relative; padding-top:48px; text-align:center; filter:alpha(opacity=0); opacity:0;}
.sub .svisu_area .visu_sgarea .copy1{font-size:2.2em; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.sub .svisu_area .visu_sgarea .copy2{color:#fff; margin-top:7px; text-shadow:1px 1px 3px rgba(0,0,0,0.3);}

.sub .lnb_this_bg{background:#fff;}

.sub .navi {position:absolute; right:20px; top:33px;}
.sub .navi > li{ display:inline-block; *display:inline; zoom:1; font-size:14px; color:#333;}
.sub .navi i{color:#999; vertical-align:middle;}
.sub .navi .home{color:#666; font-size:18px;}
.sub .navi .this{color:#f36f21; font-weight:600;}

.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}

.sub .sub_con .this_page{ font-size:1.5em; padding:25px 0 25px 10px ; font-weight:600; border-bottom:1px solid #ccc;}


/*footer1 up*/
#footer{ position:relative; background:#fff; }
.sub #footer{ margin-top:100px;}

#footer .f_top{border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
#footer .f_top .top_btn{position:absolute; right:0; top:0; line-height:50px; background:#f36f21; padding:0 15px; cursor:pointer;}
#footer .f_top .top_btn .xi{dislay:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:18px;}
#footer .f_top .top_btn span{dislay:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:13px; margin-left:3px;}
#footer .f_top .top_btn:hover{background:#d34e00;}

#footer .f_top ul >li{display:inline-block; *display:inline; zoom:1; margin-right:35px; vertical-align:middle;}
#footer .f_top ul >li a{line-height:50px; font-size:15px; font-family:notokrM; color:#000;}
#footer .f_top ul >li a:hover{color:#d75000;}

#footer .copy{padding:40px 0 50px 240px; position:relative;}
#footer .copy .f_logo{position:absolute; left:0; top:41px;}
#footer .copy ul li{ display:inline-block; *display:inline; zoom:1; padding-right:20px; font-size:14px; color:#222; margin-bottom:3px; vertical-align:middle; font-family:notokrM;}
#footer .copy ul .copyright{margin-top:15px; font-size:10px; color:#777;  display:block;}


/* 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{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #f36f21; border-bottom:1px solid #f36f21; text-align:center; font-size:1.3em; font-weight:600; color:#f36f21; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#f36f21; 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:1em;}
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#f36f21;}
.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 #e10005; 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;}








/*1_1*/
.top_group{ overflow:hidden;}
.top_group .t_txt{}
.top_group .t_txt .ti{ font-size:1.5em; color:#111;}
.top_group .t_txt .ti2{ font-size:1.625em; color:#111; margin:0 0 20px;}
.top_group .t_txt .ti2 span{ color:#f36f21; font-family:notokrB;}
.top_group .t_txt .tm{ font-size:1.25em; color:#111; font-family:notokrM; line-height:1.4;}
.top_group .t_txt .tx1{ font-family:'ng'; font-size:1.125em; font-weight:normal; margin:30px 0; letter-spacing:2px; color:#f36f21; position:relative;}
.top_group .t_txt .tx1:after{ position:absolute; content:''; width:68%; height:1px; background:#f36f21; top:50%; right:0;}
.top_group .t_txt .tx2{ font-size:1.063em; font-family:notokrL; color:#333; line-height:1.8;}
.top_group .t_txt .tx2.top{ margin-top:30px;}

.bottom_group{ overflow:hidden; margin-top:130px; position:relative;}
.bottom_group .over_txt1{ position:absolute; top:15px; left:50%; margin-left:20px; font-family:'ng'; font-size:0.875em; letter-spacing:4px; color:#fff;}
.bottom_group .over_line{ position:absolute; top:23px; left:50%; margin-left:-490px; width:500px; height:1px; background:#f36f21;}


.bottom_group .t_txt{ float:left; width:45%; margin-top:50px;}
.bottom_group .t_txt .tx{ background:url(../images/sub/1_1_img3.jpg) no-repeat left center; padding-left:10px; font-size:1.063em; font-family:notokrL; color:#666; line-height:1.8;}
.bottom_group .t_txt .tx .bold{ font-family:notokrM; color:#333; display:inline-block; width:80px; margin-right:20px;}
.bottom_group .t_img{ float:right; width:55%; text-align:right;}


/*1_2*/
.ceo_ti .ceo_ti_left .ti{font-size:1.8em;line-height:34px;}
.ceo_ti .ceo_ti_left .ti:nth-child(2){padding-bottom:18px;}
.ceo_ti .tx_2_next{font-size:1.32em;line-height:30px;margin-top:40px;}
.ceo_ti_left>.tx_next{font-size:1.32em;line-height:30px;}
.ceo_ti_left .tx_2_next .orange{font-size:1.1em;}
.ceo_ti_right{float:right;}
.ceo_sign{font-size:1.32em;opacity:0.4;margin:10px 0 0 60px;}
.ceo_name{color:black;font-weight:bold;}
.ceo_tx{font-size:1.1em;}
.ceo_ti{overflow:hidden;border-bottom:2px solid rgb(243,111,33);width:100%;margin-bottom:65px;}
.ceo_ti_left{float:left; width:70%; margin-top:20px; padding:50px 0 80px 0;}
.ceo_img{margin:50px 13px 0 0px;}
.tx_2_next{margin-top:40px;}
.tx_next .orange{font-size:1.32em;}
.ceo_tx{clear:both;opacity:0.7;line-height:28px;}

.line{ background:rgb(243, 111, 33); width:100%; height:2px; margin:70px 0;}
.info_w{ border:1px solid #ccc; padding:30px;display: none;}
.info_w .info_ul{ overflow:hidden; margin:-80px 0 0 -30px;}
.info_w .info_ul .info_li{ float:left; width:50%;}
.info_w .info_ul .info_li .in_b{ margin:80px 0 0 30px; overflow:hidden; position:relative;}
.info_w .info_ul .info_li .in_b .name{ font-size:2em; color:#333;}
.info_w .info_ul .info_li .in_b .name:before{ position:absolute; content:''; width:20px; height:20px; background:rgba(242, 111, 33, 0.3); bottom:35px; left:75px; z-index:-1;}
.info_w .info_ul .info_li .in_b .name2{ margin-top:10px; color:#666; font-size:1.25em; line-height:1.4;}

.info_w .info_ul .info_li .in_b .tit{ float:left; width:50px; height:50px; border:1px solid #ccc; padding:10px; color:#333; position:relative; margin-right:30px; margin-bottom:20px;}
.info_w .info_ul .info_li .in_b .tit:after{ position:absolute; content:''; width:10px; height:10px; background:#f36f21; bottom:0; right:0;}

.in_b .in_ul{ float:left; margin:0 0 -10px 0;}
.in_b .in_ul li{ font-size:1em; font-family:notokrL; background:url(../images/sub/1_1_img3.jpg) no-repeat left center; padding-left:10px; color:#666; margin:0 0 10px 0;}
.in_b .in_ul li.top{ margin-top:30px;}
.in_b .in_ul li span.year{ font-family:notokrR; color:#333; display:inline-block; width:53px;}
.in_b .in_ul li span.year2{ font-family:notokrR; color:#333; display:inline-block; width:105px;}


/*1_8*/
.search_map{width:100%;}
.tm{font-size:1.32em;margin:15px 0;}
.map_info table{width:100%;height:200px;border-top:3px solid rgb(243,111,33);}
.map_info tr{height:80px;line-height:29px;}
.map_info tr:nth-child(2){height:130px;line-height:29px;}
.map_info tr:not(:last-child){border-bottom:2px solid #d9d9d9;}
.map_info table tr td:nth-of-type(1){text-align:center;}

.map_info table tr:nth-of-type(1) td:nth-of-type(1){background:url(../images/sub/car.png) no-repeat left 30px center;}
.map_info table tr:nth-of-type(2) td:nth-of-type(1){background:url(../images/sub/subway.png) no-repeat left 30px center;}
.map_info table tr:nth-of-type(3) td:nth-of-type(1){background:url(../images/sub/call.png) no-repeat left 30px center;}




/*2_1(공통)*/
.pro_wrap {margin-bottom:20px;}
.pro_wrap .wrap {border:1px solid #ccc; padding:20px 30px;}
.pro_wrap .wrap .ul_in {overflow:hidden; margin-left:-30px;}
.pro_wrap .wrap .ul_in .li_in {float:left; width:50%;}
.pro_wrap .wrap .ul_in .li_in .li {margin-left:30px;}
.pro_wrap .wrap .ul_in .li_in .li.tx_wrap {padding:50px 0 0 0;}
.pro_wrap .wrap .ul_in .li_in .li .resize_photo{/* border:1px solid #ccc;*/}
.pro_wrap .wrap .ul_in .li_in .li .ti {color:#111; font-size:1.688em; position:relative; font-family:notokrM; padding:30px 0 0 0;}
.pro_wrap .wrap .ul_in .li_in .li .ti::before {position:absolute; content:""; width:10%; height:2px; background:#cc5007; left:0; top:10%; }
.pro_wrap .wrap .ul_in .li_in .li .tx {color:#333; font-size:1.063em; font-family:notokrR; padding:30px 0 50px 0;}
.pro_wrap .wrap .ul_in .li_in .li .more {text-align:right;}
.pro_wrap .wrap .ul_in .li_in .li .more .btn{ display:inline-block; *display:inline; zoom:1; border:1px solid #f36f21; padding:13px 30px 13px 60px; font-size:1em; color:#f36f21; transition:all 0.3s; position:relative}
.pro_wrap .wrap .ul_in .li_in .li .more .btn:before{ position:absolute; content:'\eaec'; font-family:'xeicon'; font-size:1.688em; color:#f36f21; top:7px; left:30px; transition:all 0.3s;}
.pro_wrap .wrap .ul_in .li_in .li .more .btn:hover{ color:#fff; background:#f36f21;}
.pro_wrap .wrap .ul_in .li_in .li .more .btn:hover:before{ color:#fff;}


/*2_1_2(공통)*/
.sub_ti{ font-size:1.250em; color:#333; background:url(../images/inc/tit_bg.jpg) no-repeat left center; padding-left:25px; margin:50px 0 10px 0; font-family:notokrM;}
.sub_ti.mt_none {margin:0 0 10px 0;}

.sub_ti2 {color:#666; font-size:1.063em; padding-bottom:10px;}
.sub_ti2.pd_t {padding:30px 0 10px 0;}

.txt_w{ border:1px solid #ccc; padding:30px; border-radius:3px; margin-bottom:30px;}
.txt_w .txt1{ font-size:1em; color:#333; background:url(../images/inc/lnb_arrow_on.png) no-repeat left center; padding-left:15px; line-height:1.7; }
.img_w{ border:1px solid #ccc; padding:20px; border-radius:3px; text-align:center;  /*margin-bottom:30px;*/}

.prod_w {position:relative; padding-bottom:30px;}
.prod_w .prod_img {border:1px solid #ccc; padding:10px 50px; display:inline-block; width:48%; text-align:center; z-index:1;}
.prod_w .prod_img.pd_none {padding:0;}

.prod_w .prod_tx {position:absolute;  width:44%; right:20px; top:80px; border-top:1px solid #f36f21; padding:40px 40px; box-shadow:3px 3px 5px rgba(0,0,0,0.3); z-index:10; background:#f2f2f2; }
.prod_w .prod_tx.bg_ri {width:47%;}
.prod_w .prod_tx .ti {font-size:1.875em; color:#111; margin-bottom:50px; position:relative;}
.prod_w .prod_tx .ti::after {position:absolute; content:""; width:10%; height:1px; top:60px; left:0; background:#f36f21;}
.prod_w .prod_tx .tx {font-size:1.063em; color:#333; font-family:notokrR; line-height:2;}
.orange {color:#f36f21; font-family:notokrM;}

.prod_tw {border:1px solid #ccc; padding:20px;/* margin-bottom:30px;*/}
.prod_tw .tx {font-size:0.938em; color:#333; line-height:1.7; }
.prod_tw .tx .xi {color:#f36f21;}
.prod_tw .ul_in .li_in {font-size:0.875em; line-height:1.7; color:#666; padding-left:17px;}

/*.sub_table {padding-bottom:30px;}
*/
.sub_table tbody td { border:1px solid #ccc; padding:15px 15px; border-top:1px solid #f36f21;}
.sub_table tbody .ti {color:#333; font-family:notokrM; background:#eee; font-size:0.875em;}
.sub_table tbody .tx {font-family:notokrR; color:#666; font-size:0.938em;}
.next_fon {display:block;}

/*연혁*/
.history_top {width:100%; margin:auto; text-align:center;}
.sub_history_wrap{ position:relative; z-index:inherit; padding-bottom:150px; }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:100%; margin-left:-1px; top:-89px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:50%; margin-top:120px}
.sub_history_wrap .sub_history > li:first-child{ margin-top:50px;}
.sub_history_wrap .sub_history > li .history{ padding:0 20px}
.sub_history_wrap .sub_history > li .history .year{ font-family:notokrM; font-size:2em; font-weight:600; color:#888; position:relative; z-index:inherit; letter-spacing:-1px}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; background:url(../images/sub/his_tit1.png) no-repeat left center; width:10px; height:10px; top:50%; margin-top:-5px;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:90px; font-size:1.063em; color:#f36f21; font-family:notokrM, sans-serif;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#444; margin:3px 0; position:relative; }
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right}
.sub_history_wrap .sub_history > li.even{ left:50%}
.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:0px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:0px}
.sub_history_wrap .sub_history > li.odd .history .list .tt { padding-right:60px;}
.sub_history_wrap .sub_history > li.even .history .list .tt { /*padding-left:60px;*/ padding-left:90px;}

.sub_history_wrap .sub_history > li .img_wrap{ position:absolute;}
.sub_history_wrap .sub_history > li .img_wrap.c1{ background:#ea640d url(../images/sub/history_bg1.png) no-repeat top center;}
.sub_history_wrap .sub_history > li .img_wrap.c2{ background:#ea8c1f url(../images/sub/history_bg1.png) no-repeat bottom center;}
.sub_history_wrap .sub_history > li .img_wrap.c3{ background:#f8a039 url(../images/sub/history_bg1.png) no-repeat center center;}
.sub_history_wrap .sub_history > li .img_wrap.c4{ background:#f9cc7d url(../images/sub/history_bg1.png) no-repeat center center;}


.sub_history_wrap .sub_history > li.odd .img_wrap{ width:130px; height:130px; padding:10px; text-align:center; border-radius:300px; border:5px solid rgba(255, 255, 255, 0.7); right:-160px; top:-60px;}
.sub_history_wrap .sub_history > li.odd .img_wrap span{ color:#fff; font-size:1.25em; font-family:notokrM;}
.sub_history_wrap .sub_history > li.even .img_wrap{ width:130px; height:130px; padding:10px; text-align:center; border-radius:300px; border:5px solid rgba(255, 255, 255, 0.7); left:-160px; top:-60px; }
.sub_history_wrap .sub_history > li.even .img_wrap span{ color:#fff; font-size:1.25em; font-family:notokrM;}



/*4_1*/
.top_w {background:#fff url(../images/sub/4_1_img.jpg) no-repeat center center; height:524px;}
.top_w .ti {font-size:1.438em; color:#fff; padding:80px 0 70px 0; position:relative; text-shadow:1px 1px 5px rgba(0,0,0,0.4);}
/*.top_w .ti::after {position:absolute; content:""; width:50px; height:1px; background:#f36f21; left:50%; top:180px;  margin-left:-25px;}*/
.top_w .ti .tx_bo{display:block; line-height:1.7;}
.mt_on {margin:20px 0 10px 0;}
.sm_ti2 {font-size:0.875em; padding:20px 0 10px 0; color:#f36f21;  font-family:notokrM;}
.sm_ti2.pt_no {padding:0 0 10px 0;}
.sub_img {margin-top:30px;}

/*4_2*/
.prod_tw .tx .tw {font-size:0.875em; color:#f36f21; vertical-align:middle;}


/*4_4*/
.bg_top{ background:url(../images/sub/4_4_img.jpg) no-repeat center center; padding:80px 0;}
.bg_top .top_tit{ font-size:2.250em; font-family:'nsEB'; color:#fff; margin-bottom:30px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.bg_top .txt1{ font-size:1.25em; color:#fff; font-family:nsR; line-height:1.4em; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.txt_box1{ border:1px solid #ccc; padding:30px;}
.txt_box1 ul li{ background:url(../images/sub/1_1_img3.jpg) no-repeat left center; padding-left:10px; font-size:1em; line-height:1.8; color:#666;}
.txt_box1 ul li.li_btn{ background:none; padding-left:0; margin-top:10px;}
.txt_box1 ul li .bg{ background:#666; border:1px solid #666; color:#fff; padding:7px 20px; transition:all 0.3s; vertical-align:middle;}
.txt_box1 ul li .bg2{ background:#ddd; border:1px solid #ddd; color:#333; padding:7px 20px; transition:all 0.3s; vertical-align:middle; margin-left:10px;}
.txt_box1 ul li .bg:hover{ background:#fff; color:#666;}
.txt_box1 ul li .bg2:hover{ background:#fff; color:#666;}
.txt_box1 ul li a .xi{ font-size:1.5em; vertical-align:middle; display:inline-block; margin-left:10px;}

.mail_to{ text-align:center; margin-top:80px;}
.mail_to .btn_end a{ background:#f36f21; border:1px solid #f36f21; color:#fff; padding:15px 40px; transition:all 0.3s;}
.mail_to .btn_end a:hover{ background:#fff; color:#f36f21;}



/*1_7 tab*/
.info_box1{ margin-bottom:30px;}
.info_box1 .info_form{ overflow:hidden; margin-left:-10px;}
.info_box1 .info_form li{ float:left; width:20%; text-align:center;}
.info_box1 .info_form li div.in_box2{ border:2px solid #ccc; border-radius:5px; margin-left:10px; margin-bottom:10px; padding:20px 0; cursor:pointer; transition:all 0.3s; color:#333; font-size:0.875em;
background:#fff url(../images/sub/logo1.png) no-repeat left -15px top -15px;}
.info_box1 .info_form li div.in_box2:hover{ border:2px solid #e65883; background:#fff url(../images/sub/logo2.png) no-repeat left -7px top -7px; color:#0074cb;}
.ethics{ border:1px solid #ccc; background:#f8f8f8; padding:30px 30px; position:relative; margin-top:10px;}
.ethics .eth_ol1 .eth_li1{ font-size:0.875em; line-height:1.6; color:#666; list-style:decimal; margin-left:20px; margin-top:10px;}
.ethics .eth_ol1 .eth_li1.first{ margin-top:0;}
.ethics .eth_ol2{ margin-top:10px;}
.ethics .eth_ol2 .eth_li2{ text-indent:-18px; padding-left:18px; line-height:1.6; margin-top:5px;}
.ethics .in_tit0{ color:#333; font-size:1em; font-weight:600; margin:0 auto 10px; text-align:center; border-bottom:2px solid #e985a4; padding-bottom:10px; display:block; width:30%;}
.ethics .in_tit1{ color:#333; font-size:0.875em; font-weight:600; margin-bottom:5px;}
.ethics .eth_ol2 .eth_li2 sup.red{ color:red;}
.ethics .eth_ol3{ margin-top:10px;}
.ethics .eth_ol3 .eth_li3{ text-indent:-22px; padding-left:22px;}
.ethics .bty{ position:absolute; top:-30px; right:0; width:50px; background:#fff; color:#ee2f88; font-size:0.75em; text-align:center; height:20px; line-height:20px;
border:1px solid #ee2f88; border-radius:5px; cursor:pointer; transition:all 0.3s;}
.ethics .bty:hover{ background:#ee2f88; color:#fff;}
.ethics .eth_ul1 .eth_li1{font-size:0.875em; line-height:1.6; color:#666; margin-top:10px;}
.ethics .eth_ul1 .eth_li1.first{ margin-top:0;}
.ethics .eth_ul2 .eth_li2{margin-left:18px}
.ethics .bold{font-weight:bold;}
.prod_cate_wrap{ margin:20px 0 40px 0;}
.prod_cate_wrap .list > li{}
.prod_cate_wrap .list > li > a{ display:block; border:1px solid #bbb; margin:0 -1px -1px 0; text-align:center; height:50px; color:#333; font-size:.938em; position:relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,e5e5e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.prod_cate_wrap .list > li:hover > a{ color:#b3161c;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+52 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 40%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 40%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.prod_cate_wrap .list > li.on > a{ border-color:#38393F; color:#fff; z-index:1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e646b+0,38393f+100 */
background: rgb(94,100,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(94,100,107,1) 0%, rgba(56,57,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(94,100,107,1) 0%,rgba(56,57,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(94,100,107,1) 0%,rgba(56,57,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e646b', endColorstr='#38393f',GradientType=0 ); /* IE6-9 */
}

/*1_7_1 윤리경영*/
.info_box1{ margin-bottom:30px;}
.info_box1 .info_form{ overflow:hidden; margin-left:-10px;}
.info_box1 .info_form li{ float:left; width:20%; text-align:center;}
.info_box1 .info_form li div.in_box2{ border:2px solid #ccc; border-radius:5px; margin-left:10px; margin-bottom:10px; padding:20px 0; cursor:pointer; transition:all 0.3s; color:#333; font-size:0.875em;
background:#fff url(../images/sub/logo1.png) no-repeat left -15px top -15px;}
.info_box1 .info_form li div.in_box2:hover{ border:2px solid #e65883; background:#fff url(../images/sub/logo2.png) no-repeat left -7px top -7px; color:#0074cb;}

.ethics{ border:1px solid #ccc; background:#f8f8f8; padding:30px 30px; position:relative; margin-top:10px;}
.ethics .eth_ol1 .eth_li1{ font-size:0.875em; line-height:1.6; color:#666; list-style:decimal; margin-left:20px; margin-top:10px;}
.ethics .eth_ol1 .eth_li1.first{ margin-top:0;}
.ethics .eth_ol2{ margin-top:10px;}
.ethics .eth_ol2 .eth_li2{ text-indent:-18px; padding-left:18px; line-height:1.6; margin-top:5px;}
.ethics .in_tit0{ color:#333; font-size:1em; font-weight:600; margin:0 auto 10px; text-align:center; border-bottom:2px solid #e985a4; padding-bottom:10px; display:block; width:30%;}
.ethics .in_tit1{ color:#333; font-size:0.875em; font-weight:600; margin-bottom:5px;}
.ethics .eth_ol2 .eth_li2 sup.red{ color:red;}
.ethics .eth_ol3{ margin-top:10px;}
.ethics .eth_ol3 .eth_li3{ text-indent:-22px; padding-left:22px;}

.ethics .bty{ position:absolute; top:-30px; right:0; width:50px; background:#fff; color:rgb(243,111,33); font-size:0.75em; text-align:center; height:20px; line-height:20px;
border:1px solid rgb(243,111,33); border-radius:5px; cursor:pointer; transition:all 0.3s;}
.ethics .bty:hover{ background:rgb(243,111,33); color:#fff;}

.ethics .eth_ul1 .eth_li1{font-size:0.875em; line-height:1.6; color:#666; margin-top:10px;}
.ethics .eth_ul1 .eth_li1.first{ margin-top:0;}
.ethics .eth_ul2 .eth_li2{margin-left:18px}
.ethics .bold{font-weight:bold;}

.sub_tit2{margin:40px 0 20px 0;}

.intro_wrap{}
.intro_wrap .intro_img{ position: relative; height: 20rem; width: 100%; border-radius: 1em 1em 0 0; overflow: hidden;}
.intro_wrap .intro_img:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .65); content: '';}
.intro_wrap .intro_img > img{ width: 100%; height: 100%; object-fit: cover;}
.intro_wrap .intro_img .bT{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 800; font-size: 1.85em; text-align: center; width: 90%; margin: 0 auto;}
.intro_wrap .intro_img .bT > i{ color: #f36f21; font-style: normal;}
.intro_wrap > .txt{ padding: 2rem; line-height: 1.6; color: #444; font-size: 1.05em; background: #f5f5f5;}
.intro_wrap > .txt > i{ color: #f36f21; font-style: normal;}





.col_wrap.fl_St{ *zoom:1;}
.col_wrap.fl_St:after{ content:""; display:block; clear:both;}
.col_wrap.fl_St > *{ float:left;}
.col_wrap.di_St{ text-align:center; white-space:nowrap; font-size:0;}
.col_wrap.di_St > *{ display:inline-block; *display:inline; zoom:1; white-space:normal; font-size:1rem;}
.col_wrap.sec1 > * { width:100%;}
.col_wrap.sec2 > * { width:50%;}
.col_wrap.sec3 > * { width:33.33%;}
.col_wrap.sec4 > * { width:25%;}
.col_wrap.sec5 > * { width:20%;}
.col_wrap.sec6 > * { width:16.66%;}
.col_wrap.sec7 > * { width:14.285%;}
.col_wrap.sec8 > * { width:12.5%;}
.col_wrap.sec9 > * { width:11.11%;}
.col_wrap.sec10 > *{ width:10%;}




/*main********************************************************************************************************************************************************/

.m_wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}

.main_slide{ position:relative; background:#fff;}
.main_slide .item{ position:relative;}
.main_slide .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transition:3s;/* transform:scale(1.1,1.1);*/}
.main_slide .item.ani-on .bg{transform:scale(1,1)}

.main_slide .slogan{ position:absolute; top:20%; left:0; width:100%; text-align:center; filter:alpha(opacity=0); opacity:0; transform:translate(0,60px); transition:All 1.5s ease;}
.main_slide .slogan.ani-on{ filter:alpha(opacity=100); opacity:1; transform:translate(0,0); transition-delay:.1s}

.main_slide .slogan .tit1{ color:#f36f21; font-size:1.125em; letter-spacing:0.2em; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.main_slide .slogan .line{ width:30px; height:3px; background:#f36f21; margin:30px auto;}
.main_slide .slogan .tit2{ font-size:2.5em; font-family:notokrR; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.main_slide .slogan .tit2 span{ display:block; font-family:notokrB;}
.main_slide .slogan .tit3{ margin-top:20px; font-size:1.125em; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}

.main_slide .control_box a{-webkit-transition:.3s; transition:.3s}
.main_slide .control_pauseplay,
.main_slide .control_arrow{ position:absolute; z-index:100; bottom:3em;}
.main_slide .control_arrow{ left:50px;}
.main_slide .control_pauseplay{ right:50px;}
.main_slide .control_arrow{ overflow:hidden;}
.main_slide .control_arrow > li{ float:left}
.main_slide .control_pauseplay a,
.main_slide .control_arrow a{ display:block; width:60px; height:60px; line-height:60px; border:1px solid #fff; bottom:100px; text-align:center;}
.main_slide .control_pauseplay a:before,
.main_slide .control_arrow a:before{ font-family:xeicon!important; font-size:2.5em; color:#fff}
.main_slide .control_arrow .prev a{}
.main_slide .control_arrow .next a{ border-left:none}
.main_slide .control_arrow .prev a:before{ content:"\e93d";}
.main_slide .control_arrow .next a:before{ content:"\e940";}
.main_slide .control_pauseplay .pause a:before{ content:"\ea3b";}
.main_slide .control_pauseplay .play a:before{ content:"\ea3e";}
.main_slide .control_box a:hover{ background:rgba(255,255,255,.2)}
.main_slide .control_box .hide{ display:none;}

.scrollAni{ position: fixed; left:50%; margin-left:-50px; width:100px; text-align:center; bottom:3em; filter:alpha(opacity=100); opacity:1; z-index:100}
.scrollAni .xi{ vertical-align:middle}
.scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
.scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
.scrollAni .tt{ display:block; font-family:Arial, sans-serif; color:#fff; font-size:.75em; text-transform:uppercase}
.scrollAni.hide{ filter:alpha(opacity=0); opacity:0; z-index:-1;}

.main_con img{ position:relative;}
.main_con .bg{ position:absolute; width:50%; height:100%; top:0; background:#0e2039; filter:alpha(opacity=85); opacity:0.85;}
.main_con.con_left .bg{ left:0;}
.main_con.con_right .bg{ right:0;}

.pattern{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/pattern.png);}

/*#nav{z-index:1000000001;position:absolute;top:50%;left:0;height:266px;margin-top:-133px;}
#nav li{display:block;height:38px;line-height:38px;}
#nav li a{display:inline-block;}
#nav li a:hover{text-decoration:none;}
#nav li span{position:relative; font-family:sans-serif;font-size:13px;letter-spacing:0;color:#ccc;text-decoration:none;padding:9px 0 9px 30px;}
#nav li span:before{position:absolute;top:20px;left:0;display:inline-block;vertical-align:top;content:"";width:50px;height:1px;-webkit-transform: scaleX(0.45);transform: scaleX(0.45);background: #ccc;-webkit-transform-origin: left center;transform-origin: left center;-webkit-transition: -webkit-transform 0.4s;transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: -webkit-transform 0.4s;}
#nav li.active span{font-weight:600;color:#f36f21;padding-left:30px;}
#nav li.active span:before{background-color:#f36f21;}
#nav li:hover span{font-weight:600;color:#f36f21;padding-left:30px;}
#nav li:hover span:before{background-color:#f36f21;}

*/
/*section1*/
#section1 .txt_w1{}
#section1 .txt_w1 .txt1{ color:#ccc;}
#section1 .txt_w1 .txt2{ color:#fff; font-size:3.25em; font-family:'nsEB'; letter-spacing:0.2em; margin-top:10px;}
#section1 .txt_w1 .txt3{ color:#fff; font-size:2.25em; font-family:'nsR'; margin-top:10px;}
#section1 .txt_w1 .txt3 span{ display:block;}
#section1 .txt_w1 .txt4{ color:#fff; font-size:1.25em; font-family:'nsR';}
#section1 .txt_w1 .txt4 span{ display:inline-block; background:url(../images/main/slash.png) no-repeat right center; padding:30px 35px 30px 0;}
#section1 .txt_w1 .txt4 span.last{ background:none; padding:30px 0 30px 0;}
#section1 .txt_w1 .btn1{ margin-top:50px;}
#section1 .txt_w1 .btn1 a{ display:inline-block; color:#f36f21; border:1px solid #f36f21; padding:15px 40px; transition:all 0.3s;}
#section1 .txt_w1 .btn1 a .xi{ display:inline-block; margin-left:40px;}
#section1 .txt_w1 .btn1 a:hover{ background:#f36f21; color:#fff;}


/*section2*/
#section2 .txt_w1{ margin-left:55%}
#section2 .txt_w1 .txt1{ color:#ccc;}
#section2 .txt_w1 .txt2{ color:#fff; font-size:3.25em; font-family:'nsEB'; letter-spacing:0.2em; margin-top:10px;}
#section2 .txt_w1 .txt3{ color:#fff; font-size:2.25em; font-family:'nsR'; margin-top:10px;}
#section2 .txt_w1 .txt3 span{ display:block;}
#section2 .txt_w1 .txt4{ color:#fff; font-size:1.25em; font-family:'nsR';}
#section2 .txt_w1 .txt4 span{ display:inline-block; background:url(../images/main/slash.png) no-repeat right center; padding:30px 35px 30px 0;}
#section2 .txt_w1 .txt4 span.last{ background:none; padding:30px 0 30px 0;}
#section2 .txt_w1 .btn1{ margin-top:50px;}
#section2 .txt_w1 .btn1 a{ display:inline-block; color:#f36f21; border:1px solid #f36f21; padding:15px 40px; transition:all 0.3s;}
#section2 .txt_w1 .btn1 a .xi{ display:inline-block; margin-left:40px;}
#section2 .txt_w1 .btn1 a:hover{ background:#f36f21; color:#fff;}


/*section3*/
#section3{}
#section3 .cont{ position:relative; text-align:center; margin-top:50px;}
#section3 .cont .tit1{ color:#fff; font-size:2.5em; font-family:'nsEB';}
#section3 .cont .txt1{ color:#fff; font-size:1.063em; margin-top:20px;}
#section3 .cont .btn1{ margin-top:30px;}
#section3 .cont .btn1 a{ display:inline-block; font-size:0.75em; color:#f36f21; border:1px solid #f36f21; padding:10px 20px; transition:all 0.3s;}
#section3 .cont .btn1 a .xi{ display:inline-block; margin-left:20px;}
#section3 .cont .btn1 a:hover{ background:#f36f21; color:#fff;}

#section3 .cont2{ margin-top:20px;}
#section3 .cont2 .ul_m_1{ overflow:hidden;}
#section3 .cont2 .ul_m_1 .li_m_1{ float:left; width:50%;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w{ padding:60px 40px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg1{ background:url(../images/main/icon1.png) no-repeat right 40px top 80px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg2{ background:url(../images/main/icon2.png) no-repeat right 40px top 80px; border-bottom:1px solid #ccc;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg3{ background:url(../images/main/icon3.png) no-repeat right 40px top 80px; border-right:1px solid #ccc;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg4{ background:url(../images/main/icon4.png) no-repeat right 40px top 80px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w .tit{ color:#fff; font-size:1.5em; font-family:'nsB'; margin-bottom:20px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w .txt{ color:#fff; font-size:1.063em; line-height:1.4;}


/*section4*/
#section4{}
#section4 .cont{ position:relative; text-align:center; margin-top:50px;}
#section4 .cont .tit1{ color:#111; font-size:2.5em; font-family:'nsEB';}
#section4 .cont .txt1{ color:#666; font-size:1.063em; margin-top:10px;}

#section4 .cont2{}
#section4 .cont2 .group{ margin-top:13px;}
#section4 .cont2 .group .gr_ul{ overflow:hidden; margin:0 0 0 -10px;}
#section4 .cont2 .group .gr_ul .gr_li{ float:left; width:25%;}
#section4 .cont2 .group .gr_ul .gr_li .cover{ background:#fff; margin:0 0 10px 10px; padding:10px 20px; text-align:center; min-height:7.5em;}
#section4 .cont2 .group .gr_ul .gr_li .cover .logo{  /*margin-bottom:17px;*/ height:5.4em;}
#section4 .cont2 .group .gr_ul .gr_li .cover .title{ font-size:1.125em; color:#333;}
#section4 .cont2 .group .gr_ul .gr_li .cover .link{ margin-top:10px;}
#section4 .cont2 .group .gr_ul .gr_li .cover .link a{ font-size:0.875em; color:#999;}

#section4 .con3{ margin-top:20px;}
#section4 .con3 .sp_ul{ overflow:hidden; margin:0 0 0 -40px;}
#section4 .con3 .sp_ul .sp_li{ float:left; width:25%;}
#section4 .con3 .sp_ul .sp_li .in_cle{ margin:0 0 0 40px; text-align:center; padding:75px 0; border-radius:150px;}
#section4 .con3 .sp_ul .sp_li .in_cle.bg1{ background:url(../images/main/gr_bg1.jpg) no-repeat center center;}
#section4 .con3 .sp_ul .sp_li .in_cle.bg2{ background:url(../images/main/gr_bg2.jpg) no-repeat center center;}
#section4 .con3 .sp_ul .sp_li .in_cle.bg3{ background:url(../images/main/gr_bg3.jpg) no-repeat center center;}
#section4 .con3 .sp_ul .sp_li .in_cle.bg4{ background:url(../images/main/gr_bg4.jpg) no-repeat center center;}
#section4 .con3 .sp_ul .sp_li .in_cle .txt{ display:block; margin-top:30px; color:#fff; cursor:pointer; font-family:nsB; font-size:1.25em;}



/***************************************************************************************************/
/*@media all and (max-width:1023px){
body{font-size:13px;}
#header .gnb_area .gnb > li .dp1{padding:0 19px;}
#header .r_menu{right:44px;}

}*/


@media all and (max-width:1023px){
body{font-size:10px;}
.box1{ width:94%;margin:0 auto; position:relative; }
.doc .box1{ width:100%; max-width:94%; margin:0 auto; position:relative; }

#header .r_menu{ right:80px; top:20px}
#header .r_menu ul{ padding:3px 0 3px 0}
#header .r_menu ul::before{ font-size:0;}
#header .r_menu ul li{ margin-left:8px;}
#header .r_menu ul li a{ font-size:0.875rem;}
#header .m_gnb{ width:60px; height:60px;}

#header .gnb_area{ z-index:0; height:60px;}
#header .gnb_area .logo{ background-size:100px; top:10px;}
#header .gnb_area .logo a{ width:100px; height:45px;}

#header .gnb_area .gnb{ display:none;}


/*main*/
#nav{ display:none;}
.control_box{ display:none;}
.scrollAni{ bottom:8em; display:none;}
.scrollAni .xi-mouse{ font-size:4em;}
.scrollAni .xi-scroll{ font-size:3em;}
.scrollAni .tt{ font-size:0.875em;}

.main_con .bg{ width:75%;}
#section1 .txt_w1 .txt4{ margin-top:20px;}
#section1 .txt_w1 .txt4 span{ padding:5px 30px 5px 0;}
#section1 .txt_w1 .txt4 span.last{ padding:5px 0 5px 0}
#section1 .txt_w1 .btn1{ margin-top:20px}
#section1 .txt_w1 .btn1 a{ padding:10px 20px;}
#section1 .txt_w1 .btn1 a .xi{ margin-left:20px;}

#section2 .txt_w1{ margin-left:30%;}
#section2 .txt_w1 .txt3 span{ display:inline;}
#section2 .txt_w1 .txt4{ margin-top:20px;}
#section2 .txt_w1 .txt4 span{ padding:2px 35px 2px 0;}
#section2 .txt_w1 .txt4 span.last{ padding:5px 0 5px 0}
#section2 .txt_w1 .btn1{ margin-top:20px}
#section2 .txt_w1 .btn1 a{ padding:10px 20px;}
#section2 .txt_w1 .btn1 a .xi{ margin-left:20px;}

#section3 .cont{ margin-top:0;}
#section3 .cont .txt1{ width:80%; line-height:1.5; margin:10px auto 0;}
#section3 .cont .btn1{ margin-top:20px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w{ padding:10px 10px 20px 10px; background-size:30px;}

#section3 .cont2 .ul_m_1 .li_m_1 .in_w .tit{margin-bottom:30px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg1{ background:url(../images/main/icon1.png) no-repeat right 15px top 10px; background-size:50px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg2{ background:url(../images/main/icon2.png) no-repeat right 15px top 10px; background-size:30px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg3{ background:url(../images/main/icon3.png) no-repeat right 15px top 10px; background-size:35px;}
#section3 .cont2 .ul_m_1 .li_m_1 .in_w.bg4{ background:url(../images/main/icon4.png) no-repeat right 15px top 10px; background-size:35px;}

#section4 .cont .txt1{ width:70%; margin:20px auto 0; line-height:1.4;}
#section4 .cont2 .group{}
#section4 .cont2 .group .gr_ul{ margin:-5px 0 0 -5px;}
#section4 .cont2 .group .gr_ul .gr_li{ width:33.33%;}
#section4 .cont2 .group .gr_ul .gr_li .cover{ padding:10px 20px; margin:5px 0 0 5px;}
#section4 .cont2 .group .gr_ul .gr_li .cover .logo{ margin-bottom:10px;}

#section4 .con3{ margin-top:20px;}
#section4 .con3 .sp_ul{ margin:0 0 0 0;}
#section4 .con3 .sp_ul .sp_li{ width:50%;}
#section4 .con3 .sp_ul .sp_li .in_cle{ margin:0 0 0 0; padding:0; border-radius:0; height:90px; background-size:cover !important;}
#section4 .con3 .sp_ul .sp_li .in_cle img{ width:40px;}
#section4 .con3 .sp_ul .sp_li .in_cle .txt{ margin-top:10px;}


/*footer*/
.sub #footer{ margin-top:50px;}
#footer .f_top .top_btn{ line-height:35px;}
#footer .f_top .top_btn .xi{ font-size:1.25em;}
#footer .f_top .top_btn span{ font-size:1em;}

#footer .f_top ul > li{ margin-right:10px;}
#footer .f_top ul > li a{ font-size:1em; line-height:35px;}

#footer .copy{ padding:20px 0;}
#footer .copy .f_logo{ display:none;}
#footer .copy ul li{ font-size:1em;}
#footer .copy ul .copyright{ margin-top:10px;}




/*sub*/
.sub .svisu_area{ height:140px;}
.svisu_area .svisual{ height:140px !important;}
.svisu_area .svisual .visu_sgarea{ padding-top:50px !important;}

.sub #contents .lnb_area{ margin-top:15px;}
.sub #contents .lnb_area .gnb .dp2 > li{ width:50%; height:35px;}
.sub #contents .lnb_area .gnb .dp2 > li > a{ font-size:0.75rem; padding-top:10px;}
.sub #contents .lnb_area .gnb .dp2 > li.on{ border:1px solid #ccc; box-sizing:border-box;}

.sub .doc{ padding:30px 0;}

.sub .sub_con .this_page{ padding:20px 0 45px 0px}
.sub .navi{ left:0; top:50px;}
.sub .navi .home{ font-size:1.25em;}
.sub .navi > li{ font-size:1em; vertical-align:middle;}


/*1_1*/
.top_group .t_txt .tx1{ margin:20px 0; padding:5px 0;}
.top_group .t_txt .tx1::after{ width:100%; top:100%; left:0;}

.bottom_group{ margin-top:50px;}
.bottom_group .over_txt1{ left:25%;}
.bottom_group .over_line{ left:25%; top:20px;}

.bottom_group .t_img{ float:none; width:100%;}
.bottom_group .t_txt{ float:none; width:100%; margin-top:20px;}
.bottom_group .t_txt .tx .bold{ width:60px; margin-right:0;}


/*1_2*/
.ceo_ti_right{ float:none; width:100%; overflow:hidden;}
.ceo_ti_right .ceo_img{ float:left; width:40%; margin:0;}
.ceo_ti_right .ceo_sign{ float:right; margin:20px 0 0 5%; width:55%; font-size:2em; border-bottom:3px solid #f36f21; opacity:1; color:#666; padding-bottom:20px;}

.ceo_ti{ margin-bottom:30px;}
.ceo_ti .tx_2_next{ margin-top:20px; margin-bottom:20px;}
.ceo_ti .tx_2_next br{ display:none;}
.ceo_ti .ceo_ti_left .ti{ line-height:25px;}
.ceo_ti_left{ float:none; margin-top:30px; padding:0;}
.ceo_ti_left > .tx_next{ line-height:25px;}
.ceo_ti_left > .tx_next br{ display:none;}

.ceo_tx{ line-height:23px;}
.ceo_tx .tx_2_next{ margin-top:20px;}

.line{ margin:30px 0;}

.info_w{ padding:15px;}
.info_w .info_ul .info_li{ float:none; width:100%;}
.info_w .info_ul .info_li .in_b{ margin:30px 0 0 30px;}
.info_w .info_ul .info_li .in_b.name{ margin:80px 0 0 30px;}

.info_w .info_ul .info_li .in_b .tit{ float:none; width:97%; height:inherit; padding:10px 0 10px 3%; margin-right:0; box-sizing:border-box; margin-bottom:10px;}
.in_b .in_ul li span.year2{ width:85px;}


/*1_4*/
.history_top .top_img img{ width:200px;}
.sub_history_wrap .sub_history_line{ display:none;}
.sub_history_wrap .sub_history > li .history{ padding:0;}
.sub_history_wrap .sub_history > li .history .year{ background:url(../images/inc/tit_bg.jpg) no-repeat left center; padding-left:25px;}

.sub_history_wrap .sub_history > li{ width:100%; margin-top:50px;}
.sub_history_wrap .sub_history > li.even{ left:inherit;}
.sub_history_wrap .sub_history > li.even .img_wrap{ display:none;}
.sub_history_wrap .sub_history > li.even .history .list .tt{ padding-left:50px;}

.sub_history_wrap .sub_history > li.odd{ right:inherit; text-align:left;}
.sub_history_wrap .sub_history > li.odd .img_wrap{ display:none;}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:inherit; left:0;}
.sub_history_wrap .sub_history > li.odd .history .list .tt{ padding-right:0; padding-left:50px;}


/*1_6*/
.sub1_6_table tr td.tx img{ width:140px}


/*1_7*/
.info_box1 .info_form li{ width:33.33%;}
.prod_cate_wrap .list > li > a{ height:40px;}
.info_box1 .info_form li div.in_box2{margin-left:5px; margin-bottom:5px;}


/*1_8*/
.map_info table tr td br{ display:none;}
.map_info table tr td{ background-position:center center !important; line-height:20px;}
.map_info table tr td.tit{ padding-top:50px;}


/*2_1*/
.pro_wrap .wrap{ padding:20px;}
.pro_wrap .wrap .ul_in .li_in{ float:none; width:100%;}
.pro_wrap .wrap .ul_in .li_in .tx_wrap.li{ padding:20px 0 0 0;}
.pro_wrap .wrap .ul_in .li_in .li .tx{ padding:20px 0;}
.pro_wrap .wrap .ul_in .li_in .li .more{ text-align:left;}
.pro_wrap .wrap .ul_in .li_in .li .more .btn{ padding:10px 20px 10px 40px}
.pro_wrap .wrap .ul_in .li_in .li .more .btn::before{ left:20px;}

.pro_wrap .wrap .ul_in .li_in .li .resize_photo{ border:1px solid #ccc;}


/*2_1_view*/
.prod_w .prod_img{ width:100%; padding:10px 0; box-sizing:border-box;}
.prod_w .prod_tx{ position:inherit; top:0; right:0; margin-top:20px; width:inherit; padding:20px;}
.prod_w .bg_ri.prod_tx{ width:inherit;}
.prod_w .prod_tx .ti{ margin-bottom:40px;}
.prod_w .prod_tx .ti::after{ top:45px;}

.sub_ti{ margin:30px 0 10px 0;}


/*4_1*/
.top_w{ height:inherit; padding-bottom:30px;}
.top_w .ti{ padding:30px 0 50px 0}
.top_w .ti::after{ top:80%;}


/*4_4*/
.bg_top{ padding:50px 0;}
.txt_box1{ padding:20px;}
.txt_box1 ul li.li_btn .btn1{ display:block; text-align:center; padding:3px 0;}
.txt_box1 ul li.li_btn .btn1.bg2{ margin-left:0; margin-top:10px;}


/*sitemap*/
.sitemap .gnb > li{ width:47%;}
.sitemap .gnb > li .dp1{ padding:10px 0;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2{ min-height:380px;}
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4{ min-height:inherit;}
.sitemap .gnb > li.m_guide{ display:none;}


/*guide*/
.sub .st.agree_area .agree_box{ padding:15px;}
.sub .st.agree_area .agree_box .agree_in{ padding:15px;}

}

@media all and (max-width:760px){
#section4 .cont2 .group .gr_ul .gr_li {width:50%;}
#section4 .cont2 .group .gr_ul .gr_li .cover .logo {height:4em;}

}