@charset "utf-8";
/* CSS Document */
.box0{ width:1420px; max-width:94%; margin:0 auto}
.box1{ width:1200px; margin:0 auto; max-width:100%;}
.box2{ width:1680px; max-width:94%; margin:0 auto; position:relative}
/**/
.section{ background-repeat:no-repeat; background-position:50% 50%; position:relative; overflow:hidden; background-size:cover;}
.fp-enabled #fullpage .section{ background-size:cover !important; background-position:center center !important} /**/

.PC{ display:block !important;}
.PHONE{ display:none !important;}
/*html.l-nav-open .l-nav{ display:none !important;}
*/
.f_after:after{ display:block; clear:both\; content:'';}





.mainNav_wrap{ position:fixed; z-index:999; right:2%; bottom:5%;}
#mainNav > li > a{ display:block; margin:5px 0; text-align:right;}
#mainNav > li > a .line,
#mainNav > li > a .tt{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; transition:.3s;}
#mainNav > li > a .line{ width:4px; height:20px; background:transparent; border:1px solid #555; transform:rotate(45deg); opacity:.6;}
#mainNav > li > a .tt{ margin-right:1em; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:.750em; text-transform:uppercase; opacity:0;}
#mainNav > li:hover > a .line,
#mainNav > li.on > a .line{ background:#333; opacity:1;}
#mainNav > li.on > a .line{ height:80px; transform:rotate(0deg);}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1;}

#mainVisual{ position:relative; height:80vh;}
#mainVisual .slide_img{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; height:100% !important;}
#mainVisual .slogan{ position:absolute; z-index:2; top:38%; left:8%; width:84%; text-align:center;}
#mainVisual .slogan .tt{ color:#333; opacity:0; transition:.6s;}
#mainVisual .slogan .t1{ font-family: 'Ms', sans-serif; font-size:1.8em; font-weight:300; color:#eee;}
#mainVisual .slogan .t2{  font-size:2.9em; padding:0 0 .6em 0; text-shadow:1px 1px 1px rgba(0,0,0,.2); letter-spacing:-2px; color:#fff}
#mainVisual .slogan .t3{  font-size:1.125em; line-height:1.6; font-family:'notokrR'; color:#e1e1e1; text-shadow:0 0 2px rgba(0,0,0,.9);}
#mainVisual .slogan .t1 > span{ position:relative; display:inline-block;}
#mainVisual .slogan .t4{ margin-top:1.5em;  border:1px solid #eee; background:#fff; box-sizing:border-box; padding:1em 2.4em 1.5em; width:280px;}
#mainVisual .slogan .t4 .st_t{ padding:.5em 2em; background:#003864; margin-bottom:.5em; color:#555; margin:0 auto 1em; display:block; text-align:center; border-radius:50px; width:100px;}
#mainVisual .slogan .t4 .st1{ font-size:1.05em; margin-top:.3em; font-family:'notokrB'; color:#003864}
#mainVisual .slogan .t4 .st1 .xi{ background:#0074c1; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em;  text-align:center; margin-right:10px; color:#fff; font-size:.95em;}

.load #mainVisual .slogan .tt{ opacity:1;}

/*#mainVisual .btn_wrap{ position:absolute; z-index:2; bottom:10%; left:0; width:100%; text-align:center;}
#mainVisual .btn_wrap > li{ display:inline-block; vertical-align:middle; margin:0 20px;}
#mainVisual .btn_wrap .btn{ font-size:1.250em; color:#888; cursor:pointer;}
#mainVisual .btn_wrap .main_paging{ position:relative; width:250px;}
#mainVisual .btn_wrap .paging{ top:0; left:0; width:100%; height:3px; background:rgba(255,255,255,.4);}
#mainVisual .btn_wrap .paging > span{ height:5px; margin-top:-1px; background:#888;}*/

#mainVisual .btn_wrap{ position:absolute; left:0; right:0; bottom:6em; z-index:2}
#mainVisual .btn_wrap .btn{ width:2.5em; line-height:2.5em; margin:0 .25em; border:1px solid #fff; color:#fff; text-align:center; cursor:pointer; transition:.3s; box-sizing:content-box;}
#mainVisual .btn_wrap .btn.pause{ margin-left:1.25em;}
#mainVisual .btn_wrap .btn .xi{ font-size:1.5em}
#mainVisual .btn_wrap .btn:hover{ color:#11a44e; border-color:#11a44e; opacity:1}
#mainVisual .btn_wrap.hide{ display:none;}


#scrollAni{ position:absolute; right:10%; width:100px; margin-left:-50px; text-align:center; bottom:1.5em; opacity:1; z-index:100;}
#scrollAni .xi{ font-size:2.500em; color:#888;}
#scrollAni .tt{ display:block; color:#888; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}



/******************************************************************************************************************************************************************************/
/**********************************************************************HEADER***************************************************************************************************/
#header{ position:fixed; top:0; left:0; width:100%; z-index:5; border-bottom:1px solid rgba(255,255,255,.2);}
#header.hide{ opacity:0;}
#header .vm_wrap{}
#header .gnb_area{ text-align:center;} 
#header .gnb_area .vm_wrap{ height:80px}
#header .gnb_area .right_menu{position:absolute; right:0; top:0px; font-size:0;}
#header .gnb_area .right_menu .contact_dv{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-left:1px solid rgba(255,255,255,.2); text-align:center; width:80px; cursor:pointer;}
#header .gnb_area .right_menu .contact_dv .xi{color:#fff; line-height:80px; font-size:24px;}
#header .gnb_area .ham_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-right:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); height:80px; width:80px; cursor:pointer;}
#header .gnb_area .ham_btn .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:26px; height:20px; text-align:right;} 
#header .gnb_area .ham_btn .all_btn span{ width:26px; height:2px; background:#fff; margin-bottom:6px; transition:0.3s ease; display:block; transition:0.3s ease;}
#header .gnb_area .ham_btn:hover .all_btn span.a1,
#header .gnb_area .ham_btn:hover .all_btn span.a3{ margin-left:5px;} 
#header .gnb_area .logo{ display:inline-block;}
#header .gnb_area .logo .logo1{ position:absolute; left:0; top:16px; display:block}
#header .gnb_area .logo .logo2{ position:absolute; left:0; top:16px; display:none}

#header .ph_wrap{ height:80px;}
#header .ph_wrap .ph_list{ padding:0 20px; text-align:left;}
#header .ph_wrap .ph_list li{ color:#fff; vertical-align:middle;}
#header .ph_wrap .ph_list li.ph_num{ font-size:20px;}
#header .ph_wrap .ph_list li.ph_tt{ border-radius:50px; box-sizing:border-box;  text-align:center; font-size:20px; width:40px; height:40px; line-height:40px; margin-right:8px}

#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer; padding:0 .5em;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 26px; height:80px; line-height:80px; font-size:1.18em; color:#fff;; font-family:notokrM; }
#header .gnb_area .gnb > li > a{ text-decoration:none;} 
#header .gnb_area .gnb > li:hover .dp1{ color:#fff !important}
#header .gnb_area .gnb > li .dp2 a:hover{ background:#f1f1f1;}
#header .gnb_area .gnb > li{ position:relative}
#header .gnb_area .gnb > li.footer_txt_none {display:none;}
#header .gnb_area .gnb > li:before,
#header .gnb_area .gnb > li:after{ content:""; position:absolute; bottom:0; width:0; height:4px; background:#11a44e; z-index:1; opacity:0; transition:.3s;}
#header .gnb_area .gnb > li:before{ left:50%}
#header .gnb_area .gnb > li:after{ right:50%}
#header .gnb_area .gnb > li:hover .dp1,
#header .gnb_area .gnb > li.on .dp1{ color:#fff;}
#header .gnb_area .gnb > li:hover:before,
/*#header .gnb_area .gnb > li.on:before,*/
#header .gnb_area .gnb > li:hover:after
/*#header .gnb_area .gnb > li.on:after*/{ opacity:1; width:50%}
#header .gnb_area .gnb > li:hover .dp1:after,
#header .gnb_area .gnb > li.on .dp1:after{ opacity:1;}
#header .gnb_area .gnb > li:hover .dp2{ opacity:1; visibility:visible;}
#header .gnb_area .gnb > li .dp2 > li:hover > a{ color:#11a44e}
#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-90px; width:180px; padding:10px 0; background:#fff; text-align:center; border-top:0; }
#header .gnb_area .gnb .dp2 > li{text-align:center; display:block;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; color:#333; font-size:0.92em; padding:15px 0; height:auto !important}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}

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

#header.ani,
#header.white{ background:#fff; box-shadow:0 2px 5px rgb(0,0,0,.1)}
#header.ani .gnb_area .gnb > li .dp1,
#header.white .gnb_area .gnb > li .dp1{ color:#222 !important;}
#header.ani .gnb_area .gnb > li .dp1.on{ color:#11a44e !important}
#header.ani .logo1,
#header.white .logo1{ display:none !important;}
#header.ani .logo2,
#header.white .logo2{ display:block !important; position:absolute; left:60px; top:10px;}
#header.ani .gnb_area .right_menu .contact_dv,
#header.white .gnb_area .right_menu .contact_dv{ border-left:1px solid rgba(0,0,0,.1); background:#fff;}
#header.ani .gnb_area .right_menu .contact_dv .xi,
#header.white .gnb_area .right_menu .contact_dv .xi{ color:#555;}
#header.ani .gnb_area .ham_btn,
#header.white .gnb_area .ham_btn{ background:#fff; transition:0.3s; border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1)}
#header.ani .gnb_area .ham_btn .all_btn span,
#header.white .gnb_area .ham_btn .all_btn span{ background:#555}
#header.ani .ph_wrap .ph_list li,
#header.white .ph_wrap .ph_list li{ color:#555}
#header.ani .ph_wrap .ph_list li .xi,
#header.white .ph_wrap .ph_list li .xi{ color:#888;}

