@charset "utf-8";
/* CSS Document */
@-ms-viewport{width:device-width}
html{overflow-x:hidden}
*{ margin:0; padding:0; }
ul,li{ list-style:none}
img { border:none; display:block}
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
body{ font-family:notokrM,notokrR,notokrB,sans-serif; letter-spacing:-1px; font-size:16px}
.box0{ width:94%; margin:0 auto}
.box1{ width:1180px; margin:0 auto; max-width:100%}
.box2{ padding:0 2em; margin:0 auto;}
.box3{ width:1600px; margin:0 auto; max-width:100%}
.box4{ width:90%; margin:0 auto}
.PC{ display:none !important}
.PHONE{ display:none !important}
.eng_m_st{ display:none !important}



/*header*/


#header{ position:fixed; z-index:1000; left:0; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,.2); transition:.3s}
#header .va_wrap{ height:4.625em}
.headerPD{ padding-top:4.625em}
/*.headerMG{ margin-bottom: 130px; }*/
#header .logo{ float:left; padding-left:2em}
#header .logo > a{ position:relative}
#header .logo > a .logo1{ display:inline-block}
#header .logo > a .logo2{ display:none}
#header .logo img{ max-height:80%}
#header .eng_m_st { position:absolute; right:43px; top:25px; color:#fff; font-size:1.063em;}
#header .eng_m_st .eng_m_xi {display:inline; padding-right:2px; font-size:15px;}


#header .menu_wrap{ float:right; padding-right:2em}
#header .gnb_wrap{ float:left}
#header .gnb_wrap .gnbBg{ position:absolute; top:4.625em; left:0; width:100%; height:0; background:#f9f9f9; transition:.2s}
#header .gnb_wrap.on .gnbBg{ box-shadow:0 1px 3px rgba(0,0,0,.3)}
#header .gnb_wrap.on .gnbBg:before{ content:""; position:absolute; left:0; top:0; z-index:1; height:1px; width:100%; background:#ddd}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; min-width:9.7em; position:relative; /*padding:0 1em;*/}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:4px; background:#e70100; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.125em; transition:.3s}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:0; width:100%; opacity:0; visibility:hidden; background:#fff; box-sizing:border-box; padding:1rem 0 1.5rem 0}
#header .gnb_wrap .gnb > li .dp2:after,
#header .gnb_wrap .gnb > li:first-child .dp2:before{ content:""; position:absolute; z-index:1; right:-1px; top:0; width:1px; height:100%; background:#eee}
#header .gnb_wrap .gnb > li:first-child .dp2:before{ right:auto; left:-1px}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#666; text-align:center; padding:1em}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.875em}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:100%}
#header .gnb_wrap.on .gnb > li .dp2{ opacity:1; visibility:visible; transition-delay:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#f6980b}
#header .gnb_wrap .gnb > li.m_privacy, #header .gnb_wrap .gnb > li .dp3 { display:none; }


