@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:94%; margin:0 auto}
.box1{ width:1200px; margin:0 auto; max-width:100%}
.box2{ width:1160px; margin:0 auto; max-width:100%}/*sub 페이지*/
.PC{ display:block !important}
.PHONE{ display:none !important}

#header{ position: fixed; z-index:1000; left:0; top:0; width:100%; transition:.3s}
#header:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; opacity:.3; background:#fff}
#header .va_wrap{ height:4.5em}
.headerPD{ padding-top:4.5em}
#header .logo{ float:left; z-index:1; position:relative}
#header .logo > a{ position:relative}
#header .logo img{ max-height:80%}

#header .menu_wrap{ margin-right:.5em}
#header .gnb_wrap{}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:after{ content:""; position:absolute; bottom:-1px; width:0; height:1px; background:#00285e; z-index:1; opacity:0; transition:.3s;}
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#222; padding:0 1em; min-width:7em; position:relative; overflow:hidden; transition:.3s}
#header .gnb_wrap .gnb > li .dp1:after{ font-family:xeicon!important; content:"\e92f"; position:absolute; left:0; bottom:-.4em; width:100%; text-align:center; color:#003f87; line-height:1; opacity:0; transition:.3s}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.25em}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5rem; width:10rem; opacity:0; visibility:hidden; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3);}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li.sm_careers {background:#003f87;}
#header .gnb_wrap .gnb > li .dp2 > li.sm_careers > a {color:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#777; text-align:center; padding:1em; border-top:1px dotted #999}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#003f87}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#0072c6}

#header .etc_wrap{ float:right; z-index:1; position:relative}

#header .etc{ float:left}
#header .etc > li > a { width:3em; text-align:center}
#header .etc > li > a .va{ font-size:.938em; color:#000; opacity:.5; transition:.3s}
#header .etc > li > a:hover .va{ opacity:1; color:#003f87}

#header .all_wrap{ float:left}
#header .all_wrap .allBtn{ width:5em; text-align:center; margin-left:.3em}
#header .all_wrap .allBtn .va{ font-size:1.688em; color:#111}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:22em; max-width:90%; height:100%; 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; height:3em}
#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}

.sub #header,
.scroll #header,
#header:hover{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.3);}
.sub #header:after,
.scroll #header:after,
#header:hover:after{ display:none}

#footer{ background:#282828; margin-top:4em}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:20%; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li: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:1.5em 1.5em 1em 1.5em; color:#fff; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:4rem}
#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 .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; opacity:.8; transition:.3s}
#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{ opacity:1}
#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:#003f87; color:#fff; opacity:1}
#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 .info_wrap{ padding:2em 0 3em 0; border:1px solid rgba(255,255,255,.1);}
#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:.5em; 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:23em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#00285e; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; padding-top:1em}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.25em; font-family:notokrB; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{/* max-width:33.33%*/ max-width:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:#222; height:3.5em; color:#fff; border-left:1px solid rgba(255,255,255,.1);transition:.3s; opacity:.6}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.125em}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{ opacity:.8}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#003f87;  opacity:1}

#contents .sub_tit{ text-align:center; padding:2em 0; border-bottom:1px solid #ddd; position:relative}
#contents .sub_tit:after{ content:""; position:absolute; width:20em; height:1px; left:50%; bottom:-1px; margin-left:-10em; background:#002654; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #002654 50%, rgba(255,255,255,0) 100%)}
#contents .sub_tit .tit{ font-family:notokrB, sans-serif; font-size:2em; color:#222}

#contents .doc{ padding:3em 0 5em 0}

.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}