#header .ham_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; display:none; z-index:10;} 
#header .ham_menu .close{position:fixed; top:15px; right:70px; font-size:25px; color:#222; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; opacity:1;}
#header .ham_menu .ham_gnb{padding:9em 3% 0; background:#fff;}
#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:30px;}
#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:1px solid #ccc; border-bottom:2px solid #666; text-align:center; font-size:1em; color:#333; padding:1em 0; background:#fff; border-radius:5px 5px 0 0;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li{ display:block;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #ddd; font-size:87.5%; color:#555; padding:.5em 0; text-align:center; font-size:1em; font-family:'notokrR';}
#header .ham_menu .ham_gnb .gnb > li .dp3 {overflow:hidden; padding:5px 10px; background:#f9f9f9}
#header .ham_menu .ham_gnb .gnb > li .dp3 > li {width:50%; float:left;}
#header .ham_menu .ham_gnb .gnb > li .dp3 > li > a{ display:block; border-bottom:1px dotted #999; font-size:.75em; color:#777; padding:5px 0; text-align:center; margin:0 3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#header .ham_menu .ham_gnb .gnb > li:hover .dp1{ color:#fff !important; border:1px solid #009944; border-bottom:2px solid #009944; background: #009944;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ color:#222; background:#f5f5f5;}
#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; margin-top:11px; position:absolute; left:60px; top:10px;}
#header .ham_menu .logo_bottom_txt{text-align:center; padding-top:14px; padding-bottom:3px; color:#222; font-size:2em; font-family:notokrM; background:rgba(255,255,255,1)}
#header .ham_menu .logo_bottom_txt2{text-align:center; padding-bottom:12px; border-bottom:3px solid #222; font-size:0.92em; color:#999; letter-spacing:6px; background:rgba(255,255,255,1)}

