@charset "utf-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');


body {opacity:0; color:#222222; font-family: "Noto Sans KR", sans-serif; letter-spacing:-1px; word-break:keep-all;}
strong {font-weight: 600;}
.container {width:1200px; margin:0 auto; position: relative;}


.effect_off {opacity:0; transform:translate(0,30%); transition:all 1s ease-out;}
.effect_off2 {opacity:0; transform:translate(0,45%); transition:all 1.1s ease-out;}
.effect_off3 {opacity:0; transform:translate(0,60%); transition:all 1.2s ease-out;}
.effect_off4 {opacity:0; transform:translate(0,75%); transition:all 1.3s ease-out;}
.effect_on {opacity:1; transform:translate(0,0); transition:all 1s ease-out;}


/* =================================================================================================== */

.menu_m_wrap {display:none;}
.logo_m {display:none;}
.menu_m_ico {display:none;}

/* header (서브페이지만) */

#header {position:absolute; top:0; left:0; width:100%; border-bottom:1px solid #eee; }
.header_wrap {width:80%; height:100px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.logo {flex-basis: 20%;}
.logo > a > img {width:257px; height:auto;}

.menu_wrap {flex-basis:60%; }
.menu {display:flex; text-align:center; justify-content:space-evenly; }
.menu > li {position: relative;}
.menu > li > a {display:block; height:100px; line-height:100px; font-size:20px; color:#fff;}

.menu > li:hover .sub {height:200px; opacity:1;}
.menu > li:last-child:hover .sub {height:130px;}
.menu > li:nth-child(4):hover .sub {height:235px;}
.sub {position:absolute; top:100px; left:50%; transform:translateX(-50%); white-space:nowrap; background:#f3fdff; border-radius:15px; padding:20px 10px 10px 10px; height:0px; overflow:hidden; opacity:0; transition:0.5s; }
.sub > li > a {display:block; padding-bottom:10px; font-size:16px; font-weight:400; transition:0.3s;}
.sub > li > a:hover {font-weight:bold; color:#0fa8c9;}

.menu_ico {position:relative; flex-basis:20%; text-align:right; height:100px;}
.menu_ico > a {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.menu_close {display:none; z-index:9999;}

.menu_all {display:none; z-index:999; position:absolute; top:0; left:0; width:100%; background:#f3fdff;}
.menu_all_wrap {width:1100px; margin:0 auto; padding:100px 0;}

.all_menu > li {position:relative; padding:20px 0 20px 30px; border-bottom:1px solid #ccc; }
.all_menu > li > a {font-size:32px; font-weight:bold;}

.all_sub {position:absolute; top:50%;transform:translateY(-50%); left:35%; display:flex; width:65%; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.all_sub > li > a {display:block; padding:5px 20px 5px 0; font-size:18px; font-weight:400; transition:0.3s;}
.all_sub > li > a:hover {font-weight:bold; color:#0fa8c9;}


/* footer */

#footer {position:relative; width:100%; background:#333333;}
.footer_wrap {padding:50px 0;}
.footer_line {width:100%; height:1px; border:1px solid #ccc; margin:20px 0;}
.footer_txt {font-size:15px; color:#fff;}
.footer_txt_L {float:left; width:50%;}
.footer_txt_R {float:right; width:50%; text-align:right;}
.footer_txt_R > a {font-size:18px;}
.footer_txt p {line-height:25px; padding-bottom:20px;}

.non_benefit {z-index:9999; display:none; position:fixed; top:30px; left:50%; transform:translateX(-50%); width:45%; height:800px; padding:20px; background:rgba(0,0,0,0.5); border-radius:20px; overflow-y: scroll;}
.non_benefit > img {max-width:100%;}
.non_benefit_close { display:block; padding:10px; font-size:20px; color:#fff; text-align:right;}


/* =================================================================================================== */


/* main */

/* 섹션 공통 */

.btn_more {display:inline-block; width:80px; height:80px;border-radius:50%; text-align:center; font-family:"Montserrat"; font-size:16px;}
.btn_more:hover {cursor:pointer;}
.btn_more > a {display:block; padding:25px 0;}
.more_1 {background:#0fa8c9; color:#fff; transition:0.3s;}
.more_2 {background:#fff; color:#0fa8c9; font-weight:500; position:absolute; bottom:20px; right:20px; transition:0.3s;}
.more_1:hover {background:#fff; color:#0fa8c9;}
.more_2:hover {background:#0fa8c9; color:#fff;}

.main_sec_tit {text-align: center; padding:50px 0;}
.main_sec_tit > h3 {font-size:18px; font-weight:500; font-family:"Montserrat"; color:#0fa8c9; padding-bottom:10px;}
.main_sec_tit > h2 {font-size:40px; font-weight:400; letter-spacing:-2px;}
.main_sec_tit > h1 {font-size:50px; font-weight:bold; line-height:60px; letter-spacing:-2px;}
.main_sec_tit > h1 > span {color:#0fa8c9;}
.main_sec_tit > p {font-size:17px; padding:20px 0;}
/* font-size : 20 48 60 20 */

/* main_sec1 */

.main_sec_1 {position:relative;}
.main_sec1_bg {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:960px; }
.bg_screen {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; background:rgba(0,0,0,0.5);}
.video {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%; object-fit:cover;}

.main_sec1_wrap {z-index:999; position:relative; width:100%;}
.main_sec1_left {float:left; width:40%; transform:translateX(-35%);}
.main_sec1_right {float:right; width:60%; text-align:right;}

.main_logo {padding:80px 0 60px;}

.main_menu {position:relative;}
.main_menu > li {position:relative; width:200px; padding-bottom:40px; font-size:20px; color:#fff;}

.main_menu > li:hover > a {font-weight:bold;}

.main_sub {position:absolute; top:0; left:100px; opacity:0; height:0; overflow:hidden; transition:0.7s}
.main_menu > li:hover .main_sub {opacity:1; left:210px; height:200px; overflow:visible; }

.main_sub > li {width:200px; padding-bottom:15px; font-size:18px; transition:0.3s;}

.main_sub::after {position:absolute; top:0; left:-100px; opacity:0; content:'──'; text-align:center; transition:0.7s;}
.main_menu > li:hover .main_sub::after {left:-50px; opacity:1;}

.main_sub > li:hover {font-weight:bold; color:#6ddbe3;}

.main_link {padding-top:180px;}
.main_link_btn {width:170px; margin-bottom:10px; text-align:center; border:1px solid #fff; border-radius:25px;}
.main_link_btn a {display:block; padding:10px 0; color:#fff;}
.main_link_btn a > p {display:inline-block;}

.main_sec1_right > .btn_more {margin-top:70px;}

.main_tit {padding-top:400px;}
.main_tit > h3 {font-size:16px; font-family:"Montserrat"; font-weight:500; letter-spacing:normal; color:#0fa8c9;}
.main_tit > h1 {font-size:60px; font-weight:bold; letter-spacing:-2px; padding:10px 0 20px; color:#fff;}
.main_tit > p {font-size:20px; font-weight:300; line-height:35px;  color:#fff;}


/* main_sec2 */

.main_sec2 {width:100%; background:#fff; padding:150px 0 100px;}

.main_banner1_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.main_banner1 {position:relative; flex-basis:49%; height:310px; margin:15px 0; border-radius:20px; transition:all 2s;}
.main_banner1_1 {background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(75,151,224,1) 95%),url(../images/banner1_1.png) no-repeat center; background-size:cover;}
.main_banner1_2 {background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(29,68,111,1) 95%),url(../images/banner1_2.png) no-repeat center; background-size:cover;}
.main_banner1_3 {background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(48,127,202,1) 95%),url(../images/banner1_3.png) no-repeat center; background-size:cover;}
.main_banner1_4 {background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(25,130,129,1) 95%),url(../images/banner1_4.png) no-repeat center; background-size:cover;}

.main_banner1_txt {position:absolute; bottom:20px; left:0; right:0; text-align:center; }
.main_banner1_txt > p {color:#fff; font-size:36px; font-weight:bold;}
.main_banner1_txt > p > span {font-size:20px; font-weight:400;}


/* main_sec3 */

.main_sec2_subtit {padding-bottom:50px; width:90%; margin:0 auto;}

.main_banner2 {padding-bottom:80px; transition:all 1s;}
.main_banner2_L {width:50%; float:left;}
.main_banner2_R {width:50%; float:right;}

.main_banner2_txt {padding:30px 0 0 50px;}
.main_banner2_txt > h4 {font-size:36px; font-weight:bold; padding-bottom:20px;}
.main_banner2_txt > h4 > span {color:#b7b7b7; font-weight:normal;}
.main_banner2_txt > p {font-size:20px; padding-bottom:10px;}

.main_banner2_span {display:block; width:280px; margin:30px 0 10px; background:#0fa8c9; color:#fff; border-radius:30px; padding: 10px; text-align:center; font-size:20px; font-weight:500;}


/* main_sec4 */

.main_sec4 {width:100%; background:url(../images/main_sec4_bg.jpg) no-repeat center; }

.main_sec4_wrap {display:flex; }
.main_sec4_img {flex-basis:50%; text-align:right; padding-right:70px;}
.main_sec4_txt {flex-basis:50%; padding-left:70px;}

.main_sec4_txt > h4 {font-size:36px; font-weight:bold; padding:50px 0 30px;}
.main_sec4_txt > p {font-size:20px; padding-bottom:20px;}
.main_sec4_txt > .btn_more {margin-top:50px;}


/* main_sec5 */

.main_sec5 {padding:50px 0;}

.main_sec5_link_wrap {display:flex;}
.main_sec5_link {flex-basis:33.33%; padding:20px 10px 10px 20px;}
.sec5_link1 {background:#0fa8c9;}
.sec5_link2 {background:#1371b1;}
.sec5_link3 {background:#0fa8c9;}

.main_sec5_link_txt > h5 {font-size:20px; font-weight:500; font-family:"Montserrat"; color:#aedbe5;}
.main_sec5_link_txt > h4 {font-size:36px; font-weight:bold; color:#fff; display:inline-block;}
.main_sec5_link_txt > p {font-size:20px; color:#fff;}
.main_sec5_link_txt > span {display:inline-block; font-size:36px; width:40px; height:40px; text-align:center; line-height:36px; border-radius:50%; background:#fff;}
.main_sec5_link_txt > span > a {display:block;}
.main_sec5_link_ico {text-align:right;}

.main_banner3_wrap {display:flex; justify-content:space-between; flex-wrap:wrap; }
.main_banner3 {position:relative; flex-basis:48.2%; margin-top:40px;}
.main_banner3_txt {padding:20px 30px; background:#f2f2f2;} 
.main_banner3_txt > h4 {font-size:30px; font-weight:bold;} 
.main_banner3_txt > p {font-size:20px;} 


/* main_sec6 */

.main_sec6 {padding:50px 0;}
.logo_center {text-align:center; padding-bottom:80px;}

.main_sec6_line {width:100%;height:2px;border:1px solid #ccc;}

.main_banner4_wrap {width:1200px; margin:0 auto; display:flex;}
.main_banner4 {position:relative; flex-basis:33.33%;}
.main_banner4_ico {position:absolute; top:0; left:50%; transform:translate(-50% , -50%);}

.main_banner4_tit {text-align:center;}
.main_banner4_tit > h4 {font-size:36px; font-weight:bold; padding:30px 0;}
.main_banner4_tit > h5 {font-size:30px; font-weight:bold; padding-bottom:30px;}

.main_banner4_txt_wrap {width:75%; margin:0 auto;}
.main_banner4_txt_L {float:left; width:45%; margin-bottom:30px;}
.main_banner4_txt_R {float:right; width:55%; margin-bottom:30px;}
.main_banner4_txt p {font-size:20px;}
.main_banner4_txt span {font-size:16px; color:#1371b1;}

.main_banner4_2 p {text-align:center;}

.main_banner4_link_btn {width:70%; margin:0 auto 20px; border-radius:50px;}
.main_banner4_link_btn a {display:block; padding:20px 0 20px 60px; font-size:20px; font-weight:500; color:#fff;}
.main_banner4_link_btn a > p {display:inline-block;}
.link_btn1 {background:#224861;}
.link_btn2 {background:#29312f;}


/* main_sec7 */

.main_sec7 {padding-bottom:100px;}
.main_sec7_map_wrap {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.main_sec7 #map {flex-basis:48% !important; height:440px;}
.root_daum_roughmap .wrap_map {height:440px !important;}
.main_sec7 .map_img {flex-basis:48%; height:440px; background:url(../images/map.jpg) no-repeat center; background-size:cover;}


/* =================================================================================================== */


/* sub */

/* 섹션 공통 */

.sub_sec_padding {padding:100px 0;}
.sub_padding_bottom {padding-bottom:100px;} 

.sub_tit {text-align: center; padding:250px 0;}
.sub_tit > h3 {font-size:16px; font-weight:300; font-family:"Montserrat"; color:#fff; padding-bottom:10px;}
.sub_tit > h1 {font-size:60px; font-weight:bold; line-height:60px; color:#fff; letter-spacing:-2px;}

.sub1_bg {background:url(../images/sub/sub1_bg.jpg) no-repeat center; background-size:cover;}
.sub2_bg {background:url(../images/sub/sub2_bg.jpg) no-repeat center; background-size:cover;}
.sub3_bg {background:url(../images/sub/sub3_bg.jpg) no-repeat center; background-size:cover;}
.sub4_bg {background:url(../images/sub/sub4_bg.jpg) no-repeat center; background-size:cover;}
.sub5_bg {background:url(../images/sub/sub5_bg.jpg) no-repeat center; background-size:cover;}

.sub_banner1 {}
.banner1_wrap {display:flex;}
.banner1_img {flex-basis:50%;}
.banner1_txt {flex-basis:50%; text-align:left; padding:50px 0 0 30px;}
.banner1_txt > h3 {font-size:20px; font-weight:bold; color:#0fa8c9; padding-bottom:20px;}
.banner1_txt > p {font-size:20px; padding-bottom:20px;}

.sub_banner2 {}
.banner2_tit {text-align:center;}
.banner2_tit > h2 {font-size:50px; font-weight:bold; padding-bottom:50px;}
.banner2_tit > h2 > span {color:#0fa8c9}
.banner2_txt {text-align:center;}
.banner2_txt > h4 {font-size:22px; font-weight:bold; padding:50px 0 30px;}
.banner2_txt > p {font-size:20px; }

.sub_banner3 {}
.banner3_wrap {display:flex; align-items:center;}
.banner3_img {flex-basis:50%;}
.banner3_txt {flex-basis:50%; padding:80px 0 0 80px;}
.banner3_txt > h3 {font-size:20px; font-weight:bold; color:#0fa8c9; padding-bottom:10px;}
.banner3_txt > h2 {font-size:55px; font-weight:bold; padding-bottom:30px;}
.banner3_txt > p {font-size:20px; padding-bottom:30px;}

.sub_banner4 {}
.banner4_tit {text-align:center;}
.banner4_tit > h2 {font-size:50px; font-weight:bold; padding-bottom:50px; line-height:50px;}
.banner4_tit > h2 > span {color:#0fa8c9}
.banner4_tit > h3 {font-size:40px; font-weight:400;}
.banner4_tit > img {margin-bottom:20px;}
.banner4_txt_wrap {padding-top:50px; display:flex; flex-wrap:wrap;}
.banner4_50 {flex-basis:50%;}
.banner4_100 {flex-basis:100%; text-align:center;}
.banner4_txt > h4 {font-size:30px; font-weight:bold; padding-bottom:30px;}
.banner4_txt > p {font-size:20px; padding-bottom:30px;}


.sub_banner5 {}
.banner5_tit {text-align:center;}
.banner5_tit > h2 {font-size:50px; font-weight:bold; padding:10px 0 30px;}
.banner5_tit > h2 > span {color:#0fa8c9}
.banner5_tit > h3 {font-size:30px; font-weight:bold;}
.banner5_tit > p {font-size:20px; font-weight:400; padding-bottom:20px;}
.seccond_box > h2 {padding:40px 0 0;}
.banner5_wrap {display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:50px;}
.banner5 {margin-bottom:30px; padding:50px 20px; border-radius:20px; background:#fff; text-align:center;}
.banner5_30 {flex-basis:32%; padding:30px 20px;}
.banner5_50 {flex-basis:49%;}
.banner5_100 {flex-basis:100%; padding:30px 20px;}
.banner5_ico {padding-bottom:20px;}
.banner5_tit > h5 {font-size:20px; font-weight:bold; color:#1371b1;}
.banner5_tit > h4 {font-size:30px; font-weight:bold; padding-bottom:20px;}
.banner5_tit > h4 > span {color:#1371b1;}
.banner5_txt > p {font-size:20px; padding:0 0 30px 0;}
.banner5_color1 {flex-basis:30%; background:#1371b1; color:#fff;}
.banner5_color2 {position:relative; flex-basis:30%; background:#0fa8c9; color:#fff;}
.banner5_color2::before {position:absolute; top:50%; transform:translateY(-50%); left:-37px; content:'+'; font-size:30px; font-weight:bold; color:#000;}
.banner5_color2::after {position:absolute; top:50%; transform:translateY(-50%); right:-37px; content:'+'; font-size:30px; font-weight:bold; color:#000;}
.underline {text-align:left; padding:0 50px;}
.underline > p {padding:15px 0 15px 30px; border-bottom:1px solid #ccc;}
.underline > p > img {margin-right:10px;}

.sub_banner6 {}
.banner6_tit {text-align:center;}
.banner6_tit > h2 {font-size:50px; font-weight:bold; padding-bottom:50px; line-height:60px;}
.banner6_tit > h2 > span {color:#0fa8c9;}
.banner6_tit > p {font-size:20px; padding-bottom:50px;}
.banner6_tit > img {margin-bottom:20px;}
.banner6_wrap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.banner6_img {flex-basis:50%;}
.banner6_txt {flex-basis:50%; padding:30px 0 0 70px;}
.banner6_txt > h3 {font-size:30px; font-weight:bold; color:#0fa8c9}
.banner6_txt > p {font-size:20px; padding-bottom:30px;}

.sub_banner7 {}
.banner7_tit {text-align:center;}
.banner7_tit > h2 {font-size:50px; font-weight:bold; padding-bottom:80px; line-height:60px;}
.banner7_tit > h2 > span {color:#0fa8c9;}
.banner7_wrap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.banner7 {margin-bottom: 50px;}
.banner7_30 {flex-basis:32%;}
.banner7_50 {flex-basis:48%;}
.banner7_100 {flex-basis:100%;}
.banner7_txt {text-align:center; padding:0 20px;}
.banner7_txt > h4 {font-size:30px; font-weight:bold; padding:20px 0;}
.banner7_txt > h3 {font-size:20px; color:#1371b1; padding:20px 0 10px;}
.banner7_txt > p {font-size:20px;}

.sub_banner8 {}
.banner8_tit {text-align:center;}
.banner8_tit > h2 {font-size:50px; font-weight:bold; padding-bottom:70px;}
.banner8_tit > h2 > span {color:#0fa8c9}
.banner8_wrap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.banner8 {margin-bottom:20px; padding:30px 20px; border-radius:20px; text-align:center; background:#0fa8c9; color:#fff;}
.banner8_25 {flex-basis:24%;}
.banner8_30 {flex-basis:32%;}
.banner8_50 {flex-basis:49%;}
.banner8_100 {flex-basis:100%;}
.banner8_subtit > h4 {font-size:30px; font-weight:bold; padding-bottom:20px;}
.banner8_subtit > h5 {font-size:20px; font-weight:bold;}
.banner8_txt > p {font-size:20px; padding-bottom:20px;}

.sub_banner9 {}
.banner9_wrap {display:flex; justify-content:space-between; flex-wrap:wrap;}
.banner9_tit {text-align:center;}
.banner9_tit > h2 {font-size:50px; font-weight:bold; color:#fff; padding-bottom:20px;}
.banner9_tit > p {font-size:20px; font-weight:400; color:#fff; padding-bottom:50px;}
.banner9_tit > img {margin-bottom:20px;}
.banner9 {margin-bottom:30px; background:#fff; border-radius:30px;}
.banner9_30 {flex-basis:32%;}
.banner9_50 {flex-basis:48%;}
.banner9_100 {flex-basis:100%;}
.banner9_txt {text-align:center; padding:0 30px 30px 30px;}
.banner9_txt > h4 {font-size:20px; font-weight:bold; color:#1371b1;}
.banner9_txt > h3 {font-size:30px; font-weight:bold;}
.banner9_txt > p {font-size:20px; padding-top:10px;}

.sub_banner10 {}
.banner10_tit {text-align:center;}
.banner10_tit > h2 {font-size:50px; font-weight:bold; padding-bottom:50px;}
.banner10_wrap {display:flex; justify-content:space-between;}
.banner10_50 {flex-basis:48%;}
.banner10_100 {flex-basis:100%;}
.banner10_txt_wrap {padding-top:30px; display:flex;}
.banner10_subtit {flex-basis:50%;}
.banner10_txt {flex-basis:50%;}
.banner10_subtit > h4 {font-size:30px; font-weight:bold; color:#0fa8c9; padding:0 50px 0 0; text-align:right;}
.banner10_txt > p { font-size:20px; padding-bottom:10px; text-align:left;}

.circle_wrap {display:flex; justify-content:space-between; flex-wrap:wrap; text-align:center; padding:50px 0;}
.circle {text-align:center;}
.circle_20 {flex-basis:19%;}
.circle_25 {flex-basis:24%;}
.circle_30 {flex-basis:32%;}
.circle_50 {flex-basis:48%;}
.circle_100 {flex-basis:100%;}

.color1 {background:#1371b1; color:#fff;}
.color2 {background:#0fa8c9; color:#fff;}


/* sub1 */

.sub1_1_sec1 {padding:100px 0 130px;}
.sub1_1_sec2 {width:100%; padding:70px 0; background:#f3fdff;}

.sub1_2_sec1_tit {text-align:center; padding:0 0 50px;}
.sub1_2_sec1_tit > h2 {font-size:50px; font-weight:bold; line-height:60px;}
.sub1_2_sec1_tit > h2 > span {color:#0fa8c9}
.sub1_2_sec1_txt {text-align:center;}
.sub1_2_sec1_txt > p {font-size:20px; padding-bottom:30px;}

.sub1_2_sec2 {width:100%; background:#f3fdff; padding:70px 0 100px;}

.sub1_2_sec3_tit {padding:80px 0 30px;}
.sub1_2_sec3_tit > h2 {font-size:40px; font-weight:bold;}
.sub1_2_sec3_txt > p {font-size:20px; padding-bottom:30px;}

.sub1_2_sec4_tit {padding:50px 0 30px; border-top:1px solid #b7b7b7;}
.sub1_2_sec4_tit > h2 {font-size:40px; font-weight:bold;}
.sub1_2_sec4_txt > p {font-size:20px; padding-bottom:100px;}

.sub1_3_slide_wrap {width:80%; margin:0 auto;} 

.slide_img > img {max-width:100%;}
.slick-dots {display:flex; flex-wrap:wrap; justify-content:space-between;}
.slick-dots > li {display:inline-block; flex-basis:13%; margin-top:15px;}
.slick-dots > li > img {width:100%; height:auto; opacity:0.5;}
.slick-dots > li.slick-active > img {opacity:1;}
.slick-dots > li:hover {cursor: pointer;}

.slick-arrow {z-index:1; position:absolute; bottom:196px; width:80px; height:80px; text-align:center; background:rgba(0,0,0,0.5);}
.slick-prev {right:80px;}
.slick-next {right:0;}
.slick-arrow:hover {background:rgba(15,168,201,0.8);}

.sub1_4_sec1 {padding-top:100px;}
.sub1_4_map_wrap {width:100%; margin-bottom:20px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.sub1_4_map_wrap #map {flex-basis:49%; height:450px;}
.sub1_4_map_wrap .map_img {flex-basis:49%; height:450px; background:url(../images/map.jpg) no-repeat center; background-size:cover;}


.sub1_4_sec2 {margin-bottom:150px;}
.sub1_4_wrap {background:#f3fdff; display:flex;}
.sub1_4 {padding:50px 0 50px 150px;}
.sub1_4_L {flex-basis:50%;}
.sub1_4_R {flex-basis:50%;}

.sub1_4_banner {margin-bottom:30px}
.sub1_4_tit {position:relative; padding-bottom:15px;}
.sub1_4_tit > h4 {font-size:30px; font-weight:bold;}
.sub1_4_ico {position:absolute; top:10px; left:-40px;}
.sub1_4_txt_wrap {display:flex; flex-wrap:wrap;}
.sub1_4_txt_L {flex-basis:35%;}
.sub1_4_txt_R {flex-basis:65%;}
.sub1_4_txt_L > p {line-height: 40px;}
.sub1_4_txt_R > p {line-height: 40px;}
.sub1_4_txt_bottom {flex-basis:100%; padding:30px 0;}
.sub1_4_txt p {font-size:20px;}
.sub1_4_txt .phone {font-size:25px;}
.sub1_4_txt span {font-size:16px; color:#0fa8c9;}


/* sub2 */

.sub2_sec2 {padding:100px 0; background:#f3fdff;}

/* sub3 */

.sub3_1_sec4 {padding:50px 0; background:#f3fdff;}
.sub3_2_sec2 {padding:50px 0; background:url(../images/sub/sub3_bg1.jpg);}
.sub3_2_sec3 {border-bottom:2px solid #ccc;}
.sub3_2_sec5 {padding:50px 0; background:url(../images/sub/sub3_bg2.jpg);}
.sub3_3_sec1 {border-bottom:2px solid #ccc;}
.sub3_4_sec2 {background:url(../images/sub/sub3_bg3.jpg);}
.sub3_5_sec2 {background:url(../images/sub/sub3_bg4.jpg);}
.sub3_6_sec2 {background:#f3fdff;}

.sub3_bottom {padding:100px 0; background:url(../images/sub/sub3_bg_bottom.jpg);}

/* sub4 */

.sub4_1_sec3 {padding:50px 0; background:url(../images/sub/sub4_bg1.jpg);}
.sub4_2_sec3 {padding:50px 0; background:url(../images/sub/sub4_bg2.jpg);}
.sub4_4_sec2 {background:#f3fdff;}

/* sub5 */

.sub5_1_sec2 {background:#f3fdff;}
.sub5_3_sec3 {background:#f3fdff;}


/* 모바일================================================================================================ */

@media only screen and (max-width:1600px) {
    .main_sec1_left {transform:translateX(0%);}
    .header_wrap {width:95%;}
}

@media only screen and (max-width:1200px) {

    .logo{display:none;}
    .menu_wrap {display:none;}
    .menu_ico {display:none;}
    .menu_all {display:none;}

    .container {width:95%;}

    .main_sec1_left {display:none;}
    .main_sec1_right {width:100%;}

    .main_banner4_wrap {width:95%; flex-wrap:wrap;}

    #section {padding-top:14vw;}

    #header {z-index:9999; position:fixed; border-bottom:none; }
    .header_wrap {width:100%; height:14vw; display:block;}
    
    .m_top {display:flex; padding:15px; justify-content:space-between; align-items:center; background:#fff;}
    .logo_m {display:block; flex-basis:60%;}
    .logo_m > a {display: block;}
    .menu_m_ico {display: block; flex-basis:12%;}
    .menu_m_open {}
    .menu_m_close {display:none;}

    .menu_m_wrap {display:none; position:absolute; top:14.1vw; width:100%;background:#fff; padding:10px 20px 10px 20px; border-top:2px solid #222; border-bottom:2px solid #222;}
    .menu_m {font-size:20px; font-weight:500;}
    .menu_m > li {border-bottom:1px solid #ccc; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
    .menu_m > li > a {display:block; padding:20px;  flex-basis:90%;}
    .sub_ico {flex-basis:10%; text-align:center;}
    .sub_ico > p {font-size:20px; font-weight:bold;}
    .sub_m {display:none; width:100%; padding:15px 0; background:#efefef;}
    .sub_m.on {display:block;}
    .sub_m > li {padding:10px 20px;}
    .sub_m > li > a {}
    
    .sub_close {display:none;}

    
    .main_sec1_bg {height:90vw; top:14.1vw;}
    .bg_screen {z-index:9; height:90vw;}

    .btn_more {width:50px; height:50px; font-size:10px;}
    .btn_more > a {padding:16px 0;}
    .more_2 {bottom:20px; right:5px;}

    .main_tit {padding-top:35vw;}
    .main_tit > h3 {font-size:2vw;}
    .main_tit > h1 {font-size:6vw; line-height:7vw;}
    .main_tit > p {font-size:3vw; line-height:5vw;}

    .main_sec_tit {padding:20px 0 40px;}
    .main_sec_tit > h3 {font-size:3vw; padding-bottom:10px;}
    .main_sec_tit > h2 {font-size:5vw;line-height:6vw;}
    .main_sec_tit > h1 {font-size:5.5vw; line-height:8vw;}
    .main_sec_tit > h1 > span {color:#0fa8c9;}
    .main_sec_tit > p {font-size:17px; padding:20px 0;}

    .main_sec2 {padding:100px 0;}

    .main_banner1 {height:46vw; margin:10px 0;}
    .main_banner1_txt {text-align:left; padding-left:10px;}
    .main_banner1_txt > p {font-size:4vw;}
    .main_banner1_txt > p > span {font-size:2vw; display:block;}

    .main_sec2_subtit {width:100%; padding-bottom:20px;}

    .main_banner2 {padding-bottom:30px;}
    .main_banner2_L {width:100%; text-align:center;}
    .main_banner2_R {width:100%; text-align:center;}
    .main_banner2_txt {padding:20px 0 0 80px;}
    .main_banner2_txt > h4 {text-align:left; font-size:4.5vw;}
    .main_banner2_txt > p {text-align:left; font-size:2.5vw;}
    .main_banner2_span {width:52vw; margin:10px 0; padding:5px 10px; font-size:3vw;}
    .main2_list {font-size:2.5vw;}

    .main_sec4_wrap {flex-wrap:wrap;}
    .main_sec4_img {flex-basis:60%; padding-right:0;}
    .main_sec4_txt {flex-basis:40%; padding-left:0; text-align:right;} 

    .main_sec4_txt > h4 {font-size:6vw; padding:40vw 20px 0 0;}
    .main_sec4_txt > p {display:none;}
    .main_sec4_txt > .btn_more {margin:20px 20px 20px 0;}
    
    .main_sec5_link_wrap {flex-wrap:wrap;}
    .main_sec5_link {flex-basis:100%; padding:10px 20px;}
    .main_sec5_link_txt > h5 {font-size:3vw;}
    .main_sec5_link_txt > h4 {font-size:4.5vw;}
    .main_sec5_link_txt > p {font-size:3vw;}
    .main_sec5_link_txt > span {font-size:28px; width:35px; height:35px; line-height:35px; margin-left:10px;}
    .main_sec5_link_ico > img {width:40px; height:50px;}

    .main_banner3 {flex-basis:49%; margin-top:20px;}
    .main_banner3_txt {padding:10px 80px 50px 10px;} 
    .main_banner3_txt > h4 {font-size:4vw; } 
    .main_banner3_txt > p {font-size:2.5vw;}
    .main_banner3_img {} 
    .main_banner3_img > img {height:200px;} 
    .main_banner3 > .more_2 {bottom:5px;} 

    .logo_center {width:70%; margin:0 auto;}

    .main_sec6 {padding:50px 0 0;}
    .main_sec6_line {display:none;}

    .main_banner4_wrap {width:100%;}
    .main_banner4 {flex-basis:100%; margin-bottom:50px; border-top:2px solid #ccc;}

    .main_banner4_tit {text-align:center;}
    .main_banner4_tit > h4 {font-size:6vw; padding:30px 0;}
    .main_banner4_tit > h5 {font-size:5.5vw; font-weight:bold; padding-bottom:30px;}

    .main_banner4_txt_wrap {width:80%; margin:0 auto;}
    .main_banner4_txt_L {width:45%; margin-bottom:30px;}
    .main_banner4_txt_R {width:55%; margin-bottom:30px;}
    .main_banner4_txt p {font-size:4vw;}
    .main_banner4_txt span {font-size:16px; color:#1371b1;}

    .main_banner4_2 p {text-align:center;}
    
    .sub1_3_slide_wrap {width:100%;}

}


@media only screen and (max-width:600px) {

    

    #section {padding-top:17.6316vw;}

    #header {z-index:9999; position:fixed; border-bottom:none; }
    .header_wrap {width:100%; height:17.6316vw; display:block;}

    .menu_m_wrap {top:17vw;}

    
    /* main */

    .main_sec1_bg {height:110vw; top:17.6316vw;}
    .bg_screen {z-index:9; height:110vw;}
    .video {object-fit:cover;}

    .btn_more {width:50px; height:50px; font-size:10px;}
    .btn_more > a {padding:16px 0;}
    .more_2 {bottom:20px; right:5px;}

    .main_tit {padding-top:45vw;}
    .main_tit > h3 {font-size:3vw;}
    .main_tit > h1 {font-size:8vw; line-height:8vw;}
    .main_tit > p {font-size:4vw; line-height:6vw;}

    .main_sec_tit {padding:20px 0;}
    .main_sec_tit > h3 {font-size:4vw; padding-bottom:10px;}
    .main_sec_tit > h2 {font-size:5.5vw;line-height:8vw;}
    .main_sec_tit > h1 {font-size:6vw; line-height:10vw;}
    .main_sec_tit > h1 > span {color:#0fa8c9;}
    .main_sec_tit > p {font-size:17px; padding:20px 0;}

    .main_sec1_right > .btn_more {margin-top: 30px;}

    .main_sec2 {padding:50px 0;}

    .main_banner1 {height:46vw; margin:10px 0;}
    .main_banner1_txt {text-align:left; padding-left:10px;}
    .main_banner1_txt > p {font-size:6vw;}
    .main_banner1_txt > p > span {font-size:3vw; display:block;}

    .main_sec2_subtit {width:100%; padding-bottom:20px;}

    .main_banner2 {padding-bottom:30px;}
    .main_banner2_L {width:100%; text-align:center;}
    .main_banner2_R {width:100%; text-align:center;}
    .main_banner2_txt {padding:20px 0 0 20px;}
    .main_banner2_txt > h4 {text-align:left; font-size:6vw;}
    .main_banner2_txt > p {text-align:left; font-size:4vw;}
    .main_banner2_span {width:52vw; margin:10px 0; padding:5px 10px; font-size:4vw;}
    .main2_list {font-size:3.5vw;}

    .main_sec4_wrap {flex-wrap:wrap;}
    .main_sec4_img {flex-basis:60%; padding-right:0;}
    .main_sec4_txt {flex-basis:40%; padding-left:0; text-align:right;} 

    .main_sec4_txt > h4 {font-size:6vw; padding:60vw 20px 0 0;}
    .main_sec4_txt > p {display:none;}
    .main_sec4_txt > .btn_more {margin:20px 20px 20px 0;}
    
    .main_sec5_link_wrap {flex-wrap:wrap;}
    .main_sec5_link {flex-basis:100%; padding:10px 20px;}
    .main_sec5_link_txt > h5 {font-size:4vw;}
    .main_sec5_link_txt > h4 {font-size:6vw;}
    .main_sec5_link_txt > p {font-size:4vw;}
    .main_sec5_link_txt > span {font-size:28px; width:35px; height:35px; line-height:30px; margin-left:10px;}
    .main_sec5_link_ico > img {width:40px; height:50px;}

    .main_banner3 {flex-basis:49%; margin-top:20px;}
    .main_banner3_txt {padding:10px 0 50px 10px;} 
    .main_banner3_txt > h4 {font-size:5vw; } 
    .main_banner3_txt > p {font-size:3.5vw;}
    .main_banner3_img {} 
    .main_banner3_img > img {height:100px;} 
    .main_banner3 > .more_2 {bottom:5px;} 

    .logo_center {width:70%; margin:0 auto;}

    .main_sec6 {padding:50px 0 0;}
    .main_sec6_line {display:none;}

    .main_banner4_wrap {width:100%;}
    .main_banner4 {flex-basis:100%; margin-bottom:50px; border-top:2px solid #ccc;}

    .main_banner4_tit {text-align:center;}
    .main_banner4_tit > h4 {font-size:7vw; padding:30px 0;}
    .main_banner4_tit > h5 {font-size:6.5vw; font-weight:bold; padding-bottom:30px;}

    .main_banner4_txt_wrap {width:80%; margin:0 auto;}
    .main_banner4_txt_L {width:45%; margin-bottom:30px;}
    .main_banner4_txt_R {width:55%; margin-bottom:30px;}
    .main_banner4_txt p {font-size:5vw;}
    .main_banner4_txt span {font-size:16px; color:#1371b1;}

    .main_banner4_2 p {text-align:center;}

    .main_banner4_link_btn a {padding:15px 0 15px 50px; font-size:5.5vw;}

    .main_sec7 #map {flex-basis:100% !important; height:350px !important; margin-bottom:10px;}
    .main_sec7 .map_img {flex-basis:100%; height:350px;}


    /* sub 공통 */

    .sub_sec_padding {padding:50px 0;}
    .sub_padding_bottom {padding-bottom:50px;} 

    .sub_tit {padding:80px 0 120px;}
    .sub_tit > h3 {font-size:3vw; padding-bottom:10px;}
    .sub_tit > h1 {font-size:8vw; line-height:8vw;}

    .sub_banner1 {padding:0 20px;}
    .banner1_wrap {flex-wrap:wrap;}
    .banner1_img {flex-basis:100%;}
    .banner1_txt {flex-basis:100%; padding:20px 0;}
    .banner1_txt > h3 {font-size:4vw;}
    .banner1_txt > p {font-size:4vw;}

    .sub_banner2 {}
    .banner2_tit > h2 {font-size:8vw; padding-bottom:20px;}
    .banner2_img {position:relative; width:90%; height:55vw; margin:0 auto; overflow:hidden; border-radius:15px;}
    .banner2_img > img {max-width:700px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
    .banner2_txt > h4 {font-size:4.5vw; padding:50px 0 30px;}
    .banner2_txt > p {font-size:4vw; }

    .sub_banner3 {}
    .banner3_wrap {display:flex; flex-wrap:wrap; align-items:center;}
    .banner3_img {flex-basis:100%;}
    .banner3_txt {flex-basis:100%; padding:20px 0 0 30px;}
    .banner3_txt > h3 {font-size:4vw; padding-bottom:0;}
    .banner3_txt > h2 {font-size:7vw; padding-bottom:20px;}
    .banner3_txt > p {font-size:4vw; padding-bottom:20px;}

    .sub_banner4 {}
    .banner4_tit {text-align:center;}
    .banner4_tit > h2 {font-size:7vw; padding-bottom:30px; line-height:9vw;}
    .banner4_tit > h3 {font-size:6.5vw;}
    .banner4_tit > img {transform:scale(70%); margin-bottom:0;}
    .banner4_img {position:relative; width:90%; height:55vw; margin:0 auto; overflow:hidden; border-radius:15px;}
    .banner4_img > img {max-width:700px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
    .banner4_txt_wrap {padding:20px;}
    .banner4_50 {flex-basis:100%;}
    .banner4_txt > h4 {font-size:5vw; padding-bottom:20px;}
    .banner4_txt > p {font-size:4vw; padding-bottom:20px;}


    .sub_banner5 {}
    .banner5_tit > h2 {font-size:7vw; padding:0 0 10px 0;}
    .banner5_tit > h3 {font-size:4.5vw; }
    .banner5_tit > p {font-size:4vw; padding-bottom:10px;}
    .seccond_box > h2 {padding:30px 0 0;}
    .banner5_wrap {padding:20px;}
    .banner5 {margin-bottom:20px; padding:20px 20px 0 20px;}
    .banner5_30 {flex-basis:100%; padding:20px 20px 0 20px;}
    .banner5_50 {flex-basis:100%;}
    .banner5_100 {padding:10px;}
    .banner5_ico {padding-bottom:0;}
    .banner5_ico > img {transform:scale(80%);}
    .banner5_tit > h5 {font-size:4vw; }
    .banner5_tit > h4 {font-size:5vw; padding-bottom:10px;}
    .banner5_tit > img {transform:scale(70%);}
    .banner5_txt > p {font-size:4vw; padding:0 0 30px 0;}
    .banner5_color1 {flex-basis:100%;}
    .banner5_color2 {flex-basis:100%; margin:30px 0 50px;}
    .banner5_color2::before {position:absolute; top:-45%; transform:translateX(-50%); left:50%; content:'+'; font-size:30px; font-weight:bold; color:#000;}
    .banner5_color2::after {position:absolute; top:auto; bottom:-40%; transform:translateX(-50%); left:50%; right:auto; content:'+'; font-size:30px; font-weight:bold; color:#000;}
    .underline {text-align:left; padding:0;}
    .underline > p {padding:15px 0 15px 10px; line-height:7vw; }
    .underline > p > img {margin-right:10px; transform:scale(70%);}

    .sub_banner6 {}
    .banner6_tit > h2 {font-size:7vw; padding-bottom:30px; line-height:10vw; }
    .banner6_tit > p {font-size:4vw; padding-bottom:30px;}
    .banner6_tit > img {margin-bottom:0; transform:scale(70%);}
    .banner6_img {flex-basis:100%; padding:0 20px;}
    .banner6_txt {flex-basis:100%; padding:20px;}
    .banner6_txt > h3 {font-size:5vw;}
    .banner6_txt > p {font-size:4vw; padding-bottom:20px;}
    .banner6_txt > p > img {transform:scale(70%);}

    .sub_banner7 {}
    .banner7_tit > h2 {font-size:7vw; padding-bottom:50px; line-height:10vw;}
    .banner7_wrap {}
    .banner7_img {width:70%; margin:0 auto 10px;}
    .banner7 {margin-bottom:30px;}
    .banner7_30 {flex-basis:100%;}
    .banner7_50 {flex-basis:100%;}
    .banner7_txt {padding:0 20px;}
    .banner7_txt > h4 {font-size:4.5vw; padding:0 0 10px 0;}
    .banner7_txt > h3 {font-size:4vw; padding:0 0 10px 0;}
    .banner7_txt > p {font-size:4vw;}

    .sub_banner8 {}
    .banner8_tit > h2 {font-size:7vw; padding-bottom:30px;}
    .banner8_wrap {padding:0 20px;}
    .banner8 {margin-bottom:20px; padding:20px 10px 10px 10px;}
    .banner8_25 {flex-basis:100%;}
    .banner8_30 {flex-basis:100%;}
    .banner8_50 {flex-basis:100%;}
    .banner8_subtit > h4 {font-size:4.5vw; padding-bottom:20px;}
    .banner8_subtit > h5 {font-size:4vw;}
    .banner8_txt > p {font-size:4vw; padding-bottom:20px;}

    .sub_banner9 {}
    .banner9_tit > h2 {font-size:7vw; padding-bottom:20px;}
    .banner9_tit > p {font-size:4vw; padding-bottom:50px;}
    .banner9_tit > img {margin-bottom:0; transform:scale(70%);}
    .banner9_wrap {padding:0 20px;}
    .banner9 {margin-bottom:20px; border-radius:15px;}
    .banner9_30 {flex-basis:100%;}
    .banner9_50 {flex-basis:100%;}
    .banner9_txt {text-align:center; padding:0 10px 20px 10px;}
    .banner9_txt > h4 {font-size:4vw;}
    .banner9_txt > h3 {font-size:4.5vw;}
    .banner9_txt > p {font-size:4vw; padding-top:10px;}

    .sub_banner10 {}
    .banner10_tit > h2 {font-size:7vw; padding-bottom:50px;}
    .banner10_wrap {flex-wrap:wrap; padding:0 20px;}
    .banner10_50 {flex-basis:100%;}
    .banner10_100 {flex-basis:100%;}
    .banner10_txt_wrap {padding:10px 20px 20px 20px; flex-wrap:wrap;}
    .banner10_subtit {flex-basis:100%;}
    .banner10_txt {flex-basis:100%;}
    .banner10_subtit > h4 {font-size:5vw; padding:10px 0; text-align:left;}
    .banner10_txt > p { font-size:4vw; padding-bottom:10px; text-align:left;}

    .circle_wrap {padding:50px 30px; justify-content:space-around;}
    .circle {}
    .circle_20 {flex-basis:47%; margin-bottom:20px;}
    .circle_25 {flex-basis:47%; margin-bottom:20px;}
    .circle_30 {flex-basis:32%;}
    .circle_50 {flex-basis:48%;}
    .circle_100 {flex-basis:100%;}


    /* sub */

    .sub1_1_sec1 {padding:50px 0;}

    .sub1_2_sec1_tit {padding:0 0 50px;}
    .sub1_2_sec1_tit > h2 {font-size:8vw; line-height:11vw;}
    .sub1_2_sec1_txt > p {font-size:4vw;}

    .sub1_2_sec2 {padding:70px 0;}

    .sub1_2_sec3_tit > h2 {font-size:7vw;}
    .sub1_2_sec3_txt > p {font-size:3.5vw;}

    .sub1_2_sec4_tit > h2 {font-size:7vw;}
    .sub1_2_sec4_txt > p {font-size:3vw;}

    .sub1_3_slide_wrap {width:100%;}

    .slick-arrow {z-index:1; bottom:0; width:50px; height:50px; background:rgba(0,0,0,0.5);}
    .slick-prev {right:50px;}
    .slick-next {right:0;}

    .sub1_4_sec1 {padding-top:50px;}
    .sub1_4_map_wrap {margin-bottom:0px;}
    .sub1_4_map_wrap #map {flex-basis:100%; height:80vw; margin-bottom:10px;}
    .sub1_4_map_wrap .map_img {flex-basis:100%; height:80vw; margin-bottom:10px;}


    .sub1_4_sec2 {margin-bottom:100px;}
    .sub1_4_wrap {flex-wrap:wrap; padding:50px 0 50px 55px;}
    .sub1_4 {padding:0}
    .sub1_4_L {flex-basis:100%;}
    .sub1_4_R {flex-basis:100%;}

    .sub1_4_banner {margin-bottom:30px}
    .sub1_4_tit {padding-bottom:15px;}
    .sub1_4_tit > h4 {font-size:6vw;}
    .sub1_4_ico {position:absolute; top:5px; left:-40px;}
    .sub1_4_txt_wrap {display:flex; flex-wrap:wrap;}
    .sub1_4_txt_L {flex-basis:35%;}
    .sub1_4_txt_R {flex-basis:65%;}
    .sub1_4_txt_L > p {line-height:30px;}
    .sub1_4_txt_R > p {line-height:30px;}
    .sub1_4_txt_bottom {flex-basis:100%; padding:30px 0;}
    .sub1_4_txt p {font-size:4vw;}
    .sub1_4_txt .phone {font-size:4.5vw;}
    .sub1_4_txt span {font-size:3vw;}

    .sub2_sec2 {padding:50px 0;}

    .sub3_bottom {padding:50px 0;}
    .sub3_1_sec4 {padding:0;}
    .sub3_6_sec3 .circle_wrap {}


    /* footer */

    #footer {position:relative; width:100%; background:#333333;}
    .footer_wrap {padding:50px 0;}
    .footer_logo {width:70%; margin:0 auto;}
    .footer_txt {font-size:12px;}
    .footer_txt_L {width:100%; text-align:center;}
    .footer_txt_R {width:100%; text-align:center; }
    .footer_txt_R > a {display:block; font-size:20px; margin-bottom:20px;}
    .footer_txt p {line-height:20px; padding-bottom:10px;}

    .non_benefit {top:50px; width:100%; height:170vw; padding:10px 0 20px; background:rgba(0,0,0,0.5); border-radius:20px; overflow-y: scroll;}
    .non_benefit > img {max-width:100%;}
    .non_benefit_close {padding:5px 20px; font-size:20px;}



}