/**/
.mainVisual .img{ position:relative}
.mainVisual .img .bg{ display:block; height:0; padding-bottom:53.57%; 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:10em; top:0; width:90%; padding-top:180px;}
.mainVisual .img .slogan{ position:relative}
.mainVisual .img .slogan .t1{ font-size:4em; word-spacing:2px; letter-spacing:-2px; font-family:notokrB, sans-serif; color:#111; opacity:0; padding-bottom:.25em; margin-left:-3em}
.mainVisual .img .slogan .t2{ font-family:notokrR, sans-serif; font-size:1.125em; color:#111; line-height:1.7; opacity:0; margin-left:-3em; margin-top:2em; padding-left:.2em}
.mainVisual .img .slogan .line_wrap{ display:inline-block; *display:inline; zoom:1; position:relative}
.mainVisual .img .slogan .line_wrap:before{ content:""; position:absolute; width:0; height:0; border-bottom:1px solid #111; left:-10em; bottom:0}
.mainVisual .img .slogan .line_wrap:after{ content:""; position:absolute; width:14px; height:14px; background:#111; right:-4em; bottom:0; margin-bottom:-7px; visibility:hidden}

.mainVisual .img.flex-active-slide .slogan .line_wrap:before{ width:100%; padding-left:10em; padding-right:4em; transition:2s; transition-delay:.5s}
.mainVisual .img.flex-active-slide .slogan .line_wrap:after{ visibility: visible; transform:rotate(315deg); transition:2s; transition-delay:2.5s}

.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:2s}
.mainVisual .flex-control-paging{ position:absolute; top:29em; left:10%; 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:20px; top:25px; z-index:999; 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:50px; opacity:1; z-index:100; text-decoration:none; text-shadow:1px 1px 3px rgba(0,0,0,.5)}
#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}

/*홈아트바로가기*/
.homeart_btnw  {background:url(../images/main/homeart_bg.jpg); background-position:center center; background-repeat:no-repeat; position:fixed; right:20px; top:120px; z-index:980; width:120px; height:250px; border-radius:30px 0 0 30px;}
.homeart_btnw .tx {display:block; color:#f5f5f5; font-size:.813em; padding-top:.7em; letter-spacing:.4px; width:100%; max-width:250px; margin:0 auto;} 
.homeart_btnw .in_t {color:#fff; text-align:center;  font-size:1.063em; transition:.6s; display:block; height:100%;}
/*.homeart_btnw .in_t {color:#fff; text-align:center;  font-size:1.063em; transition:.6s; padding:60px 6px 0 6px; display:inline-block;}*/
.homeart_btnw .in_t .xi {padding-left:3px; vertical-align:middle; font-size:.938em; opacity:0;}

.homeart_btnw .partner_more .in_t:hover {color:#003f87;}

.homeart_btnw .in_t .en_t {display:block; font-size:.875em; padding-bottom:.5em;}
.homeart_btnw .in_t .ko_t {font-size:.938em;}

/*홈아트 바로가기 모바일 버전*/



/*메인 타이틀*/
.main_tit {text-align:center; padding:40px 0;}
.main_tit.pd_none {padding:0;}

.main_tit .tit {font-size:2.188em; vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
.main_tit .tit_col {color:#fff; }
.main_tit .tit > strong {color:#999999; vertical-align:bottom;}
.main_tit .txt {color:#555; padding-top:1em; }
.main_tit.main03_st {position:relative;}
.main_tit.main03_st .txt:after {position:absolute; content:""; width:2px; height:25px; background:#003f87; left:50%; bottom:0;}

/*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 30px 40px 30px; 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;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more {color:#fff; font-size:0.875em; border:1px solid #fff; padding:5px 10px; 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:10px;} 
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover {background:#f9f9f9; color:#003f87; transition:.3s;}
.main01 .bis_ul .li_in .con_in  .con_tx_wrap .bis_more:hover .xi {margin-left:5px; transition:.3s;}

/*main 02*/
.main02 {background:url(../images/main/main02_bg.jpg) no-repeat center center; background-size:cover; padding:4em 0;}
.main02 .main02_t_w {text-align:center;}
.main02 .main02_t_w .line {background:#fff; width:30px; height:3px; margin:50px auto 10px auto;}
.main02 .main02_t_w .ti {color:#fff; font-size:2em;}
.main02 .main02_t_w .tx {color:#fff; padding:40px 0; font-size:1.063em;  font-family:notokrR, sans-serif; line-height:1.6;}
.main02 .main02_t_w .main02_more {display:inline-block; color:#fff; font-size:.875em; border:1px solid #fff; padding:10px 20px;} 
.main02 .main02_t_w .main02_more .xi {padding-left:18px;}
.main02 .main02_t_w .main02_more:hover {background:#003f87; border:1px solid #003f87; transition:.3s; }
.main02 .main02_t_w .main02_more:hover .xi {color:#fff; transition:.3s; }

/*main 03*/
.main03 .main_history_wrap .main_history{ background:url(../images/main/main_history_bg.jpg) no-repeat center bottom; background-size:cover; padding:60px 0}
.main03 .main_history_wrap .main_history .history_tt{ text-align:center; color:#fff; font-family:notokrR, sans-serif}
.main03 .main_history_wrap .main_history .history{ position:relative}
.main03 .main_history_wrap .main_history .history .wrap_line{ position:absolute; left:0; top:50%; width:100%; height:1px; background:#fff; opacity:.2}
.main03 .main_history_wrap .main_history .history .list{ padding:0 5%}
.main03 .main_history_wrap .main_history .history .list > li{ width:14.28%}
.main03 .main_history_wrap .main_history .history .list > li .in{ position: relative; padding-bottom:30px; text-align:center; color:#fff; width:140%; left:-20%}
.main03 .main_history_wrap .main_history .history .list > li .in .line{ position:absolute; left:50%; height:30px; width:1px; bottom:0; background:#fff; opacity:.2}
.main03 .main_history_wrap .main_history .history .list > li .in .dot{ position:absolute; left:50%; height:10px; width:10px; margin-left:-5px; bottom:-3px; background:#fff; border-radius:100%; opacity:.7}
.main03 .main_history_wrap .main_history .history .list > li .in .img{ background-repeat:no-repeat; background-position:center; background-size:cover}
.main03 .main_history_wrap .main_history .history .list > li .in .date{ font-family:notokrR,Tahoma, Arial, Helvetica, sans-serif; font-size:.813em; padding:15px 0 10px 0; letter-spacing:2px; opacity:.7}
.main03 .main_history_wrap .main_history .history .list > li .in .tt{ font-size:1.063em; font-family:notokrR, sans-serif; line-height:20px; height:40px; overflow:hidden; margin-bottom:5px}
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in{ padding-top:30px; padding-bottom:0}
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in .line{ top:0}
.main03 .main_history_wrap .main_history .history .list > li:nth-child(2n-1) .in .dot{ top:-3px; margin-left:-4px}

.main03 .main_history_wrap .main_history .history #HistorySlideBtn{}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li{ position:absolute; z-index:100; top:50%; margin-top:-20px; width:60px; line-height:40px; text-align:center; font-size:2.5em; opacity:.7}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li > a{ color:#fff}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li.flex-prev{ left:0}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li.flex-next{ right:0}
.main03 .main_history_wrap .main_history .history #HistorySlideBtn .control > li:hover{ opacity:1}

.main03 .main_history_wrap .link{ margin:0 -30px -30px 0; margin-top:40px}
.main03 .main_history_wrap .link > li{ width:50%}
.main03 .main_history_wrap .link > li .in{margin:0 30px 30px 0; line-height:120px; color:#fff; text-align:center; font-size:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover}
.main03 .main_history_wrap .link > li .in .icon{ padding-right:10px}
.main03 .main_history_wrap .link > li .in .more{ padding-left:15px; font-size:1em}

/*main04*/
.main04 {background:url(../images/main/main04_bg.jpg) no-repeat center center; background-size:cover; padding:3.5em 0;}
.main04 .con_wrap {margin:40px 0;}
.main04 .con_wrap .client_ul {overflow:hidden; margin-left:-10px;}
.main04 .con_wrap .client_ul li {float:left; width:20%;}
.main04 .con_wrap .client_ul li .client_in {margin-left:10px; margin-bottom:10px; border:1px solid #ddd; background:#fff; height:70px; overflow:hidden;}
.main04 .con_wrap .client_ul li:hover .client_in {border:1px solid #272c7e; transition:.5s; }
.main04 .main04_btn_w {width:1100px; margin:0 auto; text-align:center;}
.main04 .main04_btn_w .partner_more {width:49%;}
.main04 .main04_btn_w .partner_more.bg01 {background:url(../images/main/main04_more_bg.jpg); background-position:center center; background-repeat:no-repeat; margin-right:2%;}
.main04 .main04_btn_w .partner_more.bg02 {background:url(../images/main/main04_homeart_bg.jpg); background-position:center center; background-repeat:no-repeat;}
.main04 .main04_btn_w .partner_more .partner_in  {padding:2em 0; position:relative;}
.main04 .main04_btn_w .partner_more .partner_in .tx {display:block; color:#f5f5f5; font-size:.813em; padding-top:.7em; letter-spacing:.4px; width:100%; max-width:250px; margin:0 auto;} 
.main04 .main04_btn_w .partner_more .in_more {color:#fff; text-align:center;  font-size:1.063em; transition:.6s;}
.main04 .main04_btn_w .partner_more .in_more .xi {padding-left:3px; vertical-align:middle; font-size:.938em; opacity:0;}

.main04 .main04_btn_w .partner_more .in_more:hover {color:#003f87;}

.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 {cursor:pointer; 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;}


.main05 {padding-bottom:80px;}
.main05 .custom_ul {overflow:hidden; margin-left:-10px;}
.main05 .custom_ul .li_in {float:left; width:25%;}
.main05 .custom_ul .li_in .con_in {margin-left:10px; border:1px solid #ddd; position:relative; overflow:hidden;}
.main05 .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;;}
.main05 .custom_ul .li_in .con_in  .con_im_wrap {position:relative;  z-index:101;}
.main05 .custom_ul .li_in .con_in  .con_tx_wrap {padding:20px 30px 50px 30px; position:relative;  z-index:101;}
.main05 .custom_ul .li_in .con_in  .con_tx_wrap .ti {color:#000; font-size:1.250em; font-family:notokrM;}
.main05 .custom_ul .li_in .con_in  .con_tx_wrap .tx {color:#8d8d8d; font-size:0.875em; padding:15px 10px 0 0px;}
.main05 .custom_ul .li_in .con_in  .con_tx_wrap .bis_more {color:#656565; position:absolute; right:0; bottom:0;}
.main05 .custom_ul .li_in .con_in  .con_tx_wrap .bis_more .xi {font-size:23px;}
.main05 .custom_ul .li_in .con_in  .con_tx_wrap .bis_more:hover .xi {color:#003f87; transition:.3s;}


/**/
.results_performance{ margin-top:4em; border-top:2px dashed #ddd}
.results_performance .con{ position:relative; padding:4em 4em 4em 14em; border-bottom:2px dashed #ddd}
.results_performance .con .year{ position:absolute; top:3.5em; left:0; width:10em; text-align:right}
.results_performance .con .year .tt{ font-size:2.5em; color:#00a3dd; letter-spacing:-4px; font-family:Verdana,Tahoma,Arial, Helvetica, sans-serif; font-style:italic}
.results_performance .con .year .tt:before{ content:"20"; color:#ccc}
.results_performance .con .gotop{ position:absolute; width:2.125em; height:1.75em; right:0; bottom:0; text-align:center; background: linear-gradient(0deg, rgba(0,0,0,.1) 0%, #fff 100%); border:1px solid #ddd; border-bottom:none; line-height:1; border-radius:.5em .5em 0 0; color:#888}
.results_performance .con .gotop .xi{ display:block}

/**/
.page_sec{ margin-top:4em}

.line_st{ margin-top:2em; padding-top:2em; border-top:1px solid #ccc}

.tab_st{margin:-.5em -.5em 0 0}
.tab_st .in{ position:relative; height:3.5em; margin:.5em .5em 0 0; overflow:hidden}
.tab_st .in input{ width:0; height:0}
.tab_st .in .con{ position:absolute; left:0; top:0; width:100%; height:100%; background:#f5f5f5; border:1px solid #ddd; box-sizing:border-box; color:#777; border-radius:.25em; cursor:pointer; transition:.3s}
.tab_st .in input:checked ~ .con{ border-color: transparent; background:#0072c6; color:#fff}
.tab_st .in:hover .con{ background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,.2) inset; color:#333}

.table_st{ width:100%; border-top:2px solid #333}
.table_st th,
.table_st td{ border:1px solid #ddd; height:2em; padding:.5em 1em; font-size:.875em; text-align:center}
.table_st th{ background:#f5f5f5}
.table_st td{ color:#666}

/*사업실적 검색*/
.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:.875em; font-family:notokrR;}
.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;}

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


/*실적리스트 정보*/
.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{ float:left; width:55%; 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:35px 0 0 30px;}
.prod_detail_wrap .info_wrap .prod_info{}
.prod_detail_wrap .info_wrap .prod_info .t1 {font-size:1.7em; 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; border-radius:100%;}
.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;}

/*실적리스트*/
.performance_list_w {margin-top:2em;}
.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 {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:0; font-size:17px; font-style:normal; font-family:xeicon;}

/*연혁
.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; vertical-align:middle;}
.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:#003f87; border-radius:100%;}*/

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

.sub_history_wrap{ position:relative; z-index:inherit;  }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:100%; margin-left:-1px; top:20px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; margin-top:50px; width:50%;}
.sub_history_wrap .sub_history > li:first-child{ margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px}
.sub_history_wrap .sub_history > li .history .year{ font-family:notokrB,sans-serif; font-size:2.250em; color:#2D5A9E; position:relative; z-index:inherit; letter-spacing:-1px}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; width:10px; height:10px; top:50%; margin-top:-5px; background:#333; border-radius:100%;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.063em; color:#2D5A9E; font-family:notokrM, sans-serif;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#444; margin:3px 0; position:relative; }
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;}
.sub_history_wrap .sub_history > li.even{left:50%;}
.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:28px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:4px}
.sub_history_wrap .sub_history > li.odd .history .list .tt { padding-right:120px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {position:absolute; content:''; top:10px; right:110px; width:5px; height:1px; background:#333}
.sub_history_wrap .sub_history > li.even .history .list .tt { padding-left:120px;}
.sub_history_wrap .sub_history > li.even .history .list .tt:before {position:absolute; content:''; top:10px; left:110px; width:5px; height:1px; background:#333}
.fo_bold {color:#111; font-family:notokrB;}


/*오시는길*/
.table_st.location_st {margin-top:1em; border-top:2px solid #003f87;}
.table_st.location_st th {color:#333; height:2.8em; font-size:1em;}
.table_st.location_st th .xi {font-size:1.125em; padding-right:5px;}
.table_st.location_st td {height:2.8em; font-size:.938em;}

.location_wrap {overflow:hidden; margin-left:-20px;}
.location_wrap .sub_location_w {float:left; width:50%;}
.location_wrap .sub_location_w.right .location_in {margin-left:20px;}
.location_wrap .sub_location_w.right .location_in .tit {}

/*인사말*/
.greetings_top_w {text-align:center; padding:2em; box-shadow:0px 0px 20px rgba(0,0,0,0.1); border:1px solid #ddd; margin:0 0 2em 0; background:#f9f9f9;}
.greetings_top_w .tx {width:100%; max-width:600px; margin:0 auto; line-height:1.3; font-size:1.250em; color:#0078c2;}

.greetings_top_w.st2 .ti {font-family:notokrM, sans-serif; color:#555; font-size:1.063em;}
.greetings_top_w.st2 .line {width:30px; height:2px; background:#777; margin:1em auto;}
.greetings_top_w.st2 .tx {max-width:900px;}
.greetings_top_w.st2 .tx2 {color:#777; font-size:.938em; margin:1em 0 0 0; font-family:notokrR, sans-serif;}

.greetings_top_w.st3 .tx {max-width:inherit; }
.greetings_top_w.st3 .tx.st3 {text-align:right; font-size:.938em; color:#333; padding-top:.7em;}

.greetings_bot_w .greetings_ul {overflow:hidden;}
.greetings_bot_w .greetings_ul > li {float:left;}
.greetings_bot_w .greetings_ul > li.left {width:55%;}
.greetings_bot_w .greetings_ul > li.right {width:45%;}
.greetings_bot_w .greetings_ul > li.right .greetings_in {margin-left:15%;}
.greetings_bot_w .greetings_ul > li .greetings_in {}
.greetings_bot_w .greetings_ul > li .greetings_in .tx {font-size:1em; color:#555; font-family:notokrR, sans-serif; line-height:1.5; padding-bottom:1.5em; letter-spacing:.1px; vertical-align:middle;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx .col {color:#0078c2; font-family:notokrM ,sans-serif; vertical-align:bottom;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t1 {font-size:1.3em; font-family:notokrM, sans-serif; color:#222;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t2 {padding-top:1em;}
.greetings_bot_w .greetings_ul > li .greetings_in .sign {text-align:right; padding-top:1em;}

/*회사소개*/
.sub_company_w .company_pdf_btn_w {position:relative; padding-left:1em; font-family:notokrR; color:#555; font-size:.938em;}
.sub_company_w .company_pdf_btn_w .company_pdf_btn {position:absolute; left:180px; top:0;}
.sub_page_icon {display:inline-block; vertical-align:baseline; width:3px; height:1em; background:#003f87; margin-right:5px;}
.sub_page_ti {display:inline-block; color:#333; font-size:1.5em; font-family:notokrM, sans-serif; margin-bottom:1em;}
.sub_page_ti.location_st {margin-bottom:.5em;}

.introduction_top {margin-bottom:5em; background:url(../images/sub/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,.4); }
.introduction_top .intro_ul > li {display:table-cell; width:16.66%; }
.introduction_top .intro_ul > li .intro_in {background:rgba(255,255,255,.4); border-left:1px solid rgba(255,255,255,0.4); text-align:center; padding:2em 1em;}
.introduction_top .intro_ul > li .intro_in .icon {}
.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:1.063em;}

.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;}


.introduction_middle{margin:1em 0 4em 0; overflow:hidden;}
.introduction_middle > li {width:33.33%; float:left; box-sizing:border-box; padding:10px 0;}
.introduction_middle .sub3_1info_in {margin-left:15px; margin-bottom:20px;}
.introduction_middle .sub3_1info_in .sub3_1info_ico {margin:auto;  border:1px solid #ddd;  text-align:center; /*border-radius:50%; width:200px; height:200px; background:url(../images/sub/intro_img01.jpg) no-repeat center center;*/ }
.introduction_middle .sub3_1info_in > dl { text-align:center;}
.introduction_middle .sub3_1info_in > dl dt {font-size:1.063em; line-height:1.3; font-family:notokrM, sans-serif; }
.introduction_middle .sub3_1info_in > dl dt:before {display:block; content:''; width:20px; height:2px; background:#0078c2; margin:15px auto;}
.introduction_middle .sub3_1info_in > dl dd {margin-bottom:10px; font-size:1.063em; color:#555; line-height:1.3}

.introduction_bot {}
.introduction_bot .con1 {margin:0 0 5em 1em;}
.introduction_bot .con1 .ti {font-size:1.250em; color:#555; padding-left:20px; padding-bottom:15px; position:relative;}
.introduction_bot .con1 .ti:before {position:absolute; content:""; left:10px; top:13px; border-radius:50%; width:3px; height:3px; background:#003f87;}

.introduction_bot .con1 .symbol_ul {margin-left:2%; overflow:hidden;}
.introduction_bot .con1 .symbol_ul > li {float:left;}
.introduction_bot .con1 .symbol_ul > li.left {width:20%;}
.introduction_bot .con1 .symbol_ul > li.right {width:80%;}
.introduction_bot .con1 .symbol_ul > li.left .in {border:1px solid #ccc; padding:2em 1em; text-align:center;}
.introduction_bot .con1 .symbol_ul > li.right .in {margin-left:6%; margin-top:2%;}
.introduction_bot .con1 .symbol_ul > li.right .in > p {width:100%; max-width:700px; letter-spacing:.1px; line-height:1.5; font-size:1.063em; font-family:notokrM, sans-serif;}
.introduction_bot .con1 .symbol_ul > li .in {}
.introduction_bot .con1 .symbol_ul > li .in > p .tx_img {vertical-align:top; display:inline-block;}

.introduction_bot .con1 .type_ul {margin-left:2%;}
.introduction_bot .con1 .type_ul > li {}
.introduction_bot .con1 .type_ul > li .in {margin-right:3em; }
.introduction_bot .con1 .type_ul > li .in  .img {text-align:center; border:1px solid #ddd; }
.introduction_bot .con1 .type_ul > li .in  .tit { font-family:notokrR, sans-serif; text-align:center; margin:.5em 0 0 0; font-size:1.250em; color:#666; }

.introduction_bot .con1 .color_ul {margin-left:2%;}
.introduction_bot .con1 .color_ul > li {}
.introduction_bot .con1 .color_ul > li .in {margin-right:3em;}

.introduction_bot .con1 .color_ul > li .in .color_w {}
.introduction_bot .con1 .color_ul > li .in .color_w .col {width:175px; height:80px;}
.introduction_bot .con1 .color_ul > li .in .color_w .col.col1 {background:#ed1b23;}
.introduction_bot .con1 .color_ul > li .in .color_w .col.col2 {background:#0078c2;}
.introduction_bot .con1 .color_ul > li .in .color_w .col.col3 {background:#009c4c; width:187px !important;}
.introduction_bot .con1 .color_ul > li .in .color_w .tt {border:1px solid #ccc; padding:.5em; font-size:1em; color:#333; font-family:notokrR;}

.introduction_bot .con1 .color_ul > li .in .color_t_w {margin-top:10px; margin-left:10px;}
.introduction_bot .con1 .color_ul > li .in .color_t_w .tx {line-height:1.4; font-size:.938em; font-family:notokrM; color:#7d7d7d;}
.introduction_bot .con1 .color_ul > li .in .color_t_w .tx .icon {padding-right:5px;}
.introduction_bot .con1 .color_ul > li .in .color_t_w .tx .t {}

/**/
.slide_gallery {/* padding:5px; *//* box-sizing:border-box; *//* background:#e17b6d; *//* width:100% !important; *//* margin:0 auto; *//* border:1px solid #ddd; */}
.slide_gallery .big_gall { text-align:center; position:relative;  border:1px solid #ddd; }
.slide_gallery .big_gall .img_resize_room > img {height:100%; width:100%;}
.slide_gallery .sm_gall { overflow:hidden;}
.slide_gallery .sm_gall .slick-list {padding:13px; position:relative; background: #eee;  }
.slide_gallery .sm_gall li a { margin-left:1px; border:3px solid #ddd; transition:0.3s; position:relative; display:block; }
.slide_gallery .sm_gall li a img { opacity:0.5; transition:0.3s; width:100%; height:100%;} 
.slide_gallery .sm_gall li.slick-current > a { border-color:#b8a498; }
.slide_gallery .sm_gall li.slick-current > a img { opacity:1; }
.slide_gallery .slick-arrow { font-size:0; position:absolute; width:44px; height:44px; top:50%; margin-top:-17px; transition:.3s; background-repeat:no-repeat; filter:alpha(opacity=70); opacity:0.7; font-size:0; text-indent:-9999px; border:none; background:none; z-index:100; }
.slide_gallery .slick-arrow:hover { filter:alpha(opacity=100); opacity:1; }
.slide_gallery .slick-prev { left:10px; background-image:url(../images/sub/model_img_slider_prev.png); }
.slide_gallery .slick-next { right:10px; background-image:url(../images/sub/model_img_slider_next.png); }
.slide_padding{ background:#fff; padding:15px 15px;}


.page_viewWrap{}
.page_viewWrap .slider_for .item{}
.page_viewWrap .slider_for .item .img_wrap{position:relative; width:70%; margin:1em auto 0 auto; border:1px solid #ddd;}
.page_viewWrap .slider_for .item .img_wrap .resize{ background:#fff;}
.page_viewWrap .slider_for .item .img_wrap .resize img {width:100% !important;}

.page_viewWrap .slider_for .item .img_wrap .tit_w {position:absolute; left:0; bottom:2px; width:96%; height:3em; padding:0 2%; background:rgba(0,0,0,.8); font-size:1.250em; color:#fff; text-align:left !important;}


.page_viewWrap .page_viewB{ /*margin-top:1em;*/ position:relative; width:70%; margin:1em auto 1em auto;}

.page_viewWrap .slider_nav{ margin-right:-6px;}
.page_viewWrap .slider_nav .item{ margin-right:10px;}
.page_viewWrap .slider_nav .item .img_wrap{/* padding:5px; */border:1px solid #ddd; transition:.2s; cursor:pointer;}
.page_viewWrap .slider_nav .item .img_wrap,
.page_viewWrap .slider_nav .item.slick-current .img_wrap img {width:100% !important;}
.page_viewWrap .slider_nav .item:hover .img_wrap img{ opacity:.5;}
.page_viewWrap .slider_nav .item:hover .img_wrap,
.page_viewWrap .slider_nav .item.slick-current .img_wrap{ border-color:#003f87; box-shadow:2px 2px 10px rgba(0,0,0,.2);}

.page_viewWrap .control_arrow{ position:absolute; top:50%; left:0; width:100%; text-align:center;}
.page_viewWrap .control_arrow li{ position:absolute; top:0; margin-top:-1.5em;}
.page_viewWrap .control_arrow li.prev{ left:-4em;}
.page_viewWrap .control_arrow li.next{ right:-4em;}
.page_viewWrap .control_arrow li .xi{ width:2em; line-height:2em; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#003f87; cursor:pointer; transition:.2s;}
.page_viewWrap .control_arrow li:hover .xi{ background:#222; border-color:#222; color:#fff;}

.top_w_img {height:340px; }
.top_w_img.sub2_2 {background-position:center center; background-repeat:no-repeat; } 
.top_w_img.sub2_2.bg01 {background:url(../images/sub/construction_top_bg.jpg)}
.top_w_img.sub2_2.bg02 {background:url(../images/sub/civil_top_bg.jpg)}
.top_w_img.sub2_2.bg03 {background:url(../images/sub/housing_top_bg.jpg);}

.up {width:90%; display:block; margin:-175px auto 3px 90px; box-shadow:2px 2px 2px rgba(0,0,0,0.3); padding:2em 2em 4em 2em; box-sizing:border-box; text-align:center;  background:url(../images/sub2/2_1up_bg.png) no-repeat center -20px white;}
.up p {font-family:"notokrR"; color:#2d4c9e; line-height:1.8; }
.up .tit1 {font-size:2em; font-family:"notokrB", sans-serif;  color:#2D4C9E;}
.up .tit2 {color:#444; font-size:1em; line-height:1.5; letter-spacing:0.4px; width:100%; margin:0 auto; max-width:730px;}
.up .line {width:30px; height:2px; margin:15px auto; background:#2D4C9E;}
.enter {display:block;}
.sort_box {padding-top:30px;}


.bot_wrap {background:#f5f5f5; padding:2em; margin-top:3em;}
.bot_wrap .page_img_con{}
.bot_wrap .page_img_con .con_wrap { overflow:hidden; margin-left:-10px;}
.bot_wrap .page_img_con .con_wrap > li {float:left;}
.bot_wrap .page_img_con .con_wrap.top  > li{ float:left; width:25%;}
.bot_wrap .page_img_con .con_wrap.bot  > li{ float:left; width:25%;}
.bot_wrap .page_img_con .con_wrap.sec04 > li {width:25%;}
.bot_wrap .page_img_con .con_wrap.sec05 > li {width:20%;}
.bot_wrap .page_img_con .con_wrap .con{margin-left:10px; overflow:hidden;}
.bot_wrap .page_img_con .con_wrap .con > dt{ background:#999;}
.bot_wrap .page_img_con .con_wrap .con > dd{ padding:18px 0; border:1px solid #ddd; border-top:none; text-align:center;  }
.bot_wrap .page_img_con .con_wrap .con > dd .tt {font-size:1.063em; color:#222; font-family:"notokrM", sans-serif;}
.bot_wrap .page_img_con .con_wrap .con > dd .tt2 {font-size:.875em; color:#666; padding-top:.3em; display:block; font-family:"notokrR", sans-serif;}
.bot_wrap .page_img_con .con_wrap .con > dd .lang {display:block; font-size:.875em;}
.bot_wrap .page_img_con .con_wrap .con:hover > dt  {transition:.3s; opacity:.7;}

.bot_wrap .t1 {font-size:1.875em; padding-bottom:.5em;;}
.bot_wrap .big_txt {color:#cdcdcd; text-align:right; font-size:3.125em; padding-top:.8em; text-transform:uppercase;}

/*개인정보처리방침*/
.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; font-family:'notokrR', sans-serif; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}

/*채용*/
.sub_tt_w {margin-bottom:3em;}
.sub_tt_w .top_tt_area{text-align:center;background:url(../images/sub/sub_careers_bg.jpg) no-repeat center center; padding:5em 0; background-size:cover;}
.sub_tt_w .top_tt_area.question_st {;background:url(../images/sub/question_bg.jpg) no-repeat center center;}
.sub8_1top_p {height:100%; white-space:nowrap;}
.top_wh{padding:30px 70px; background:rgba(255,255,255,.7);}
.top_wh i{display:block;line-height:29px;}
.top_wh .box_top{font-size:1.4em; letter-spacing:-2px;color:#333;}
.top_wh .line{display:block; width:30px; height:3px; background:#0856a1; margin:30px auto;}
.box_bottom{font-size:1em;}

.sub4_4area{margin-bottom:5em;}
.sub4_4area .area1{width:100%; margin-bottom:60px;}
.sub4_4area .area1 .tit_box{position:relative;}
.sub4_4area .area1 .tt{font-family:'notokrM', sans-serif; font-size:1.25em; margin-bottom:10px; }
.sub4_4area .area1 .tt:before{content:""; background:#09428f; position:absolute; left:2px; top:-14px; width:0.625em; height:4px; }
.sub4_4area .area1 .tt:after{content:""; background:#16c1f3; position:absolute; left:12px; top:-14px; width:0.625em; height:4px; }
/*.sub4_4area .area1{width:100%; display:ininline-block; }*/

.sub4_4area .step_img_area ul{position:relative; overflow:hidden;}
.sub4_4area .step_img_area li{float:left; width:20%; display:inline-block; position:relative;}
.sub4_4area .step_img_area li:before {position:absolute; content:"\e907"; left:-17px; top:60px; font-family:xeicon; font-style:normal; font-size:30px; color:#99b1d5;}
.sub4_4area .step_img_area li:first-child:before {opacity:0;}
.sub4_4area .step_img_area li .li_in {text-align:center;}
.sub4_4area .step_img_area li .li_in .txt_box {padding-top:1em;}
.sub4_4area .step_img_area .num{clear:both; font-family:'notokrM', sans-serif; font-size:0.938em; color:#09428f; letter-spacing:-1.5px; text-align:center; display:block;}
.sub4_4area .step_img_area .txt{ font-family:'notokrM', sans-serif; font-size:1.125em; color:#555; letter-spacing:-1.5px;  text-align:center; display:block;}
.sub4_4area .step_img_area .line{width:100%; height:2px; background:#ddd; position:absolute; top:0; z-index:-111; display:block;}
.sub4_4area .step_img_area .arrow{width:4%;background:url(../images/sub/arrow_test.png) no-repeat center center;}

.question_form_btn {text-align:center; margin-top:2em;}
.question_form_btn .question_form {background:#999; color:#fff; display:inline-block; padding:1em 1.5em;}

.step_w{position:relative; margin-bottom:160px;}
.step_w .area2{ height:140px; clear:both; margin-bottom:20px; background:#f9f9f9; position:relative;}
.step_w .area2 .tit_box{font-size:1em; width:12%; height:140px; background:#09428f; position:relative; float:left;}
/*.step_w .area2 .tit_box span{position:absolute; top:16px; left:16px; font-size:0.813em; color:#fff; letter-spacing:-0.5px; font-family:'notokrM', sans-serif;}*/
.step_w .area2 .tit_box p{ position:absolute; bottom:16px; right:16px; font-size:1.250em; color:#f9f9f9; letter-spacing:-1px; font-family:'notokrR', sans-serif;}
.step_w .area2 .txt_box{float:left; padding:20px; font-family:'notokrR', sans-serif; font-size:.938em; color:#333;  height:108px;}
.step_w .area2 .tit_box .line {background:#fff; width:40px; height:2px; display:block; margin:1em;}
.step_w .area2 .txt_box .tx {font-size:1.063em; line-height:1.8; position:relative; padding-left:1em;}
.step_w .area2 .txt_box .tx:before {position:absolute; content:""; width:3px; height:3px; left:5px; top:11px; border-radius:100%; background:#333;}
.step_w .area2 .txt_box .tx .tx_in {display:block; font-size:.938em;}
.step_w .area2 .txt_box .tx .tx_in .xi {font-size:.875em;}

.step_w .area2 .txt_box .mg_t_st40 {margin-top:40px;}
.step_w .area2 .txt_box .mg_t_st30 {margin-top:30px;}

.sub_tt_w .engin_ul {text-align:center; overflow:hidden;}
.sub_tt_w .engin_ul > li {/*margin:0 10px;*/ width:16.66%;}
.sub_tt_w .engin_ul > li .engin_in {transition:.5s; width:130px; height:130px; padding:10px; text-align:center; border:3px solid #fff; border-radius:50%;; background:rgba(0,0,0,.7); line-height:1.4; font-size:1.125em; margin:1em auto 0 auto; color:#fff; position:relative;}
.sub_tt_w .engin_ul > li .engin_in:before { position:absolute; content:''; width:20px; height:2px; top:30px; left:50%; margin-left:-10px; background:#Fff;}
.sub_tt_w .engin_ul > li .engin_in .tx .col {display:block;}
.sub_tt_w .engin_ul > li .engin_in:hover {background:#003f87;}

.careers_people_ul {text-align:center; margin-left:-20px;}
.careers_people_ul > li {position:relative; /*margin:0 20px; */ width:16.66%;}
.careers_people_ul > li:before {position:absolute; content:"\e907"; left:0; top:33px; font-family:xeicon; font-style:normal; font-size:20px; color:#4a4a4a;}
.careers_people_ul > li:first-child:before {opacity:0;}
.careers_people_ul > li .careers_people_in {margin-left:20px; width:70px; height:70px; padding:10px; text-align:center; border:3px solid #fff; border-radius:50%;; background:rgba(0,0,0,.7); line-height:1.4; font-size:1.125em; color:#fff; position:relative;}
.careers_people_ul > li .careers_people_in:before { position:absolute; content:''; width:20px; height:2px; top:20px; left:50%; margin-left:-10px; background:#Fff;}
.careers_people_ul > li .careers_people_in .tx .col {display:block;}

.login_wrap {}
.login_wrap .login_in {box-shadow:0 1px 2px rgba(0,0,0,.2); text-align:center; margin:0 auto; border:1px solid #ccc;  max-width:350px; padding:3em 2em;}
.login_wrap .login_in .login_t {border-bottom:1px solid #ccc; padding-bottom:1em;}
.login_wrap .login_in .login_t .xi {color:#666;}
.login_wrap .login_in .login_t .ti {color:#003f87; }
.login_wrap .login_in .login_t .ti .c1{}
.login_wrap .login_in .login_t .ti .c2{}

.login_wrap .login_in .login_m {margin:1em 0 1em 0;}
.login_wrap .login_in .login_m .tit {color:#555; padding:2em;}
.login_wrap .login_in .login_m .login_ul {}
.login_wrap .login_in .login_m .login_ul li {margin-bottom:10px; position:relative;}
.login_wrap .login_in .login_m .login_ul li .inp {background:#f2f2f2; box-sizing:border-box; width:100%; height:50px; padding:0 50px; border:none; border-radius:5px; font-size:.875em; transition:.3s;}
.login_wrap .login_in .login_m .login_ul li .xi {position:absolute; left:0; top:10px; width:50px; color:#888;}
.login_wrap .login_in .login_m .login_ul li.login_btn .inp {background:#003f87; color:#fff;}
.login_wrap .login_in .login_m .login_ul .login_btn .btn:hover {transition:.8s; background:#333;}

.partner_txt {text-align:center; font-size:1.5em;  color:#0856a1;}
.partner_line {width:30px; height:2px; margin:2em auto; background:#0856a1; display:block;}