@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:1400px; margin:0 auto; max-width:96%; position:relative;}
.box1{ width:1180px; margin:0 auto; max-width:96%}
.box2{ padding:0 2em; margin:0 auto;}
.PC{ display:none !important}
.PHONE{ display:none !important}
.eng_m_st{ display:none !important}
.m_btn{ display:none!important}

.EN{ font-family:'Ms','ns','ng',sans-serif;}


/*시안*/
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
.section{ background-repeat:no-repeat; background-position:center top; position:relative}

/*header*/
#header{ z-index:10000000001; width:100%; position:absolute; left:0; top:0;}
#sub #header{ background:rgba(255,255,255,.9) }
#sub #header .header_wrap .gnb > li .dp1 { height:67px; line-height:67px;}
#sub #header .header_wrap .side.logo{ top:13px!important; left:30px;}
#sub #header .header_wrap .side.logo img{ height:40px;}
#sub #header .header_wrap .side.all { top:25px!important; right:50px;}


#header,.header *{ transition:.3s}
#header .header_wrap{ position:relative; text-align:center; background: #FFF; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
#header .header_wrap p{ position:relative; z-index:inherit;}
#header .header_wrap .bg{ position:absolute; width:100%; height:100%; top:0; left:0; background:#fff; filter:alpha(opacity=0);opacity:0; z-index:-9;}
#header .header_wrap .gnb{ }
#header .header_wrap .side{position: absolute;}
#header .header_wrap .side.logo{ top:10px!important; left:0;}
#header .header_wrap .side.all { top:32px!important; right:120px;}

#header .header_wrap .etc_wrap{ position:absolute; top:0; right:40px;}
#header .header_wrap .etc_wrap .vm_wrap {height:80px;}
#header .header_wrap .etc_wrap .site_map_btn {font-size:1.9em;}
#header .header_wrap .etc_wrap .mail_tt {font-size:1.188em;}
#header .header_wrap .etc_wrap .lang{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#header .header_wrap .etc_wrap .menu{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
#header .header_wrap .etc_wrap .lang{ position:relative; margin-right:.8em; text-transform:uppercase;}
#header .header_wrap .etc_wrap .lang .tit .tt{ padding:.3em 2em; border:1px solid rgba(255,255,255,.6); font-size:.875em; color:#fff; cursor:pointer;}
#header .header_wrap .etc_wrap .lang .list{ display:none; position:absolute; top:80%; left:0; right:0; padding:5px 5px; background:#fff; border:1px solid #ddd;}
#header .header_wrap .etc_wrap .lang .list > li > a{ display:block; margin-top:1px; padding:.3em .3em; font-size:.750em; color:#000; transition:.2s;}
#header .header_wrap .etc_wrap .lang .list > li:first-child > a{ margin-top:0;}
#header .header_wrap .etc_wrap .lang .list > li:hover > a,
#header .header_wrap .etc_wrap .lang .list > li.on > a   { color:#fff;}
#header .header_wrap .etc_wrap .lang .list > li:hover > a{ background:#28649a;}
#header .header_wrap .etc_wrap .lang .list > li.on > a   { background:#28649a;}
#header .header_wrap .etc_wrap .menu > li{ width:60px; border-right:1px solid rgba(255,255,255,.2);}
#header .header_wrap .etc_wrap .menu > li:first-child{ border-left:1px solid rgba(255,255,255,.2);}
#header .header_wrap .etc_wrap .menu .tt .ham{ position:relative; display:block; margin:0 auto;}
#header .header_wrap .etc_wrap .menu .tt .ham,
#header .header_wrap .etc_wrap .menu .tt .ham:before,
#header .header_wrap .etc_wrap .menu .tt .ham:after { width:25px; height:3px; background:#111; transition:.2s;}
#header .header_wrap .etc_wrap .menu .tt .ham:before,
#header .header_wrap .etc_wrap .menu .tt .ham:after { content:""; position:absolute; left:0;}
#header .header_wrap .etc_wrap .menu .tt .ham:before{ top:-8px;}
#header .header_wrap .etc_wrap .menu .tt .ham:after { bottom:-8px;}

#header .gnb_area{ text-align:center;}
#header .gnb_area .dp1,
#header .gnb_area .dp2 *{ transition:.3s;}
#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .m_guide{ display:none;}
#header .gnb_area .gnb{ display:inline-block; *display:inline; zoom:1; padding-left:280px;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; /*position:relative;*/}
#header .gnb_area .gnb > li .dp1{ display:block; padding:0 30px; height:80px; line-height:80px; color:#000; letter-spacing:-1px; font-size:1.188em; font-weight: 400; }
#header .gnb_area .gnb > li:hover .dp1,
#header .gnb_area .gnb > li.on .dp1{ color:#0278d6;}

#header .head_bg{ position:absolute; /*z-index:1000001;*/ width:100%; top:100%; left:0; right:0; background:#1f2f48; display:none;}
#header .gnb_area .gnb .dp2{ position:absolute; width:1100px; top:100%; left:50%; margin-left:-550px; text-align:center; font-size:0;}
#header .gnb_area .gnb .dp2 > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; min-width:140px;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:0 30px; line-height:50px; text-align:center; border-right:1px solid rgba(255,255,255,.1); font-size:.938rem; color:#fff; letter-spacing:-0.5px;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-left:1px solid rgba(255,255,255,.1);}
#header .gnb_area .gnb .dp2 > li:hover > a{ background:rgba(0,0,0,.2);}

#header .gnb_area .gnb > li { position:relative;}
#header .gnb_area .gnb > li.m_company .dp2,
#header .gnb_area .gnb > li.m_business .dp2 
{ left:0; margin-left:0; text-align:left;}
#header .gnb_area .gnb > li.m_customer .dp2 { right:0; margin-right:0px; text-align:right; left:auto;}

#header .siteMap_wrap{ position:fixed; z-index:1000000001; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.95); overflow-y:auto; display:none;}
#header .siteMap_wrap .inner{ position:relative; padding:2em 0 3em 0;}
#header .siteMap_wrap .close{ padding:0 3% 3em 0; text-align:right; opacity:inherit}
#header .siteMap_wrap .close .xi{ width:2em; height:2em; line-height:2em; background:#0c61b5; border-radius:100%; text-align:center; font-size:2.250em; color:#fff; cursor:pointer; transition:.2s;}
#header .siteMap_wrap .close .xi:hover{ background:#fff; color:#0c61b5;}
#header .siteMap_wrap .gnb{ padding:3em 3em 4em 3em; border:1px solid rgba(255,255,255,.6); text-align:center;}
#header .siteMap_wrap .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:16%;}
#header .siteMap_wrap .gnb a{ display:block; text-align:left;}
#header .siteMap_wrap .gnb > li .dp1{ height:50px; font-size:1.125em; color:#fff; text-transform:uppercase;}
#header .siteMap_wrap .gnb > li .dp2{ margin-top:10px;}
#header .siteMap_wrap .gnb > li .dp2 > li {display:block;}
#header .siteMap_wrap .gnb > li .dp2 > li > a{ padding:.4em 0; font-size:.875em; color:#999; height:1.5em;}
#header .siteMap_wrap .gnb > li .dp2 a:hover,
#header .siteMap_wrap .gnb > li .dp2 a:hover > span{ color:#fff; text-decoration:underline;}
#header .siteMap_wrap .gnb .m_guide{ display:none;}
#header .siteMap_wrap .gnb > li .dp3 {display:none;}


