@charset "utf-8";
/* CSS Document */
body{ font-size:16px}
.box0{ width:94%; margin:0 auto}
.box1{ width:1200px; margin:0 auto; max-width:95%}
.box2{ width:1160px; margin:0 auto; max-width:100%}/*sub 페이지*/
.box3{ width:1000px; margin:0 auto; max-width:95%}
.box4{ width:1160px; margin:0 auto; max-width:95%}


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

#header{ position: fixed; z-index:1000; left:0; top:0; width:100%; background-color:#fff;  box-shadow:0 1px 2px rgba(0,0,0,.3);}
#header .va_wrap{ height:4.5em}
.headerPD{ padding-top:4.5em}
#header .logo{ float:left; z-index:99; position:relative; width:220px;}
#header .logo > a{ position:relative}
#header .logo img{ max-height:80%}
#header .logo img.res_mid_on{display:none;}

#header .menu_wrap{ margin-right:5%; margin-left:5%;}
#header .gnb_wrap{}
#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:#222; padding:0 1.4em; /*min-width:7em;*/ position:relative; overflow:hidden; transition:.3s}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size:1.125em; /*font-weight:bold;*/}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.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:.9em 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:.9em; 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:#0074c1;}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-1px; width:0; height:2px; background:#0074c1; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}

#header .etc_wrap{ float:right; z-index:1; position:relative}
#header .etc_wrap:after{ display:block; clear:both; content:'';}
#header .etc_wrap .lang{ position:relative; display:block;}
#header .etc_wrap .lang .tit{ cursor:pointer; height:4.5em;}
#header .etc_wrap .lang .tit .tt{ position:relative; padding:0 3em 0 1em; font-size:.8em; color:#999; text-transform:uppercase; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#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:3px; right:1.5em; font-size:.9em}
#header .etc_wrap .lang .tit .xi:before{ content:"\e941";}
#header .etc_wrap .lang .tit .xi-globus{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;}
#header .etc_wrap .co_link{ position:relative;}
/*#header .etc_wrap .co_link:after{ content:''; display:block; width:1px; height:24px; background:#ddd; position:absolute; top:50%; right:0; margin-top:-12px;}
#header .etc_wrap .co_link:before{ content:''; display:block; width:1px; height:24px; background:#ddd; position:absolute; top:50%; left:-1em; margin-top:-12px;}
*/
#header .etc_wrap .co_link .co_list{ margin-right:1em;}
#header .etc_wrap .co_link .co_list .va{ font-size:	1.125em	; color:#999;}
#header .etc_wrap .co_link .co_list .va:hover{color:#0074c1;}

#header .all_wrap{ float:left}
#header .all_wrap .allBtn{ width:5em; 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:33.33%; position:relative; box-sizing:border-box; padding:0 .3em; margin-bottom:2em;}
#header .all_wrap .gnb > li br{ display:none;}
#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:#0a4a92; 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:300px;}
#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:#0074c1;} 
#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:#0a4a92;}

.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}
.sub #header{ position:fixed;}


#footer{background:#1b2435; margin-top:4em}
#footer:after{ display:block; clear:both; content:'';}
#footer .menu_wrap{}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:16.66%; position:relative; border-right:1px solid rgba(255,255,255,.1); box-sizing:border-box; padding:1.6em 1.5em 0;}
#footer .menu_wrap .gnb_wrap .gnb > li br{ display:none;}
#footer .menu_wrap .gnb_wrap .gnb > li:nth-child(1){ border-left:1px solid rgba(255,255,255,.1);}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{padding-bottom:.7em; 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;  padding:.45em 0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ text-align:left; color:#fff; opacity:.6; transition:.3s; font-family:'notokrL'; position:relative;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:before{ content:'-'; position:absolute; top:-3px; left:0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.75em; padding-left:10px;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gnb_wrap .gnb > li.m_6 .dp2 > li > a{ opacity:1;}
#footer .menu_wrap .gnb_wrap .gnb > li.m_6 .dp2 > li > a .va{ font-size:.9em;}
#footer .menu_wrap .gnb_wrap .gnb > li.m_6 .dp2 > li > a .xi{ margin-right:5px; vertical-align:text-top;}
#footer .menu_wrap .gnb_wrap .gnb > li.m_6 .dp2 > li > a:before{ display:none;}


#footer .info_wrap{ padding-top:2em;}
#footer .info_wrap .info{ margin-left:3em;}
#footer .info_wrap .info > li{  font-size:.9em; color:#fff; opacity:.8; line-height:1.6; letter-spacing:0; font-family:'notokrR';}
#footer .info_wrap .info > li.sitename{margin-bottom:15px; }
#footer .info_wrap .info > li.copyright{ clear:both; padding:10px 0 70px; font-size:.688em; color:#fff; opacity:.4; text-transform:uppercase; letter-spacing:1px;}
#footer .info_wrap .info > li .info_in:after{ display:block; clear:both; content:'';}
#footer .info_wrap .info > li .info_in li{ float:left;  margin-right:3em;}
#footer .info_wrap .info > li .info_in li:nth-child(1){ float:none;}
#footer .info_wrap .info > li .info_in li:nth-child(2){ /* margin-right:10px; */ }

#footer .fcon_wrap{ border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none;  height:3.5em;}
#footer .fcon_wrap .va_wrap{ height:3.5em;}
#footer .fcon_wrap .f_menu{}
#footer .fcon_wrap .f_menu:after{ display:block; clear:both; content:'';}
#footer .fcon_wrap .f_menu li{ float:left; margin:0 1em;}
#footer .fcon_wrap .f_menu li a .va{ color:#fff; font-size:.9em; font-family:'notokrR';}
 