/******************************************************************************************************************************************************************************/
/**********************************************************************CONTENTS***************************************************************************************************/
#contents{}
#contents .doc{ padding:5em 0 10em 0;}
#contents .doc.st{ padding:5em 0 0 0;}
#contents .doc_pd{ padding:0}
#contents .sub_visual_wrap{ position:relative;}
#contents .sub_visual_wrap .vm_wrap{ position:relative; height:24em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#00285e; transform:scale(1.2,1.2); transition:2s}
.load #contents .sub_visual_wrap .bg{ transform:scale(1,1)}
#contents .sub_visual_wrap .slogan{ position:relative;}
#contents .sub_visual_wrap .slogan .slo_p1{font-size:1.125em; ; color:#fff; margin-left:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.5em;  color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:3em}
#contents .sub_visual_wrap .slogan .t1{ font-size:.813em; letter-spacing:1em; text-transform:uppercase; color:#fff; margin-right:10em; opacity:0; transition:1s; font-weight:200; margin-bottom:1.5em}
#contents .sub_visual_wrap .slogan .t2{ font-size:2.125em; color:#fff; padding-bottom:1em; margin-left:10em; opacity:0; transition:1s; font-weight:300}
#contents .sub_visual_wrap .slogan .t2:before{ content:""; display:block; width:1em; height:1px; margin:1em auto .5em auto; background:#fff}
.load #contents .sub_visual_wrap .slogan .t1{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .t2{ margin-left:0; opacity:1}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:-20px; width:100%}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; width:80%; margin:0 auto; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
/*#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li {width:12% !important;}*/
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.sm_admin{ display:none !important;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:#fff; height:3.4em; color:#555; transition:.3s; margin-top:.5em; border:1px solid #ddd;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:not(:first-child) > a{ margin-left:-1px}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ font-size:1rem; transition:.3s; font-family:'notokrM', sans-serif;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#094; color:#fff; border-color:transparent}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .vm_tt,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .vm_tt{ opacity:1 }
.dp1_inquiry #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li{ display:none;}


/******************************************************************************************************************************************************************************/
/**********************************************************************FOOTER***************************************************************************************************/
#footer{}
#footer .menu_wrap {background:#303641}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:20%; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li.footer_txt_none .in_t {/*opacity:0;*/}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 1.5em 1em 1.5em; color:#fff; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem}
#footer .menu_wrap .gnb_wrap .gnb > li.m_guide .dp2 {padding-bottom:0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 1.5em; text-align:left; color:#fff; opacity:.6; transition:.3s}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gotop{ display:block !important; width:38px; height:38px; line-height:38px; border-radius:100%; margin:.5em 1.5em; background:#5e5e5e; opacity:.7; color:#fff; text-align:center; transition:.3s; position:absolute; right:10px; top:160px;}
#footer .menu_wrap .gotop .xi{ display:block}
#footer .menu_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .menu_wrap .gotop:hover{ background:#0c7d3e; color:#fff; opacity:1}

#footer .info_wrap .goTop{ display:none !important;}


#footer .info_wrap{ padding:2em 0 2em 0;  background:#1d2129; position:relative;}
#footer .info_wrap .box1{ position:relative}
#footer .info_wrap .logo{ opacity:.4; position:absolute; right:0; top:0;}
#footer .info_wrap .info{ width:90% }
#footer .info_wrap .info > li{ margin-right:1em; font-size:.875em; color:#fff; opacity:.6; line-height:2.5; letter-spacing:0; vertical-align:top; }
#footer .info_wrap .info > li.site_name_t {opacity:inherit !important; margin-right:1.5em;}
#footer .info_wrap .info > li:nth-child(2),
#footer .info_wrap .info > li:nth-child(3){ margin-right:0;}
#footer .info_wrap .info > li:nth-child(2) span,
#footer .info_wrap .info > li:nth-child(3) span{ padding-right:1.5em; position:relative; vertical-align:top;}
#footer .info_wrap .info > li:nth-child(2) span:before,
#footer .info_wrap .info > li:nth-child(3) span:before {position:absolute; content:""; width:1px; height:10px; left:-10px; top:4px; background:#fff;opacity:.6;  }
#footer .info_wrap .info > li:nth-child(3) span:nth-child(1):before{ display:none}
#footer .info_wrap .info > li:nth-child(4) span{ padding-right:1.5em}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:1em; font-size:.688em; color:#fff; opacity:.3; text-transform:uppercase}
#footer .info_wrap .mark{ position:absolute; right:0; bottom:1em}



/******************************************************************************************************************************************************************************/
/**********************************************************************MAIN***************************************************************************************************/
#fullpage .section{ opacity:0; }
#fullpage #section0{ opacity:1;}
.fp-enabled #fullpage .section{ opacity:1;}/*제품슬라이드 겹치지않게*/



/*.main_tit{ color:#fff; letter-spacing:-.5px; padding-top:10em;}
.main_t1{ font-size:2.750em; font-family:'Ms', sans-serif; text-align:center; letter-spacing:-1.5; font-weight:500;}
.main_t2{ font-size:1em; font-family:'notokrR'; margin-top:1em; text-align:center; color:#fff;}
.main_more{ color:#fff; display:block; margin:35px auto 40px auto; transition:.3s; font-size:1.3em; width:41px;}
.main_more:hover .main_more img{ transform:rotate(45deg); transition:.3s;}
.main_more:hover .main_more .xi{ transform:rotate(45deg); transition:.3s;}
*/

.main_tit{ padding-top:5em; text-align:center;}
.main_tit .t1{ color:#333; font-family:'Ms'; font-weight:600; font-size:2.750em;}
.main_tit .t2{ color:#555; font-family:'notokrM'; padding-top:15px;}
.main_tit .tt_more{ margin:25px 0;}
.main_tit .t3{ position:relative; font-weight:500; color:#333; font-size:1.063em; text-align:left; padding-left:2.5em; margin:0 0 .375em 0}
.main_tit .t3:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:1px; width:2em; background:#333}

.page_sec{ margin-top:3em}
.page_sec1{ margin-top:1em}
.page_sec2{ margin-top:2em}
.page_sec5{ margin-top:5em}
.page_sec8{ margin-top:8em}

.section{padding-bottom:5em;}
#section0.section{padding-bottom:0;}
#section6.section{padding-bottom:0;}

/*section1*/
.section1 .product_slide_wrap{ position:relative;}
.section1 .product_slide_wrap .product_slide{ overflow:hidden;}
.section1 .product_slide_wrap .product_slide .item{ transition:.2s; text-align:center; display:block; float:left; width:25%;}
.section1 .product_slide_wrap .product_slide .item .inner{ /*margin:80px 45px; padding:15px 15px 20px 15px; */background-color:transparent; display:block; margin:0 10px;}
.section1 .product_slide_wrap .product_slide .item .pro_img{ position:relative; background:#fff;}
.section1 .product_slide_wrap .product_slide .item .pro_img .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.section1 .product_slide_wrap .product_slide .slick-current .inner{ }
.section1 .product_slide_wrap .product_slide .slick-current .pro_img .bg{ background:transparent;}
.section1 .product_slide_wrap .product_slide .item:focus{ outline: none;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv{ box-sizing:border-box;/* margin:10px 10px; */}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .t_img{background:#fff; border-radius:10px 10px 0 0;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .t_img > img {display:inline-block; width:100%; height:100%; border-radius:10px 10px 0 0; min-height:230px; }
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .tt { background:rgba(0,0,0,.5); color:#fff; padding:2em 0.5em; font-family:'notokrM'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 auto; border-radius:0 0 10px 10px;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .tt .tit{ font-size:1.250em;letter-spacing:-.5px;}


/*section2*/
#section2 .m_con_01{ margin-top:2.5em;}
#section2 .m_con_01 .img_con{ width:52%;}
#section2 .m_con_01 .img_con .img{ background:url(../images/main/mcon_1.jpg) no-repeat top center; background-size:cover; height:350px;}
#section2 .m_con_01 .txt_con{ width:52%; margin-top:-18em;}
#section2 .m_con_01 .txt_con .in_box{ background:#fff; box-sizing:border-box; padding:3.5em 3em 4em;}
#section2 .m_con_01 .txt_con .in_box .tx_tt{ margin-bottom:1.5em;}
#section2 .m_con_01 .txt_con .in_box .bar_st1{ display:block; width:40px; height:3px; background:#6587a8;}

#section2 .m_con_01 .txt_con .in_box .tt1{ font-size:1.5em; line-height:1.4; letter-spacing:-.5px; color:#092239;}
#section2 .m_con_01 .txt_con .in_box .tt2{ font-family:'notokrB'; font-size:1.2em; letter-spacing:0px; vertical-align:bottom; color:#083f73;}
#section2 .m_con_01 .txt_con .in_box .tt3{ margin-top:1.5em; color:#333; line-height:1.5;}


/*section3*/
.section3{background-position:center bottom !important;}
.section3 .product_equ_wrap{ position:relative; padding:0; left:1em;}
.section3 .product_equ_wrap .product_slide{ margin-left:-30px;}
.section3 .product_equ_wrap .product_slide .item{ transition:.2s; text-align:center;}
.section3 .product_equ_wrap .product_slide .item .inner{ /*margin:80px 45px; padding:15px 15px 20px 15px;*/background-color:transparent; display:block;}
.section3 .product_equ_wrap .product_slide .item .pro_img{ position:relative; background:#fff;}
.section3 .product_equ_wrap .product_slide .item .pro_img .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.section3 .product_equ_wrap .product_slide .item .tt .ti {display:none; margin:.6em auto; font-size:.750em !important; line-height:1.4; font-family:'notokrL'; color:#fff; width:300px;}
.section3 .product_equ_wrap .product_slide .slick-current .inner{}
.section3 .product_equ_wrap .product_slide .slick-current .pro_img .bg{ background:transparent;}
.section3 .product_equ_wrap .product_slide .item:focus{ outline:none;}

.section3 .product_equ_wrap .product_slide .item .inner .border_dv{ margin:0 10px;}
.section3 .product_equ_wrap .product_slide .item .inner .border_dv .t_img{ border-radius:10px 10px 0 0; background:#fff; padding:1em; background-repeat:no-repeat !important; background-size:contain !important; height:250px; background-position:center !important;}
.section3 .product_equ_wrap .product_slide .item.slick-slide img{ display:inline;}
.section3 .product_equ_wrap .product_slide .item .inner .border_dv .t_img > img {display:inline-block; width:100%; height:100%;}
.section3 .product_equ_wrap .product_slide .item .inner .border_dv .tt { background:rgba(0,0,0,.7); color:#fff; text-align: center; padding:1.5em 0; font-family:'notokrR'; border-radius:0 0 10px 10px;}
.section3 .product_equ_wrap .product_slide .item .inner .border_dv .tt .tit { font-size:.875em; font-family:'notokrR'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; width:90%; color:#eee; margin-bottom:5px;}
.section3 .product_equ_wrap .product_slide .item .inner .border_dv .tt .tw{ font-size:1.2em;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; width:90%; font-family:'notokrB';}
.section3 .product_equ_wrap .product_slide .item .inner .border_dv .tt:hover{ background:#009944; transition:.3s;}

.section3 .product_equ_wrap .control_box{ position:absolute; top:45%; left:0; right: 0;}
.section3 .product_equ_wrap .control_arrow{}
.section3 .product_equ_wrap .control_arrow > li{ position:absolute; top:0;}
.section3 .product_equ_wrap .control_arrow > li .xi{ border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; background-color:rgba(0,0,0,.5); font-size:1.563em; color:#fff; cursor:pointer;}
.section3 .product_equ_wrap .control_arrow .prev{ left:-100px;}
.section3 .product_equ_wrap .control_arrow .next{ left:1200px; margin-left:2em;}


/*section4 협력기관*/
/*.section4{}
.section4 .top_bg{ background:rgba(0,0,0,0.5); width:100%; padding:2.5em 0; border-radius:10px 10px;}
.section4 .top_bg .t1{ color:#fff; font-size:1.188em; font-family:'notokrM'; text-align:center;}
.section4 .sec4_in{ margin-top:2em;}

.section4 .partner ul { overflow:hidden; margin-top:-1em; margin-bottom:1em; margin-left:-20px;}
.section4 .partner ul li { float:left; width:33.333%; }
.section4 .partner ul li div { margin:10px 0 5px 20px;}
.section4 .partner ul li div .img { border:1px solid #ddd; padding:10px; box-sizing:border-box; display:table; width:100%; text-align:center; background:#fff;}
.section4 .partner ul li div .img span { display:table-cell; vertical-align:middle; height:70px; }
.section4 .partner ul li div .img img { max-height:80%;} 
.section4 .partner ul li div .ti {border-bottom:1px dashed #ddd; font-size:1em; text-align:center; padding:1em 0; color:#004915;}
.section4 .partner.st ul li div:hover .img, .partner.st ul li div:hover .ti { border-color:#007830;}

*/



.section4 .agency_w{ background:#fff;position:relative; padding:30px; border-radius:10px; box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.section4 .agency_w .search_bar{ background:#eee; position:relative; padding:10px 0; width:99%; overflow:hidden; color:#555}
.section4 .agency_w .search_bar .xi-error-o{ font-size:1.250em; margin-left:1em; margin-right:5px}
.section4 .agency_w .search_bar .point{width:22px; height:21px; background:url(../images/main/point.png) no-repeat; margin:0 5px 0 20px; display:inline-block;}
.section4 .agency_w .search_bar .point_txt{display:inline-block; vertical-align:middle; }
.section4 .agency_w .search_bar .bar_btn .xi{ font-size:.938em; padding-left:5px}
.section4 .agency_w .bar_btn{position:absolute; top:-1px; right:-5px; background:#009944; width:18%; color:#fff; padding:12px 0 0; height:100%; font-size:.938em}
.section4 .agency_w .bar_btn a{text-align:center; color:#fff; display:block;}
.section4 .agency_w .bar_btn i.bar_btn_more{display:inline-block; background:url(../images/main/bar_btn_more.png) no-repeat; width:9px; height:9px; margin-left:12px;}
.section4 .agency_w .agency_box{overflow:hidden;}
.section4 .agency_w .agency_box li{width:25%; float:left;}
.section4 .agency_w .agency_box .img_w{margin-top:30px; border:1px solid #ddd; margin-right:7px; padding:0.5em; }
.section4 .agency_w .agency_box .txt_box{border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin-right:7px; padding:20px;}
.section4 .agency_w .agency_box .txt_box .tt1{font-size:1em; color:#333; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:80%; }
.section4 .agency_w .agency_box .txt_box .tt2{font-size:0.875em; margin-bottom:20px; color:#666; }
.section4 .agency_w .agency_box .txt_box .tt3{font-size:0.813em; color:#999; overflow:hidden;}
.section4 .agency_w .agency_box .txt_box .tt4{float:left; width:38%;}
.section4 .agency_w .agency_box .txt_box .tt4 .icon1{background:url(../images/main/icon1.png) no-repeat; width:14px; height:14px; display:inline-block; margin-right:5px;}
.section4 .agency_w .agency_box .txt_box .tt5{float:right; width:38%;}
.section4 .agency_w .agency_box .txt_box .tt5 .icon2{ margin-right:5px;}
.section4 .agency_w .agency_box .txt_box .icon_txt{display:inline-block;}



/*section2 partner*/
.section2.section{ position:relative; overflow:hidden; background:#fff}
.section2.section.fp-auto-height{ overflow: visible}
.section2.section .wrap_con{ position:relative; height:100%; /*padding-bottom:3em;*/ box-sizing:border-box; display:flex; align-items:center; /* opacity:0; transform:translateY(10em)*/}
.mainPartnership_wrap{ position:relative;}
.mainPartnership_wrap .swiper-container{ overflow:hidden}
.mainPartnership .el{}
.mainPartnership .el .wrap_in{ display:block; border:1px solid #ddd; text-align:center; background:#fff}
.mainPartnership .el .wrap_in .resize.s3{ padding-bottom:30.33% !important}
.mainPartnership .el .wrap_in .in{ display:block; position:relative; height:100%;}
.mainPartnership .el .wrap_in img{ max-height:100%}
.mainPartnership .el .wrap_in .t1{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#666; font-size:.938em; line-height:1.5; padding:0 .5em}

.mainPartnership.sub_st{ margin:0 -1em -1em 0}
.mainPartnership.sub_st .el{ width:25%}
.mainPartnership.sub_st .el .wrap_in{ margin:0 1em 1em 0}
.mainPartnership.sub_st .main_tit{ font-size:1.25em; margin-bottom:1em; padding-top:0}
.mainPartnership.sub_st .el .wrap_in .t1{ padding:1em .5em}

.mainPartner_wrap_sm{}
.mainPartner_wrap_sm .el{width:19%; height:70px; border:1px solid #ddd; background:#fff; box-sizing:border-box; display:flex; justify-content:center; align-items:center; margin-right:1.25%; margin-bottom:1.25%;}
.mainPartner_wrap_sm .el:nth-of-type(5n){margin-right:0;}
.mainPartner_wrap_sm .el:nth-last-of-type(-n+5){margin-bottom:0;}

.sliderBtnSt{ position:absolute; top:50%; width:2em; line-height:2em; margin-top:-1em; cursor:pointer; opacity:.6; transition:.3s}
.sliderBtnSt .xi{ font-size:2.5em; color:#555}
.sliderBtnSt.prev{ left:-4em}
.sliderBtnSt.next{ right:-3em}
.sliderBtnSt:hover{ opacity:1}

.partner_tit{ text-align:center}
.partner_tit .t3{ position:relative; font-weight:500; color:#555; font-size:1.125em; text-align:left; padding-left:2.5em; margin:0 0 .375em 0}
.partner_tit .t3:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; height:1px; width:2em; background:#555}



/*section5*/
.section5{background-position:center bottom !important;}
.section5 .main_con3{}
.section5 .main_con3 .sec4_in{ margin-left:-20px}
.section5 .main_con3 .sec4_in li{ background:#fff; width:48%; padding:30px 0; margin-left:20px; border-radius:10px;}
.section5 .main_con3 .sec4_in li.right{ padding-bottom:0;}
.section5 .main_con3 .sec4_in li .tt{ font-size:1.250em; font-family:'notokrM'; padding-left:2em; margin-bottom:10px}
.section5 .main_con3 .sec4_in li.left .xi{ color:#666 !important}
.section5 .main_con3 .sec4_in li .label{ margin:0 10px; color:#f05d35 !important}
.section5 .main_con3 .sec4_in li .tx_box .tx{ padding-left:2em; color:#666; margin-bottom:.3em; font-family:'notokrB';}
.section5 .main_con3 .sec4_in li .tx_box .tx.c1{ color:#009944; font-family:'Ms'; font-weight:600;}
.section5 .main_con3 .sec4_in li .tx_box .tx.c1 > span{ font-size:1.250em;}
.section5 .main_con3 .sec4_in li.right .xi{ color:#fff; background:#009944; border-radius:100px; padding:.4em .5em; margin-right:.5em;}
.section5 .main_con3 .sec4_in li.right .xi.st{ background:#666 !important;}
.section5 .main_con3 .sec4_in li.right .xi.st2{ margin-left:1em;}
.section5 .main_con3 .root_daum_roughmap{ border-radius:0 0 10px 10px !important;}

.section5 .main_con3 .con5_faq_wrap{ padding:0 2em; position:relative}
.section5 .main_con3 .con5_faq_wrap .con5_input {position:relative; border:1px solid #ddd; margin-bottom:5px}
.section5 .main_con3 .con5_faq_wrap .con5_input .txt {position:absolute; left:15px; top:11px; font-size:.938em; font-family:notokrR,sans-serif;}
.section5 .main_con3 .con5_faq_wrap .con5_input .txt .xi{ font-size:22px; vertical-align:middle; color:#666; margin-right:5px;  }
.section5 .main_con3 .con5_faq_wrap .con5_input .txt span {display:inline-block; vertical-align:middle;}
.section5 .main_con3 .con5_faq_wrap .input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; box-sizing:border-box; border:none; color:#666 !important; background:#f5f5f5;}
.section5 .main_con3 .con5_faq_wrap textarea.input_st {padding:10px 10px 10px 130px !important; width:100%; height:100px !important; background:#f5f5f5;}
.section5 .main_con3 .con5_faq_wrap input[type=text].input_st, input[type=tel].input_st,
.section5 .main_con3 .con5_faq_wrap input[type=password].input_st{line-height:50px; height:50px; padding:0 20px 0 130px;}
.section5 .main_con3 .con5_faq_wrap input[type=file].input_st{ background:none; border:none}
.section5 .main_con3 .con5_faq_wrap .main_arrow{ position:absolute; top:-2.5em; right:2em;}

.section5 .main_con3 .con5_faq_wrap .con5_btn{ margin-top:13px; display:inline-block; width:100%; height:50px; line-height:50px; background:#009944; border:1px solid #009944; color:#fff; font-size:1.063em; font-family:'notokrM',sans-serif; transition:.3s; }
.section5 .main_con3 .con5_faq_wrap .con5_btn:hover {background:#fff; color:#1b5b8f;}

.section5 .main_con3 .sec4_in li.btn_wrap{ position:relative}
.section5 .main_con3 .agree_btn {display:inline-block; padding:0 10px; line-height:25px; border:1px solid #bbb; background:#bbb; color:#fff; font-family:notokrM,sans-serif; font-size:.813em; border-radius:7px; transition:.3s; margin-top:.3em}
.section5 .main_con3 .agree_btn:hover {color:#1b5b8f; border-color:#1b5b8f; background:#fff;}

.section5 .main_con3 .label_st.ok{ }



/******************************************************************************************************************************************************************************/
/**********************************************************************SUB***************************************************************************************************/
/*제조설비현황*/
.equipment_w {}
.equipment_w .equipment_list { overflow:hidden; margin:0 0 -20px -20px; }
.equipment_w .equipment_list > li { float:left; width:25%; }
.equipment_w .equipment_list > li .equipment_in { margin:0 0 20px 20px; cursor:pointer; position:relative;} 
.equipment_w .equipment_list > li .equipment_img { border:1px solid #ddd; }
.equipment_w .equipment_list > li .equipment_img:hover > img{ transition:0.5s ease;}
.equipment_w .equipment_list > li .equipment_in .more_v{ position:absolute; width:40px; line-height:40px; left:50%; top:50%; margin:-20px 0 0 -20px; background:rgba(0,0,0,.8); text-align:center; border-radius:100%; color:#fff; opacity:0; }
.equipment_w .equipment_list > li .equipment_in .xi:before{ content:"\e97a"; font-family:xeicon!important}
.equipment_w .equipment_list > li .equipment_txt { background:#f9f9f9; padding:1em 0; text-align:center; border:1px solid #ddd; border-top:0; }
.equipment_w .equipment_list > li .equipment_txt .tit { font-size:1em; color:#000; word-break:break-all; }
.equipment_w .equipment_list > li .equipment_in:hover .more_v{ opacity:1}
.equipment_w .equipment_list > li .equipment_in:hover .equipment_txt { background: #235207; border:none;  transition:.3s;}
.equipment_w .equipment_list > li .equipment_in:hover .equipment_txt .tit { color:#fff; transition:.3s;}
.equipment_w .equipment_list > li .equipment_in:hover .equipment_img > img{ transform:scale(1.1,1.1); transition:0.5s ease;}

/*온라인문의 개인정보*/
.right_txt {text-align:right; padding-bottom:.8em; font-weight:400; font-size:.938em; color:#d12d33;}
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; color:#888;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height:100px; overflow-y: scroll; font-size:.875em;}
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}
.file_txt {display:block; padding-top:10px; font-size:.938em;}

.sub_agree_wrap.pro_view_st {padding:20px; font-size:.688em;}
.sub_agree_wrap .cont.pro_view_st {height:80px;}
.cont_check.pro_view_st {padding:.5em 1em; font-size:.813em;}





/*온라인문의 개인정보처리방침*/
.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:9em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0; line-height:1.6}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree .c1{ color:#cd3350}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:.6em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f5f5f5}
.member_agree h1{ color:#111; padding-bottom:.5em}



/*제품 탭*/
.prod_wrap .TAB_WRAP{position:relative; text-align:center;  margin-bottom:4em; margin-top:1em;}
.prod_wrap .TAB_WRAP.t_st {border-bottom:1px solid #ddd; margin-top:-2.5em;}
.prod_wrap .TAB_WRAP .tab_ul { position:relative; display:inline-block;}
.prod_wrap .TAB_WRAP .tab_ul li {position:relative;}
.prod_wrap .TAB_WRAP .tab_ul li > a {text-align:center; transition:.3s; padding:0 40px; height:50px; line-height:50px; display:block; font-size:1em; letter-spacing:-1px}
.prod_wrap .TAB_WRAP .tab_ul li.st > a{ padding:0 22px;}
.prod_wrap .TAB_WRAP .tab_ul li > a:after{content:"" ;position:absolute; left:50%; bottom:-3px; width:30px; height:5px; background:#2179ef; margin-left:-15px; opacity:0;}
.prod_wrap .TAB_WRAP .tab_ul li.on > a{ /*color:#2179ef;*/}
.prod_wrap .TAB_WRAP .tab_ul li:hover > a{ color:#fff;}
.prod_wrap .TAB_WRAP .tab_ul li.on > a:after{ opacity:1}
.prod_wrap .TAB_WRAP.sub_2_4_st {}
.prod_wrap .TAB_WRAP.sub_2_4_st .tab_ul li > a {height:inherit; line-height:inherit; border:1px solid #e1e1e1; padding:.5em 3em; font-size:1.063em; background:#f8f8f8;}
.prod_wrap .TAB_WRAP.sub_2_4_st .tab_ul li > a:after {background:none;}
.prod_wrap .TAB_WRAP.sub_2_4_st .tab_ul li.on > a, .TAB_WRAP .tab_ul li:hover > a {color:#fff; background:#0948a7;}


.prod_list_wrap .label_st input:checked ~ .xi ~ span,
.prod_list_wrap .label_st input:checked ~ .xi:before{ color:#047dc9;}
.prod_list_wrap .label_st.all input ~ .xi ~ span,
.prod_list_wrap .label_st.all input ~ .xi:before,
.prod_list_wrap .label_st.all input:checked ~ .xi ~ span,
.prod_list_wrap .label_st.all input:checked ~ .xi:before{ color:#fff;}
.prod_list_wrap .label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{ content:"\e92e"}
.prod_list_wrap .label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before{ content:"\e92d"}
.prod_list_wrap .label_st input[type=radio] ~ .xi:before{ content:"\e9c6";}
.prod_list_wrap .label_st input[type=radio]:checked ~ .xi:before{ content:"\e9c7";}
.prod_list_wrap .label_st input[type=checkbox],
.prod_list_wrap .label_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}
.prod_list_wrap .label_st input[disabled=disabled] ~ *,
.prod_list_wrap .label_st input[disabled=disabled] ~ .xi:before{ color:#434343;}
.prod_list_wrap .label_st input[disabled=disabled] ~ *{ cursor:default; opacity:.8;}

.prod_btn_inc{}
.prod_btn_inc .input_st{ padding-left:.25em !important; padding-right:.25em !important; min-width:inherit !important; text-align:center;}
.prod_btn_inc .inp{ width:5em;}
.prod_btn_inc .btn.st1{ width:10em;}
.prod_btn_inc .btn.st2{ width:5em;}


/*제품리스트*/
.prod_list_top{ flex-wrap:wrap; padding:.75em 1.5em; background:#f5f5f5; border:solid #ddd; border-top-color:#343b4d; border-width:1px 0;}
.prod_list_top > *{ margin-bottom:0 !important; margin-right:2em;}
.prod_list_top > *:last-child{ margin-right:0;}
.prod_list_top .tit{ flex:1;}
.prod_list_top .tit .tt{ display:inline-block; margin-right:1em;}
.prod_list_top .tit .tt:last-child{ margin-right:0;}
.prod_list_top .tit .tt *{ vertical-align:baseline;}
.prod_list_top .tit .t1{ font-size:1.375em; letter-spacing:0;}
.prod_list_top .tit .t2{ font-size:1em; font-weight:500; opacity:.6;}
.prod_list_top .tit .tb{ font-family:notokrB;}

.prod_list_wrap {margin-top:0;}
.prod_list_wrap .list{ margin:0 -15px -15px 0}
.prod_list_wrap .list > li{ width:25%}
.prod_list_wrap .list > li * { transition:.3s}
.prod_list_wrap .list > li .re{ box-sizing:border-box; padding:1em;}
.prod_list_wrap .list > li .prod_st{ border:1px solid #ddd; margin:0 15px 15px 0; display:block;}
.prod_list_wrap .list > li .prod_st .img_wrap{ display:block; padding:10px; overflow:hidden}
.prod_list_wrap .list > li .prod_st .con_wrap{ display:block; text-align:center; padding:15px 10px; border-top:1px solid #ddd;}
.prod_list_wrap .list > li .prod_st .con_wrap .tit{ display:block; font-size:1.125em; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500;}
.prod_list_wrap .list > li .prod_st .con_wrap .t1{ display:none; font-size:.875em; color:#1b5b8f; font-weight:500; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:5px}

.prod_list_wrap .list > li .prod_st:hover{ box-shadow:1px 1px 3px rgba(0,0,0,.5)}
.prod_list_wrap .list > li .prod_st:hover .img_wrap img{ transform:scale(1.1,1.1)}


.prod_list_top .total_wrap{ margin-bottom:.6em; font-size:.938em; color:#111; letter-spacing:0; text-transform:uppercase;}
.prod_list_top .total_wrap *{ display:inline-block; *display:inline; zoom:1; letter-spacing:0;}
.prod_list_top .total_wrap .xi{ margin-right:.4em; width:1.6em; line-height:1.6em; background:#fff; border:1px solid #ccc; border-radius:50%; text-align:center; font-size:1.500em;}
.prod_list_top .total_wrap .t1{ margin-right:.4em; font-size:.938em; font-weight:500;}
.prod_list_top .total_wrap .t2{ font-size:1.250em; color:#d82744; font-weight:700;}
.prod_list_top .total_wrap .t2 + .t1{ margin-left:.4em;}


.category_wrap { background:#f2f5f8;  margin-top:-1px;}
.category_wrap .in_prod_cate_wrap{text-align:left;}
.category_wrap .in_prod_cate_wrap .list > li{width:20% !important;}
.category_wrap .in_prod_cate_wrap .list > li > a{display:block; word-break:break-all; background:#fff; border:1px solid #ddd; padding:5px 0; color:#222; transition:.3s; font-size:.875em; background:#fff; margin-left:-1px;}
.category_wrap .in_prod_cate_wrap .list > li .t_w .icon{ display:block; width:3.5em; height:3.5em; margin:0 auto; border:1px solid #fff; border-radius:100%;}
.category_wrap .in_prod_cate_wrap .list > li .t_w .icon img{ max-height:2.3em;}
.category_wrap .in_prod_cate_wrap .list > li .t_w .tt {display:block; font-size:1em; height:17px; line-height:17px;}
.category_wrap .in_prod_cate_wrap .list > li.all > a{ color:#fff !important; background:#062c5e; border-color:transparent;}
.category_wrap .in_prod_cate_wrap .list > li.all .t_w .icon{ background:#fff;}
.category_wrap .in_prod_cate_wrap .list > li:hover > a{ color:#0065a4;}
/*.category_wrap .in_prod_cate_wrap .list > li.on > a{z-index:1; position:relative; background:#0065a4; color:#fff; }
.category_wrap .in_prod_cate_wrap .list > li.on .t_w .icon{ border-color:#fff; background:#fff;}*/
.category_wrap .in_prod_cate_wrap .list > li > a{ padding:10px 25px; font-size:.875em; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative}
.category_wrap .in_prod_cate_wrap .list > li.on > a{ background:#002654; border-color:transparent; color:#fff; z-index:1}
.category_wrap .in_prod_cate_wrap .list > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#002654; position:absolute; width:100%; text-align:center; bottom:-13px; left:0}

.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%;}
.col_wrap.sec11 > *{ width:9%;}

.prod_list_tab_w {border:1px solid #ccc; margin-top:-1px; padding:1em 2em 1em 2em; background:#fff; text-align:left;}
.prod_list_tab_w .product_list {}
.prod_list_tab_w .product_list li { width:25%;}
.prod_list_tab_w .product_list li a {display:inline-block; text-align:left; height:auto; padding:.5em 0; font-size:.875em; letter-spacing:.2px; padding-left:8px; vertical-align:middle; position:relative; font-weight:400; color:#555;}
.prod_list_tab_w .product_list li a:before {position:absolute; content:""; background:#888; border-radius:100%; left:0; top:14px; width:2px; height:2px;}
.prod_list_tab_w .product_list li a .num {color:#888; vertical-align:middle; padding-left:3px;}
.prod_list_tab_w .product_list li a:hover, .prod_list_tab_w .product_list li a.on{ color:#0065a4;}




/*제품 뷰*/
.prod_view_wrap{}
.prod_view_wrap > ul > li{width:50%;/* height:430px; */position:relative;/* border-top:1px solid #ddd; border-bottom:1px solid #ddd*/left: 5%;}
.prod_view_wrap > ul > li:nth-child(1){}
.prod_view_wrap > ul > li:nth-child(2){}
.prod_view_wrap > ul > li .inner_box{position:absolute; top:20px; /*right:70px;*/ width:80%; color:#666;/* left:10%; */border-top:2px solid #666; padding-top:1em}
.prod_view_wrap > ul > li .inner_box .t1{ font-size:1.5em; padding-left:.5em}
.prod_view_wrap > ul > li .inner_box .inner_in{ min-height:250px;}
.prod_view_wrap > ul > li .inner_box dl{}
.prod_view_wrap > ul > li .inner_box dl dt{ padding:10px 0 10px .5em; font-weight:600; color:#1b5b8f;}
.prod_view_wrap > ul > li .inner_box dl dd{ line-height:1.5; color:#666; padding-left:.5em; margin-bottom:1.5em;}
.prod_view_wrap > ul > li .prod_line{ width:100%; height:1px; background:#ddd; margin:20px 0;}

.prod_view_wrap .img_wrap .big{width:80%;/*padding-right:15%;;*/position:relative;/*left: 50%;*/}
/*.prod_view_wrap .img_wrap .big .in{ padding:2em;}*/
.prod_view_wrap .img_wrap .big .resize2 .re{ background:#fff; border:5px solid #ddd; box-sizing:border-box; padding:2em 1em;}


/*.cont_view_wrap{ margin-top:2.5em; background:#f5f5f5; padding:3em 0}
.cont_view_wrap .view_tit{ font-size:1.625em; margin-bottom:10px;}
.cont_view_wrap .view_tit_wrap{ border-top:2px solid #666; font-size:1em; border-bottom:1px solid #666; padding-left:1em}
.cont_view_wrap .view_tit_wrap p{ font-size:1.25em; padding:1em 0}
.cont_view_wrap .view_in_wrap{ background:#fff; padding:3em 0 3em 0; margin-bottom:3em; display:inline-block; width:100%}
.cont_view_wrap .view_in_wrap > p{ padding:0 2em; line-height:1.5;}
.cont_view_wrap .view_in_wrap .tt{ color:#0c61b5; font-family:'notokrB'; margin-bottom:.5em;}
.cont_view_wrap .view_in_wrap .t1{ margin-left:1em; padding-bottom:1.5em;}
.cont_view_wrap .view_in_wrap .con_in{ padding:0 2em; line-height:1.6; margin:1em 0;}
.cont_view_wrap .view_in_wrap .table_wrap .table_st tbody td{ text-align:center !important}
.cont_view_wrap .view_in_wrap .table_wrap{ margin-bottom:3em;}
.cont_view_wrap .view_in_wrap .tx{ line-height:1.6; font-size:1em; font-weight:400; color:#656565; margin-bottom:1em}
.cont_view_wrap .view_in_wrap img{ margin:0 auto; display:block}
.cont_view_wrap .view_in_wrap img.al{ margin:auto !important; display:inline-block;}*/

.prod_view_top .tit_wrap{ background:#f1f1f1; border-top:2px solid #666; color:#111; padding:.8em 1.5em; font-size:1.625em; margin-bottom:1em; position:relative; overflow:hidden;}
.prod_view_top .tit_wrap:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:#666}

.cont_info{ float:right; margin-top:2em}
.cont_info span{ width:15px; height:15px; display:inline-block; background:#f3cd62; margin-right:.5em}
.cont_info span.st{ background:#f9aa00 !important}
.cont_info ul li{ margin-right:1em}



.prod_view_wrap .img_wrap .small{ width:25%;}
.prod_view_wrap .img_wrap .small > li .in{ display:block; border:3px solid #002654; margin-top:0.5em; padding:1em; filter:alpha(opacity=50);opacity:0.5; transition:.3s}
.prod_view_wrap .img_wrap .small > li:first-child .in{ margin-top:0}
.prod_view_wrap .img_wrap .small > li.on .in{ filter:alpha(opacity=100);opacity:1}
.prod_view_wrap .img_wrap .small.st1{ margin-top:1em; width:83.333%;}
.prod_view_wrap .img_wrap .small.st1 > li{ width:33.333%}
.prod_view_wrap .img_wrap .small.st1 > li .in{ margin:.5em .5em 0 0; padding:0.3em;}


.prod_view_wrap .btn_in{ padding-left:1em; padding-bottom:1em;}
.prod_view_wrap .btn_in.st{ width:20%;margin: 1em 0 0 0;padding-left:0; padding-bottom:2em}
.prod_view_wrap .btn_in .catalog{ display:block; background:#666; color:#fff; height:3em; transition:.3s; width:45%; float:right !important; margin-left:.5em;}
.prod_view_wrap .btn_in .catalog .tt{ font-size:.875em; padding-left:.5em}
.prod_view_wrap .btn_in .catalog:hover{ background:#333; color:#fff}

.prod_view_wrap .btn_in .more{ display:block; background:#0c61b5; color:#fff; height:3em; transition:.3s; width:45%; margin-left:0.5em; float:right !important;}
.prod_view_wrap .btn_in .more .tt{ font-size:.875em; padding-left:.5em}
/*.prod_view_wrap .btn_in .more:hover{ background:#002654; color:#fff}*/


/*인사말*/
.greetings_wrap{ overflow:hidden; margin-top:1.5em;}
.greetings_wrap .left{ width:50%; float:left;}
.greetings_wrap .left .in_img{ max-width:85%;}
.greetings_wrap .right{ width:50%; float:left; position:relative; margin-top:.5em;}
.greetings_wrap .t1{ font-size:1; line-height:1.6; padding:.5em 0; color:#333;}
.greetings_wrap .t1.t2{ font-size:1.125em; color:#000;}
.greetings_wrap .tt_en{ font-size:.813em; letter-spacing:5px; font-family:'notokrR'; color:#999; margin-bottom:1em; text-transform:uppercase;}
.greetings_wrap .line{ width:100%; height:1px; background:#8eadcc; margin-bottom:1.5em;}
.greetings_wrap .tt{ font-size:1.5em; font-family:'notokrM'; margin-bottom:1em; color:#222; letter-spacing:-1px;}
.greetings_wrap .c1{ color:#0c61b5; font-family:'notokrB'; vertical-align:bottom; font-size:1.125em;}
.greetings_wrap .c2{ color:#666; font-size:.785em; margin-bottom:5px; display:block;}
.greetings_wrap .owner{ text-align:right; margin-top:3em;}


/*제품정보*/
.cont_view_wrap{}
.cont_view_wrap .view_in_wrap .list{}
.cont_view_wrap .view_in_wrap .list > dt{ color:#1b5b8f; font-family:'notokrM';}
.cont_view_wrap .view_in_wrap .list > dd{ font-family:'notokrR';}



/*=============================================== 맨에어 서브페이지 ===================================================*/

.page_tit{ font-size:1.750em; color:#333; margin-bottom:.8em}
.page_txt{ background:#f2f6f6; padding:2em 2.5em; position:relative; border:1px solid #ddd;}
.page_txt .xi{ font-size:1.570em; color:#19b272; background:#fff; border-radius:50%; width:3.5em; height:3.5em; display:inline-block; text-align:center; line-height:3.5em; border:1px solid #19b272; margin-left:1.5em}
.page_txt .xi:before{ font-size:1.750em}
.page_txt .t1{ width:80%; padding-left:3.5em; display:inline-block; line-height:1.7; font-family:notokrR}


.page_basic_tit{ margin-bottom:1em; padding-left:1.2em;}
.page_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.page_basic_tit > *[class^="t"] strong{ font-weight:500;}
.page_basic_tit > *[class^="t"] span  { font-weight:300;}
.page_basic_tit > .t1{ position:relative; font-size:1.375em; color:#3c3c3d; font-family:'notokrM'; line-height:1.4; letter-spacing:-1px;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.21em; left:-.8em; width:.3em; height:1em; background:#4498e4; border-radius:.2em;}
.page_basic_tit > .t2{ padding-top:.6em; font-size:1.125em; color:#555; line-height:1.5;}
.page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.875em; color:#72727d;}
.page_basic_tit > .t3 strong{ color:#3c3c3d;}
.page_basic_tit .point{ color:#ef7c00;}


/*오시는길*/
.main .root_daum_roughmap .wrap_controllers {display:none !important;}
.root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important}
.root_daum_roughmap .wrap_controllers{ display:none !important}
/*.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em 2em; margin-top:2em;}
.map_info1 .t1 { float:left; width:100%}
.map_info1 .t1 .in{ padding-top:1.5em; margin-top:1.5em; border-top:1px dashed #ddd;}
.map_info1 .t1 .in:first-child{ border-top:none}
.map_info1 .t1 .in:first-child{ padding-top:0; margin-top:0;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span.db{ font-size:1.250em; font-weight:500}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:5px; background:linear-gradient(300deg, #009944 0%,#07836d 100%); border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center;}
.map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}*/
.map_wrap{}
.map_wrap > div.map{ width:100%;}
.map_wrap .map_tit{ border-top:2px solid #222; padding:.8em; border-bottom:1px solid #ddd;}
.map_wrap .map_tit .t1{ font-size:1.375em;}
.map_wrap .map > ul{ margin-bottom:1em; display:flex; justify-content:space-between;}
.map_wrap .map > ul > li{ position:relative; padding:1em 0 .5em 1em}
.map_wrap .map > ul > li:before{ content:""; position:absolute; left:0; top:18px; width:5px; height:20px; background:#21be67; border-radius:.3em;}
.map_wrap .map > ul > li > strong{ font-family:notokrB; width:4em; display:inline-block; font-size:1.063em; color:#333;}
.map_wrap .map > ul > li > span{ color:#555; font-family:notokrR}




/*페이지탭*/
.tab_st{ position:relative; margin-bottom:2em; padding:1px 0 0 1px;}
.tab_st:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#111;}
.tab_st > li{ flex:1; position:relative;}
.tab_st > li .in{ height:3.5em; margin:-1px 0 0 -1px; padding:0 .5em; background:#f7f7f7; border:1px solid #ddd; color:#444; transition:.1s;}
.tab_st > li .in .tt{ font-size:1.063em;}
.tab_st > li:hover .in{ background:#fff; color:#111;}
.tab_st > li.on{ z-index:1;}
.tab_st > li.on .in{ background:#fff; border-color:#111; border-bottom-color:transparent; color:#111;}
.tab_st > li.on .in .tt{ font-weight:500;}




/*제품 정보*/
.prod_detail_wrap{ padding:20px 0 20px 0;}
.prod_detail_wrap .inner{ *zoom:1;}
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:40%; position:relative;}
.prod_detail_wrap .inner .info_wrap { float:left; width:55%;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}

.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{}
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:10px;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 2px; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#0052b8;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-80px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{ background:#d12d33; border-color:#d12d33; color:#fff; transition:.3s;}

.prod_detail_wrap .info_wrap .in{ padding:15px 0 0 130px;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#777; font-size:.938em; margin-bottom:.5em}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-family:notokrB}

.prod_detail_wrap .info_wrap .prod_info{}
.prod_detail_wrap .info_wrap .prod_info .info{ position:relative; padding:10px 0 10px 160px;  font-weight:400;}
.prod_detail_wrap .info_wrap .prod_info .info .tit{ position:absolute; top:10px; left:0; padding-left:10px;}
.prod_detail_wrap .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#777;}
.prod_detail_wrap .info_wrap .prod_info .info .txt{ color:#666;}

.prod_detail_wrap .info_wrap .prod_btn{ margin-top:40px;}
.prod_detail_wrap .info_wrap .prod_btn > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:40%;}
.prod_detail_wrap .info_wrap .prod_btn .btn{ width:100%; height:50px; border:1px solid transparent; overflow:hidden; border-radius:.5em}
.prod_detail_wrap .info_wrap .prod_btn .btn.c1{ background:#444; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c2{ background:#38393F; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c3{ background:#ffffff; border-color:#aaa;}
.prod_detail_wrap .info_wrap .prod_btn .btn i{ vertical-align:middle;}
.prod_detail_wrap .info_wrap .prod_btn .btn .xi{ padding-right:1px;}

.btn.hover_st1{ position:relative; transition:.3s}
.btn.hover_st1:after{content:"\e93f"; font-family:xeicon!important; position:absolute; right:-20px; top:50%; margin-top:-8px; transition:.3s}
.btn.hover_st1:hover{ padding-right:20px;}
.btn.hover_st1:hover:after{ right:10px}



.cont_view_wrap{ margin-top:2.5em; background:#f5f5f5; padding:3em 0}
.cont_view_wrap .view_tit{ font-size:1.625em; margin-bottom:10px;}
.cont_view_wrap .view_tit_wrap{ border-top:2px solid #666; font-size:1em; border-bottom:1px solid #666; padding-left:1em}
.cont_view_wrap .view_tit_wrap p{ font-size:1.25em; padding:1em 0}
.cont_view_wrap .view_in_wrap{ background:#fff; padding:3em 0 3em 0; margin-bottom:3em; display:inline-block; width:100%}
.cont_view_wrap .view_in_wrap > p{ padding:0 2em; line-height:1.5;}
.cont_view_wrap .view_in_wrap .tt{ color:#0c61b5; font-family:'notokrB'; margin-bottom:.5em;}
.cont_view_wrap .view_in_wrap .t1{ margin-left:1em; padding-bottom:1.5em;}
.cont_view_wrap .view_in_wrap .con_in{ padding:0 2em; line-height:1.6; margin:1em 0;}
.cont_view_wrap .view_in_wrap .table_wrap .table_st tbody td{ text-align:center !important}
.cont_view_wrap .view_in_wrap .table_wrap{ margin-bottom:3em;}
.cont_view_wrap .view_in_wrap .tx{ line-height:1.6; font-size:1em; font-weight:400; color:#656565; margin-bottom:1em}
.cont_view_wrap .view_in_wrap img{ margin:0 auto; display:block}
.cont_view_wrap .view_in_wrap img.al{ margin:auto !important; display:inline-block;}


/*중고장터*/

/*중고장터 리스트*/
.prod_list_wrap{}
.prod_list_wrap .prod_list .el{ margin-top:-1px; border:solid #d4d5d8; border-width:1px 0;}
.prod_list_wrap .prod_list .inner .td{ padding:1em 1em;}
.prod_list_wrap .prod_list .inner .che_wrap{ width:4em;}
.prod_list_wrap .prod_list .inner .img_wrap{ width:15em;}
.prod_list_wrap .prod_list .inner .con_wrap{ width:auto; line-height:1.5; letter-spacing:0;}

.prod_list_wrap .prod_list .inner .img_wrap .img{ display:block; background:#fff; border:1px solid #eee; position:relative; padding:1.5em;} /*패딩값임시로넣음*/
.prod_list_wrap .prod_list .inner .img_wrap .img:before,
.prod_list_wrap .prod_list .inner .img_wrap .img:after { position:absolute; z-index:1; opacity:0; visibility:hidden; transition:.2s;}
.prod_list_wrap .prod_list .inner .img_wrap .img:before{ content:""; left:-1px; right:-1px; top:-1px; bottom:-1px; background:#000;}
.prod_list_wrap .prod_list .inner .img_wrap .img:after { content:"\e917"; font-family:xeicon!important; left:50%; top:50%; transform:translate(-50%, -50%); font-size:2em; color:#fff;}
.prod_list_wrap .prod_list .inner .img_wrap .img:hover:before{ opacity:.4; visibility:visible}
.prod_list_wrap .prod_list .inner .img_wrap .img:hover:after { opacity:1; visibility:visible; transform:translate(-50%, -50%) rotate(90deg);}

.prod_list_wrap .prod_list .inner .con_wrap .path{ margin-bottom:1.5em;}
.prod_list_wrap .prod_list .inner .con_wrap .path .tt{ font-size:.875em; color:#333;}
.prod_list_wrap .prod_list .inner .con_wrap .sbj{ display:block; font-size:.938em; color:#111; word-break:break-all; word-wrap:break-word;}
.prod_list_wrap .prod_list .inner .con_wrap a.sbj:hover{ text-decoration:underline;}
.prod_list_wrap .prod_list .inner .con_wrap .desc{ margin-top:.75em; font-size:.875em; color:#72727d;}
.prod_list_wrap .prod_list .inner .con_wrap .brand{ display:inline-block; margin-top:1.75em; padding:.25em 1.25em; border:1px solid #d4d5d8; border-radius:6em;}
.prod_list_wrap .prod_list .inner .con_wrap .brand .tt{ font-size:.938em; color:#047dc9;}
.prod_list_wrap .prod_list .inner .con_wrap .num{ margin-bottom:.375em;}
.prod_list_wrap .prod_list .inner .con_wrap .num .tt{ display:inline-block;}
.prod_list_wrap .prod_list .inner .con_wrap .num .tt:before{ content:""; display:inline-block; vertical-align:middle; margin:0 1em; width:1px; height:1em; background:#d4d5d8;}
.prod_list_wrap .prod_list .inner .con_wrap .num .tt:first-child:before{ display:none;}
.prod_list_wrap .prod_list .inner .con_wrap .num .t1{ font-size:1.250em; color:#343b4d;}
.prod_list_wrap .prod_list .inner .con_wrap .num .t2{ font-size:1.125em; color:#1b5b8f;}
.prod_list_wrap .prod_list .inner .con_wrap .info{ flex-wrap:wrap; margin-top:2em;}
.prod_list_wrap .prod_list .inner .con_wrap .info .prod_price{ padding-right:.5em;}
.prod_list_wrap .prod_list .inner .con_wrap .more_btn{ margin-top:1.5em;}
.prod_list_wrap .prod_list .inner .con_wrap .more_btn .btn{ min-width:8em !important;}
.prod_list_wrap .prod_list .inner .con_wrap .prod_icon{ margin-top:1em;}
.prod_list_wrap .prod_list .inner .con_wrap .prod_icon + .info{ margin-top:.75em;}

.prod_list_wrap.st1{}/*리스트*/
.prod_list_wrap.st2{}/*상세*/
.prod_list_wrap.st3{}/*비교하기*/
.prod_list_wrap.st2 .prod_list .el{ margin-top:0; border-width:0;}
.prod_list_wrap.st3 .prod_list{ display:inline-block; width:100%; max-width:16em;}
.prod_list_wrap.st3 .prod_list .inner .img_wrap,
.prod_list_wrap.st3 .prod_list .inner .con_wrap{ width:auto;}
.prod_list_wrap.st3 .prod_list .inner .con_wrap{ margin-top:.75em; font-size:.813em;}
.prod_list_wrap.st3 .prod_list .inner .con_wrap .prod_btn_inc{ margin-top:1em;}
.prod_list_wrap.st3 .prod_list .inner .con_wrap .prod_btn_inc .input_st{ max-width:4em; font-size:1.125em;}

.prod_compare_fix{ position:fixed; z-index:1000; left:0; bottom:-100%; width:100%; background:#0f2945; box-shadow:0 -2px 7px 0 rgba(0,0,0,.2); transition:.4s;}
.prod_compare_fix.active{ bottom:0;}
.prod_compare_fix.bg1{ background:#0f2945;}
.prod_compare_fix.bg2{ background:#171f33;}
.prod_compare_fix .con_wrap .td{ padding:1.5em 0;}
.prod_compare_fix .con_wrap .list_wrap{ width:auto;}
.prod_compare_fix .con_wrap .btn { width:9em;}
.prod_compare_fix .con_wrap .btn .input_st{ width:100%; margin:.125em 0; font-size:.938em; border-color:#24282f;}
.prod_compare_fix .con_wrap .list{ align-items:flex-start; justify-content:flex-start; align-items:stretch;}
.prod_compare_fix .con_wrap .list > li{ flex:1; max-width:25%;}
.prod_compare_fix .con_wrap .list > li .in{ position:relative; margin-right:1.5em; padding:.75em; height:100%; min-height:4.875em; background:#fff; border-radius:.25em; box-sizing:border-box;}
.prod_compare_fix .con_wrap .list > li .in .img{ width:25%; max-width:4em;}
.prod_compare_fix .con_wrap .list > li .in .img .re{ border:1px solid #eee; background:#fff;}
.prod_compare_fix .con_wrap .list > li .in .img .noimg{ font-size:.625em;}
.prod_compare_fix .con_wrap .list > li .in .desc{ width:70%; padding-left:5%; color:#111;}
.prod_compare_fix .con_wrap .list > li .in .desc .num{ font-weight:700;}
.prod_compare_fix .con_wrap .list > li .in .desc .tit{ font-size:.813em; margin-top:.25em; height:2.438em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; word-wrap:break-word;}
.prod_compare_fix .con_wrap .list > li .cmpDel{ position:absolute; top:-.75em; right:-.75em; width:2em; line-height:2em; background:#343b4d; border:2px solid #fff; border-radius:100%; text-align:center; font-size:1em; color:#fff; cursor:pointer;}
.prod_compare_fix .con_wrap .list > li .cmpDel:before{ content:"\e921";}

.prod_compare_fix .con_wrap .list > li.empty .in{ background:rgba(0,0,0,.5); overflow:hidden;}
.prod_compare_fix .con_wrap .list > li.empty .in:before{ content:""; position:absolute; top:50%; left:50%; width:3px; height:500%; background:rgba(255,255,255,.1); transform:translate(-50%,-50%) rotate(72deg);}
.prod_compare_fix .con_wrap .list > li.empty .in .img .re{ visibility:hidden;}
.prod_compare_fix .con_wrap .list > li.empty .cmpDel{ visibility:hidden;}

.prod_compare_fix .con_wrap.cmp_res2 .list > li{ max-width:50%;}
.prod_compare_fix .con_wrap.cmp_res2 .list > li:nth-child(3),
.prod_compare_fix .con_wrap.cmp_res2 .list > li:nth-child(4){ display:none;}
.prod_compare_fix .con_wrap.cmp_res4 .list > li{ max-width:25%;}

.prod_price > *{ display:inline-block; vertical-align:middle;}
.prod_price > *:before{ content:""; display:inline-block; vertical-align:middle; margin:0 1em; width:1px; height:1em; background:#d4d5d8;}
.prod_price > *:first-child:before{ margin:0; width:0; visibility:hidden;}

.tt_price > *{ display:inline-block; color:#222;}
.tt_price > .xi { font-size:1.125em; margin-top:.063em; margin-right:.25em; line-height:1;}
.tt_price > .xi:before{ content:"\ea6f";}
.tt_price > .no { font-size:1.250em;}
.tt_price > .won{ font-size:1.063em; margin-left:.25em;}
.tt_price > .tt { font-size:1.125em;}
.tt_price > .tt2{ font-size:.938em;}
.tt_price > .c1 { color:#047dc9;}

.tt_price2 > *{ color:#222; font-weight:500;}
.tt_price2 > .discount{ font-size:.813em; color:#72727d; text-decoration:line-through;}
.tt_price2 > .t1{ color:#0f2945;}
.tt_price2 > .t2{ font-size:.875em; color:#047dc9; line-height:1.2;}
.tt_price2 > em{ display:block;}

.tt_stock{ color:#222;}
.tt_stock > .tt{ display:inline-block; font-size:.938em; color:#222;}
.tt_stock > .all:before{ content:"\eb3b";}
.tt_stock a:hover{ text-decoration:underline;}

.tt_prodnum{ display:inline-block; color:#0f2945;}
.tt_prodnum > .tt{ display:inline-block; font-weight:700;}
.tt_prodnum.icon{ position:relative; padding-left:1.25em;}
.tt_prodnum.icon > .xi{ position:absolute; top:.063em; left:0; line-height:1;}
.tt_prodnum.icon > .xi:before{ content:"\e914";}


/*인증서*/
.sec_tit h3{ width:100%; text-align:left; font-size:1.570em; color:#333; position: relative; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 3px solid rgba(0, 0, 0, 0.09);}
.sec_tit h3 > .xi{ border:1px solid #ddd; border-radius:50%; width:1.8em; height:1.8em; text-align:center; line-height:1.8em; font-size:.938em}
.sec_tit h3:after{ position: absolute; content: ""; background-color:#094; height:3px; width:200px; bottom: -3px; left: 0;}

/*브랜드스토리*/
.brand_story_wrap .prod_list .inner .td{ padding:2em 1em}
.brand_story_wrap .prod_list .inner .con_wrap{ position:relative}
.brand_story_wrap .prod_list .inner .con_wrap .t0{ font-size:1.25em; padding-bottom:.5em; color:#094}
.brand_story_wrap .prod_list .inner .con_wrap .t1{ line-height:1.5; font-family:notokrR; color:#555}
.brand_story_wrap .prod_list .inner .con_wrap .t2{ padding-top:1em; color:#555;}
.brand_story_wrap .prod_list .inner .con_wrap dl.flex{ align-content:baseline; align-items:baseline; color:#555; padding:.3em 0}
.brand_story_wrap .prod_list .inner .con_wrap dl dt{ width:20%; position:relative; padding-left:1em}
.brand_story_wrap .prod_list .inner .con_wrap dl dt:before{ width:5px; height:85%; content:""; border-radius:10px; background:#094; position:absolute; left:0; top:2px;}
.brand_story_wrap .prod_list .inner .con_wrap dl dt.c1:before{ background:#fecc07;}
.brand_story_wrap .prod_list .inner .con_wrap dl dd{ width:80%; font-family:notokrR}
.brand_story_wrap .prod_list .inner .con_wrap .strong{ background:#f5f5f5; padding:.3em 1em; border:1px solid #ddd; font-size:.938em; margin-top:1em; border-radius:.3em}
.brand_story_wrap .prod_list .inner .con_wrap .strong > i{ color:#888}
.brand_story_wrap .prod_list .inner .con_wrap .txtBox{ width:86%; padding-left:1em}
.brand_story_wrap .prod_list .inner .con_wrap .state_name{ font-size:.938em; padding:0 1em 0 .5em }
.brand_story_wrap .prod_list .inner .con_wrap .icon > img{ border-radius:50%; overflow:hidden}
.brand_story_wrap .prod_list .inner .con_wrap .state_img{ position:absolute; right:0; top:2em; border-radius:30px; overflow:hidden; border:1px solid #ddd;}
.brand_story_wrap .prod_list .inner .img_wrap .img:before,
.brand_story_wrap .prod_list .inner .img_wrap .img:after{ display:none}
.brand_story_wrap .prod_list .inner .img_wrap .img{ padding:0}


/*개인정보처리방침*/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative; /*height:800px; overflow-y:scroll;*/}
.privacy_area.st .privacy_box strong{ vertical-align:baseline; color:#555}
.privacy_area.st .privacy_box .privacy_in > strong{ font-family:notokrB; font-size:1.125em; }
.privacy_area .privacy_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;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; color:#fff; padding:20px 15px 0;}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .txt{ font-family:notokrR; color:#444; line-height:20px; margin-bottom:15px;}
.privacy_area .privacy_box .privacy_in{ height:140px; padding:30px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.privacy_area .privacy_box .privacy_in p{ line-height:1.7; margin-bottom:10px; color:#555; font-size:1em; font-family:notokrR;}
.privacy_area .privacy_box .privacy_in.h_st{ overflow-y:hidden; height:auto;}
.privacy_area .privacy_box .privacy_inp{ margin-top:25px; text-align:right;}
.privacy_area .privacy_box .privacy_inp input,
.privacy_area .privacy_box .privacy_inp label{ vertical-align:middle; cursor:pointer;}
.privacy_area .privacy_box .privacy_inp input{ margin-left:15px;}
.privacy_area .privacy_box .privacy_inp label{ margin-left:8px;}
.privacy_area .privacy_box .privacy_inp label:hover{ color:#3992ed;}

.privacy_area.st .privacy_box{ margin-left:0; padding:30px;}
.privacy_area.st .privacy_box .privacy_in{ padding:30px; font-size:0.938em; line-height:1.6; font-family:notokrR; color:#666}
.privacy_area.st .privacy_box .privacy_in h3{ font-size:1.250em;}

.privacy_area .privacy_box .privacy_in .privacy_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.privacy_area.st .privacy_box .privacy_in p{color:#666;  line-height:1.7; padding-left:5px;}
.privacy_area.st .privacy_box .privacy_in p > strong{font-size:1.154em; color:#333; margin-left:-5px; font-family:notokrB}


/*이메일무단수집거부*/
.terms_area{ padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:1em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em;}
.terms_area .terms_box strong{ color:#111; font-weight:500;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_area.agree .check{ margin-top:10px; text-align:right;}
.page_email{ letter-spacing:-1px; padding:30px; background:#fff; border:1px solid #eee;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}


/*연혁*/
.about_greeting{ position:relative; }
.about_greeting:before{ content:""; display:block; position:absolute; top:0; left:0; width:50%; height:100%; background:url(../images/sub/greeting_img2.png) no-repeat 50% 50%; /*background-size:cover*/}
.about_greeting .inner{ position:relative;}
.about_greeting .inner .img_wrap{ width:25%; position:relative;}
.about_greeting .inner .img_wrap .pos{ position:absolute; top:-14em; right:-12em; /*-webkit-box-shadow: 28px 33px 76px -28px rgba(120,120,120,1); -moz-box-shadow: 28px 33px 76px -28px rgba(120,120,120,1); box-shadow: 28px 33px 76px -28px rgba(120,120,120,1);*/}
.about_greeting .inner .img_wrap .pos img{ display:block; max-width:none;}
.about_greeting .inner .con_wrap{ flex:1; padding:1em 0 1em 16em; background:#fff;}
.about_greeting .inner .con_wrap .tit{ margin-bottom:2em;}
.about_greeting .inner .con_wrap .tit .tt{ font-size:2.000em; color:#333; font-weight:300; line-height:1.3; letter-spacing:-1px;}
.about_greeting .inner .con_wrap .tit .tt > *{ vertical-align:baseline;}
.about_greeting .inner .con_wrap .txt .tt{ padding:.625em 0; font-size:1.125em; color:#444; line-height:1.7; font-family:notokrR}

.about_history{ padding-bottom:10em}
.about_history_top{ padding-top:4em; margin-top:5em}
.about_history_top .inner{ text-align:left; position:relative; padding-left:1.5em}
.about_history_top .inner:before{ content:"\e913"; font-family:'xeicon'; color:#008850; font-size:1.750em; position:absolute; top:-1em; left:0}
.about_history_top .inner .tt{ font-size:2.750em; color:#333; margin-bottom:.5em}
.about_history_top .inner .t0{ font-size:2.250em; font-family:Ms; color:#555;}


.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px; border-top:1px solid #ddd; margin-top:1em}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:0}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-45px; width:10px; height:10px; background:#fff; border-radius:100%; border:3px solid #009944; }
.sub_history_wrap .sub_history > li .history .year{ font-size:1.9em; font-weight:600; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px; padding-left:1.5em}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1.063em; color:#555; line-height:1.4; margin-bottom:15px; vertical-align:middle;}
.sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.sub_history_wrap .sub_history > li .history .list .month{ min-width:80px; display:inline-block; color:#126738;}
.sub_history_wrap .sub_history > li .history .history_img{ margin-bottom:1em; padding-left:.5em}
.sub_history_wrap .sub_history > li .history .history_img > li{ margin-right:.3em}
.sub_history_wrap .sub_history > li .history .list:before{ content:"\e91b"; position:absolute; left:0; font-family:'xeicon'; color:#888}
.f_after:after{ display:block; clear:both; content:"";}

/*연혁탭*/
.page_tab2{ margin:0 0 0 -.5em}
.page_tab2 > li{ width:10em}
.page_tab2 > li > a{ display:block; border:1px solid #ddd; padding:1em; margin:.5em 0 0 .5em; background:#fff; position:relative; transition:.3s; text-align:center; border-radius:.4em}
.page_tab2 > li > a .tt{ font-size:.875em}
.page_tab2 > li > a .icon{ position:absolute; right:.5em; top:50%; margin-top:-.5em; font-size:1em; opacity:0}
.page_tab2 > li > a .icon:before{content:"\e942"}
.page_tab2 > li:hover > a,
.page_tab2 > li.on > a{ background:#009944; border-color:#009944; color:#fff; box-shadow:0 0 .5em .125em rgba(0,0,0,.1)}
.page_tab2 > li.on > a .icon{ opacity:1}
.page_bg1{ background:#f9f9f9}


/*CEO인사말*/
.about_company{ position:relative; overflow:hidden; /*background:linear-gradient(to right,#f5f5f5 50%,transparent 50%);*/}
.about_company:before{ content:""; display:block; position:absolute; top:-6em; left:-3em; width:50%; height:100%; background:url(../images/sub/greeting_img2.png) no-repeat 50% 50%;}
.about_company .inner .img_wrap{ width:36%;}
.about_company .inner .con_wrap{ padding:3em 0 1em 5em;}
.about_company .inner .con_wrap .txt .name{ margin-top:2em; font-size:1.125em}




/*조직도*/
.organization_wrap{ background:url(../images/sub/phil_bg.png) no-repeat center center;}
.organization_wrap .t1{ font-size:1.570em; text-align:center; position:relative; line-height:1.5; color:#333;}
.organization_wrap .t1:after{ content:""; width:45px; height:2px; background:#008850; margin:1em auto 2.5em auto; display:block}


/*제품 카테고리탭*/
.cate_tab_wrap{margin-bottom:2rem; justify-content:flex-start;}
.cate_tab_wrap .cate_tab{flex:1 1 30%; max-width:calc(100% / 3); border:1px solid #ddd; height:50px; box-sizing:border-box; text-align:center; justify-content:center; align-items:center; cursor:pointer; transition:.3s;}
.cate_tab_wrap .cate_tab:hover,
.cate_tab_wrap .cate_tab.on{border-color:#094; color:#094;}