/**/
.TAB_WRAP {position:relative; text-align:center;  margin-bottom:30px;}
.TAB_WRAP .his_bg { background:#f6f6f6; height:200px; position:absolute; left:0; top:0; width:100%; background-size:cover;}
.TAB_WRAP .tab_ul {/*overflow:hidden;*/  position:relative; display:inline-block;}
.TAB_WRAP .tab_ul li {float:left; position:relative;}
.TAB_WRAP .tab_ul li > a {display:block; text-align:center; transition:.3s; margin:0 0 0 -1px; border:1px solid #ccc; font-size:1em; padding:1em 2.5em; }
.TAB_WRAP.organiziation_st .tab_ul li > a {padding:1em 3em;}
.TAB_WRAP.st2 .tab_ul li > a {/*padding:5px 30px;*/}
/*.TAB_WRAP .tab_ul li > .tab_dot { background:#0065A4; width:10px; height:10px; border-radius:100%; left:50%; margin-left:-5%; bottom:-5px; position:absolute; cursor:pointer;}
.TAB_WRAP .tab_ul li.on > .tab_dot:after{ content:""; position:absolute; top:-4px; bottom:-4px; left:-4px; right:-4px; border:1px solid #0065A4; border-radius:100%;}*/
.TAB_WRAP .tab_ul li.on > a {color:#fff;  background:#999; border-color:transparent;}
.TAB_WRAP .tab_ul li.on > a:after{ opacity:1; content:"\e935"; font-family:xeicon; font-style:normal; font-size:16px; color:#999; width:100%; position:absolute; text-align:center; bottom:-14px; left:0;}




#header .all_wrap{ float:left; display:none}
#header .all_wrap .allBtn{ width:5em; text-align:center; margin-left:.5em}
#header .all_wrap .allBtn .va{ font-size:1.688em; color:#fff}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:22em; max-width:90%; height:100%; box-shadow:-5px 0 5px rgba(0,0,0,.2); opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; right:-100%; width:100%; height:100%; background:#fff; transition:.3s}
#header .all_wrap .all .tit_wrap{ background:#003f87; position:relative; border-bottom:1px solid rgba(255,255,255,.2)}
#header .all_wrap .all .tit_wrap .btn{ position:absolute; top:0; width:5em; height:100%; text-align:center; color:#fff; transition:.3s}
#header .all_wrap .all .tit_wrap .btn:hover{ background:rgba(0,0,0,.1)}
#header .all_wrap .all .tit_wrap .btn.close{ right:0; margin-right:1em}
#header .all_wrap .all .tit_wrap .tit{ padding:0 6em}
#header .all_wrap .all .tit_wrap .tit .va{ color:#fff; font-size:1.25em}
#header .all_wrap .gnb > li{ display:block}
#header .all_wrap .gnb li > a{ position:relative; text-align:left; padding:0 2em; height:3.5em; overflow:hidden}
#header .all_wrap .gnb li > a:after{ content:"\e93f"; font-family:xeicon!important; position:absolute; right:0; top:0; width:3em; text-align:center; line-height:3.5em}
#header .all_wrap .gnb > li .dp1{ color:#111; border-bottom:1px solid #ddd}
#header .all_wrap .gnb > li .dp2{ background:#f5f5f5; padding:0 0 0 1px; position:relative}
#header .all_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
#header .all_wrap .gnb > li .dp2 > li{ width:50%}
#header .all_wrap .gnb > li .dp2 > li > a{ border:1px solid #ddd; margin:-1px 0 0 -1px; color:#666; transition:.3s}
#header .all_wrap .gnb > li .dp2 > li > a:after{ right:-100%; transition:.3s}
#header .all_wrap .gnb > li .dp2 > li > a .va{ font-size:.875em}
#header .all_wrap .gnb > li:hover > .dp1{ background:#003f87; color:#fff}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ background:#555; border-color:transparent; color:#fff}
#header .all_wrap .gnb > li .dp2 > li:hover > a:after{ right:0}
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ right:0}

#header .language{ float:left; margin-left:.6em;}
#header .language .va{ position:relative}
#header .language .langBtn{ display:block; border:1px solid rgba(255,255,255,.2); color:#fff; padding:.5em .7em; transition:.3s}
#header .language .langBtn .tt{ text-transform:uppercase; font-size:.813em; padding:0; margin-left: 6px;}
#header .language .langBtn .arrow{ transition:.2s}
#header .language .langList{ position:absolute; left:0; width:100%; z-index:1; padding-top:.2em; visibility:hidden; opaicty:0; transition:.3s}
#header .language .langList > li > a{ display:block; border-top:1px solid rgba(255,255,255,.2); color:#fff; padding:.7em 1em; text-align:left; background:#333; position:relative; overflow:hidden}
#header .language .langList > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
#header .language .langList > li > a.link:before{ display:none}
#header .language .langList > li:first-child > a{ border-top:none}
#header .language .langList > li > a .tt{ font-size:.75em}
#header .language .langList > li > a .arrow{ position:absolute; right:-1em; top:50%; margin-top:-.4em; transition:.3s}
#header .language .langList > li > a .arrow:before{ font-size:.75em}
#header .language .langList > li:hover > a {background:#fff; color:#003f87;}
#header .language .langList > li:hover > a.link .arrow{ right:.5em}
#header .language.on .langBtn{ background:#333; border-color:transparent}
#header .language.on .langList{ visibility:visible; opacity:1}
#header .language.on .langBtn .arrow{ transform:rotate(90deg)}

.stW#header{ background:#fff; border-bottom-color:#ddd}
.stW#header .logo > a .logo1{ display:none}
.stW#header .logo > a .logo2{ display:inline-block}
.stW#header .gnb_wrap .gnb > li .dp1{ color:#333}
.stW#header .gnb_wrap .gnb > li:hover .dp1,
.stW#header .gnb_wrap .gnb > li.on .dp1{ color:#df1b0b}
.stW#header .language .langBtn{ background:#333}
.stW#header .eng_m_st {color:#333;}
.stW#header .m_btn .xi {color:#333;}




/*footer*/
#footer{ background:#282828}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:16.66666666666667%; position:relative}
#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 .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 .va{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gnb_wrap .gnb > li .dp3, #footer .menu_wrap .gnb_wrap .gnb > li.m_privacy { display: none; }
#footer .menu_wrap .etc_wrap{ width:16.7%; position:absolute; right:0; top:0; height:100%}
#footer .menu_wrap .etc_wrap:before,
#footer .menu_wrap .etc_wrap:after{ content:""; position:absolute; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .etc_wrap:after{ right:0}
#footer .menu_wrap .etc_wrap .in{ padding:2em 1em}
#footer .menu_wrap .etc_wrap .in .catalog{ display:block; background:#fff; color:#003f87; height:2.5em; transition:.3s}
#footer .menu_wrap .etc_wrap .in .catalog .tt{ font-size:.875em; padding-left:.5em}
#footer .menu_wrap .etc_wrap .in .catalog:hover{ background:#003f87; color:#fff}
#footer .link_wrap{ border:1px solid #333; border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none}
#footer .link_wrap .va_wrap{ height:3em}
#footer .link_wrap .link > li > a{ margin:0 2.5em; color:#fff}
#footer .link_wrap .link > li > a:first-child{ margin-left:0}
#footer .link_wrap .link > li > a .va{ font-size:.875em}
#footer .link_wrap .link > li > a:hover .va{ text-decoration:underline}
#footer .link_wrap .gotop{ display:block; width:3.5em; background:#111; background:rgba(0,0,0,.4); opacity:.7; color:#fff; text-align:center; transition:.3s}
#footer .link_wrap .gotop .xi{ display:block}
#footer .link_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .link_wrap .gotop:hover{ background:#df1b0b; color:#fff; opacity:1}
#footer .info_wrap{ padding:1em 0}
#footer .info_wrap .info{ }
#footer .info_wrap .info > li{ margin-right:4em; font-size:.813em; color:#fff; opacity:.6; line-height:2; letter-spacing:0}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:1em; font-size:.688em; color:#fff; opacity:.3; text-transform:uppercase}




#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:18em; 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; transform:scale(1.2,1.2); transition:1s}
#contents .sub_visual_wrap .slogan{ position:relative}
#contents .sub_visual_wrap .slogan .t1{ font-size:2.25em; color:#fff; padding-bottom:.7em; margin-left:10em; opacity:0; transition:1s}
/*#contents .sub_visual_wrap .slogan .t1:before{ content:""; display:block; width:1em; height:.1em; margin:0 auto .5em auto; background:#fff}
*/
#contents .sub_visual_wrap .slogan .t2{ font-size:.813em; letter-spacing:.5em; text-transform:uppercase; color:#fff; margin-right:10em; margin-bottom:4em; opacity:0; transition:1s}
.load #contents .sub_visual_wrap .bg{ transform:scale(1,1)}
.load #contents .sub_visual_wrap .slogan .t1{ margin-left:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .t2{ margin-right:0; opacity:.6}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%}
/*#contents .sub_visual_wrap .sub_gnb_wrap:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#fff}*/
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li { width: 16.666%!important; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.m_3 .dp2 > li{ width:25% !important}
#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 > a{ background:#bf0c14; height:3.3em; font-size:1em; color:#fff; /*border-left:1px solid #ec5e61; */}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:first-child > a { border-left:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on:first-child > a { border-left:none}

/*#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:last-child > a { border-right:1px solid #ddd; }*/
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ /*font-size:1em; opacity:.4;*/  }

#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .va,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .va{ opacity:1 ;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a, #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a {background:#fff; color:#333; transition:.3s; /*border-left:1px solid #fff*/}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a { border-bottom: 0; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp3 { display: none; }

#contents .sub_visual_wrap .sub_gnb2 { position:absolute; left: 0; bottom:-40px; width:100%; height:42px; background: #e8e8e8; display:none}
#contents .sub_visual_wrap .sub_gnb2 .gnb > li .dp1, #contents .sub_visual_wrap .sub_gnb2 .gnb > li .dp2 { display:none;}

#contents .sub_tit_wrap{ display: none;}


/*
#contents .sub_tit_wrap.dp3 { display: none;}
#contents .sub_tit_wrap{ border-bottom:1px solid #ddd; text-align:center; position:relative; background:#fff; transition:.3s; z-index:1;}
#contents .sub_tit_wrap .va_wrap{ height:5em; z-transition:.3s}
#contents .sub_tit_wrap .tit{ font-size:2.25em; color:#111; display:none;}
#contents .sub_tit_wrap .pageMove > li > a{ position:absolute; height:100%; color:#666; transition:.3s}
#contents .sub_tit_wrap .pageMove > li > a .xi{ width:2em; line-height:2em; text-align:center; background:#666; color:#fff; margin:0 .7em; border-radius:100%}
#contents .sub_tit_wrap .pageMove > li > a .xi:before{ font-size:1.25em;}
#contents .sub_tit_wrap .pageMove > li > a .tt{ display:inline-block; font-size:1.125em; opacity:.7; min-width:6em}
#contents .sub_tit_wrap .pageMove > li > a.prev{ left:0; padding-left:2%; text-align:left}
#contents .sub_tit_wrap .pageMove > li > a.next{ right:0; padding-right:3%; text-align:right}
#contents .sub_tit_wrap .pageMove > li > a:hover{ opacity:1; color:#0072c6}
#contents .sub_tit_wrap .pageMove > li > a:hover .xi{ background:#0072c6}
#contents .sub_tit_wrap .pageMove > li > a:hover .tt{ opacity:1}
#contents .sub_tit_wrap .pageMove > li > a.prev:hover{ padding-left:1%; padding-right:1%}
#contents .sub_tit_wrap .pageMove > li > a.next:hover{ padding-right:2%; padding-left:1%}
#contents .sub_tit_wrap.fix{ position: fixed; left:0; width:100%; box-shadow:0 1px 5px rgba(0,0,0,.2)}
#contents .sub_tit_wrap.fix .va_wrap{ height:4em; font-size:.875em}
*/


#contents .doc{ padding:3em 0 15em 0}
#contents .doc_st{ margin-bottom:-15em}
#contents .prod_doc{ margin-top:-3.8em}


/************************************************************************************************************************************************************/
/******************************************************************MAIN**************************************************************************************/
/************************************************************************************************************************************************************/

.map_st {padding:10px 0 30px 0;}

/*.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
*/
.mainVisual_wrap{ position:relative}
.mainVisual .slides{ overflow:hidden}
.mainVisual .img{ position:relative}
.mainVisual .img .bg{ display:block; height:0; padding-bottom:46.89%; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.mainVisual .img .slogan_wrap{ position: absolute; left:0; top:0; width:100%; padding-top:170px;}
.mainVisual .img .slogan{ width:68%; margin:auto; position:relative; padding:70px}
.mainVisual .img .slogan .t1{ font-size:2em; color:#fff; padding-bottom:.5em; opacity:0; margin-left:-10%; text-shadow:0 1px 2px rgba(0,0,0,.5); width:60%}
.mainVisual .img .slogan .t2{ font-family:notokrR, sans-serif; font-size:2.5em; color:#fff; line-height:1.8; opacity:0; margin-left:-10%; text-shadow:0 1px 2px rgba(0,0,0,.5)}
.mainVisual .img .slogan .line{ position:absolute; background:#fff; width:10px; height:10px; display:none}
.mainVisual .img .slogan .line.line1{ height:0; left:10%; bottom:90%}
.mainVisual .img .slogan .line.line2{ width:0; right:90%; top:0}
.mainVisual .img .slogan .line.line3{ height:0; left:0; top:0}
.mainVisual .img .slogan .line.line4{ width:0; left:0; bottom:0}
.mainVisual .img .slogan .line.line5{ height:0; left:20%; bottom:0}
.mainVisual .img.flex-active-slide .slogan .line{ transition:.5s}
.mainVisual .img.flex-active-slide .slogan .line.line1{ height:10%}
.mainVisual .img.flex-active-slide .slogan .line.line2{ width:10%; transition-delay:.5s}
.mainVisual .img.flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.mainVisual .img.flex-active-slide .slogan .line.line4{ width:20%; transition-delay:1.5s}
.mainVisual .img.flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}
.mainVisual .img.flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}
.mainVisual .flex-control-paging{ position:absolute; bottom:10%; left:12.5%; z-index:100}
.mainVisual .flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.mainVisual .flex-control-paging > li > a{ display:block; width:12px; height:12px; border-radius:12px; margin:0 4px; font-size:0; position:relative; border:1px solid #fff; transition:.5s}
.mainVisual .flex-control-paging > li > a.flex-active{ width:70px; background:#fff}


.main_nav{ position:fixed; right:30px; top:0; z-index:100; height:100%; transition:.3s}
.main_nav .nav{ background:#000; background:rgba(0,0,0,.7); padding:15px; text-align:center; border-radius:50px}
.main_nav .nav > li{ }
.main_nav .nav > li > a{ display:block; width:15px; height:15px; border-radius:17px; background:#fff; margin:5px 0; transition:.3s; opacity:.7}
.main_nav .nav > li:hover > a{ opacity:1}
.main_nav .nav > li.on > a{ height:40px; opacity:1}

#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:40px; opacity:1; z-index:100; text-decoration:none}
#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; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}


.main_tit {text-align:center; padding:40px 0;}
.main_tit .tit {font-size:2.188em; vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
.main_tit .tit > strong {color:#999999; vertical-align:bottom;}

.main_tit .tit.st {color:#fff; }


/*main 01*/
.main01 {padding-bottom:80px;}
.main01 .bis_ul {overflow:hidden; margin-left:-15px;}
.main01 .bis_ul .li_in {float:left; width:33.33%;}
.main01 .bis_ul .li_in .con_in {margin-left:15px;}
.main01 .bis_ul .li_in .con_in .con_im_wrap {position:relative;  z-index:101;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:25px 15px 40px 15px; position:relative;  z-index:101;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap.bg1 {background:#212736;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap.bg2 {background:#352929;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap.bg3 {background:#32233e;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .ti {color:#fff; font-size:1.5em; font-family:notokrM;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {color:#fff; font-size:0.875em; padding:15px 0 30px 0; opacity:.7; line-height: 1.4; }
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more {color:#fff; font-size:0.875em; border:1px solid #fff; padding:5px 4.2px; vertical-align:middle;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more .xi {vertical-align:middle; font-size:20px; padding-left:9px;} 
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more.st {margin-right:3px;} 
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover {background:#f9f9f9; color:#0072c6; transition:.3s;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover .xi {margin-left:5px; transition:.3s;}

/*main02*/
.main02 {background:url(../images/main/main02_bg.jpg) no-repeat center center; background-size:cover;}
.main02 .main02_t_w .line {background:#fff; width:30px; height:3px; margin:0px auto 30px auto;}
.main02 .main02_t_w .ti {color:#fff; font-size:2em;}
.main02 .main02_t_w .tx { font-family: 'notokrR', sans-serif; color:#fff; padding:55px 0 65px 0; font-size:1.125em;}
.main02 .main02_t_w .main02_more {display:inline-block; color:#fff; font-size:.938em; border:1px solid #fff; padding:10px 20px; margin-bottom: 70px;} 
.main02 .main02_t_w .main02_more .xi {padding-left:18px;}
.main02 .main02_t_w .main02_more:hover {background:#0072c6; border:1px solid #0072c6; transition:.3s; }
.main02 .main02_t_w .main02_more:hover .xi {color:#fff; transition:.3s; }

/*main 03*/
.main03 { background-color:#f7f7f7 !important; border-bottom:1px solid #ddd; position:relative; background-size:cover; /*background-image:url(../images/main/main03_bg.png); background-repeat:no-repeat; background-position:center center; height:675px;*/ }
.main03.sub_st {background:none; border-bottom:none; margin-top:50px;}
.main03 .main03_bg {text-align:center;}
.main03 .main03_map_w {}
.main03 .MAP_W {position:relative;}
.main03 .main03_m_more {display:none; }
.main03 .main03_map_w .main03_con_w {}
.main03 .main03_map_w .main03_con_w > li {position:absolute;  border-radius:25px;}
.main03 .main03_map_w .main03_con_w > li .tt { position:relative; z-index:2; border:3px solid #fff; padding:7px 20px; box-shadow:1px 1px 1px rgba(0,0,0,.5); border-radius:25px; color:#fff; font-size:1em; font-family:notokrM; display:block;  position:relative;}
.main03 .main03_map_w .main03_con_w > li.map1 .tt{background:#644dba;}
.main03 .main03_map_w .main03_con_w > li.map2 .tt{background:#0072c6;}
.main03 .main03_map_w .main03_con_w > li.map3 .tt{background:#0072c6;}
.main03 .main03_map_w .main03_con_w > li.map4 .tt{background:#003f87;}
.main03 .main03_map_w .main03_con_w > li.map5 .tt{background:#0072c6;}
.main03 .main03_map_w .main03_con_w > li.map6 .tt{background:#0072c6;}
.main03 .main03_map_w .main03_con_w > li.map7 .tt{background:#0072c6;}
.main03 .main03_map_w .main03_con_w > li.map8 .tt{background:#644dba;}
.main03 .main03_map_w .main03_con_w > li.map9 .tt{background:#644dba;}

.main03 .main03_map_w .main03_con_w > li.map1 { left:29.5%; bottom:59%; }
.main03 .main03_map_w .main03_con_w > li.map2 { right:77%; top:37%;}
.main03 .main03_map_w .main03_con_w > li.map3 { left:23.3%; top:44%;}
.main03 .main03_map_w .main03_con_w > li.map4 { left:36%; bottom:57.2%;}
.main03 .main03_map_w .main03_con_w > li.map5 { left:41.5%; top:42.9%;}
.main03 .main03_map_w .main03_con_w > li.map6 { left:43.8%; bottom:41%;}
.main03 .main03_map_w .main03_con_w > li.map7 { left:36.5%; top:62%;}
.main03 .main03_map_w .main03_con_w > li.map8 { left:24.3%; top:46.4%;}
.main03 .main03_map_w .main03_con_w > li.map9 { left:22.1%; bottom:65.4%;}

.main03 .main03_map_w .main03_con_w > li .line {position:absolute; z-index:1;}
.main03 .main03_map_w .main03_con_w > li .line1 {left:30px; bottom:0; height:57px; width:0; border:1px solid #644dba;} 
.main03 .main03_map_w .main03_con_w > li .line2 {right:0; top:16px; height:0; width:47px; border:1px solid #0072c6;} 
.main03 .main03_map_w .main03_con_w > li .line3 {left:28px; top:0; height:123px; width:0; border:1px solid #0072c6; /*transform:rotate(47deg)*/} 
.main03 .main03_map_w .main03_con_w > li .line4 {left:21px; bottom:0; height:20px; width:0; border:1px solid #003f87; /*transform:rotate(26deg)*/} 
.main03 .main03_map_w .main03_con_w > li .line5 {left:0; top:16px; height:0; width:50px; border:1px solid #0072c6;} 
.main03 .main03_map_w .main03_con_w > li .line6 {left:0; top:28px; height:0; width:63px; border:1px solid #0072c6;} 
.main03 .main03_map_w .main03_con_w > li .line7 {left:30px; top:0; height:40px; width:0; border:1px solid #0072c6;} 
.main03 .main03_map_w .main03_con_w > li .line8 {left:45px; top:0; height:40px; width:0; border:1px solid #644dba; } 
.main03 .main03_map_w .main03_con_w > li .line9 {left:28px; bottom:0; height:69px; width:0; border:1px solid #644dba; /*transform:rotate(-46deg)*/} 

.main03 .main03_map_w .main03_con_w > li.map1{ padding-bottom:57px;}
.main03 .main03_map_w .main03_con_w > li.map2{ padding-right:47px;}
.main03 .main03_map_w .main03_con_w > li.map3{ padding-top:123px;}
.main03 .main03_map_w .main03_con_w > li.map4{ padding-bottom:20px;}
.main03 .main03_map_w .main03_con_w > li.map5{ padding-left:50px;}
.main03 .main03_map_w .main03_con_w > li.map6{ padding-left:63px;}
.main03 .main03_map_w .main03_con_w > li.map7{ padding-top:40px;}
.main03 .main03_map_w .main03_con_w > li.map8{ padding-top:40px;}
.main03 .main03_map_w .main03_con_w > li.map9{ padding-bottom:69px;}

.main03 .map_img img{ margin:0 auto}


/*main 04*/
.customer_w{position:relative;  height:70px; margin-bottom:40px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.customer_w .customer_slide .tt{position:absolute; left:0; top:16px; z-index:3;}
.customer_w .customer_slide .tt .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#000; font-size:30px; color:#000;}
.customer_w .customer_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:0.938em;  cursor:pointer; background:#003f87; padding:10px 30px;}
.customer_w .customer_slide .slides{}
.customer_w .customer_slide .slides li{height:70px; line-height:70px; position:relative;}
.customer_w .customer_slide .slides li .notice_tit {color:#000; font-family:notokrR; font-size: 1em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:130px; vertical-align:middle; width:50%;}
.customer_w .customer_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:3px;}
.customer_w .customer_slide .flex-direction-nav{position:absolute; right:0; bottom:16px;}
.customer_w .customer_slide .flex-direction-nav li{display:inline-block;}
.customer_w .customer_slide .flex-direction-nav a{display:block; height:40px; width:40px; font-size:0;}
.customer_w .customer_slide .flex-direction-nav a:hover{background-color:#111;}
.customer_w .customer_slide .flex-direction-nav .flex-prev{background-color:#595959; background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center; margin-right:1px;}
.customer_w .customer_slide .flex-direction-nav .flex-next{background-color:#595959; background-image:url(../images/main/arr_down.png);  background-repeat:no-repeat; background-position:center center;}
.customer_w .customer_slide .slides li .notice_date{position:absolute; right:120px; top:0; color:#999; font-family:notokrR; font-size:.875em;}


.main04 {padding-bottom:80px; background:#f9f9f9}
.main04 .custom_ul {overflow:hidden; margin-left:-10px;}
.main04 .custom_ul .li_in {float:left; width:25%;}
.main04 .custom_ul .li_in .con_in {margin-left:10px; border:1px solid #ddd; position:relative; overflow:hidden;}
.main04 .custom_ul .li_in .con_in:after {position:absolute; content:""; right:-35px; bottom:-35px; width:65px; height:65px; transform:rotate(45deg); border-left:1px solid #ddd;;}
.main04 .custom_ul .li_in .con_in .con_im_wrap {position:relative;  z-index:101; cursor:pointer}
.main04 .custom_ul .li_in .con_in .con_tx_wrap {padding:20px 30px 50px 30px; position:relative;  z-index:101; background:#fff}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .ti {color:#000; font-size:1.250em; font-family:notokrM;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .tx {color:#8d8d8d; font-size:0.875em; padding:15px 10px 0 0px; line-height: 1.5;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .bis_more {color:#656565; position:absolute; right:0; bottom:0;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .bis_more .xi {font-size:23px;}
.main04 .custom_ul .li_in .con_in .con_tx_wrap .bis_more:hover .xi {color:#0072c6; transition:.3s;}
/************************************************************************************************************************************************************/
/******************************************************************SUB**************************************************************************************/
/************************************************************************************************************************************************************/

/*공통*/
.cont_tit{ color:#333; margin:0 0 10px 0; padding-left:10px; font-size:1.125em}
.emst{ font-size:0.875em; padding-top:3em; color:#666; font-family:'notokrR'; padding-right:10px;}
.emst_in{ font-size:0.750em; vertical-align:top;}
.sub_tit{ font-size:1.25em; position:relative; margin-bottom:10px}
.sub_tit:before{ content:""; display:inline-block; height:18px; width:3px; background:#666}
.sub_tit:after{ content:""; position:absolute; background:#bf0c14; width:3px; height:9px; top:0; left:0}
.sub_tit .tit{ display:inline-block; vertical-align:top; padding-left:5px}
.line{ background:#ddd; width:100%; height:1px; display:block}
.sub_tit2{ font-size:1.25em; text-align:center; margin:1em 0 0 0; color:#333}
.sub_tit2 .tit_line{ text-align:center; margin:2em auto; background:#df1b1b; height:2px; width:3%; display:block}


.page_mg05{ margin-top:5px;}
.page_mg10{ margin-top:10px;}
.page_mg20{ margin-top:20px;}
.page_mg30{ margin-top:30px;}
.page_mg40{ margin-top:40px;}
.page_mg50{ margin-top:50px;}
.page_mg60{ margin-top:60px;}
.page_mg80{ margin-top:80px;}



/*기업소개*/
.vision_wrap{ background:#f9f9f9; padding:2em 0 2em 0; margin-top:2em}
.vision_wrap2{ padding:2em 0 4em 0; margin-top:2em}
.vision_wrap3{ margin-bottom:3em}
.vision_wrap.st{ padding-bottom:12em}
.info_img{ padding:2em 1em; margin:0 auto; border:1px solid #ddd; }
.vision_img{ padding:1em 0; margin:0 auto; width:80%}

/**/
.palce_ul02 {overflow:hidden; margin-left:-25px; margin-top:1em}
.palce_ul02 > li {width:20%; float:left;}
.palce_ul02 > li .palce_in02 {margin-left:25px;margin-bottom:25px; border:1px solid #ddd;}
.palce_ul02 > li .palce_in02 .in_con { position:relative; border-bottom:1px solid #ddd;}
.palce_ul02 > li .palce_in02 .in_con > img {width:100%;}
.palce_ul02 > li .palce_in02 .in_con > p {position:absolute; left:0; bottom:0; padding:12px 0;  width:100%; text-align:center; font-size:.875em; background:rgba(255,255,255,.8);  background:rgba(0,0,0,0.6); color:#fff;}
.palce_ul02 > li .palce_in02 .in_con > p span {font-size:1.5em; vertical-align:text-bottom; display:inline-block; line-height:1; font-weight:400; color:#013d98; margin-left:-20px;}
.palce_ul02 > li .palce_in02 .in_con2 {padding:1.5em 1em;}
.palce_ul02 > li .palce_in02 .in_con2 > li {padding-left:12px;position:relative;margin-top:8px;line-height:1.2; color:#222; font-size:0.938em;}
.palce_ul02 > li .palce_in02 .in_con2 > li:first-child { margin-top:0px;}
.palce_ul02 > li .palce_in02 .in_con2 > li:before {position:absolute; content:''; width:5px; height:1px; background:#999; left:0; top:10px;}


.sub_map img{ text-align:center; margin:2em auto}


/*인사말*/
.greeting_wrap .tt2{ font-size:1.750em; color:#333; font-family:'notokrB'; letter-spacing:-1px; text-align:center; position:relative}
.greeting_wrap .tt2:before{ background:#ddd; width:20%; height:1px; content:""; position:absolute; left:0; top:.5em}
.greeting_wrap .tt2:after{ background:#ddd; width:20%; height:1px; content:""; position:absolute; right:0; top:.5em}

.sys_tit{ background:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1); border:1px solid #ddd; padding:24px 20px; margin:50px auto 5em auto; text-align:center;}
.sys_tit .t1{ font-size:1.5em; font-family:notokrB, sans-serif; color:#222; letter-spacing:-0.5px;}
.sys_tit .symbol_line{ width:3%; height:5px; background:#e70100; display:block; margin:12px auto}
.sys_tit .t2{ font-size:1em; font-family:notokrM, sans-serif; color:#777; letter-spacing:-0.5px;}


.greet_wrap{ position:relative}
.greet_img{ float:right; /*width:40%; padding-top:2em*/}
.greet_txt{ float:left; /*width:54%;*/ }
.greet_txt .top_t{color:#000; line-height:1.4;}
.greet_txt .top_t .st{font-weight:600; vertical-align: top;}
.greet_txt .nkr{font-family:'notokrB';}
.greet_txt .tit1{font-family:'notokrR'; font-weight:500; margin-bottom:46px; font-size:1.3em; width:92%}
.greet_txt .tit2{font-family:roboto; font-size:0.875em; letter-spacing:1.1px; color:#4b77f5; font-weight:900; margin-bottom:46px;}

.greet_txt .mid_t{color:#333; font-size:1em; line-height:1.6; font-family:'notokrR';}

.greet_txt .mid_t .txt1{margin-bottom:30px; font-family:'notokrR';}

.sign {text-align:right;}
.sign .ti {vertical-align:middle; color:#555;}
.sign .img {padding-left:5px; vertical-align:middle; display:block; padding-top:10px;}
span.st_name {vertical-align: bottom; color: #333;font-weight: 600; font-size:1.25em; margin-left:5px}





/*연혁*/
.sub_history{ width:100%; margin:auto;}
.sub_history .tit{ border-bottom:1px solid #e3e3e3; border-top:1px solid #ddd; padding:10px 20px; cursor:pointer; background-image:url(../images/sub/plus.png); background-repeat:no-repeat; background-position:center right 20px; }
.sub_history:first-child .tit{ border-color:#ddd; background:#f9f9f9;}
.sub_history .tit .t1{ vertical-align:bottom; font-size:1.6em; color:#333; letter-spacing:-2px; font-weight:500; }
.sub_history .tit .t2{ vertical-align:bottom; font-size:1.2em; color:#676767; padding-left:5px}
.sub_history .tit.on{ background-image:url(../images/sub/plus.png); }
.sub_history .tit.on .t1,
.sub_history .tit.on .t2{color:#111}
.sub_history .con{border-bottom:1px solid #645d5d; padding:0 25px; display:none}
.sub_history .con .history{ border-top:1px dashed #e3e3e3; padding:10px 10px}
.sub_history .con .history:first-child{ border-top:none}
.sub_history .con .history > li{margin-top:10px}
.sub_history .con .history > li:first-child{margin-top:0}
.sub_history .con .history > li > span{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
.sub_history .con .history > li .year{ width:40px; text-align:right; font-size:1.125em; font-family:notokrM; color:#0072c6; line-height:23px;}
.sub_history .con .history > li .month{ width:40px; text-align:right; font-size:1em; font-family:notokrM; color:#888; line-height:23px;}
.sub_history .con .history > li .day{ width:19px; text-align:right; font-size:1em; font-family:notokrM; color:#888; line-height:23px;}
.history li span.month_1{ padding-left:117px; font-size:.875em;font-weight:600;color:#777; }
.sub_history .con .history > li .tt{ width:80%; padding-left:20px; font-size:0.875em; color:#676767; line-height:23px; font-family:notokrR;}
.sub_history .con .history > li .tt span.title1{ display:block;}
.sub_history .con .history > li .tt span.title2{ display:block; background:url(../images/inc/dot_lnb_on.gif) no-repeat left 5px center; padding-left:15px;}
.sub_history .con .history > li .tt span.title3{ display:block; background:url(../images/inc/dot_lnb_on.gif) no-repeat left 5px center; padding-left:15px;}

.doc_history {background:url(../images/sub/history_bg.png)no-repeat right top;}
.history_t_box .his_tit {font-family:"Times New Roman", Times, serif; font-size:2.5em; text-align:center; color:#777; margin-bottom:5px}

/*연혁 컨텐츠*/
.history_area{ position:relative;}
.history_area .history_lst{ margin-left:150px;}
.history_area .history_lst .list{ *zoom:1; padding:30px 0; border-bottom:1px solid #ccc;}
.history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.history_area .history_lst .list:first-child{ margin-top:0;}
.history_area .history_lst .list dt{ float:left; width:125px; margin:0 0 0 -145px;  text-align:right; position:relative}
.history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.history_area .history_lst .list dt .year {font-size:2.7em; color:#6b7f98; margin:-5px 10px 0 0; font-family:notokrB;}
.history_area .history_lst .list dd{ font-size:16px; margin-left:-10px; padding:5px 0 5px 40px; line-height:24px;}
.history_area .history_lst .list dd.first { margin-left:-10px; padding:5px 0 5px 40px; line-height:21px;font-size: .875em;}
.history_area .history_lst .list dd strong { color:#888; padding-right:10px; font-size:14px; min-width: 35px; display: inline-block;}

/*오시는길*/
.root_daum_roughmap.os_mac, .root_daum_roughmap.os_mac button, .root_daum_roughmap.os_mac input, .root_daum_roughmap.os_mac select, .root_daum_roughmap.os_mac td, .root_daum_roughmap.os_mac textarea, .root_daum_roughmap.os_mac th{ width:100% !important;}

.table_st.st2.st3{border-top:2px solid #333 !important; margin-top:2em;}
.bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:600; color:#fff; line-height:22px; border-radius:30px; background:#249f0b; margin-right:5px;}
.bs1.st1{ background:#395cb3; margin-left:20px}

.sub_col {border-radius:30px; padding:0 15px; vertical-align:middle;  color:#fff; font-family:notokrM; font-size:0.875em;}
.bs1.sub_col1 {background:#80a62d}
.bs1.sub_col2 {background:#606d00}
.bs1.sub_col3 {background:#bf9f1e;}
.bs1.sub_col4 {background:#3171d3;}
.bs1.sub_col5 {background:#37b42d;}
.subway_st{padding:10px 0;}







/*제품 탭
.prod_cate_wrap{border-bottom:1px dashed #aaa;}
.prod_cate_wrap .list {text-align:center;}
.prod_cate_wrap .list > li{display:inline-block;}
.prod_cate_wrap .list > li > a{ padding:0 30px; font-size:1.188em; color:#777; position:relative; transition:.3s; display:block; height:50px; line-height:50px;}
.prod_cate_wrap .list > li > a:after{content:"" ;position:absolute; left:50%; bottom:-3px;width:30px;height:5px; background:#333; margin-left:-15px; opacity:0;}
.prod_cate_wrap .list > li.on > a,
.prod_cate_wrap .list > li:hover > a{ color:#333}
.prod_cate_wrap .list > li.on > a:after{ opacity:1}
*/


/*제품 탭*/
.prod_tab{ margin: 2em auto 2em auto}
.tab_list{ overflow:hidden; padding:0 0 0 1px;}
.tab_list > li{ float:left; text-align:center;}
.tab_list *{ transition:0.3s;}
.tab_list.st16 > li{ width:16.666%}
.tab_list.st20 > li{ width:20%;}
.tab_list.st25 > li{ width:25%;}
.tab_list.st24 > li { width:24.9%}
.tab_list.st33 > li{ width:33.333%;}
.tab_list.st50 > li{ width:50%;}
.tab_list > li .tt{ position:relative; display:block; font-size:0.875em; font-family:notokrM, sans-serif; color:#666; line-height:42px; border:1px solid #ccc; background:#fff; margin-left:-1px;}
.tab_list > li .tt:after{ content:''; display:block; position:absolute; left:0; bottom:-1px; z-index:inherit; width:100%; height:2px; background:#bf0c14; filter:alpha(opacity=0); opacity:0; transition:0.3s;}
.tab_list > li:hover li:after, .tab_list > li .tt.on:after{ background:#bf0c14; filter:alpha(opacity=100); opacity:1; transition:0.3s;}
.tab_list > li:hover li, .tab_list > li .tt.on{ color:#bf0c14;}
.tab_cont{ margin-top:-20px;}

/*제품상단*/
.prod_top_wrap{ background:#e5e5e5;}
.prod_top_wrap .cont_l dl{ padding:2em 0 0 0;}
.prod_top_wrap .cont_l .tt1{ font-size:0.875em; margin-bottom:10px}
.prod_top_wrap .cont_l .tt2{ font-size:1.875em; margin-bottom:10px; letter-spaciing:-1.5px}
.prod_top_wrap .cont_l .tx1 { font-size:0.875em; line-height:1.6; color:#656565; width:60%}
.prod_top_wrap .top_wrap_bg1{ background:url(../images/sub/top_bg1.jpg) no-repeat top right; background-position-y:1em; min-height:260px;}
.prod_top_wrap .top_wrap_bg2{ background:url(../images/sub/top_bg2.jpg) no-repeat top right; background-position-y:0;}

.searching_wrap{ margin:2em 0;}



/*제품 리스트*/

.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:33.33%}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; /*padding:2em 1em 3em 1em;*/ cursor:pointer; overflow:hidden}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.3s}
.prod_wrap > li .in .tit{ font-size:1.125em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:0.5em}
.prod_wrap > li .in .tit_line{ margin:1em 0; background:#ddd; width:90%; height:1px; text-align:center; display:none}
.prod_wrap > li .in .info > li{ margin-top:5px}
.prod_wrap > li .in .info .t1{ color:#000; font-size:.875em; margin-bottom:10px; display:block;}
.prod_wrap > li .in .info .t2{ text-align:left; color:#656565; font-size:.875em; font-family:'notokrR'}
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .txt_box{ background:linear-gradient(to right,#d64f17, #c41a15); color:#fff; padding-bottom:8em}
.prod_wrap > li .in:hover .t1, .prod_wrap > li .in:hover .t2{ color:#fff}
.prod_wrap > li .in .txt_box{ padding:1.5em 1.5em 1.5em 1.5em; border-top:1px solid #ddd}
.prod_wrap > li .in .bg{ /*background:#e5e5e5*/}



/*제품 뷰*/
.prod_view_wrap{ }
.prod_view_wrap > ul > li{ width:50%; height:430px; position:relative;/* border-top:1px solid #ddd; border-bottom:1px solid #ddd*/}
.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:45px; right:70px; width:50%; color:#666}
.prod_view_wrap > ul > li .inner_box .t1{ font-size:1.5em}
.prod_view_wrap > ul > li .inner_box dl{ padding-left:1em}
.prod_view_wrap > ul > li .inner_box dl dt{ padding:10px 0; font-family:'notokrB';/*background: #ff6000;border-radius: 40px 40px;width: 20%;color: #fff;text-align: center;*/}
.prod_view_wrap > ul > li .inner_box dl dd{ line-height:1.6; color:#666}
.prod_view_wrap > ul > li .prod_line{ width:100%; height:1px; background:#ddd; margin:20px 0;}

.prod_view_wrap .img_wrap .big{ width:55%; /*padding-right:15%;;*/ margin-left:5%; position:relative; margin-top:2em;}
.prod_view_wrap .img_wrap .big .
.prod_view_wrap .img_wrap .big .in{ padding:2em;}
.prod_view_wrap .img_wrap .big .resize .re{ background:#fff; border:5px solid #ddd}


.cont_view_wrap{ margin-top:4em; 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 2em 3em 2em; margin-bottom:3em}
.cont_view_wrap .view_in_wrap img{ margin:0 auto}

.btn_in{ margin:2em 0; width:50%; padding-left:1em; padding-bottom:1em}
.btn_in.st{ width:20%;margin: 1em 0 0 0;padding-left:0; padding-bottom:2em}
.btn_in .catalog{ display:block; background:linear-gradient(to right,#d64f17, #c41a15);; color:#fff; height:2.5em; transition:.3s}
.btn_in .catalog .tt{ font-size:.875em; padding-left:.5em}
.btn_in .catalog:hover{ background:linear-gradient(to right,#d64f17, #c41a15); color:#fff}


.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:0.5em}
.cont_info span.st{ background:#f9aa00 !important}
.cont_info ul li{ margin-right:1em}




/*탭2*/
.sys_list{ overflow:hidden; margin-right:-0.5%; margin-bottom:-0.5%; padding-bottom:20px; max-width:1180px; margin:0 auto}
.sys_list.st20 > li{ width:19.5%;}
.sys_list > li{ float:left; width:24.5%; margin-right:0.5%; margin-bottom:0.5%; text-align:center;}
.sys_list > li *{ transition:0.3s;}
.sys_list > li > a{ border:1px solid #ccc; display:block; background:#f3f3f3; font-size:0.813em; font-family:notokrM, sans-serif; color:#222; letter-spacing:-0.5px; line-height:32px;}
.sys_list > li.on > a{ border:1px solid #333; background:#333; color:#fff;}
.sys_list > li:hover > a{ border:1px solid #333; background:#333; color:#fff;}
.no_data{ width:100%; text-align:center; font-size:1em; letter-spacing:-0.5px; margin:30px 0;}
/*.sys_list.tab_idx li.on{ background:#006f9b;}*/

/*4_3_1탭*/
.inner_tabMenu{display:table;width:100%; margin-top:0.3em; background:#f5f5f5; border-radius:0 0 10px 10px;}
.inner_tabMenu ul{display:table-row-group;}
.inner_tabMenu ul li{display:inline-table; /*padding-left:20px; width:25%*/}
.inner_tabMenu ul li a{display:block;font-size:0.813em;padding-right:28px;color:#777;line-height:42px;border-bottom:1px dashed #d6d6d6; padding-left:20px; margin-left:8px;
	-webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -kthtml-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.inner_tabMenu ul li:hover a,
.inner_tabMenu ul li.active a{color:#ff8601;}


/**/
.fee_plus{float:left; width:100%; }
.fee_plus .tab_wrap{ position:relative; margin-bottom:30px; margin-top:1em;}
.fee_plus .tab_wrap .line{position:absolute;left: 18%;top:46px;width: 82%;height: 1px;background:#ddd;}

.fee_plus .tab{ text-align:left; padding-left:1px; padding-bottom:1px;}
.fee_plus .tab > li{width:18%; float:left; margin-bottom:30px; letter-spacing:-0.4px;}
.fee_plus .tab:after{content:""; clear:both;}
.fee_plus .tab > li > a{ position:relative; z-index:101; display:block; border:1px solid #ddd; border-bottom:none; padding:13px 10px; background:#f5f5f5; margin-left:-1px; position:relative; text-align:center;}
.fee_plus .tab > li > a .tt{ display:block; font-size:1em; color:#666; font-weight:700}
.fee_plus .tab > li:hover > a,
.fee_plus .tab > li.on > a{ z-index:1001; background:#fff; border-color:#ddd; text-align:center; font-weight:600}
.fee_plus .tab > li:hover > a:before,
.fee_plus .tab > li.on > a:before{ content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:3px; background:#003e87; }
.fee_plus .tab > li:hover > a:after,
.fee_plus .tab > li.on > a:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.fee_plus .tab > li:hover .tt,
.fee_plus .tab > li.on .tt{ color:#111;}

.fee_plus .in_box{ background:#f2f2f2; padding:1em 0em; border-radius:6px 6px}
.fee_plus .in_box .inner{ padding:2em 2em; font-family:'notokrR'; line-height:1.5;}
.fee_plus .in_box .inner p{word-break:break-all; margin:0.2em 0; font-size:0.963em}
.fee_plus .in_box .inner .tx{ font-size:.938em; color:#333; line-height:1.6; /*margin-bottom:0.5em;*/ font-family:'notokrR';}



/*3차탭*/
.prod_cate_wrap2{ margin:0; padding:0.5em; border:1px solid #ddd; border-radius:10px 10px 10px 10px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); margin-top:-1em; margin-bottom:2em;}
.prod_cate_wrap2 .list{ padding:1px 1px 0 0}
.prod_cate_wrap2 .list > li{ width:20%; margin:-1px -1px 0 0; cursor:pointer;}
.prod_cate_wrap2 .list > li > .button{ width:100%; border:1px solid #ddd;  background:#fff; text-align:center; height:40px; color:#777; letter-spacing:-1px; font-size:.813em; position:relative; }
.prod_cate_wrap2 .list > li:hover > .button { color:#111; transition:.3s;}
.prod_cate_wrap2 .list > li.on > .button{ background:#999; border-color:#999; color:#fff;  z-index:1; transition:.3s;}

.prod_cate_wrap2.st{}
.prod_cate_wrap{ margin:0; padding:0.5em; border:1px solid #ddd; border-radius:10px 10px 10px 10px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); margin-top:-1em; margin-bottom:2em;}
.prod_cate_wrap .list{ padding:1px 1px 0 0;}
.prod_cate_wrap .list > li{ width:20%; margin:-1px -1px 0 0; cursor:pointer;}
.prod_cate_wrap .list > li > .button{ width:100%; border:1px solid #ddd;  background:#fff; text-align:center; height:40px; color:#777; letter-spacing:-1px; font-size:.813em; position:relative; }
.prod_cate_wrap .list > li:hover > .button { color:#111; transition:.3s;}
.prod_cate_wrap .list > li.on > .button{ background:#999; border-color:#999; color:#fff;  z-index:1; transition:.3s;}



/*모터용어사전*/
.tab_move_wrap{ margin:0; padding:1em; border:1px solid #ddd; border-radius:10px 10px 10px 10px; background:#f5f5f5; box-shadow:0 1px 2px rgba(0,0,0,.2); margin-top:-1em; margin-bottom:2em;}
.tab_move_wrap .list{ padding:1px 1px 0 0}
.tab_move_wrap .list > li{ width:4%; margin:-1px -1px 0 0; cursor:pointer; margin-right:0.5em}
.tab_move_wrap .list > li > .button{ width:100%; border:1px solid #ddd;  background:#fff; text-align:center; height:42px; color:#777; letter-spacing:-1px; font-size:1.125em; position:relative;}
.tab_move_wrap .list > li:hover > .button { color:#111; transition:.3s; background:linear-gradient(to right,#d64f17, #c41a15); border-color:linear-gradient(to right,#d64f17, #c41a15); color:#fff;  z-index:1; transition:.3s;}
.tab_move_wrap .list > li.on > .button{ background:linear-gradient(to right,#d64f17, #c41a15); border-color:linear-gradient(to right,#d64f17, #c41a15); color:#fff;  z-index:1; transition:.3s;}

.click_active{ margin-bottom:2em; display:block}
.click_active .xi-search{ margin-right:5px}

.search_view_wrap{ margin-bottom:2em;}
.search_view_wrap .tit_wrap{ background:#f1f1f1; border-top:2px solid #666; color:#111; padding:.8em 1.5em; font-size:1.125em; margin-bottom:0.5em; position:relative; overflow:hidden;}
.search_view_wrap .tit_wrap:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:#666}
.search_view_wrap .tit_wrap i.top_tx, .search_view_wrap .xi-arrow-top{ font-size: 0.875em}
.search_view_wrap .active_top{position:absolute; top:0; right:0; border-left:1px solid #ddd; padding:0.8em 0.8em; font-size:1.125em; cursor:pointer; background:#ddd;}
.search_view_wrap .in_tx_box{ padding:2em; border:1px solid #ddd; font-family:'notokrR'; font-size:1em; line-height:1.5;}

/*모델명 규칙*/
.rule_view_wrap{}
.rule_view_wrap .in_tx_box{ padding:2em; border:1px solid #ddd; font-family:'notokrR'; font-size:1em; line-height:1.5;}
.rule_view_wrap .in_tx_box img{ margin:0 auto}
.rule_view_wrap .in_tx_box .inner_box{ margin-bottom:1em}
.rule_view_wrap .in_tx_box .inner_box .inner_line{ border-bottom:1px solid #ddd; margin:0 auto; width:80%; padding:0.5em 2em; }
.rule_view_wrap .in_tx_box .inner_box .inner_tit{ background:#0262b4; color:#fff; padding:0.5em 2em; width:80%; margin:0 auto}

.inner_box_wrap .inner_box{ width:49%; border-right:1px solid #ddd}
.inner_box_wrap .inner_box.st{ border-right:none}
.rule_view_wrap .inner_box_wrap .inner_box .inner_tit{ width:60%}
.inner_box_wrap{ overflow:hidden}


/*AC모터선택방법*/
.selectimg_wrap{ background:#f9f9f9; padding:1em; border:1px solid #ddd;}
.selectimg_wrap img{ margin:2em auto; }

/*기술자료*/
.data_view_wrap{ margin-top:1em; padding:2em;}
.data_view_wrap .in_img_box{ border:4px solid #e5e5e5; padding:0.5em 0}
.data_view_wrap .in_img_box img{ margin:0 auto}
.data_view_wrap .in_tx_box .tx{ font-family:'notokrR'; font-size:1em; line-height:1.5; color:#656565; letter-spacing:-0.5px}
.data_view_wrap .in_tx_box .tt{ font-size:1em; color:#bf0c14;}
.data_view_wrap .in_tx_box .tt:before{ content:""; display:inline-block; width:5px; height:5px; background:#bf0c14; margin-right:5px; margin-bottom:3px}
.data_view_wrap .in_tx_box .tt2{ font-size:1em;}
.data_view_wrap .in_tx_box .tt3{ font-size:1em; font-family:'notokrM'; color:#656565}
.data_view_wrap .in_img_box .em_tx{ font-size:0.750em; text-align:right; display:block; padding:0 4em 1.5em 0; color:#666}
.data_view_wrap .in_tx_box .em_tx{ font-size:0.875em; text-align:right; display:block; color:#666; line-height:1.6}
.data_view_wrap .tx_bg{ padding:1em 2em; background:#f5f5f5}
.data_view_wrap .tx_bg2{ padding:1em 1em; background:#f5f5f5}
.data_view_wrap .tx_bg3{ padding:1em 8em; background:#f5f5f5; display:inline-block}
.data_view_wrap .tx_bg_inner{ background:#fff; padding:3em 2em;}
.point_st{ color:#0262b4; vertical-align:baseline; font-family:'notokrM';}
.point_st2{ color:#656565; font-family:'notokrB'; vertical-align:baseline;}
.point_dot{ display:inline-block; width:5px; height:5px; background:#666; margin-right:5px; vertical-align:middle;}

.data_view_wrap .in_tx_box.st{ width:70%; margin-right:1em}
.data_view_wrap .in_img_box.st{ margin-top:2em; padding:2em;}

.in_table_box{ padding:0 1em; margin-top:20px}
.data_view_wrap .in_table_box .tx{ font-size:0.938em; color:#666}
.data_view_wrap .in_tx_box2{ border:1px solid #ddd; padding:2em 0;}

.data_view_wrap .in_tx_box .tx .in_tx  {display:block;}
.img_b_t {font-size:.938em; color:#656565; padding-top:.5em; line-height:1.4; padding-left:1%;}

.data_view_wrap .in_t_w {}
.data_view_wrap .in_t_w .col_ti {color:#0262b4; font-family:notokrM; padding-bottom:.5em; position:relative; padding-left:8px; letter-spacing:-.5px; }
.data_view_wrap .in_t_w .col_ti:before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background:#0262b4; left:0; top:8px;}
.data_view_wrap .in_t_w .tx {color:#656565; font-size:1em; font-family:notokrR; line-height:1.5; letter-spacing:-.5px; padding-left:10px;}
.data_view_wrap .in_t_w_tx {padding-left:10px; padding-top:20px; color:#656565; line-height:1.5;} 


.tbl_font {font-size:.938em; color:#656565;}


/*공장현황*/
.busi_ban{ position:relative; width:100%; height:258px; margin-bottom:58px; background-position:center top; background-repeat:no-repeat;}
.busi_ban .inner{ padding:40px 36px;}
.busi_ban .busi_icon{ position:absolute; left:305px; bottom:-45px; z-index:2;}
.busi_ban .busi_bg{ position:absolute; left:0; top:0; z-index:1; width:601px; height:100%; background:url(../images/sub/busi_bg.png) no-repeat center top;}
.busi_ban .busi_tit{ position:relative; z-index:2;}
.busi_ban .busi_tit .t1{ font-size:0.875em; font-family:notokrL, sans-serif; color:#fff; filter:alpha(opacity=50); opacity:0.5; letter-spacing:-0.5px;}
.busi_ban .busi_tit .t2{ font-size:2em; font-family:notokrB, sans-serif; color:#fff; letter-spacing:-0.8px; margin:8px 0 18px 0;}
.busi_ban .busi_tit .t3{ font-size:1em; font-family:notokrM, sans-serif; color:#fff; letter-spacing:-0.5px; line-height:1.4;}
.busi_info{ /*border-top:2px solid #444;*/ overflow:hidden; padding:24px 36px; text-align:left; background:#f9f9f9}
.busi_info > dt{float:left;font-size:1em;/*font-family:notokrB, sans-serif; */color:#333;letter-spacing:-0.8px;line-height:1.4; margin-top:1em}
.busi_info > dd{ float:right; font-size:1em; font-family:ng, sans-serif; color:#444; letter-spacing:-0.5px; line-height:1.7;}
.busi_info > dd .p_st1{ font-size:1.375em; font-family:notokrM, sans-serif; color:#222; letter-spacing:-0.5px; line-height:1.2; margin-bottom:10px;}
.busi_info.st1 > dt{ width:11.6%;}
.busi_info.st1 > dd{ width:80%;}
.busi_info.st2 > dt{width: -3%;width: 10%;}
.busi_info.st2 > dd{width: 86%;}
.busi_info .list.st1{ clear:both; margin-top:15px;}
.busi_info .list.st1 > li{ position:relative; font-size:0.938em; color:#444; letter-spacing:-0.5px; padding-left:12px;}
.busi_info .list.st1 > li:before{ content:''; display:block; width:3px; height:3px; background:#555; position:absolute; left:0; top:10px; z-index:1;}
.busi_info .list.st2{}
.busi_info .list.st2 > li{ position:relative; color:#444; letter-spacing:-0.5px; padding-left:12px; line-height:2;}
.busi_info .list.st2 > li:before{ content:''; display:block; width:3px; height:3px; background:#555; position:absolute; left:0; top:14px; z-index:1;}
.busi_info .list.st3{ overflow:hidden;}
.busi_info .list.st3 > li{ float:left; width:50%;}
.busi_info .list.st3 > li .num{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; position:relative; font-size:2.5em; font-style:italic; font-family:"Times New Roman", Times, serif; color:#666; font-weight:600; margin-right:12px;}
.busi_info .list.st3 > li .num:after{ content:''; width:100%; height:15px; background:#fff; position:absolute; left:0; bottom:5px; border-top:1px solid #666;}
.busi_info .list.st3 > li > p{ display:block; vertical-align:middle; color:#444;}


.nor_list{ overflow:hidden; margin-right:-16px; margin-bottom:-16px;}
.nor_list > li{float:left;width: 20%;}
.nor_list.wd25 > li{ float:left; width:25%;}
.nor_list.st0 > li .inner{ padding:20px;}
.nor_list.st1 > li .inner{ padding:26px 22px; background:#fff; border-top:2px solid #ed1f24;}
.nor_list.st2 > li .inner, .nor_list.st4 .inner{ padding:0;}
.nor_list.st3 > li .c_tit{ font-size:0.938em;}
.nor_list.st4{ width:33.3%;}
.nor_list > li .inner{ position:relative; margin-right:15px; margin-bottom:16px; border:1px solid #ccc; padding:20px 22px; border-top:2px solid #df1b0b; background:#fff}
.nor_list > li .tit{ font-size:1.063em; font-family:notokrB, sans-serif; color:#222; letter-spacing:-1px;}
.nor_list > li .c_tit{ font-size:.938em; font-family:notokrM, sans-serif; color:#222; letter-spacing:-1px; line-height:1.3; text-align:center;}
.nor_list > li .num{ position:absolute; left:8px; top:8px; z-index:1; font-size:0.938em; font-family:notokrR, sans-serif; color:#888; letter-spacing:-1px; line-height:1.2; text-align:center;}
.nor_list > li .list{ margin-top:10px;}
.nor_list > li .pic_tit{ padding:12px 15px; text-align:center;}
.nor_list > li .pic_tit .t1{ font-size:1em; font-family:notokrM, sans-serif; color:#222; line-height:1.4; letter-spacing:-0.5px;}
.nor_list > li .pic_tit .t2{ font-size:0.875em; color:#888; letter-spacing:-0.5px;}
.nor_list > li .pic_tit .line{ display:block; width:18px; height:1px; background:#666; margin:5px auto;}

.busi_img{ margin-bottom:2em}
.busi_wrap .in_table_wrap{ padding:0 2em}

.table_st.st2.st3.st4{ margin-top:20px; border-top:2px solid #e70100 !important;}
.table_st.st2.st3.st4 tbody td.st{ padding-left:2em}