/**/
#footer{ background:#282828}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:16.66%; 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 .vm_tt{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#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 .vm_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 .vm_tt{ font-size:.875em}
#footer .link_wrap .link > li > a:hover .vm_tt{ 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:#003f87; color:#fff; opacity:1}

#footer .info_wrap{ padding:2em 0 3em 0}
#footer .info_wrap .tit {color:#fff; padding-bottom:4px; }
#footer .info_wrap .info{ line-height:1.7}
#footer .info_wrap .info > dt{ float:left; width:3em; font-size:.813em; color:#fff;}
#footer .info_wrap .info > dd{ float:left; font-size:.813em; color:#fff; font-family:notokrR, sans-serif;}
#footer .info_wrap .info > dd .tt {padding:0 1em;}
#footer .info_wrap .info > dd .tt.st {padding-left:0;}
#footer .info_wrap .copyright{ margin-top:1.5em; margin-bottom:1em; font-size:.688em; color:#f5f5f5; opacity:.5; letter-spacing:.2px;}

#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .vm_wrap{ position:relative; height:25em; 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; 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,
#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:13% !important;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.m_product .dp2 > li {width:19% !important;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:#fff; height:4.5em; font-size:.813em; color:#222;  transition:.3s; border-right:1px solid rgba(0,0,0,.1); }
#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 > a .vm_tt{ font-size:1.3em; /*opacity:.4;*/ transition:.3s; }

#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 ;}
#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:#1662a0; transition:.3s; color:#fff; }


#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 .vm_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 .vm_wrap{ height:4em; font-size:.875em}

#contents .doc{ padding:4em 0 15em 0}
#contents .doc.st{ padding:4em 0 0 0}
#contents .doc.st1{ padding:0}
#contents .doc.st2{ padding:0 0 15em 0;}
/************************************************************************************************************************************************************/
/******************************************************************MAIN**************************************************************************************/
/************************************************************************************************************************************************************/

/*MAIN STYLE*******************************/

