@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ margin:0 5em;}
.box1{ width:1260px; margin:0 auto; max-width:95%}
.box2{ width:1000px; margin:0 auto; max-width:95%}

.PC{ display:block !important}
.PHONE{ display:none !important}


#header .top_wrap,
#header .top_wrap .va_wrap{ height:5em}
#header .top_wrap{ background:#fff}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ display:block; position:relative; padding:0 2em; color:#333; margin-left:2em}
#header .top_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:50%; height:1px; width:1.5em; background:#ee3614; transform:scaleX(0); transform-origin:left top; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.188em; font-weight:500}
#header .top_wrap .gnb_wrap .gnb > li .dp1:hover{ color:#ee3614}
#header .top_wrap .gnb_wrap .gnb > li .dp1:hover:after{ transform:scaleX(1)}
#header .top_wrap .all_wrap{ padding:0 1em;}
#header .top_wrap .all_wrap .btn{ font-size:1.6em;}
#header .headerWrap{ visibility:hidden; opacity:0; transition:.3s}
#header .headerWrap .headerBg{ transform:scaleX(0); transition:.3s; transform-origin:right top}
#header .headerWrap .menu_wrap{ transform:scaleX(0); transition:.3s; transform-origin:left top}
#header.headerOn .headerWrap{ visibility: visible; opacity:1}
#header.headerOn .headerWrap .headerBg{transform:scaleX(1)}
#header.headerOn .headerWrap .menu_wrap{transform:scaleX(1)}

.layoutL{ margin-left:3em}
.layoutR{ padding-right:3em}
.layoutT{ padding-top:5em}


#header{ position: fixed; left:0; top:0; width:100%; z-index:1000}
#header .gnb_wrap .gnb{ text-align:center;}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#333; display:block; padding:0 2em; min-width:6.5em; font-weight:500; position:relative; 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:-4.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:.8em .5em; border-top:1px dotted #bbb;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{}
#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:#ee3614}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#ee3614; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}

#header .all_wrap{ float:left}
#header .all_wrap .allBtn{ width:3em; text-align:center;}
#header .all_wrap .allBtn .va{ font-size:1.6em; color:#111}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; 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; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:10em 0 10em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:25%; position:relative; box-sizing:border-box; padding:0 .3em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#2c2f91; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:450px;}
#header .all_wrap .gnb > li .dp2 .vm_wrap{ height:auto; text-align:left;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 li{ display:block;}
#header .all_wrap .gnb > li .dp2 li > a{ padding-left:10px !important;}
#header .all_wrap .gnb > li .dp2 > li{ padding:1em 1.5em;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb > li .dp3{ padding:.6rem 0;}
#header .all_wrap .gnb > li .dp3 > li > a{ padding:.3em 0; font-size:.813em; color:#666;}
#header .all_wrap .gnb > li .dp3 > li:hover > a .vm_tt{ text-decoration:underline;}
#header .all_wrap .gnb li:hover > a{ color:#2c2f91;} 
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#2c2f91;}

#header .logo{ position:relative; height:5em; box-sizing:border-box}
#header .logo > a{ display:block;}

#header .etc_wrap .lang{ position:relative;}
#header .etc_wrap .lang .tit{ cursor:pointer; height:5em;}
#header .etc_wrap .lang .tit .tt{ position:relative; padding:.5em 3em .5em 1em; color:#333; border:1px solid #bbb;}
#header .etc_wrap .lang:nth-child(2) .tit .tt{ border-left:none;}
#header .etc_wrap .lang .tit .tt:after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:#333; transition:.2s;}
#header .etc_wrap .lang .tit .xi{ position:absolute; top:10px; right:.9em; font-size:.9em}
#header .etc_wrap .lang .tit .xi:before{ content:"\e941";}
#header .etc_wrap .lang .tit .xi-share-alt{margin-right:5px;}
#header .etc_wrap .lang:hover .tit .tt{ color:#2c2f91;}
#header .etc_wrap .lang .list{ position:absolute; top:75%; left:0; right:0; height:0; padding:0 .5em; background:#fff; border:1px solid #666; overflow:hidden; opacity:0; transition:all 0.2s ease-in-out;}
#header .etc_wrap .lang .list > li > a{ display:block; margin-top:1px; padding:1em .5em; font-size:.688em; color:#888; letter-spacing:0; text-transform:uppercase;}
#header .etc_wrap .lang .list > li:first-child > a{ margin-top:0;}
#header .etc_wrap .lang .list > li:hover > a,
#header .etc_wrap .lang .list > li.on > a{ background:#f1f1f1; color:#000;}
#header .etc_wrap .lang:hover .list{ height:auto; padding-top:.5em; padding-bottom:.5em; opacity:1;}