#footer .f_q_menu li a { padding:0 1.2em; background:rgba(0,0,0,0.3); color:#fff;}
#footer .f_q_menu li a .xi-arrow-top{ display:block;}
#footer .f_q_menu li a .va{ font-size:.838em;}
 
#contents{margin-top:72px;}
.main #contents{margin-top:0;}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:22em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:-2em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2em; font-family:notokrB; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sub_slogan{ font-size:.938em; font-family:notokrL; color:#fff; margin-left:5em; opacity:0; transition:1s; letter-spacing:3.5px;}
#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 .sub_slogan{ margin-left: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:20%; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:4.5em; color:#fefefe; position:relative;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1em; font-family:'notokrR'}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after{ content:''; display:block; width:100%; height:5px; background:#fff; position:absolute; top:0; left:0;}
#contents .sub_visual_wrap .sub_gnb_wrap .line{ width:100%; height:1px; background:rgba(255,255,255,.5); position:absolute; top:2px;}

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

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


/*개인정보처리방침*/
.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;}

/*=====================================================================main===================================================================*/

.mainNav_wrap{ position:fixed; z-index:999; right:0; top:0; height:100%}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right; margin:10px 0}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#mainNav > li > a .line{ width:1em; height:1px; background:#000; box-shadow:5px 5px 10px rgba(0,0,0,.5); margin-left:.5em; margin-right:2em; opacity:.5}
#mainNav > li > a .tt{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:.75em; opacity:0; visibility:hidden; letter-spacing:0}
#mainNav > li.on > a .line{ width:3em; margin-right:0; opacity:1}
#mainNav > li.on > a .tt{ opacity:1; visibility:visible}
#mainNav > li:hover:not(.on) > a .tt{ opacity:1}