.mainVisual .slides{ overflow:hidden}
.mainVisual .img{ position:relative}
.mainVisual .img .bg{ display:block; height:0;  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:75%; margin:auto; position:relative; padding:70px}
.mainVisual .img .slogan .t1{ font-size:3.3em; color:#fff; padding-bottom:.5em; opacity:0; margin-left:-10%; text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:notokrM, sans-serif}
.mainVisual .img .slogan .t2{ font-family:notokrR, sans-serif; font-size:1.063em; color:#fff; line-height:1.6; 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}
.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 .img.flex-active-slide .slogan .t_logo {padding:0 0 10px 0; width:230px;}
.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}

#mainVisual .flex-control-nav{ right:3%}
#mainVisual .flex-pauseplay,
#mainVisual .flex-direction-nav{ left:3%}
#mainVisual .flex-direction-nav,
#mainVisual .flex-pauseplay,
#mainVisual .flex-control-nav{ position:absolute; bottom:5%; z-index:100}
#mainVisual .flex-direction-nav{ margin-left:90px}
#mainVisual .flex-direction-nav li{ display:inline-block; margin-left:5px}
#mainVisual .flex-direction-nav a,
#mainVisual .flex-pauseplay a{ display:block; width:60px; line-height:60px; text-align:center; border:1px solid #fff; color:#fff; font-size:2em; font-family:xeicon!important;}
#mainVisual .flex-direction-nav a:hover,
#mainVisual .flex-pauseplay a:hover{ background:#fff; color:#000; opacity:.7}
#mainVisual a.flex-pause:before{content:"\ea3b"}
#mainVisual a.flex-play:before{content:"\ea3e"}
#mainVisual a.flex-prev:before{content:"\e93c"}
#mainVisual a.flex-next:before{content:"\e93f"}
#mainVisual .flex-control-nav{ }
#mainVisual .flex-control-nav li{ display:inline-block; margin-right:5px; vertical-align:bottom}
#mainVisual .flex-control-nav li a{ display:block; width:12px; height:12px; background:#fff; font-size:0; transition:.3s; opacity:.7}
#mainVisual .flex-control-nav li a.flex-active{ height:50px; opacity:1}


.mainNav_wrap{ position:fixed; z-index:999; right:0; bottom:50px}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#mainNav > li > a .line{ width:30px; height:5px; background:#ccc; margin-left:5px}
#mainNav > li > a .tt{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:.813em; opacity:0; line-height:20px}
#mainNav > li:hover > a .line,
#mainNav > li.on > a .line{ width:100px}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1}

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

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

/*#section3 .slide{ background-position:center top; background-repeat:no-repeat}
*/
/*main section*/
.section{ background-repeat:no-repeat; background-position:center top; position:relative; overflow:hidden}
.section_wrap{width:100%; height:80%; position:absolute; top:25%; overflow:hidden;}

/*main tit*/
.main_sec_tw {position:absolute; top:10%; left:0; text-align:center; width:100%; z-index:999999;}
.main_sec_tw .t1 {font-size:2.813em; letter-spacing:1px; color:#fff;  font-family:'Ms','ns','ng',sans-serif; font-weight:600;}
.main_sec_tw .main_more {color:#fff; display:inline-block; margin:10px 0; transition:.3s; font-size:1.3em;}

/**/
#section1 {background:url(../images/main/con1_bg.jpg);}
#section1 .bis_ul {overflow:hidden; margin-left:-15px; margin-top:3em;}
#section1 .bis_ul .li_in {float:left; width:33.33%; cursor:pointer;}
#section1 .bis_ul .li_in .con_in {margin-left:15px;}
#section1 .bis_ul .li_in .con_in  .con_im_wrap {position:relative;  z-index:101;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap {padding:22px; position:relative;  z-index:101;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap.bg1 {background:#472e36;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap.bg2 {background:#3b2e4c;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap.bg3 {background:#2e374c;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .ti {color:#fff; font-size:1.313em; font-family:notokrM;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .tx {color:#fff; font-size:0.875em; padding:15px 0 30px 0; opacity:.7px;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more {color:#fff; border:1px solid #fff; vertical-align:middle; position:absolute; right:0; top:20px; border-radius:29px; font-size:.750em; padding:3px 20px;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more .xi {vertical-align:middle; font-size:20px; padding-left:9px;} 
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more.st {margin-right:10px;} 
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover {background:#f9f9f9; color:#1662a0; transition:.3s;}
#section1 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover .xi {margin-left:5px; transition:.3s;}

/**/
#section2 {background:url(../images/main/con2_bg.jpg);}
.enterInfoCon1{ position:relative; margin-top:3em;}
.enterInfoCon1 .el{ position:relative}
.enterInfoCon1 .el .img_wrap{ width:50%; margin-left:50%; cursor:pointer}
.enterInfoCon1 .el .img_wrap .resize{ padding-bottom:57%; background-repeat:no-repeat; background-size:cover}
.enterInfoCon1 .el .con_wrap{ position:absolute; left:0; top:0; width:45%; height:100%; text-align:left}
.enterInfoCon1 .el .con_wrap .va{ width:100%; vertical-align:top; margin-left:4em;}
.enterInfoCon1 .el .con_wrap .no{ opacity:.5; font-size:5em;  letter-spacing:-4px; line-height:1; color:#5c5d69;}
.enterInfoCon1 .el .con_wrap .tit{ display:block; font-family:notokrM, sans-serif; font-size:2.438em; position:relative; padding-bottom:.6em; margin-bottom:1em; margin-top:-.7em; color:#fff;}
.enterInfoCon1 .el .con_wrap .tit:after{ content:""; position:absolute; left:0; bottom:0; width:80%; height:1px; background:#fff; z-index:100}
.enterInfoCon1 .el .con_wrap .tt{ font-size:.875em; line-height:1.6; padding-left:2em; color:#fff;  font-family:notokrM, sans-serif;}

.enterInfoCon1 .flex-direction-nav > li > a{ position:absolute; top:50%; width:4em; line-height:4em; height:4em; margin-top:-4em; text-align:center; background:#fff; border-radius:100%; box-shadow:2px 4px 10px rgba(0,0,0,.3); color:#aaa; transition:.3s}
.enterInfoCon1 .flex-direction-nav > li > a.flex-prev{ left:-6em}
.enterInfoCon1 .flex-direction-nav > li > a.flex-next{ right:-6em}
.enterInfoCon1 .flex-direction-nav > li > a:before{ font-size:2em}
.enterInfoCon1 .flex-direction-nav > li > a.flex-prev:before{content:"\e93d"}
.enterInfoCon1 .flex-direction-nav > li > a.flex-next:before{content:"\e940"}
.enterInfoCon1 .flex-direction-nav > li > a:hover{ background:#aaa; color:#fff}
.enterInfoCon1 .flex-control-paging{ overflow:hidden; margin-top:3em}
.enterInfoCon1 .flex-control-paging > li{ float:left}
.enterInfoCon1 .flex-control-paging > li > a{ display:block; height:.35em; text-indent:-100%; overflow:hidden; position:relative; background:#eee; transition:.3s}
.enterInfoCon1 .flex-control-paging > li > a:hover{ background:#ccc}
.enterInfoCon1 .flex-control-paging > li > a.flex-active{ background: #1662a0;}
.enterInfoCon1 .flex-direction-nav > li > a:before, .flex-pauseplay > a:before{ font-family: xeicon !important;}

/**/
#section3 {background:url(../images/main/con3_bg.jpg);}
#section3 .pro_box { position:relative;}
#section3 .pro_box .img_w { width:49%; background:#fff; z-index:50; cursor:pointer}
#section3 .pro_box .img_w .resize{ padding-bottom:65%;}
#section3 .pro_box .img_w .bg{ background-repeat:no-repeat; background-position:50% 50%;}
#section3 .pro_box .img_w .pro_img_w {border:1px solid #ddd; background:#fff;}
#section3 .pro_box .txt_w { position:absolute; right:0; bottom:-20px; width:620px; z-index:20; cursor:pointer; background:#f1f1f1; padding:50px 50px 100px 50px;}
#section3 .pro_box .tt { color:#263f7f; font-size:1.750em; font-family:notokrB, sans-serif; letter-spacing:-0.5px; text-align:center; position:absolute; top:150px; right:70px; width:540px; }
#section3 .pro_box .txt_w .in_box {  position:relative; box-sizing:border-box; max-height:370px; }
#section3 .pro_box .txt_w .in_box .line {width:30px; height:1px; background:#111; margin:1em 0 3em 0;}
#section3 .pro_box .txt_w .in_box .title { font-size:2.215em; color:#1661a0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:600; }
#section3 .pro_box .txt_w .in_box .txt {color:#333; font-size:.938em; line-height:2;}
#section3 .pro_box .txt_w .in_box dl {position:relative; padding:10px 0 10px 80px;}
#section3 .pro_box .txt_w .in_box dl .ti {position:absolute; left:0; top:10px; color:#fff;}
#section3 .pro_box .txt_w .in_box dl .ti .icon {display:inline-block; vertical-align:top; padding-left:.5em;}
#section3 .pro_box .txt_w .in_box dl .tx {color:#fff;}

#section3 .control_arrow{ position:absolute; z-index:1001; bottom:10px; right:30px;}
#section3 .control_arrow > li{ display:inline-block; vertical-align:middle; text-align:center; font-size:1em; color:#666; cursor:pointer; transition:.3s;}
#section3 .control_arrow .prev {margin-right:5px;}
#section3 .control_arrow .prev,
#section3 .control_arrow .next{ width:30px; height:30px; line-height:30px; border:1px solid #999; border-radius:100%; color:#fff;background:#a0a0a0;}
#section3 .control_arrow .prev,
#section3 .control_arrow .next{font-size:.875em;}
#section3 .control_arrow .pagingInfo{ padding:0 15px; font-weight:700;}


/**/
#section4 {background:url(../images/main/con4_bg.jpg);}
#section4 .result_box { background:#d0d7df; position:relative; padding:20px 20px 75px 20px;}
#section4 .result_box .img { width:55%; }
#section4 .result_box .img .resize{ padding-bottom:61.0845%;}
#section4 .result_box .img .bg{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#section4 .result_box .txt { position:absolute; right:20px; bottom:40px; width:540px; }
#section4 .result_box .tt { color:#263f7f; font-size:1.750em; font-family:notokrB, sans-serif; letter-spacing:-0.5px; text-align:center; position:absolute; top:150px; right:70px; width:540px; }
#section4 .result_box .txt .in_box { background:rgba(14,83,160,.9); padding:50px 50px 60px 30px; position:relative; box-sizing:border-box; max-height:300px; }
#section4 .result_box .txt .in_box .line {width:40px; height:2px; background:#aaa;margin:2em 0 1em 0;}
#section4 .result_box .txt .in_box .title { font-size:1.250em; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#section4 .result_box .txt .in_box dl {position:relative; padding:10px 0 10px 80px;}
#section4 .result_box .txt .in_box dl .ti {position:absolute; left:0; top:10px; color:#fff;}
#section4 .result_box .txt .in_box dl .ti .icon {display:inline-block; vertical-align:top; padding-left:.5em;}
#section4 .result_box .txt .in_box dl .tx {color:#fff;}

#section4 .result_box .txt .slick-dots { position:absolute; right:0; top:-20px;}
#section4 .result_box .txt .slick-dots li { display:inline-block; margin:0 3px; }
#section4 .result_box .txt .slick-dots li button { font-size:0; border:0; background:#777; width:10px; height:10px; border-radius:10px; }
#section4 .result_box .txt .slick-dots li.slick-active button { background:#1a82cc; }


/**/
#section5 {background:url(../images/main/con5_bg.jpg);}
.customer_w{position:relative;  height:100px; margin-bottom:40px; background:rgba(0,0,0,.6);}
.customer_w .customer_slide .tt{position:absolute; left:20px; top:33px; 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:1.063em;  cursor:pointer; }
.customer_w .customer_slide .tt span .xi {color:#fff; vertical-align:middle; margin-right:8px;}
.customer_w .customer_slide .slides{}
.customer_w .customer_slide .slides li{height:100px; line-height:100px; position:relative;}
.customer_w .customer_slide .slides li .notice_tit {cursor:pointer; color:#fff; 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:5px; padding-left:20px;}
.customer_w .customer_slide .flex-direction-nav{position:absolute; right:0; top:0;}
.customer_w .customer_slide .flex-direction-nav li{}
.customer_w .customer_slide .flex-direction-nav a{display:block; height:50px; width:50px; line-height:50px; font-size:0; display:block; opacity:.7; border-left:1px solid #666;}
.customer_w .customer_slide .flex-direction-nav a:hover{background-color:#111;}
.customer_w .customer_slide .flex-direction-nav .flex-prev{background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center;border-bottom:1px solid #666;}
.customer_w .customer_slide .flex-direction-nav .flex-next{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:100px; top:0; color:#999; font-family:notokrR; font-size:1em; letter-spacing:.1px;}

#section5 {}
#section5 .custom_ul {overflow:hidden; margin-left:-10px;}
#section5 .custom_ul .li_in {float:left; width:25%;}
#section5 .custom_ul .li_in .con_in {margin-left:10px;  position:relative; overflow:hidden;}
#section5 .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; transition:all .7s; z-index:200;}
#section5 .custom_ul .li_in .con_in .con_im_wrap {position:relative;  z-index:101;}
#section5 .custom_ul .li_in .con_in .con_tx_wrap {padding:20px; position:relative;  z-index:101; height:100px; background:#fff;}
#section5 .custom_ul .li_in .con_in .con_tx_wrap .ti {color:#000; font-size:1.250em; font-family:notokrM;}
#section5 .custom_ul .li_in .con_in .con_tx_wrap .tx {color:#8d8d8d; font-size:0.875em; padding:15px 10px 0 0px; font-family:notokrR; line-height:1.5;}
#section5 .custom_ul .li_in .con_in .con_tx_wrap .bis_more {color:#656565; position:absolute; right:0; bottom:0;}
#section5 .custom_ul .li_in .con_in .con_tx_wrap .bis_more .xi {font-size:21px;}
#section5 .custom_ul .li_in .con_in:hover{  cursor:pointer;}
#section5 .custom_ul .li_in .con_in:hover .xi {color:#fff; transition:.3s;}
#section5 .custom_ul .li_in .con_in:hover:after{ background:#003e87;}

/************************************************************************************************************************************************************/
/******************************************************************SUB**************************************************************************************/
/************************************************************************************************************************************************************/
/*공통 tit*/
.subPage_tit{ font-size:1.438em; position:relative; padding-left:28px; padding-bottom:10px}
.subPage_tit:after{position:absolute;top: 1px;left: -1px;width:11px;height:11px;background:#0c61b5;display:block;content:'';transform:rotate(45deg);}
.subPage_tit:before{position:absolute;top: 6px;left: 12px;width:11px;height:11px;background:#ccc;display:block;content:'';transform:rotate(45deg);}

.subPage_tit.mg4 {margin-top:4em;}

.subPage_txt {padding-left:28px; margin:10px 0; font-size:1.063em;}

/**/
.sub_page_Title {text-align:center;}
.sub_page_Title .ti {font-size:1.8em;}
.sub_page_Title .ti.col1 {color:#fff;}
.sub_page_Title .line {margin:1em auto 3em auto; background:#555; width:20px; height:2px;}
.sub_page_Title .ti strong {vertical-align:baseline; color:#1662a0}
.sub_page_Title .ti.st strong {color:#fff;}
.sub_page_Title .ti.bg {color:#fff;}
.sub_page_Title .line.bg {background:#fff;}

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

/**/
.scrollAni{ visibility:hidden; transition:1s}
.scrollAni.on{ visibility:visible}
.scrollAni.moveL{ transform:translateX(-10em); opacity:0}
.scrollAni.moveL.on{ transform:translateX(0); opacity:1}
.scrollAni.moveR{ transform:translateX(10em); opacity:0}
.scrollAni.moveR.on{ transform:translateX(0); opacity:1}
.scrollAni.moveT{ transform:translateY(7em); opacity:0}
.scrollAni.moveT.on{ transform:translateY(0); opacity:1}
.scrollAni.moveB{ transform:translateY(-7em); opacity:0}
.scrollAni.moveB.on{ transform:translateY(0); opacity:1}

/**/
.sub_tw {display:block; text-align:center; margin:5em 0 3em 0;}
.sub_tw .sub_in_ti {text-align:center; font-size:1.375em; letter-spacing:.2px; font-weight:700; color:#777; position:relative; display:inline-block; }

.sub_tw.st.company {position:relative; margin:0 0 3em 0;}
.sub_tw.st.company:before {position:absolute; content:"PHILOSOPHY&SLOGAN"; font-family:'Ms','ns','ng',sans-serif; left:50%; bottom:-25px; display:inline-block; width:860px; margin-left:-430px; font-weight:600; font-size:3em; opacity:.7; letter-spacing:-3.2px; color:#d8eff1; }


/*인사말*/
.greet{ overflow: hidden;  }
.greet span { vertical-align: baseline; }
.greet:after { content:""; clear:both; display:block; height:0; visibility:hidden; }
.greet .left{ float:left; width:40%;}
.greet .right{ float:left; width: 60%; padding-left: 5%; box-sizing: border-box; }
.greet .left > img {padding-top:2em; padding-left:3em; width:85%;}

.greet .right .greet_tit{ color:#1662a0; text-align:center; font-size:1.5em; line-height:1.5; position:relative; padding-bottom: 35px; border-bottom: 1px dashed #DDD; }
.greet .right .greet_tit .fw { font-weight: 500; color: #113777; }

.greet .right .first { margin-top: 35px!important; }
.greet .right .greet_tit:before { content:""; width:32px; height:27px; position:absolute; left:-45px; top:0; background:url(../images/sub/sub1_1img2.png) no-repeat left top; }
.greet .right .greet_tit:after { content:""; width:32px; height:27px; position:absolute; left:390px; top:0; background:url(../images/sub/sub1_1img3.png) no-repeat left top; }
.greet .right .greet_tit span.bol{ font-weight: 500; display:block;}
.greet .right .greet_txt{ font-size:1em; line-height:1.6; color:#555; margin-top:29px;}
.greet .right .ceo{ text-align:right; font-size:1em; color:#333; font-weight: 500; margin-top: 50px;}
.greet .right .ceo span.name{ font-size:.938em; display:inline-block}
.greet .right .ceo .ceo_name {font-size:1.313em; padding:0 20px 0 2px;}
.greet .right .ceo .sign {display:inline-block; vertical-align:bottom;}

/*연혁*/
.sub_history_img { text-align:center; }
.sub_history_tit{ text-align:right; padding:71px 0 60px 65px; background:url(../images/sub/sub_company/history_top.jpg) no-repeat bottom center; background-attachment:fixed;}
.sub_history_tit .t1{ font-size:2.5em; color:#0c61b5; letter-spacing:-1px; padding-right:30px;}
.sub_history_tit .t2{  font-size:.938em; color:#fff; margin-top:10px;  padding-right:30px;}
.sub_history_tit .t1 .col {color:#F00;}

.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:7%; height:100%; margin-left:1px; top:-40px}
.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 .year{ font-family:ns, sans-serif; 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}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.4; margin-bottom:15px; font-family:notokrM, sans-serif; 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.odd{ left:0; text-align:right;  }
.sub_history_wrap .sub_history > li.odd .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px right; padding-right:10px; }
.sub_history_wrap .sub_history > li.even{ left:50%;  }
.sub_history_wrap .sub_history > li.even .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px left; padding-left:10px; }
.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:5px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:5px}
span.month { font-family: ns, sans-serif;font-size:1.063; vertical-align: bottom; font-weight:600; margin:0 20px 0 10px; color:#003f87; opacity:.9;}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-42px; width:10px; height:10px; background:#0c61b5; transform:rotate(45deg);}

/*개인정보*/
.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; font-size: 0.938em; 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:60px; overflow-y: scroll; font-size:.813em;}
.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;}

/*실적리스트 정보*/
.status_info_w {margin-top:1.5em; background:#f2f5f8; border:1px solid #ddd; padding:1em;}
.prod_detail_wrap{}
.prod_detail_wrap .inner{ *zoom:1;}
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ position:relative;}
.prod_detail_wrap .inner .info_wrap { /*float:right; width:45%*/;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;  width:100% !important;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1; width:100% !important;}

.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{/*padding:10px;*/ }
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 2px; cursor:pointer; /*padding:10px;*/}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#b3161c;}
.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:10px 30px 10px 10px; position:relative;}
.prod_detail_wrap .info_wrap .in .big_t {position:absolute; right:0; bottom:0; color:#cdcdcd; font-size:3.125em; opacity:.6;}
.prod_detail_wrap .info_wrap .prod_info{}
.prod_detail_wrap .info_wrap .prod_info .t1 {font-size:1.438em; line-height:1.3;  font-family:notokrM, sans-serif;;}
.prod_detail_wrap .info_wrap .prod_info .txt_w {border-top:1px dashed #ccc; margin-top:20px; padding-top:20px;}
.prod_detail_wrap .info_wrap .prod_info .txt_w .info{ position:relative; padding:0 0 0 80px; line-height:2.8; margin-left:.5em;}
.prod_detail_wrap .info_wrap .prod_info .txt_w .info .tit{ position:absolute; top:2px; left:0; padding-left:10px; font-family:notokrR, sans-serif; font-size:.937em; color:#555;}
.prod_detail_wrap .info_wrap .prod_info .txt_w .info:before{ content:''; position:absolute; top:20px; left:0; width:4px; height:4px; background:#003f87; transform:rotate(45deg)}
.prod_detail_wrap .info_wrap .prod_info .txt_w .info .txt{color:#111; font-size:1em; position:relative; padding-left:9px;}
/*.prod_detail_wrap .info_wrap .prod_info .txt_w .info .txt:before {position:absolute; content:""; width:3px; height:1px; background:#555; left:0; top:7px;}*/

.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:33%;}
.prod_detail_wrap .info_wrap .prod_btn .btn{ width:100%; height:50px; border:1px solid transparent; border-radius:25px; overflow:hidden;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c1{ background:#d12d33; 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:5px;}

/*실적리스트*/
.list_top_t {font-family:notokrR , sans-serif; text-align:right; margin:2em 0 .5em 0; color:#888; font-size:.875em; vertical-align:baseline;}
.list_top_t .xi {padding-right:3px; vertical-align:baseline; font-size:.938em;}
.performance_list_w {}
.performance_tit {color:#003f87; padding-left:50px; position:relative;}
.performance_tit:before{ content:''; position:absolute; top:6px; left:36px; width:7px; height:7px; background:#0c61b5; transform:rotate(45deg);}

.performance_tit .performance_cursor {cursor:pointer;}
.performance_tit .performance_cursor:hover {background:#f2f5f8; transition:.3s; }
.performance_tit .performance_cursor:hover td,
.performance_tit .performance_cursor:hover td.icon > a
 {color:#1662a0;}

.performance_tit {table-layout:fixed; border-top:2px solid #003f87;}
.performance_tit thead th {text-align:center !important; font-size:.875em; color:#333; padding:12px 10px; border:1px solid #ddd; text-align:left; background:#f2f2f2; border-left:none; border-right:1px solid #eee; position:relative;}
.performance_tit td {font-size:.938em; color:#666; padding:12px 20px; border:1px solid #ddd; font-family:notokrR , sans-serif; border-right:none; border-left:none;}
.performance_tit td.icon > a{position:relative; padding-left:20px;}
.performance_tit td.icon > a:before {position:absolute; content:"\e97b"; left:0; top:2px; font-size:15px; font-style:normal; font-family:xeicon;}
/*.performance_tit td.icon > a:hover {color:#1662a0; transition:.3s;  font-family:notokrM , sans-serif; }*/


/*실적 검색*/
.performance_search {text-align:right;}
.performance_search .per_inp {display:inline-block; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; font-size:.813em; padding:.5em 1em .5em .5em; box-sizing:border-box; height:2.5em; line-height:1em; padding-right:30px;}
.performance_search .perfor_label {}
.performance_search .perfor_inp {}
.performance_search .perfor_search {padding-right:50px;}
.performance_search .perfor_btn {background:#333; color:#fff; border:1px solid #333; font-size:.875em;}
.performance_search .perfor_btn .xi {font-size:1.313em; padding-right:5px;}

/*실적 tab*/
.performance_tab {margin-top:1em; border:1px solid #ccc; background:#fff; border-radius:0 0 10px 10px; padding:.6em; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.performance_tab .list > li{}
.performance_tab .list > li > a{display:block; height:30px; line-height:30px; word-break:break-all; margin:0px 0 -1px -1px; border:1px solid #ddd; background:#f9f9f9; color:#222; transition:.3s; font-size:.813em; font-family::notokrR, sans-serif;}
.performance_tab .list > li.on > a{color:#fff; z-index:1; background:#003f87; position:relative; border-color:transparent;}
.performance_tab .list > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#fff; position:absolute; width:100%; text-align:center; top:-14px; left:0; font-size:11px;}
.performance_tab .list > li:hover > a{ color:#003f87;}

/*제품 list*/
.search_wrap {text-align:right; margin-bottom:1em;}
.search_wrap .page_search {}
.search_wrap .page_search .page_search_bt {height:2.5em; line-height:1em; font-size:.875em;}

.prod_wrap .prod{ margin:0 -15px -15px 0}
.prod_wrap .prod > li{ width:25%}
.prod_wrap .prod > li .in{ border:1px solid #ddd; margin:0 15px 15px 0; transition:.3s; position:relative; background:#fff; overflow:hidden;}
.prod_wrap .prod > li .in .img_wrap{ position:relative; margin:0 1em;}
.prod_wrap .prod > li .in .img_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5); opacity:0; transition:.3s}
.prod_wrap .prod > li .in .img_wrap .layer .xi{ 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}
.prod_wrap .prod > li .in .img_wrap .layer .xi:before{ content:"\e97a"; font-family:xeicon!important}
.prod_wrap .prod > li .in .img_wrap:hover .layer{ opacity:1}
.prod_wrap .prod > li .in .tit_wrap{ text-align:center; border-top:1px dashed #ccc; background:#f9f9f9; padding:.7em 0;} 
.prod_wrap .prod > li .in .tit_wrap .tit{font-size:.938em;}
.prod_wrap .prod > li .in:hover .tit_wrap{ background:linear-gradient(to right,#0090d6, #003f87); color:#fff;}

/*view*/
.pro_view_w_top {overflow:hidden;}
.pro_view_w_top .img_wrap {float:left; width:50%;}
.pro_view_w_top .info_wrap {float:right; width:49%;}
.pro_view_w_top .img_wrap .in_img {border:1px solid #ddd; background:#fff;}
.pro_view_w_top .info_wrap .in{ padding:15px 0 0 60px;}
.pro_view_w_top .info_wrap .prod_tit{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.pro_view_w_top .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.pro_view_w_top .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700;}

.pro_view_w_top .info_wrap .prod_info {max-width:400px;}
.pro_view_w_top .info_wrap .prod_info .tx {line-height:1.5; font-size:.938em; padding:.8em 0em 0 1em; position:relative; font-family:notokrR, sans-serif;}
.pro_view_w_top .info_wrap .prod_info .tx:before {position:absolute; content:""; left:5px; top:20px; width:4px; height:4px; background:#003f87; transform:rotate(45deg);}

.pro_view_w_top .btn_in{ margin:7.4em 0; padding-left:1em; width:100%; }
.pro_view_w_top .btn_in.st{ width:20%;margin: 1em 0 0 0;padding-left:0; padding-bottom:2em}
.pro_view_w_top .btn_in .xi {font-size:1.250em;}
.pro_view_w_top .btn_in .catalog{ display:block; background:#333; color:#fff; height:3em; transition:.3s; width:30%;}
.pro_view_w_top .btn_in .catalog .tt{ font-size:.875em; padding-left:.5em}
.pro_view_w_top .btn_in .catalog:hover{ background:#333; color:#fff}

.pro_view_w_top .btn_in .more{ display:block; background:#0c61b5; color:#fff; height:3em; transition:.3s; width:30%; margin-left:0.5em}
.pro_view_w_top .btn_in .more .tt{ font-size:.875em; padding-left:.5em}
.pro_view_w_top .btn_in .more:hover{ background:#0c61b5; color:#fff}

.pro_view_w_bot {background:#f2f5f8; padding:2em 0; margin-top:3em;}


/*오시는길*/
.location_b {margin-top:3em;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:300}
.map_info1 .t1 { float:left; }
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }
.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_info2 { margin-top:30px; font-weight:300}
.map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; font-weight:500;}
.map_info2 > li h3 .xi { font-size:1.625rem; vertical-align:text-top; }
.map_info2 > li .info { margin:0 0 0 240px;}
.map_info2 > li .info strong { display:block;}
.map_info2 > li .info p { color:#333; line-height:26px;}
.map_info2 > li .info ul li:first-child strong { padding-top:0}
.map_info2 > li.bus {}
.map_info2 > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 > li.bus .info p { position:relative; line-height:30px; color:#666; }

.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:25px; border-radius:30px; background:#249f0b; margin:0 5px 5px 0}
.bs1.sub_col1{ background:#3356b4}
.bs1.sub_col2{ background:#717617; margin-left:5px}
.bs1.sub_col3{background:#7182f5;}
.bs1.sub_col4{background:#5fb73c}

.map_info2 > li.subway {border-bottom:none;}
.map_info2 > li.subway .info { margin-top:-1px;}
.map_info2 > li.subway .info span { display:block; margin:2px 0 6px;}
.map_info2 > li.subway .info p { display:inline-block; margin-right:34px;}
.map_info2 > li.subway .info em { display:inline-block; font-weight:500;}
.map_info2 > li.subway .info .r em { color:#fff;}

.root_daum_roughmap {padding:0 !important; border:none !important;}

/*사업분야 SI*/
.company_t {padding:4.5em 0; position:relative; z-index:1; background:#f9f9f9; text-align:center;}
.company_t .tit {color:#111; font-size:1.75em; text-align:center; font-weight:700; display:inline-block; position:relative; padding:10px 0; margin:.8em 0 3em 0;}
.company_t .tit:before{ content:""; width:35px; height:27px; position:absolute; left:50%; top:-38px; margin-left:-17px;  background:url(../images/sub/ceo_l.png) no-repeat left top; background-size:70%;}
.company_t .tit:after{ content:""; width:35px; height:27px; position:absolute; left:50%; bottom:-40px; margin-left:-13px; background:url(../images/sub/ceo_r.png) no-repeat left top; background-size:70%;}
.company_t .line {width:30px; height:2px; margin:2em auto; background:#111;}

.slogan_w{ padding:0 1px 1px 0; width:100%; margin:0 auto; max-width:810px;}
.slogan_w > li{ width:33.33%}
.slogan_w > li .in{ padding:1em 5em 2em 1.5em; margin:0 -1px -1px 0; background:#fff; border:1px solid #ddd; position:relative; overflow:hidden; text-align:left;}
.slogan_w > li .in .no{ opacity:.2;  font-size:2em; font-weight:bold; letter-spacing:-4px; line-height:1; margin-left:-4px}
.slogan_w > li:nth-child(1) .in .no{ color: #a24dff}
.slogan_w > li:nth-child(2) .in .no{ color: #ff043e}
.slogan_w > li:nth-child(3) .in .no{ color: #0043ff}
.slogan_w > li .in .ti{ font-size:1.375em; color:#000; margin:.75em 0 .3em 0; font-weight:700;}
.slogan_w > li .in .tt{ font-size:1em; color:#666; line-height:1.3em; height:4.9em; overflow:hidden}
.slogan_w > li .in .xi{ position:absolute; right:0; bottom:0; line-height:1; opacity:.1; z-index:0}
.slogan_w > li .in .xi:before{ font-size:4em}

.slogan_w > li:nth-child(1) .in .xi{ color: #a24dff}
.slogan_w > li:nth-child(2) .in .xi{ color: #ff043e}
.slogan_w > li:nth-child(3) .in .xi{ color: #0043ff}

/*회사개요*/
.overview_t {background:#f5f5f5; padding:2em 0;}
.overview_t .t_list > li .inner{ padding:1em 1em; position:relative;}
.overview_t .t_list > li .inner:after {position:absolute; content:""; width:1px; height:30px; background:#ddd; right:0; top:50%;}
.overview_t .t_list > li:nth-child(4) .inner:after {opacity:0;}
.overview_t .t_list > li:nth-child(8) .inner:after {opacity:0;}
.overview_t .t_list .icon{ height:60px;}
.overview_t .t_list .icon img{ max-height:100%;}
.overview_t .t_list .txt{ text-align:center}
.overview_t .t_list .txt .t1{ font-size:1.063em; color:#666; padding:1.3em 0 .8em 0;}
.overview_t .t_list .txt .t2{ font-size:1.063emem; color:#111; font-family:notokrM, sans-serif;}
.overview_t .t_list .txt .t2.st {font-size:.938em;}

.overview_b {padding:2.5em 0; text-align:center; background:url(../images/sub/sub_company/overview_bg.jpg) no-repeat center center; background-size:cover; margin-top:5em;}
.overview_b .list{width:70%;margin:0 auto;}
.overview_b .list .inner{ margin:0 2em;}
.overview_b .list .icon{ position:relative; margin:0 auto; width:80%; padding-top:80%; background:#fff; border:10px solid rgba(0,0,0,.1); border-radius:50%;}
.overview_b .list .icon .re{position:absolute;top:0;left:0;width:100%;height:100%;}
.overview_b .list .icon .re .xi {font-size:3.5em; color:#1662a0;}
.overview_b .list .txt_wrap{ position:relative; padding-top:3em; color:#fff;}
.overview_b .list .txt_wrap:before{ content:""; position:absolute; left:50%; top:0; margin-top:-1.5em; width:1px; height:3.8em; background:#000;}
.overview_b .list .txt_wrap > dt{ font-size:1.250em; padding-bottom:15px; font-family:notokrM, sans-serif;}
.overview_b .list .txt_wrap > dd{line-height:1.7; opacity:.7; font-size:.938em;}

.greetings_b_w {margin-top:4em;}
.greetings_b_w .b_ul {margin-bottom:5em;}
.greetings_b_w .b_ul.st {margin-top:6em;}
.greetings_b_w .b_ul .b_li {width:50%; float:left !important;}
.greetings_b_w .b_ul .b_li.li_st {float:right !important;}
.greetings_b_w .b_ul .b_li .li_in {}
.greetings_b_w .b_ul .b_li .li_in.mg_st {margin-left:10%;}
.greetings_b_w .b_ul .b_li .li_in.mg_st2 {margin-left:4%;}
.greetings_b_w .b_ul .b_li .li_in .img_line {border:5px solid #ccc;}
.greetings_b_w .b_ul .b_li .li_in .t1 {font-size:1.6em;}
.greetings_b_w .b_ul .b_li .li_in .line {width:30px; height:2px; background:#005295; margin:1em 0 2em 0;}
.greetings_b_w .b_ul .b_li .li_in .t2 {font-family:notokrR, sans-serif; font-size:1em; color:#444; line-height:1.4; }
.greetings_b_w .b_ul .b_li .li_in .t2.pd_st {padding-top:.6em;}


/**/
.page_processWrap{background:rgba(242, 245, 248, 0.45); padding:4em 0;}
.page_processWrap .page_processT .list{ margin:0 0 0 -40px;}
.page_processWrap .page_processT .list .inner{ margin:0 0 0 40px; white-space:nowrap;}
.page_processWrap .page_processT .list .inner .img{ display:inline-block; vertical-align:middle; width:30%;}
.page_processWrap .page_processT .list .inner .page_txt1{ display:inline-block; vertical-align:middle; width:62%; padding-left:5%; margin-top:0; white-space:normal;}
.page_processWrap .page_processB{ position:relative;}
.step_process{ margin-left:-10px; *zoom:1;}
.step_process:after{ content:""; display:block; clear:both;}
.step_process > li{ float:left; width:16.66%; text-align:center;}
.step_process > li .inner{ position:relative; margin-left:13px; padding:1em; background:#fff; border:1px solid #ddd; box-shadow:1px 5px 10px rgba(0,0,0,0.2);} 
.step_process.reverse{ margin-left:auto; margin-right:-13px; margin-top:70px;}
.step_process.reverse > li{ float:right;}
.step_process.reverse > li .inner{ margin-left:auto; margin-right:13px;}
.step_process .icon{ height:55px;}
.step_process .icon .xi {font-size:2.8em; color:#847d7d;}
.step_process .icon img{ max-height:100%;}
.step_process .check{ position:absolute; z-index:3; top:37%; left:50%; margin-top:-10px; margin-left:-13px;}
.step_process .check .xi{ width:20px; line-height:20px; color:#005295; background:#fff; border:2px solid #005295; border-radius:100%;}
.step_process .check .xi:before{ content:"\e929"; display:block;}
.step_process .num{ padding:4.5em 0 1em 0; font-size:.750em; color:#1662a0; letter-spacing:0; text-transform:uppercase; margin-top:1em;}
.step_process .tit{ padding:0 .5em; font-size:1.063em; color:#444; font-family:notokrB, sans-serif;}
.step_process .tit .in_t {font-size:.750em; display:block; color:#888; line-height:1.4; font-family:notokrR, sans-serif; text-align:left; padding-left:1.8em;}
.step_process .tit .in_t:first-child {padding-top:10px;}
.step_process > li.on .inner{ background:#1662a0; border-color:#1662a0;}
.step_process > li.on .check .xi{ border-color:#1dbcb7;}
.step_process > li.on .tit{ color:#fff;}
.step_process > li.on .num {color:#fff;}
.step_process > li.on .icon .xi {color:#fff;}
.step_process .line{ position:absolute; z-index:2; top:37%; left:50%; width:5px; height:5px; background:#21a7c5;}
.step_process .line1{ width:0;}
.step_process .line2{ height:0; z-index:-1;}
.step_process .line3{ left:auto; right:50%; width:0;}
.m_line {display:none !important;}

/*전기*/
.page_ceoWrap{background:#f5f5f5; padding:1em;}
.page_ceoWrap.st {margin-top:3em;}
.page_ceoWrap .left{ float:left; width:50%;}
.page_ceoWrap .right{ float:right; width:50%;}
.page_ceoWrap .right .inner{ margin-left:50px;}
.page_ceoWrap .page_ceoB{ padding:1em 0;}
.page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:2em;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:2em;}
.page_ceoWrap .page_ceoT .t_w {text-align:center; display:block;}
.page_ceoWrap .page_ceoT .t_w .tit {display:inline-block; text-align:center; font-weight:700; font-size:1.6em; letter-spacing:-1.5px; line-height:1.5; padding-bottom:2em; color:#0065a4; position:relative;}
.page_ceoWrap .page_ceoT .t_w .tit:before{ content:""; width:35px; height:27px; position:absolute;  left:-40px; top:6px; background:url(../images/sub/ceo_l.png) no-repeat left top; background-size:70%;}
.page_ceoWrap .page_ceoT .t_w .tit:after{ content:""; width:35px; height:27px; position:absolute; right:-50px; top:6px; background:url(../images/sub/ceo_r.png) no-repeat right top; background-size:70%;}
.page_ceoWrap .page_ceoT .img_wrap .img {box-shadow:10px 6px 9px rgba(0,0,0,.1);}
.page_ceoWrap .page_ceoB .img_wrap .img {box-shadow:10px 6px 9px rgba(0,0,0,.1);}
.page_ceoWrap .txt_wrap .tit{letter-spacing:-2px; font-size:1.6em; line-height:1.3; color:#111; margin-bottom:.5em; font-family:notokrM, sans-serif;}
.page_ceoWrap .txt_wrap .txt{ color:#222; padding:.6em 0; font-size:1em; letter-spacing:.2px; line-height:1.4; font-family:notokrR, sans-serif;}
.page_ceoWrap .txt_wrap .line {width:20px; height:2px; background:#555; margin:1em 0 2em 0;}

/*SI사업*/
.si_w {background:#f5f5f5;  padding:4em 0 5em 0;}
.si_w .title {text-align:center; font-size:1.7em; color:#687687; padding-bottom:1.7em;}
.page_column_list{ margin:0 -15px -30px 0;}
.page_column_list > li > .inner{ margin:0 15px 30px 0; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.page_column_list .con{ padding:1.5em 1em; background:#fff;}
.page_column_list .con .tit{ text-transform:uppercase;}
.page_column_list .con .tit:after{ content:""; display:block; margin:1em 0 1em 0; width:25px; height:2px; background:#333;}
.page_column_list .con .tit .t1{ font-size:.813em; color:#687687; padding-bottom:.5em;}
.page_column_list .con .tit .t2{ font-size:1.3em; color:#333; font-family:notokrM, sans-serif;}
.page_column_list .con .txt{ font-size:.938em; color:#666; line-height:1.5;}
.page_column_list .con.st .txt {font-size:.875em;}
.page_column_list .con .en{ font-family: 'Raleway', sans-serif; letter-spacing:0;}

/*솔루션-제어기술*/
.solution_w {height:300px; background-position:center center; background-repeat:no-repeat;}
.solution_w .en {text-align:center; color:#fff; display:block; letter-spacing:1px; font-family:notokrL, sans-serif; padding-top:3.5em; font-size:.750em;}
.solution_w .t2 {text-align:center; color:#fff; display:block; letter-spacing:1px; font-family:notokrR, sans-serif; font-size:1.5em; padding-top:.5em; text-shadow:2px 2px 2px rgba(0,0,0,.4);}

.solution_w.bg01 {background:url(../images/sub/sub_solution/technology_bg.jpg);}
.solution_w.bg02 {background:url(../images/sub/sub_solution/system_bg.jpg);}

.solution_up {width:80%; display:block; margin:-115px auto 3px auto; box-shadow:1px 5px 10px rgba(0,0,0,0.2); padding:2em 2em 2.5em 2em; box-sizing:border-box; text-align:center; background:#fff;}
.solution_up .tx {font-size:1em; width:100%; margin:0 auto; max-width:750px; font-family:notokrR, sans-serif; color:#111; line-height:1.5;}
.solution_up .tx.st1 {max-width:860px;}
.solution_up .line {width:20px; height:2px; margin:15px auto; background:#555;}

.subPge_con {border:1px solid #ddd; padding:25px 30px; background:#fafafa; margin-top:1em;}
.subPge_con .tit {font-size:1.063em; margin-bottom:10px; }
.subPge_con .tit.col_blue {color:#1662a0}
.subPge_con .txt_w {padding:10px 0;}
.subPge_con .txt_w .ti {font-size:.938em; padding-left:10px; margin:0 0 5px 0; color:#333; font-family:notokrM, sans-serif; position:relative;}
.subPge_con .txt_w .ti:before {position:absolute; content:""; width:4px; height:4px; left:0; top:8px; background:#0c61b5;}
.subPge_con .txt_w .tx {font-size:.875em; color:#444; font-family:notokrR, sans-serif; line-height:1.5; padding-left:20px; position:relative;}
.subPge_con .txt_w .tx:before {position:absolute; content:""; width:4px; height:1px; background:#444; left:12px; top:10px;}

.subPge_con .txt_w.mg_l {margin-left:7px;}

.subPge_con .img_w_list {margin-top:1.5em; margin-left:1em; }
.subPge_con .img_w_list .im {display:inline-block; *display:inline; zoom:1; vertical-align:top; padding-right:1em; padding-bottom:1em;}
.subPge_con .img_w_list .im .t {display:block; font-size:.938em; padding-top:10px; padding-left:20px; position:relative;}
.subPge_con .img_w_list .im .t:before {position:absolute; content:"\e981"; left:1px; top:10px; font-family:xeicon; font-style:normal;}

.subPge_con .img_w {background:#fff; text-align:center; margin-bottom:.5em; border:1px solid #ddd;}

.con_list{ margin:0 -15px -20px 0}
.con_list > li{ width:20%}
.con_list > li .in{ border:1px solid #ddd; margin:0 15px 20px 0; background:#fff;}
.con_list > li .in .in_t {background:#fff;}
.con_list > li .in .in_t .logo {height:60px; padding-top:20px;}
.con_list > li .in .in_t .name{ text-align:center; font-size:1em; padding:10px 0; color:#fff; background:rgba(0,0,0,0.6)}
.con_list > li .in .in_b {background:#fff; padding:10px;}
.con_list > li .in .in_b .tt{font-size:.875em; line-height:1.9; padding-left:10px; position:relative; color:#444;}
.con_list > li .in .in_b .tt:before {position:absolute; content:""; width:2px; height:2px; left:0; top:12px; background:#444;}

/**/
.agree_wrap{ padding:.5em; font-size:.938em; font-weight:400; line-height:1.5; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 4px 3px rgba(0,0,0,.2); padding:2em; font-family:'ns','ng',sans-serif; background:#f9f9f9;}
.agree_wrap .agree.st p{font-size:.938em; letter-spacing:.5px; line-height:2;}
.agree_wrap .agree.st p strong {font-size:1.3em;}


/**/
.page_quipWrap{/* background:#f5f5f5;*/}
.page_quipWrap.st {margin-top:4em;}
.page_quipWrap:nth-child(2n){ background:#fff;}
.page_quipWrap .page_quipIn > li{ vertical-align:middle;}
.page_quipWrap .page_quipIn .txt_wrap{ position:relative; padding:2.5em 4em; background:#f5f5f5;}
.page_quipWrap .page_quipIn .txt_wrap:before{ content:""; position:absolute; top:1.5em; left:2em; width:2em; height:2em; background:url(../images/inc/icon_quotBL.png) no-repeat; background-size:100%; opacity:.3;}
.page_quipWrap .page_quipIn .txt_wrap{ box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.page_quipWrap .page_quipIn .txt_wrap .cate{ margin-top:1em;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a{ position:relative; display:inline-block; vertical-align:middle; padding:0 1em;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:first-child{ padding-left:0;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:before{ content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#333; transform:skewx(-40deg)}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:first-child:before{ display:none;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:hover{ text-decoration:underline;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a.on{ color:#005295;}

.page_txt1.text_st {text-align:right;}
.page_txt1 > dt{ font-size:1.125em; color:#333; font-weight:500;}
.page_txt1 > dd{ font-size:.938em; color:#666; line-height:1.7;}
.page_txt1 .en{ font-family: 'Raleway', sans-serif; font-weight:700;}
.page_txt1 .t1{ font-size:1.750em; letter-spacing:-2px;}
.page_txt1 .line {margin:1em 0 2em 0; width:30px; height:1px; background:#687687; display:inline-block;}
.page_txt1.text_st .line {text-align:right;}
.page_txt1 .t2{ font-size:1em;}
.page_txt1 .xi_icon {position:absolute; bottom:-10px; left:10px; font-size:6em; line-height:inherit; opacity:.3; color:#1662a0;}
.page_txt1 .xi_icon.st {left:inherit; right:0;}

.introduction_top {margin-bottom:5em; background:url(../images/sub/sub_company/introduction_bg.jpg) no-repeat center center; padding:80px 0; background-attachment:fixed; position:relative; z-index:1;}
.introduction_tit {color:#fff; font-size:1.375em; text-align:center;}
.introduction_line {width:30px; height:2px; margin:2em auto; background:#fff;}
.introduction_top .tbl_st2 { border:1px solid #ddd; padding:0px; margin-bottom:10px; border-top:3px solid #0078c2; font-size:.875em; }
.introduction_top .tbl_st2 thead th {border-left:1px solid #ddd; background:#f1f1f1 !important; color:#333 !important;}
.introduction_top .tbl_st2 thead th,
.introduction_top .tbl_st2 tbody th { background:#f8f8f8; color:#444444; font-weight:500; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-size:1em; padding:13px 20px;  }
.introduction_top .tbl_st2 tbody td {line-height:1.6; background:#fff; text-align:left; color:#666; font-weight:300; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:13px 20px; vertical-align:middle; }
.introduction_top .tbl_st2 tbody td > a { color:#666 !important; font-weight:300 !important;}
.introduction_top .tbl_st2 tbody td p{ line-height:1.8; background:url(../images/sub/table_tit.jpg) no-repeat left 11px; padding-left:10px;}
.introduction_top .tbl_st2 tbody td p.noimg{ background:none; padding-left:0;}
.introduction_top .tbl_st2 tbody td p span.bus{ font-weight:600;} 
.introduction_top .tbl_st2 tbody td p span.rail{ background:#0041aa; color:#fff; display:inline-block; padding:0px 10px;}
.introduction_top .tbl_st2 thead th:last-child, .tbl_st2 tbody th:last-child, .tbl_st2 tbody td:last-child { border-right:none; }

.introduction_top .intro_ul {display:table; table-layout:fixed; border:1px solid rgba(255,255,255,0.2); }
.introduction_top .intro_ul > li {display:table-cell; width:16.66%; }
.introduction_top .intro_ul > li .intro_in {background:rgba(0,0,0,.7); border-left:1px solid rgba(255,255,255,0.2); text-align:center; padding:2em 1em;}
.introduction_top .intro_ul > li .intro_in .icon {}
.introduction_top .intro_ul > li .intro_in .icon img {width:80px;}
.introduction_top .intro_ul > li .intro_in .t1 {margin:1em 0; color:#fff;}
.introduction_top .intro_ul > li .intro_in .t2 {color:#fff; font-size:1em;}

.introduction_top .intro_ul > li .intro_in:hover {background:rgba(255,255,255,1); transition:.5s;}
.introduction_top .intro_ul > li .intro_in:hover .t1 {color:#0078c2; transition:.5s;}
.introduction_top .intro_ul > li .intro_in:hover .t2 {color:#0078c2; transition:.5s;}

.organization_w {background:#f5f5f5; padding:2em; 0;}


.sub_Table {margin-top:1em;}