#footer{ margin-top:5em}
#footer .gotop{ width:5em; line-height:5em; border:5px solid #f1f1f1; text-align:center; display:block; margin:0 auto; color:#aaa; margin-bottom:2em; transition:.3s}
#footer .gotop .xi{ font-size:3em}
#footer .gotop:hover{ background:#ee3614; color:#fff}
#footer .wrap_in{ padding-top:1em; padding-bottom:4em; background:#f1f1f1;}
#footer .logo{ width:20em}
#footer .logo img{ width:12em}
#footer .info{ flex:1 1 auto}
#footer .info > li{ font-size:.938em; margin-bottom:1em; color:#666; display:inline-block; margin-right:4rem;}
#footer .info > li.copyright{ display:block; margin-top:3em; font-size:.75em; text-transform:uppercase; opacity:.7}
#footer .f_line{width:100%; height:1px; background:radial-gradient(circle, rgba(20,20,20,1) 0%, rgba(156,156,156,0.5) 50%, rgba(255,255,255,0) 100%); margin-bottom:1rem;}
#footer .menu{/* width:15em; margin-left:5em*/ padding-left:20rem;}
#footer .menu > li{margin-right:5rem;}
#footer .menu > li > a{ display:block; font-size:.938em; margin-bottom:1em; color:#333}



#contents{}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:19em; 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:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.25em; color:#fff; margin-right:5em; opacity:0; transition:1s;  text-shadow:1px 2px 3px rgba(0,0,0,.6);}
#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; display:none;}
#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:#1b2435; height:3.5em; color:#fff; border-left:1px solid rgba(255,255,255,.1);transition:.3s; opacity:.85}
#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:1}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff;  opacity:1; color:#000;}

#contents .sub_tit{ text-align:center; padding:2em 0 2em 0; border-bottom:1px solid #ddd; position:relative; margin-bottom:3em;}
#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; font-weight:bold;}

#contents .doc{ padding:4em 0 8em 0}

.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}

.sub #header{ position: relative;}
.sub #footer{ margin-top:0;}
.sub #footer .gotop{ display:none;}
.sub #contents .sub_visual_wrap .sub_gnb_wrap .gnb{ display:block;}

/*======================================================================sub======================================================================*/