.scrollDown{ position:absolute; bottom:3em; margin-bottom:0; width:100%; left:0; z-index:10; text-align:center; color:#fff; opacity:1; animation-name: scrollDownAni; animation-duration: 3s; animation-iteration-count: infinite}
.scrollDown .s1{ font-size:3em; vertical-align:middle}
.scrollDown .s2{ font-size:1.5em; vertical-align:middle; margin-left:-.5em}

@keyframes scrollDownAni{
40% { margin-bottom:-1em}
50% { margin-bottom:0}
}

.mainVisual{ position:relative;}
.mainVisual,
.mainVisual .slides,
.mainVisual .slides li{ height:100%;}
.mainVisual .img{ position:relative}
.mainVisual .img .bg{ display:block; 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:5em; width:90%; padding-top:180px;}
.mainVisual .img .slogan{ position:relative}
.mainVisual .img .slogan .t1{ font-size:3.5em; 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.3em; color:#000; line-height:1.3; opacity:0; margin-left:-3em; margin-top:1.5em; padding-left:.2em; letter-spacing:1px;}
.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:1.5s}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1.5s; transition-delay:2.5s}
.mainVisual .flex-control-paging{ position:absolute; top:34em; 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 .sec1{margin-top:80px;}
.main .sec1 .sec_tit_1{text-align:center; font-size:2.25em; font-weight:bold;}

.main .sec1 .img_list{margin:60px auto 0; width:95%;}
.main .sec1 .img_list ul:after{content:''; clear:both; display:block;}
.main .sec1 .img_list li{float:left; margin-right:20px; width:22.5%;}
.main .sec1 .img_list li:nth-of-type(1){background:#2666d0;}
.main .sec1 .img_list li:nth-of-type(2){background:#2685bd;}
.main .sec1 .img_list li:nth-of-type(3){background:#526df2;}
.main .sec1 .img_list li:last-of-type{background:#646ad8; margin-right:0;}
.main .sec1 .img_list li img{display:block; margin:0 auto; padding:40px 0;}
.main .sec1 .img_list li .img_list_cap{background:rgba(0,0,0,0.5); padding:40px 0; height:110px;}
.main .sec1 .img_list li .img_list_cap p{color:#f6f6f6; text-align:center;}
.main .sec1 .img_list li .img_list_cap .cap_tit{font-size:1.25em;}
.main .sec1 .img_list li .img_list_cap .cap_ctt{margin-top:20px; font-size:0.938em; font-family:notokrL; color:#dfdfdf; line-height:1.4;}

.main .sec2{margin-top:160px; width:100%; background:url('../images/main/main_sec2_bg.jpg') no-repeat center/cover; padding:90px 0;}
.main .sec2 .sec_tit_2{text-align:center; font-size:2.25em; font-weight:bold; color:#f6f6f6; position:relative; top:25px;}
.main .sec2 .sec_tit_2:before{content:''; display:block; width:30px; height:3px; background:#f6f6f6; position:absolute; top:-25px; left:50%; transform:translateX(-50%);}

.main .sec2 .sec2_txt{margin-top:80px; text-align:center; color:#f6f6f6; font-size:1.125em; line-height:1.8;}

.main .sec2 .sec2_link{display:block; width:140px; border:1px solid #f6f6f6; margin:40px auto 0; color:#f6f6f6; font-size:0.875em; padding:14px 0; text-align:center;}
.main .sec2 .sec2_link img{margin-left:20px;}

.main .sec3{margin-top:50px;}
.main .sec3 .sec_tit_1{text-align:center; font-size:2.25em; font-weight:bold; position:relative;}
.main .sec3 .sec_tit_1:before{content:''; display:block; width:2px; height:30px; background:#082046; position:absolute; top:50px; left:50%; transform:translateX(-50%);}

.main .sec3 .sec3_bg{margin-top:36px; background:url('../images/main/main_sec3_bg.jpg') no-repeat center/cover; padding:70px 0;}

.main .sec3 .sec3_txt{color:#f6f6f6; text-align:center; line-height:1.4; font-size:1.125em;}

.main .sec3 .img_list{margin:80px auto 0; width:65%;}

.main .sec3 .sec3_link{display:block; width:140px; border:1px solid #f6f6f6; margin:280px auto 0; color:#f6f6f6; font-size:0.875em; padding:14px 0; text-align:center;}
.main .sec3 .sec3_link img{margin-left:20px;}

.main .sec4 .sec4_bg{width:100%; background:url('../images/main/main_sec4_bg.jpg') no-repeat center/cover; padding:60px 0 110px;}
.main .sec4 .sec_tit_1{text-align:center; font-size:2.25em; font-weight:bold; position:relative; margin-bottom:80px;}
.main .sec4 .box1:after{content:''; clear:both; display:block;}
.main .sec4 .box1 > div{float:left; width:50%; height:300px;}
.main .sec4 .box_left{padding:8% 50px 0 50px; box-sizing:border-box; position:relative;}
.main .sec4 .box_left .sec4_tit{color:#00a4a6; font-size:1.3em; position:relative; font-family:notokrL;}
.main .sec4 .box_left .sec4_tit:before{content:''; display:block; width:50px; height:4px; background:#00a4a6; position:absolute; top:-12px; left:-50px;}
.main .sec4 .box_left .sec4_tit span{font-family:notokrM; vertical-align:baseline;}
.main .sec4 .box_left .sec4_small{display:block; font-size:0.75em; color:#666; margin-top:20px;}
.main .sec4 .box_left .sec4_linkto{width:calc(100% - 100px); height:50px; background:url('../images/main/main_sec4_btn_bg.jpg') no-repeat right/cover; position:absolute; bottom:0; line-height:50px;}
.main .sec4 .box_left .sec4_linkto a{display:inline-block; font-size:0.875em; font-family:notokrL; padding-left:70%; color:#f6f6f6;}
.main .sec4 .box_left .sec4_linkto a img{padding-left:20px;}

.main .sec5{margin-top:60px;}
.main .sec5 .sec_tit_1{text-align:center; font-size:2.25em; font-weight:bold; position:relative; margin-bottom:80px;}

.main .sec5 .customer_wrap{ position:relative; margin-top:2em; height:100px; margin-bottom:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden;}
.main .sec5 .customer_wrap .customer_slide .tt{position:absolute; left:0; top:25px; z-index:3; font-family:'Ms',sans-serif; font-weight:500; cursor:pointer}
.main .sec5 .customer_wrap .customer_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#111b3b; color:#f6f6f6; font-size:1.250em;  cursor:pointer; padding:13px 50px; text-transform:uppercase;}
.main .sec5 .customer_wrap .customer_slide .slides{}
.main .sec5 .customer_wrap .customer_slide .slides li{height:100px; line-height:100px; position:relative;}
.main .sec5 .customer_wrap .customer_slide .slides li .notice_tit {color:#111; font-family:notokrM; font-size: 1em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:250px; vertical-align:middle; width:50%;}
.main .sec5 .customer_wrap .customer_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:10px;}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav{position:absolute; right:0; /*bottom:16px;*/ top:50%; border-left:1px solid rgba(255,255,255,.2); transform:translateY(-50%);}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav:after{content:''; clear:both; display:block;}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav li{float:left; background:#595959; margin-right:1px;}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav .flex-nav-prev{}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav a{display:block; height:50px; width:50px; font-size:0;}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav a:hover{background-color:#111;}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav .flex-prev{ background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center; margin-right:1px;}
.main .sec5 .customer_wrap .customer_slide .flex-direction-nav .flex-next{ background-image:url(../images/main/arr_down.png);  background-repeat:no-repeat; background-position:center center;}
.main .sec5 .customer_wrap .customer_slide .slides li .notice_date{position:absolute; right:160px; top:0; color:#111; font-family:notokrR; font-size:.875em; opacity:.5;}

.main .sec5 .link_to_list ul:after{content:''; clear:both; display:block;}
.main .sec5 .link_to_list ul li{float:left; width:calc(calc(100% - 60px) / 3); margin-right:30px;}
.main .sec5 .link_to_list ul li:last-of-type{margin-right:0;}
.main .sec5 .link_to_list ul li .link_to_cap{width:100%; height:140px; border:1px solid #ccc; box-sizing:border-box; padding:30px 0 0 20px; position:relative;}
.main .sec5 .link_to_list ul li .link_to_cap:before{content:'+'; display:block; width:50px; height:50px; border:1px solid #ccc; border-radius:100% 0 0 0; color:#666; padding:24px 0 0 30px; box-sizing:border-box; font-size:1.25em; position:absolute; right:-1px; bottom:-1px;}
.main .sec5 .link_to_list ul li .link_to_cap .link_to_tit{font-size:1.375em;}
.main .sec5 .link_to_list ul li .link_to_cap .link_to_sub{margin-top:16px; font-size:0.938em;}


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

/*공통*/

/*sub1*/
.sub1{position:relative;}

.sub1 .ctt_box_2 .vid_box{width:46%; height:100%; margin-top:50px;}
.sub1 .ctt_box_2 .vid_box video{min-height:300px; height:100%;}

.sub1 .sec1_bg{background:url('../images/sub/sub1/sub1_bg_1.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding:3.8% 0;}
.sub1 .sec1_bg .sub1_bg_txt{width:80%; height:100%; border:1px solid #ccc; text-align:center; line-height:230px; color:#f6f6f6; font-size:2em; margin:0 auto; box-sizing:border-box;}
.sub1 .sec1 .ctt_box .img_box{background:url('../images/sub/sub1/sub1_img1.jpg') no-repeat center/cover; min-height:300px;}
/*.sub1 .sec1 .ctt_box_2 .img_box{background:url('../images/sub/sub1/sub1_img1_1.jpg') no-repeat left/cover; min-height:300px;}*/

.sub1 .sec2_bg{background:url('../images/sub/sub1/sub1_bg_2.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding:3.8% 0;}
.sub1 .sec2_bg .sub1_bg_txt{width:80%; height:100%; border:1px solid #ccc; text-align:center; line-height:230px; color:#f6f6f6; font-size:2em; margin:0 auto; box-sizing:border-box;}
.sub1 .sec2 .ctt_box .img_box{background:url('../images/sub/sub1/sub1_img2.jpg') no-repeat left/cover; min-height:300px;}
.sub1 .sec2 .ctt_box_2 .img_box{background:url('../images/sub/sub1/sub1_img2_1.jpg') no-repeat right/cover; min-height:300px;}

.sub1 .sec3_bg{background:url('../images/sub/sub1/sub1_bg_3.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding:3.8% 0;}
.sub1 .sec3_bg .sub1_bg_txt{width:80%; height:100%; border:1px solid #ccc; text-align:center; line-height:230px; color:#f6f6f6; font-size:2em; margin:0 auto; box-sizing:border-box;}
.sub1 .sec3 .ctt_box .img_box{background:url('../images/sub/sub1/sub1_img3.jpg') no-repeat center/cover; min-height:300px;}
.sub1 .sec3 .ctt_box_2 .img_box{background:url('../images/sub/sub1/sub1_img3_1.jpg') no-repeat center/cover; min-height:300px;}

.sub1 .sec4_bg{background:url('../images/sub/sub1/sub1_bg_4.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding:3.8% 0;}
.sub1 .sec4_bg .sub1_bg_txt{width:80%; height:100%; border:1px solid #ccc; text-align:center; line-height:230px; color:#f6f6f6; font-size:2em; margin:0 auto; box-sizing:border-box;}
.sub1 .sec4 .ctt_box .img_box{background:url('../images/sub/sub1/sub1_img4.jpg') no-repeat right/cover; min-height:300px;}
.sub1 .sec4 .ctt_box_2 .img_box{background:url('../images/sub/sub1/sub1_img4_1.jpg') no-repeat right/cover; min-height:300px;}

.sub1 .ctt_box{margin:80px auto 0; width:91%; border:1px solid #ccc; position:relative;}
.sub1 .ctt_box:after{content:""; clear:both; display:block;}
.sub1 .ctt_box > div{display:inline-block;}
.sub1 .ctt_box .txt_box{width:46%; min-height:300px; padding:50px 0 50px 40px; box-sizing:border-box;}
.sub1 .ctt_box .txt_box .txt_line{display:block; width:50px; height:5px; background:#111b3b; overflow:hidden;}
.sub1 .ctt_box .txt_box .txt_line:before{display:block; content:""; width:50px; height:50px; background:#d7d7d7; transform:translate(25px,-12px) rotate(45deg);}
.sub1 .ctt_box .txt_box .txt_tit{margin-top:20px; font-size:1.25em;}
.sub1 .ctt_box .txt_box .txt_text{margin-top:40px;}
.sub1 .ctt_box .txt_box .txt_text .txt_li{font-size:0.938em; color:#333; margin-bottom:0.5em; line-height:1.4;}
.sub1 .ctt_box .txt_box .txt_text .txt_li .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px);}
.sub1 .ctt_box .img_box{float:right; width:46%; height:100%; overflow:hidden; position:absolute; right:0;}
.sub1 .ctt_box .img_box img{width:100%;}

.sub1 .ctt_box_2_bg{margin-top:80px; padding:40px 0; background:#f6f6f6; width:100%;}
.sub1 .ctt_box_2_bg .box1{height:100%;}
.sub1 .ctt_box_2{width:91%; height:100%; margin:0 auto; position:relative;}
.sub1 .ctt_box_2:after{content:""; clear:both; display:block;}
.sub1 .ctt_box_2 > div{float:left;}
.sub1 .ctt_box_2 .img_box{width:46%; height:100%; overflow:hidden; position:absolute; left:0;}
.sub1 .ctt_box_2 .img_box img{width:100%;}
.sub1 .ctt_box_2 .txt_box_2{float:right; width:45%; min-height:300px; padding:50px 40px 50px 0; box-sizing:border-box; margin-left:8.3%;}
.sub1 .ctt_box_2 .txt_box_2 .txt_line_2{display:block; width:10px; height:15px; background:#111b3b;}
.sub1 .ctt_box_2 .txt_box_2 .txt_line_2:before{display:block; content:""; width:10px; height:15px; background:#d7d7d7; transform:translate(10px,5px);}
.sub1 .ctt_box_2 .txt_box_2 .txt_tit{margin-top:20px; font-size:1.25em;}
.sub1 .ctt_box_2 .txt_box_2 .txt_ctt{margin-top:40px; font-size:0.938em; color:#333; line-height:1.5em; padding-left:10px; position:relative;}
.sub1 .ctt_box_2 .txt_box_2 .txt_ctt .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px); position:absolute; top:10px; left:0;}

/*sub2*/
.sub2{position:relative;}

.sub2 .ctt_box_2 .vid_box{width:46%; height:100%; margin-top:50px;}
.sub2 .ctt_box_2 .vid_box video{min-height:300px; height:100%;}

.sub2 .sec1_bg{background:url('../images/sub/sub2/sub2_bg_1.jpg') no-repeat center/cover; width:100%; min-height:300px; position:relative;}
.sub2 .sec1_bg .sub2_bg_txt{width:80%; height:60%; background:rgba(255,255,255,0.9); text-align:center; box-sizing:border-box; position:absolute; top:150px; left:50%; transform:translateX(-50%);}
.sub2 .sec1_bg .sub2_bg_txt:before{content:""; display:block; width:10%; height:1px; background:#111b3b; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.sub2 .sec1_bg .sub2_bg_txt p{color:#111; font-size:2em; margin-top:50px;}
.sub2 .sec1 .ctt_box_2 .img_box{background:url('../images/sub/sub2/sub2_sec1_img1.jpg') no-repeat center/cover; min-height:300px;}

.sub2 .sec2_bg{background:url('../images/sub/sub2/sub2_bg_2.jpg') no-repeat center/cover; width:100%; min-height:300px; position:relative;}
.sub2 .sec2_bg .sub2_bg_txt{width:80%; height:60%; background:rgba(255,255,255,0.9); text-align:center; box-sizing:border-box; position:absolute; top:150px; left:50%; transform:translateX(-50%);}
.sub2 .sec2_bg .sub2_bg_txt:before{content:""; display:block; width:10%; height:1px; background:#111b3b; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.sub2 .sec2_bg .sub2_bg_txt p{color:#111; font-size:2em; margin-top:50px;}
.sub2 .sec2 .ctt_box_2 .img_box{background:url('../images/sub/sub2/sub2_sec2_img1.jpg') no-repeat center/cover; min-height:300px;}

.sub2 .sec3_bg{background:url('../images/sub/sub2/sub2_bg_3.jpg') no-repeat center/cover; width:100%; min-height:300px; position:relative;}
.sub2 .sec3_bg .sub2_bg_txt{width:80%; height:60%; background:rgba(255,255,255,0.9); text-align:center; box-sizing:border-box; position:absolute; top:150px; left:50%; transform:translateX(-50%);}
.sub2 .sec3_bg .sub2_bg_txt:before{content:""; display:block; width:10%; height:1px; background:#111b3b; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.sub2 .sec3_bg .sub2_bg_txt p{color:#111; font-size:2em; margin-top:50px;}
.sub2 .sec3 .ctt_box_2 .img_box{background:url('../images/sub/sub2/sub2_sec3_img1.jpg') no-repeat center/cover; min-height:300px;}

.sub2 .sec4_bg{background:url('../images/sub/sub2/sub2_bg_4.jpg') no-repeat bottom/cover; width:100%; min-height:300px; position:relative;}
.sub2 .sec4_bg .sub2_bg_txt{width:80%; height:60%; background:rgba(255,255,255,0.9); text-align:center; box-sizing:border-box; position:absolute; top:150px; left:50%; transform:translateX(-50%);}
.sub2 .sec4_bg .sub2_bg_txt:before{content:""; display:block; width:10%; height:1px; background:#111b3b; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.sub2 .sec4_bg .sub2_bg_txt p{color:#111; font-size:2em; margin-top:50px;}
.sub2 .sec4 .ctt_box_2 .img_box{background:url('../images/sub/sub2/sub2_sec4_img1.png') no-repeat center/cover; min-height:300px;}

.sub2 .sec5_bg{background:url('../images/sub/sub2/sub2_bg_5.jpg') no-repeat center/cover; width:100%; min-height:300px; position:relative;}
.sub2 .sec5_bg .sub2_bg_txt{width:80%; height:60%; background:rgba(255,255,255,0.9); text-align:center; box-sizing:border-box; position:absolute; top:150px; left:50%; transform:translateX(-50%);}
.sub2 .sec5_bg .sub2_bg_txt:before{content:""; display:block; width:10%; height:1px; background:#111b3b; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.sub2 .sec5_bg .sub2_bg_txt p{color:#111; font-size:2em; margin-top:50px;}
.sub2 .sec5 .ctt_box .img_box{background:url('../images/sub/sub2/sub2_sec5_img1.jpg') no-repeat center/cover; min-height:300px;}

.sub2 .sub2_bt_txt_under{font-size:0.938em; color:#555; margin-top:20px; display:inline-block;}
.sub2 .ctt_box{margin:140px auto 0; width:91%; border:1px solid #ccc; position:relative;}
.sub2 .ctt_box:after{content:""; clear:both; display:block;}
.sub2 .ctt_box > div{display:inline-block;}
.sub2 .ctt_box .txt_box{width:46%; min-height:300px; padding:50px 0 50px 40px; box-sizing:border-box;}
.sub2 .ctt_box .txt_box .txt_line{display:block; width:50px; height:5px; background:#111b3b; overflow:hidden;}
.sub2 .ctt_box .txt_box .txt_line:before{display:block; content:""; width:50px; height:50px; background:#d7d7d7; transform:translate(25px,-12px) rotate(45deg);}
.sub2 .ctt_box .txt_box .txt_tit{margin-top:20px; font-size:1.25em;}
.sub2 .ctt_box .txt_box .txt_text{margin-top:40px;}
.sub2 .ctt_box .txt_box .txt_text .txt_li{font-size:0.938em; color:#333; margin-bottom:0.5em; line-height:1.4; padding-left:10px; position:relative;}
.sub2 .ctt_box .txt_box .txt_text .txt_li .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px); position:absolute; top:10px; left:0;}
.sub2 .ctt_box .img_box{float:right; width:46%; height:100%; overflow:hidden; position:absolute; right:0;}
.sub2 .ctt_box .img_box img{width:100%;}


.sub2 .ctt_box_3{margin:140px auto 0; width:790px;}
.sub2 .ctt_box_3 > div{display:inline-block;}
.sub2 .ctt_box_3 .icon_box{position:relative;}
.sub2 .ctt_box_3 .icon_box .icon_arrow{position:absolute;}
.sub2 .ctt_box_3 .icon_box .icon_arrow .blue_arr{position:absolute; left:2px; top:75px; width:156px; height:10px; background:#35b7c0; z-index:0; transform:rotate(180deg);}
.sub2 .ctt_box_3 .icon_box div:nth-of-type(n+2){float:left; margin-right:50px; position:relative; z-index:10;}
.sub2 .ctt_box_3 .icon_box div:last-of-type{margin-right:0;}
.sub2 .ctt_box_3 .icon_box div .icon_cap{margin-top:20px; text-align:center; font-size:0.938em;}

.sub2 .ctt_box_2_bg{margin-top:80px; padding:40px 0; background:#f6f6f6; width:100%;}
.sub2 .ctt_box_2{width:91%; margin:0 auto; position:relative;}
.sub2 .ctt_box_2:after{content:""; clear:both; display:block;}
.sub2 .ctt_box_2 > div{float:left;}
.sub2 .ctt_box_2 .img_box{width:46%; height:100%; overflow:hidden; position:absolute; left:0;}
.sub2 .ctt_box_2 .img_box img{width:100%;}
.sub2 .ctt_box_2 .txt_box_2{float:right; width:45%; min-height:300px; padding:50px 40px 50px 0; box-sizing:border-box; margin-left:8.3%;}
.sub2 .ctt_box_2 .txt_box_2 .txt_line_2{display:block; width:10px; height:15px; background:#111b3b;}
.sub2 .ctt_box_2 .txt_box_2 .txt_line_2:before{display:block; content:""; width:10px; height:15px; background:#d7d7d7; transform:translate(10px,5px);}
.sub2 .ctt_box_2 .txt_box_2 .txt_tit{margin-top:20px; font-size:1.25em;}
.sub2 .ctt_box_2 .txt_box_2 .txt_ctt{margin-top:40px; font-size:0.938em; color:#333; line-height:1.5em; padding-left:10px; position:relative;}
.sub2 .ctt_box_2 .txt_box_2 .txt_ctt .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px); position:absolute; top:10px; left:0;}
.sub2 .ctt_box_2 .txt_box_2 .txt_ctt .txt_end{display:block; float:right; padding-top:12px; font-size:1.1em; vertical-align:text-top;}
.sub2 .ctt_box_2 .txt_box_2 .txt_ctt .txt_end .txt_end_bold{font-weight:bold; vertical-align:text-top;}

/*sub3*/
.sub3{position:relative;}

.sub3 .ctt_box_2 .vid_box{width:46%; height:100%; margin-top:50px;}
.sub3 .ctt_box_2 .vid_box video{min-height:300px; height:100%;}

.sub3 .sub3_bg_txt_under{display:inline-block; width:100%; text-align:center; margin-top:20px; font-size:0.938em; color:#555;}

/*.sub3 .sec1_bg{background:url('../images/sub/sub3/sub3_bg_1.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding-top:3.8%;}*/
.sub3 .sec1_bg .sub3_bg_txt{width:100%; height:80%; text-align:center; color:#111; font-size:2em; box-sizing:border-box; position:relative; margin-top:70px;}
.sub3 .sec1_bg .sub3_bg_txt:before{content:""; display:block; width:0.5px; height:50px; background:#999; position:absolute; left:50%; top:-70px; transform:translateX(-50%);}
.sub3 .sec1 .ctt_box_2 .img_box{background:url('../images/sub/sub3/sub3_img_1_3.jpg') no-repeat center/cover; min-height:300px;}

/*.sub3 .sec2_bg{background:url('../images/sub/sub3/sub3_bg_2.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding-top:3.8%;}*/
.sub3 .sec2_bg .sub3_bg_txt{width:100%; height:80%; text-align:center; color:#111; font-size:2em; box-sizing:border-box; position:relative; margin-top:70px;}
.sub3 .sec2_bg .sub3_bg_txt:before{content:""; display:block; width:0.5px; height:50px; background:#999; position:absolute; left:50%; top:-70px; transform:translateX(-50%);}
.sub3 .sec2 .ctt_box_2 .img_box{background:url('../images/sub/sub3/sub3_img_2_3.jpg') no-repeat center/cover; min-height:300px;}

/*.sub3 .sec3_bg{background:url('../images/sub/sub2/sub2_bg_3.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding-top:3.8%;}*/
.sub3 .sec3_bg .sub3_bg_txt{width:100%; height:80%; text-align:center; color:#111; font-size:2em; box-sizing:border-box; position:relative; margin-top:70px;}
.sub3 .sec3_bg .sub3_bg_txt:before{content:""; display:block; width:0.5px; height:50px; background:#999; position:absolute; left:50%; top:-70px; transform:translateX(-50%);}
.sub3 .sec3 .ctt_box_2 .img_box{background:url('../images/sub/sub3/sub3_img_3_3.jpg') no-repeat center/cover; min-height:300px;}

/*.sub3 .sec4_bg{background:url('../images/sub/sub2/sub2_bg_4.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding-top:3.8%;}*/
.sub3 .sec4_bg .sub3_bg_txt{width:100%; height:80%; text-align:center; color:#111; font-size:2em; box-sizing:border-box; position:relative; margin-top:70px;}
.sub3 .sec4_bg .sub3_bg_txt:before{content:""; display:block; width:0.5px; height:50px; background:#999; position:absolute; left:50%; top:-70px; transform:translateX(-50%);}
.sub3 .sec4 .ctt_box_2 .img_box{background:url('../images/sub/sub3/sub3_img_4_3.jpg') no-repeat center/cover; min-height:300px;}

/*.sub3 .sec5_bg{background:url('../images/sub/sub2/sub2_bg_5.jpg') no-repeat fixed center/cover; width:100%; height:230px; padding-top:3.8%;}*/
.sub3 .sec5_bg .sub3_bg_txt{width:100%; height:80%; text-align:center; color:#111; font-size:2em; box-sizing:border-box; position:relative; margin-top:70px;}
.sub3 .sec5_bg .sub3_bg_txt:before{content:""; display:block; width:0.5px; height:50px; background:#999; position:absolute; left:50%; top:-70px; transform:translateX(-50%);}

.sub3 .sec1 .ctt_box:after{content:""; background:url('../images/sub/sub3/sub3_img_1_4.png') right bottom no-repeat; opacity:0.3; position:absolute; z-index:-1; right:0; bottom:0; width:100%; height:100%; transition:0.3s;}
.sub3 .sec2 .ctt_box:after{content:""; background:url('../images/sub/sub3/sub3_img_2_4.png') right bottom no-repeat; opacity:0.3; position:absolute; z-index:-1; right:0; bottom:0; width:100%; height:100%; transition:0.3s;}
.sub3 .sec3 .ctt_box:after{content:""; background:url('../images/sub/sub3/sub3_img_3_4.png') right bottom no-repeat; opacity:0.3; position:absolute; z-index:-1; right:0; bottom:0; width:100%; height:100%; transition:0.3s;}
.sub3 .sec4 .ctt_box:after{content:""; background:url('../images/sub/sub3/sub3_img_4_4.png') right bottom no-repeat; opacity:0.3; position:absolute; z-index:-1; right:0; bottom:0; width:100%; height:100%; transition:0.3s;}
.sub3 .sec5 .ctt_box:after{content:""; background:url('../images/sub/sub3/sub3_img_5_4.png') right bottom no-repeat; opacity:0.3; position:absolute; z-index:-1; right:0; bottom:0; width:100%; height:100%; transition:0.3s;}

.sub3 .ctt_box{margin:80px auto 0; width:91%; border:1px solid #ccc; border-radius:0 0 100px 0; box-sizing:border-box; position:relative;}
.sub3 .ctt_box:hover:after {opacity:0.7;}
.sub3 .ctt_box > div{display:inline-block;}
.sub3 .ctt_box .txt_box_4{width:70%; padding:30px 0 30px 40px; box-sizing:border-box;}
.sub3 .ctt_box .txt_box_4 .txt_line{display:block; width:50px; height:5px; background:#111b3b; overflow:hidden;}
.sub3 .ctt_box .txt_box_4 .txt_line:before{display:block; content:""; width:50px; height:50px; background:#d7d7d7; transform:translate(25px,-12px) rotate(45deg);}
.sub3 .ctt_box .txt_box_4 .txt_tit{margin-top:20px; font-size:1.25em;}
.sub3 .ctt_box .txt_box_4 .txt_text{margin-top:40px;}
.sub3 .ctt_box .txt_box_4 .txt_text .txt_li{font-size:0.938em; color:#333; margin-bottom:0.5em; line-height:1.4;}
.sub3 .ctt_box .txt_box_4 .txt_text .txt_li .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px);}
.sub3 .ctt_box .icon_box_2{float:right;}

.sub3 .ctt_box_2_bg{margin-top:80px; padding:40px 0; background:#f6f6f6; width:100%;}
.sub3 .ctt_box_2{width:91%; height:100%; margin:0 auto; position:relative;}
.sub3 .ctt_box_2:after{content:""; clear:both; display:block;}
.sub3 .ctt_box_2 > div{float:left;}
.sub3 .ctt_box_2 .img_box{width:46%; height:100%; overflow:hidden; position:absolute; left:0;}
.sub3 .ctt_box_2 .img_box img{width:100%;}
.sub3 .ctt_box_2 .txt_box_2{float:right; width:45%; min-height:300px; padding:50px 0; box-sizing:border-box; margin-left:8.3%;}
.sub3 .ctt_box_2 .txt_box_2 .txt_line_2{display:block; width:10px; height:15px; background:#111b3b;}
.sub3 .ctt_box_2 .txt_box_2 .txt_line_2:before{display:block; content:""; width:10px; height:15px; background:#d7d7d7; transform:translate(10px,5px);}
.sub3 .ctt_box_2 .txt_box_2 .txt_tit{margin-top:20px; font-size:1.25em;}
.sub3 .ctt_box_2 .txt_box_2 .txt_ctt{margin-top:40px; font-size:0.938em; color:#333; line-height:1.5em; padding-left:10px; position:relative;}
.sub3 .ctt_box_2 .txt_box_2 .txt_ctt .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px); position:absolute; top:10px; left:0;}
.sub3 .ctt_box_2 .txt_box_2 .txt_ctt .txt_end{display:block; float:right; padding-top:12px; font-size:1.1em; vertical-align:text-top;}
.sub3 .ctt_box_2 .txt_box_2 .txt_ctt .txt_end .txt_end_bold{font-weight:bold; vertical-align:text-top;}

/*sub4*/
.sub4 .sub4_tab .sub4_tab_menu:after{content:""; clear:both; display:block;}
.sub4 .sub4_tab .sub4_tab_menu li{float:left; display:block; width:calc(100% / 3); height:48px; background:#d7d7d7; text-align:center; line-height:48px; font-size:1.25em; color:#555; cursor:pointer; transition:0.3s;}
.sub4 .sub4_tab .sub4_tab_menu li.on, .sub4 .sub4_tab .sub4_tab_menu li:hover{background:#111b3b; color:#f6f6f6;}

.sub4 .sec1{margin-top:80px;}
.sub4 .sec1:after{content:""; clear:both; display:block;}
.sub4 .sec1 > div{float:left;}
.sub4 .sec1 .img_box{display:none; width:60%; height:480px;}
.sub4 .sec1 .img_box img{width:100%; height:100%;}
.sub4 .sec1 .vid_box{width:60%; height:480px;}
.sub4 .sec1 .vid_list{width:40%; padding:50px 0 0 40px; box-sizing:border-box;}
.sub4 .sec1 .vid_list ul{display:none;}
.sub4 .sec1 .vid_list ul.on{display:block;}
.sub4 .sec1 .vid_list ul li{position:relative; font-size:0.938em; padding-left:10px; margin-bottom:20px;}
.sub4 .sec1 .vid_list ul li.on_vid{cursor:pointer; transition:0.3s;}
.sub4 .sec1 .vid_list ul li .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px); position:absolute; top:10px; left:0;}
.sub4 .sec1 .vid_list ul li .txt_small{vertical-align:text-bottom; font-size:0.8em; color:#555; padding:10px 0 0 3px;}
.sub4 .sec1 .vid_list ul li.on_vid:hover{color:#3351b2;}

.sub4 .sec2{margin-top:80px; background:#f6f6f6; padding:40px 0 80px;}
.sub4 .sec2 .txt_line_2{display:block; width:10px; height:15px; background:#111b3b;}
.sub4 .sec2 .txt_line_2:before{display:block; content:""; width:10px; height:15px; background:#d7d7d7; transform:translate(10px,5px);}
.sub4 .sec2 .sub4_sec2_tit{margin-top: 20px; font-size: 1.25em;}
.sub4 .sec2 .news_lists{margin-top:40px;}
.sub4 .sec2 .news_lists:after{content:""; clear:both; display:block;}
.sub4 .sec2 .news_lists li{float:left; width:calc(100% / 3); height:400px;}
.sub4 .sec2 .news_lists li img{width:70%; margin:50% 0 0 50%; transform:translate(-50%,-50%); transition:0.3s;}

.sub4 .sec3{margin-top:80px;}
.sub4 .sec3 .txt_line_2{display:block; width:10px; height:15px; background:#111b3b;}
.sub4 .sec3 .txt_line_2:before{display:block; content:""; width:10px; height:15px; background:#d7d7d7; transform:translate(10px,5px);}
.sub4 .sec3 .sub4_sec3_tit{margin-top: 20px; font-size: 1.25em;}
.sub4 .sec3 .res_box{width:100%; border:1px solid #ccc; box-sizing:border-box; margin-top:40px;}
.sub4 .sec3 .res_box .res_ul{margin:40px;}
.sub4 .sec3 .res_box .res_ul .res_li{font-size:0.938em; margin-bottom:20px; position:relative; padding-left:10px; color:#333;}
.sub4 .sec3 .res_box .res_ul .res_li .txt_spot{display:inline-block; width:0.3em; height:0.3em; border-radius:50%; background:#111b3b; margin-right:4px; transform:translateY(-2px); position:absolute; top:10px; left:0;}
.sub4 .sec3 .res_box .res_ul .res_li .txt_small{vertical-align:text-bottom; font-size:0.8em; color:#555; padding:10px 0 0 3px;}

/*sub5*/
.sub5 .sub5_tit{text-align:center; font-size:2em; font-weight:bold;}
.sub5 .sub5_sub_tit{text-align:center; display:block; margin-top:16px; font-size:0.938em; color:#333;}

.sub5 .sec1{margin-top:80px;}
.sub5 .sec1 .txt_line{display:block; width:50px; height:5px; background:#111b3b; overflow:hidden;}
.sub5 .sec1 .txt_line:before{display:block; content:""; width:50px; height:50px; background:#d7d7d7; transform:translate(25px,-12px) rotate(45deg);}
.sub5 .sec1 .sec1_tit{margin-top:20px; font-size:1.25em;}
.sub5 .sec1 img{margin-top:40px;}

.sub5 .sec2{margin-top:80px;}
.sub5 .sec2 .txt_line{display:block; width:50px; height:5px; background:#111b3b; overflow:hidden;}
.sub5 .sec2 .txt_line:before{display:block; content:""; width:50px; height:50px; background:#d7d7d7; transform:translate(25px,-12px) rotate(45deg);}
.sub5 .sec2 .sec2_tit{margin-top:20px; font-size:1.25em;}
.sub5 .sec2 img{margin-top:40px;}