.txt_white{color:#fff; vertical-align:baseline;}
.txt_black{color:#111; vertical-align:baseline;}

/*인사말*/
.ceo_content{ text-align:center;}
.ceo_content .ceo_tit .t1{ font-size:2em; font-weight:600; margin-bottom:10px;}
.ceo_content .ceo_tit .t2{ font-size:1.125em; color:#444;}
.ceo_content .ceo_bg{ height:400px; margin-top:2em; background:url(../images/sub/ceo_bg.jpg) no-repeat center; background-size:cover;}
.ceo_content .ceo_tbox{ width:88%; background:#fff; margin:-15em auto 0; box-sizing:border-box; padding:4em 6em; box-shadow:0 0 25px rgba(0,0,0,.1);}
.ceo_content .ceo_tbox .in_tt{ margin-top:1.2em; font-size:1.5em; color:#444; line-height:1.5; font-weight:500;}
.ceo_content .ceo_tbox .in_tx{ margin-top:4em; font-size:1.068em; color:#333; line-height:1.5;}
.ceo_content .ceo_tbox .in_tx > p { margin-bottom:30px;}
.ceo_content .ceo_name{ margin-top:4.5em; color:#555;}
.ceo_content .ceo_name .name{ font-weight:600; font-size:1.4em; vertical-align:baseline; margin-left:7px;}


/*연혁*/
.history_bgw {overflow:hidden; position:relative;}
.history_bgw .bg_w {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:2s;} 
.history_bgw .txt_wrap {text-align:center;}
.history_bgw .txt_wrap .en {font-size:.813em; letter-spacing:.9px; padding-bottom:.2em;  color:#fff;}
.history_bgw .txt_wrap .kr {font-size:1.9em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:10em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .bg_w {transform:scale(1,1);}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#e60012; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #e60012; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#423936; font-family: Georgia, "Times New Roman", Times, serif}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}


/*찾아오시는 길*/
.root_daum_roughmap{ width:100% !important;}
.map_tw{padding-bottom:2.5em;}
.map_tw .t1 {font-size:1.45em; padding-bottom:15px; font-weight:500;}
.map_tw .t2 {vertical-align:middle; margin:0 20px;}
.map_tw .t2 .tt1 {vertical-align:middle; color:#444;}
.map_tw .t2 .tt2 {font-size:1.25em; font-weight:500; vertical-align:middle; margin-left:5px;}
.map_tw .t2 .xi {margin-right:5px; font-size:1.125em; color:#fff; border-radius:100%; width:30px; height:30px; line-height:30px; text-align:center; background:#ee3614}

.map_view{ border-top:3px solid #ddd; box-shadow:0 .25em .5em rgba(0,0,0,.2); transition:.3s; padding:1em; border-radius:0 0 1em 1em}
.map_view .tt {padding-bottom:10px; font-size:1.063em; color:#222; letter-spacing:-2px; vertical-align:middle;}
.map_view .xi {+vertical-align:middle; font-size:1.188em; padding-right:5px;}
.map_view:hover{ border-color:#ee3614 }

/*sub4*/
.mb_20{margin-bottom:20px;}

.sub4_tab_box{margin-bottom:2rem;}
.sub4_tab_box .sub4_tab_list{}
.sub4_tab_box .sub4_tab_list ul{display:flex; justify-content:space-between;}
.sub4_tab_box .sub4_tab_list ul li{width:30%; height:50px; display:flex; justify-content:center; align-items:center; text-align:center; border:1px solid #bbb; color:#777; font-size:1.125em; box-sizing:border-box; transition:.3s; cursor:pointer;}
.sub4_tab_box .sub4_tab_list ul li.on{border:1px solid #ee3614; background:#ee3614; color:#fff;}
.sub4_tab_box .sub4_tab_list ul li:hover:not(.on){border:1px solid #c45945; background:#c45945; color:#fff;}

.sub4_ctt_box{}
.sub4_ctt_box .sub4_section{margin:2rem 0; border:1px solid #ddd; padding:2rem; box-sizing:border-box; box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.5); transition:.3s; border-radius:10px;}
.sub4_ctt_box .sub4_section:hover{border:1px solid #e4aea5;}
.sub4_ctt_box .sub4_section .sub4_sect_tit_wrap{margin-bottom:1rem;}
.sub4_ctt_box .sub4_section .sub4_sect_tit_wrap .sub4_sect_tit{font-size:1.875em; color:#1d0501; font-weight:bold; padding-left:1rem; box-sizing:border-box;}
.sub4_ctt_box .sub4_section .sub4_sect_tit_wrap .sub4_sect_tit_line{width:85%; height:2px; background:linear-gradient(90deg, rgba(29,5,1,1) 0%, rgba(15,3,1,0.7) 81%, rgba(0,0,0,0) 100%); margin:1rem 0 2rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap{}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_text.st1{margin-bottom:1rem; padding-left:.5rem; box-sizing:border-box; position:relative;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_text.st1:before{content:''; display:block; width:2px; height:70%; background:#ee3614; position:absolute; left:0; top:calc(50% + 1px); transform:translateY(-50%);}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_text.st2{color:#333; line-height:1.4; margin-bottom:2rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_text.st3{color:#333; font-size:2em; text-align:center; margin-bottom:2rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_text.st4{color:#333; font-size:1.125em; padding-left:42px; box-sizing:border-box; margin-bottom:.5rem; position:relative;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_text.st4:before{content:''; display:block; width:16px; height:16px; background:url('../images/sub/txt_indent_symbol.png') no-repeat center/cover; position:absolute; left:20px; top:4px;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .txt_box.st1{width:85%; margin:0 auto 2rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .txt_box.st1 .sub4_sect_text.st4{padding-left:22px;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .txt_box.st1 .sub4_sect_text.st4:before{left:0;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st1{margin:2rem 0; border-radius:10px 0 10px 0; overflow:hidden; padding:.5rem; box-sizing:border-box; position:relative;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st1:before{content:''; display:block; width:70px; height:70px; background:#fff; position:absolute; left:-35px; top:-35px; transform:rotate(45deg); box-shadow:5px 0px 10px -5px rgba(50, 50, 50, 0.75);}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st1:after{content:''; display:block; width:70px; height:70px; background:#fff; position:absolute; right:-35px; bottom:-35px; transform:rotate(225deg); box-shadow:5px 0px 10px -5px rgba(50, 50, 50, 0.75);}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st2{border:1px solid #ddd; padding:2rem; box-sizing:border-box; display:flex; align-itmes:center; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st2:hover{border:1px solid #aaa;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st2 img{margin-right:1rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st2 p.img_cap{display:flex; align-items:center; line-height:1.8;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:space-between; padding:0 5rem; box-sizing:border-box; margin-top:4rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in{width:30%; height:280px; background:#f1f1f1; box-sizing:border-box; overflow:hidden; padding:10px; margin-bottom:3rem; position:relative; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in:hover{background:#e5e5e5;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in:before{content:''; display:block; width:100px; height:100px; background:#fff; border:10px solid #f1f1f1; position:absolute; left:-70px; bottom:-70px; transform:rotate(45deg); z-index:10; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in:hover:before{border:10px solid #e5e5e5;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in:after{content:''; display:block; width:100px; height:100px; background:#d1e5e2; position:absolute; left:-67px; bottom:-67px; transform:rotate(45deg); z-index:15; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1.co1 .sub4_sect_sum_in:after{background:#f6eef7;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in:hover:after{background:#54ddcd;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1.co1 .sub4_sect_sum_in:hover:after{background:#e48df5;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in .sub4_sect_sum_bg{background:#fff; width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; padding:2rem; box-sizing:border-box;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in img{margin-bottom:2rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .sub4_sect_sum.st1 .sub4_sect_sum_in p{word-break:keep-all; width:100%;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box{display:flex; justify-content:space-between;}
/*.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table:nth-of-type(1){width:60%;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table:nth-of-type(2){width:35%;}*/
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table tr{}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table tr th{padding:.5rem 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:2px solid #ee3614; border-left:1px solid #ddd; background:#f5f5f5;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table tr td{padding:.5rem 0; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table:nth-of-type(1) tr td:nth-of-type(1){text-align:left; padding-left:10px; box-sizing:border-box;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .table_box table:nth-of-type(1) tr:nth-of-type(2n-1) td{background:#f5f5f5;}

.sub4_ctt_box .sub4_section .sub4_sect_tit_wrap .sub4_sect_tit .sub4_sect_tit_sub{display:inline-block; font-size:.75em; color:#999; float:right; line-height:39px; margin-right:3rem;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3{display:flex; flex-wrap:wrap; justify-content:space-between; width:85%; margin:0 auto;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame{width:48%; margin-bottom:3rem; border:1px solid #ddd; border-radius:10px; overflow:hidden; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame:nth-of-type(n+3){margin-bottom:0;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame:hover{border:1px solid #aaa;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame .img_wrap{width:100%; height:300px; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame .img_cap{text-align:center; width:100%; height:40px; background:rgba(0,0,0,.3); color:#fff; font-size:1.125em; line-height:40px; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame:hover .img_cap{background:rgba(0,0,0,.7);}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st3 .img_frame .img_text{font-size:1.5em; color:#333; display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:100%; padding:2rem; box-sizing:border-box; line-height:1.6;}

.sub4_ctt_slide_wrap{position:relative;}
.sub4_ctt_slide_wrap .sub4_section{margin:2rem;}
.sub4_ctt_slide_wrap .slick-slide{outline:none;}
.sub4_ctt_slide_wrap .slick-arrow{cursor:pointer; position:absolute; top:calc(50% + 40px); transform:translateY(-50%); display:inline-block; width:50px; height:50px; font-size:0; text-align:center; line-height:50px; border:1px solid #ee3614; border-radius:50%; background:#fff; z-index:100; transition:.3s;}
.sub4_ctt_slide_wrap .slick-arrow:hover{border:1px solid #ee3614; background:#ee3614;}
.sub4_ctt_slide_wrap .slick-arrow:hover:after{color:#fff;}
.sub4_ctt_slide_wrap .slick-prev{left:10px;}
.sub4_ctt_slide_wrap .slick-prev:after{content:'\e93d'; display:inline-block; font-family:'xeicon'; font-size:1.25rem; color:#ee3614; transition:.3s; font-weight:bold;}
.sub4_ctt_slide_wrap .slick-next{right:10px;}
.sub4_ctt_slide_wrap .slick-next:after{content:'\e940'; display:inline-block; font-family:'xeicon'; font-size:1.25rem; color:#ee3614; transition:.3s; font-weight:bold;}

.sub4_ctt_box .year_list{width:100%; padding:1.5em 2em; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd; margin-bottom:3em;}
.sub4_ctt_box .year_list ul{display:flex; flex-wrap:wrap; justify-content:flex-start;}
.sub4_ctt_box .year_list ul li{min-width:12.5%; display:inline-block; height:40px; text-align:center; line-height:40px; border:1px solid #ddd; box-sizing:border-box; border-right:0; background:#fff; transition:.3s;}
.sub4_ctt_box .year_list ul li:last-of-type{border-right:1px solid #ddd;}
.sub4_ctt_box .year_list ul li:nth-of-type(8n){border-right:1px solid #ddd;}
.sub4_ctt_box .year_list ul li.on,
.sub4_ctt_box .year_list ul li.on:hover{background:#ee3614;}
.sub4_ctt_box .year_list ul li:hover{background:#eb9282;}
.sub4_ctt_box .year_list ul li a{width:100%; height:100%; display:block; transition:.3s;}
.sub4_ctt_box .year_list ul li.on a,
.sub4_ctt_box .year_list ul li.on:hover a{color:#fff;}
.sub4_ctt_box .year_list ul li:hover a{color:#111;}

.sub4_ctt_box .sub2_prd_img_wrap{}
.sub4_ctt_box .sub2_prd_img_wrap ul{width:100%; display:flex; justify-content:space-between;}
.sub4_ctt_box .sub2_prd_img_wrap ul li{width:32%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; transition:.3s;}
.sub4_ctt_box .sub2_prd_img_wrap ul li:hover{border:1px solid #333;}
.sub4_ctt_box .sub2_prd_img_wrap ul li .sub2_prd_img{width:100%; height:300px;}

.project_table_head{display:flex; width:100%; text-align:center; background:#ee3614; color:#fff; height:40px; border-radius:20px 20px 0 0; overflow:hidden; line-height:40px; font-size:1.25em;}
.project_table_head > div{border-left:1px solid rgba(255,255,255,.7);}

.project_table_ctt{width:100%; font-size:.938em;}
.project_table_ctt tr{height:40px;}
.project_table_ctt tr th{background:#acc3e5; color:#111; border-right:1px solid #888; border-top:2px solid #666; border-bottom:1px solid #888;}
.project_table_ctt tr th:last-of-type{border-right:0;}
.project_table_ctt tr td{border-bottom:1px solid #888; border-right:1px solid #888;}
.project_table_ctt tr:nth-of-type(2n) td{background:#f8f8f1;}
.project_table_ctt tr td:last-of-type{border-right:0;}
.project_table_ctt tr td:not(.project_name){text-align:center;}
.project_table_ctt tr td.project_name{padding:0 .5em;}
.project_table_ctt tr td .project_modi{outline:0; border:1px solid #0074c1; background:#0074c1; color:#fff; padding:.25rem 1.5rem;}
.project_table_ctt tr td.prj_no{position:relative;}
.project_table_ctt tr td.prj_no:after{content:''; display:block; width:10px; height:10px; border:1px solid #aaa; position:absolute; left:10px; top:50%; transform:translateY(-50%); border-radius:50%;}

div.prj_client{position:relative;}
div.prj_client:after{content:''; display:block; width:1px; height:100%; background:rgba(255,255,255,.7); position:absolute; left:5px; top:0;}

td.prj_no{border-right:1px solid #ee3614 !important;}
td.prj_client{position:relative;}
td.prj_client:after{content:''; display:block; width:1px; height:100%; background:#ee3614; position:absolute; left:5px; top:0;}

.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4{width:100%; display:flex; justify-content:space-around;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4 .img_frame{border:1px solid #ddd; display:flex; justify-content:center; align-items:center; position:relative; width:380px; height:380px; border-radius:15px; overflow:hidden; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4 .img_frame:hover{border:1px solid #888;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4 .img_frame .img_wrap{width:300px; height:300px; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4 .img_frame:hover .img_wrap{width:330px; height:330px;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4 .img_frame .img_cap{width:100%; height:40px; background:rgba(0,0,0,.3); color:#fff; text-align:center; position:absolute; left:0; bottom:0; display:flex; justify-content:center; align-items:center; transition:.3s;}
.sub4_ctt_box .sub4_section .sub4_sect_ctt_wrap .img_box.st4 .img_frame:hover .img_cap{background:rgba(0,0,0,.8);}

/*sub_charge*/
.sub_charge{border-top:3px solid #ddd; box-shadow:0 0.25em 0.5em rgb(0 0 0 / 20%); transition:.3s; padding:2em; border-radius:0 0 1em 1em;}
.sub_charge:hover{border-color:#ee3614;}
.sub_charge .sub_charge_in{border:1px solid #ddd; background:#f5f5f5; display:flex;}
.sub_charge .sub_charge_in .sub_charge_icon{width:120px; height:120px; border-right:1px solid #ddd; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
.sub_charge .sub_charge_in .sub_charge_icon .sc_icon_wrap{display:inline-block; width:80px; height:80px; background:#c3604e; color:#fff; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:.3s;}
.sub_charge:hover .sub_charge_in .sub_charge_icon .sc_icon_wrap{background:#ee3614;}
.sub_charge .sub_charge_in .sub_charge_icon .sc_icon_wrap i{font-size:2rem;}

.sub_charge .sub_charge_in .sub_charge_person{width:calc(100% - 120px); display:flex; align-items:center; padding-left:3rem; padding-right:3rem; box-sizing:border-box;}
.sub_charge .sub_charge_in .sub_charge_person .scp_list{width:100%;}
.sub_charge .sub_charge_in .sub_charge_person .scp_list dt{font-size:1.25em; padding-left:.5rem; box-sizing:border-box; position:relative; margin-bottom:.5rem;}
.sub_charge .sub_charge_in .sub_charge_person .scp_list dt:before{content:''; display:block; width:2px; height:70%; background:#ee3614; position:absolute; left:0; top:calc(50% + 1px); transform:translateY(-50%);}
.sub_charge .sub_charge_in .sub_charge_person .scp_list dd{display:flex; justify-content:space-between; font-size:1.125em;}
.sub_charge .sub_charge_in .sub_charge_person .scp_list dd p{width:50%;}
.sub_charge .sub_charge_in .sub_charge_person .scp_list dd p i{color:#ee3614; margin-right:4px; transform:translateY(-1px);}
.sub_charge .sub_charge_in .sub_charge_person .scp_list dd p i.xi.xi-call{margin-left:12px;}

.mg_2rem{height:2rem;}

.sub2_prd_box{}
.sub2_prd_box .sub2_prd_img_wrap{margin:0 5rem; margin-bottom:2rem;}
.sub2_prd_box .sub2_prd_img_wrap ul{width:100%; display:flex; justify-content:space-between;}
.sub2_prd_box .sub2_prd_img_wrap ul li{width:32%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; transition:.3s;}
.sub2_prd_box .sub2_prd_img_wrap ul li:hover{border:1px solid #333;}
.sub2_prd_box .sub2_prd_img_wrap ul li .sub2_prd_img{width:100%; height:300px;}

.sub2_prd_box .sub2_prd_list_wrap{border-top:3px solid #ddd; box-shadow:0 0.25em 0.5em rgb(0 0 0 / 20%); transition:.3s; padding:2em; border-radius:0 0 1em 1em;}
.sub2_prd_box .sub2_prd_list_wrap:hover{border-color:#ee3614;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm{display:flex; border:1px solid #ddd; border-left:none; border-right:none;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_th{width:30%; display:flex; justify-content:center; align-items:center; border-right:1px solid #ddd; background:#383f4e;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_th p{color:#fff; font-size:1.25em;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td{width:70%; padding:3rem; box-sizing:border-box; background:#fcfcfc;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul{}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li{padding-left:14px; box-sizing:border-box; position:relative;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li:before{content:''; display:block; width:6px; height:6px; background:#aaa; border-radius:50%; position:absolute; left:0; top:9px; transition:.3s;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li:hover:before{background:#ee3614;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li > *:last-of-type{margin-bottom:2rem;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li:last-of-type > *:last-of-type{margin-bottom:0;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a{vertical-align:baseline; transition:.3s; display:block; cursor:default;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.pdf_dw{cursor:pointer;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.pdf_dw span{position:relative;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.pdf_dw span:after{content:'\e980'; font-family:'xeicon'; font-size:1em; position:absolute; top:2px; right:-20px; transition:.3s;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.pdf_dw:hover span:after{transform:rotate(45deg); color:#ee3614;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.pdf_dw:hover{text-decoration:underline;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.dp2{margin-top:.5rem; padding-left:14px; box-sizing:border-box; position:relative;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.dp2:before{content:''; display:block; width:10px; height:2px; background:#aaa; position:absolute; left:0; top:10px; transition:.3s;}
.sub2_prd_box .sub2_prd_list_wrap .table_st_sm .ts_td ul li a.dp2:hover:before{background:#ee3614;}