@charset "utf-8";


.doc{font-size: 16px;}
.box0{ width:1700px; max-width: 96%; margin:0 auto; position:relative } 
.box1{ width:1400px;max-width: 96%; margin:0 auto; position:relative } 
.mobile_only{display:none;}

:root { 
    --mainColor:#30bfc8;
    --subColor:#009fa9;
    --bor_r:3px;
	--header_H:80px;
    --fs_01: "Nanum Brush Script", serif;
}



#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%;}
#header:before{content:""; width:100%; height:1px; background-color:transparent; position:absolute; bottom:0; left:0; z-index:10;}
#header:after{content:""; width:100%; height: 0px; background:#fff; position: absolute; top: 0; left: 0; z-index: 1; transition: .3s;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H); position: relative; z-index: 2;}
#header #h_logo .logo_a{display:none;}
#header #h_logo img{display:block;}
#header .gnb_wrap .gnb .depth1{position: relative;}
#header .gnb_wrap .gnb .depth1::after{ content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--mainColor); opacity:0; transform:scaleX(0); transition:transform .3s;}
#header .gnb_wrap .gnb .depth1:hover::after{ opacity:1; transform:scaleX(.7);}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.15em;line-height: inherit;font-weight:400;color:#fff;position: relative; padding: 0 37px; transition:all 0.3s ease}
#header .gnb_wrap .gnb .depth1 > ul{ width: 100%; transition:all .3s; position:absolute; left:50%; transform:translateX(-50%); opacity:0; height: 0; overflow: hidden; }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform:scaleX(1);}
#header .gnb_wrap .gnb .depth1 > ul > .depth2:first-child a{padding-top:20px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block;text-align:center;color:#444;font-weight:300;padding: 6px 5px;font-size: 1.05em;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{color:var(--subColor) !important;}

#header .lang_wrap{ position: relative;}
#header .lang_wrap .lw_btn{font-size: 1.068em; cursor: pointer; color:#fff; position: relative;}
#header .lang_wrap .lw_btn .lw_tx{margin:0 10px 0 5px;}
#header .lang_wrap .lw_btn .xi{font-size:1.125em; transition: .3s;}
#header .lang_wrap .lw_btn.on .xi-angle-down-min{transform: rotate(-180deg);}
#header .lang_wrap .lw_list{position: absolute; top: 30px; left: 50%; transform: translateX(-50%); padding:10px 5px; border-radius: 10px; background-color: #fff; width:100px; box-shadow: 0 0 5px rgba(0,0,0,.1); display: none;}
#header .lang_wrap .lw_list.on{display:block;}
#header .lang_wrap .lw_list a{color:#666; display: block; text-align: center; font-size:.938em; margin: 2px 0;}
#header .lang_wrap .lw_list a:hover{color:var(--mainColor)}

#header.Aon #h_logo .logo_a{display:block!important;}
#header.Aon #h_logo .logo_b{display:none!important;}
#header.Aon .h_wrap{ border-bottom:1px solid #eee;}
#header.Aon::after{ height:470px; box-shadow:0 10px 10px rgba(0, 0, 0, .05)}
#header.Aon .gnb_wrap .gnb .depth1 > a{color:#111!important;}
#header.Aon .gnb_wrap .gnb .depth1 ul{ opacity:1; overflow: visible; height: calc(380px - var(--header_H));}
#header.Aon .header_inq{opacity: 1; height: calc(380px - var(--header_H));}
#header.Aon .header_tel{opacity: 1; height: calc(380px - var(--header_H));}
#header.Aon .gnb_wrap .gnb .depth1 > a{color:#111;}
#header.Aon .gnb_wrap .gnb .depth1:hover > a,
#header.Aon .gnb_wrap .gnb .depth1 > ul > .depth2:hover a{color:var(--subColor) !important}
#header.Aon .gnb_wrap .gnb .depth1 > ul > .depth2 a{color:#111;}
#header.Aon .btn_gnb .a_rd{background:#666!important}
#header.Aon .btn_gnb .a_rd.a2{background:var(--mainColor)}
#header.Aon .lang_wrap .lw_btn{color:#666!important;}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; margin-left:25px;}
#header .btn_gnb .a_rd{width:10px; height: 10px; background-color: #fff; border-radius: 50%;}
#header .btn_gnb .a_rd.a1{position: absolute; top: 0; left: 0; transition:.3s;}
#header .btn_gnb .a_rd.a2{position: absolute; top: 0; right: 0; background-color:var(--mainColor)!important; transition:.3s;}
#header .btn_gnb .a_rd.a3{position: absolute; bottom: 0; left: 0; transition:.3s; }
#header .btn_gnb .a_rd.a4{position: absolute; bottom: 0; right: 0; transition:.3s; }

#header .btn_gnb:hover .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3{width:100%; border-radius: 50px;}

#header .btn_gnb.on .a_rd.a1,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb.on .a_rd.a2{width:100%; border-radius: 50px;}
#header .btn_gnb.on .a_rd.a3{width:100%; border-radius: 50px; background-color: #666;}
#header .btn_gnb.pc_only.on .a_rd.a3{background-color: #fff;}


/*스크롤 header*/
.sub.scroll #header{background-color: #fff;}
.scroll #header #h_logo .logo_a{display:block;}
.scroll #header #h_logo .logo_b{display:none;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#111;}
.scroll #header .hd_sch_btn{color:#555;}
.scroll #header .hd_sch_wr #hd_sch{border-color:#ccc;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
.scroll #header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}
.scroll #header .hd_login > li a{color:#555;}
.scroll #header .btn_gnb .a_rd{background-color:#666;}
.scroll #header .lang_wrap .lw_btn{color:#666;}



#header.on #h_logo .logo_a{display:none;}
#header.on #h_logo .logo_b{display:block;}
#header.on .gnb_wrap .gnb .depth1 > a{color:#fff;}
#header.on .btn_gnb .a_rd{background-color:#fff;}
#header.on .lang_wrap .lw_btn{color:#fff;}



/*pc_all_menu*/
.no_scroll{scroll-behavior: auto; overflow: hidden; height: 100vh;}
.pc_all_menu2{ background-color:rgba(0,0,0,0.65); backdrop-filter: blur(10px); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 500; opacity: 0; visibility: hidden; }
.pc_all_menu2.on{opacity: 1; visibility: visible;}
.pc_all_menu2 .box0{height:100vh;}
.pc_all_menu2 .gnb_all{width:100%;}
.pc_all_menu2 .gnb_all > li.depth1{width:calc(100% / 6); text-align: center;}
.pc_all_menu2 .gnb_all > li.depth1 > a.dp1{font-size: 1.625em; letter-spacing: -.5px; color:#fff; line-height: 1.1; font-weight: 800;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu{margin-top:40px;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a{ display: inline-block; font-size:1.125em; position: relative; color:#ddd; margin-bottom: 20px;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:hover{ color:var(--subColor);}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:after{content:''; display: block; width:0; height: 1px; background:var(--subColor); position: absolute; bottom: -4px; left: 0; opacity: 0; transition: .5s;}
.pc_all_menu2 .gnb_all > li.depth1 .dp2_menu > li a:hover:after{opacity: 1; width:100%;}


/*탑버튼*/
.qk_list{position:fixed; bottom:15px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; font-size:1.25em; text-align: center; margin-top:3px; transition: .3s;}
.qk_list > li a:hover{box-shadow: 3px 3px 7px rgba(0,0,0,0.15);}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}

/*footer*/
.main #footer{margin-top:0;}
#footer{background-color:#111; padding:80px 0 0; margin-top:11em;}
#footer .f_left{width:calc(100% - 300px);}
#footer .f_logo{margin-bottom:25px; opacity: .7;}
#footer .f_info{width:calc(100% - 150px); padding-left:150px;}
#footer .f_info > li{color:#fff; opacity: .7; font-weight: 300; margin-right:70px; margin-bottom: 14px;}
#footer .f_info > li .f_co{opacity: .7; margin-right:15px;}
#footer .f_priv{ color:#fff; opacity: .7; display: block; text-align: right; margin-top:20px;}
#footer .f_right{margin-top:-15px;}
#footer .site_wrap{ position:relative; width: 175px;}
#footer .site_wrap .siteBtn{ display: block; border:1px solid #ccc; width: 100%; box-sizing: border-box; padding:.8em 2em .8em 2.5em; transition:.3s; font-size:1em; color: #aaa;}
#footer .site_wrap .siteBtn .xi{ margin-left:10px; vertical-align:middle; font-size: .938em}
#footer .site_wrap .site{ position:absolute; left:0; z-index:10; top:50px; width:100%; background:#fff; opacity:0; visibility:hidden; transition:.3s; border:1px solid #ccc; box-sizing:border-box; height: 100px; overflow-y: scroll;}
#footer .site_wrap:hover .site{ opacity:1; visibility:visible}
#footer .site_wrap .site > li{ border-bottom:1px solid #ddd; text-align: left;}
#footer .site_wrap .site > li > a{ display:block; font-size:.938em; padding:.5em 3em .6em 1em; font-weight:300; color:#333; overflow:hidden; position:relative; transition:.3s}
#footer .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
#footer .site_wrap .site > li > a:after{ content:"\e907"; font-family:xeicon!important; position:absolute; right:-2em; top:12px; transition:.3s}
#footer .site_wrap:hover .siteBtn,
#footer .site_wrap .site > li:hover > a{ background:#444; border-color:#777; color:#fff; opacity:1}
#footer .site_wrap .site > li:hover > a:after{ right:1em}    
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:50px; letter-spacing: 0px; font-weight: 200; text-align: center; border-top:1px solid rgba(255,255,255,.2); padding:22px 0; text-transform: uppercase;}


/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#sub_visual:before{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left:0; z-index: 10;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s; background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.625em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_03.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_06.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_07.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}


/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/
#ctt{margin:0!important; padding:0!important; border:0!important;}
#ctt_con{padding:0!important;}

/*컨텐츠 타이틀*/
.container_title{font-weight: 500; font-size: 2.5em; padding-top: 35px; margin: 90px 0 55px; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}


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

/*메인 비주얼*/
.mainSlider{position:relative}
.mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -70%); color:#fff;}
.mainSlider .slogan .t1{ font-size:4.125em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.5em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.6; margin-top:40px;}
.mainSlider .slogan .t2 span{font-weight: 700}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}

.mainSlider .mainSlider-pagination{ position: absolute; left:50%; bottom:3em; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:120px; height:auto; margin: 0 20px 0 0; border-radius: 0; opacity: .4; background:transparent; color:#fff; border-bottom:2px solid #fff; padding-bottom:5px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{opacity: 1;}
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10;}
.scroll_wrap .mainSlide_scroll{ color: #fff; font-size: 0.85em; text-align: center; letter-spacing: 4px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 35px; background: rgba(255,255,255,.3); margin: 5px auto 0; position: relative; overflow: hidden;}
.scroll_wrap .scroll_bar {width:1px; height: 15px; background: #fff; animation: box-ani 2s linear infinite backwards; }

@keyframes box-ani { 
0% {transform: translate(50%, 0);} 
100% {transform: translate(50%, 53px);}
}


.main_tit{ margin-bottom: 50px;}
.main_tit .in_en{ font-size:1.5em; color:#333; line-height: 1.3; font-weight: 300; margin-bottom: 20px;}
.main_tit .dot{width:12px; height: 12px; border-radius: 50%; background-color: var(--mainColor); display:inline-block; margin-left:10px;}
.main_tit .in_tt{ font-size:2.875em; color:#222; line-height: 1.3;}
.main_tit .in_tt span{font-weight: 700}
.main_tit .in_tx{ font-size:1.125em; color:#777; line-height: 1.6; margin-top:30px;}
.main_more a{transition: .3s; font-size:2.375em; color:#aaa;}
.main_more a:hover{color:var(--mainColor);}
.main_control .b_prev{position: relative; margin-right:20px;}
.main_control .b_prev:after{content:''; width:1px; height:30px; background-color:#ccc; position: absolute; top: 12px; right:-11px;}
.main_control .xi{font-size:2.5em; color:#aaa; transition: .3s; cursor: pointer;}
.main_control .xi:hover{color:#666;}

#fullpage #footer{margin-top:0;}
.section{overflow: hidden}
.sec_in{ position: absolute; top:50%; transform: translateY(-45%); left: 0; width: 100%;}


/*풀페이지 화면 높이 반응형*/
@media screen and (max-height:830px) {
.section{height:800px!important;}
.sec_in{transform: translateY(-50%);}
}

#section1 .sec_in{padding-left:calc(50% - 700px); position: relative;}
#section1 .main_tit{width:590px; margin-bottom: 0; margin-top:50px;}
#section1 .main_tit .main_control{margin-top:70px;}
#section1 .about_wrap{width:calc(100% - 590px); min-height: 570px;}
#section1 .about_wrap .slick-list{padding-right:190px;}
#section1 .about_wrap .slick-track{margin:0!important;}
#section1 .about_wrap .slick-slide{position: relative}
#section1 .about_wrap .nmb{font-size:6.25em; color:#eee; font-weight: 800; position: absolute; top: -14px; left: 30px; line-height: 1; z-index: -1;}
#section1 .about_wrap .in{display:block; position: relative; width:400px; height: 510px; margin-right:30px; transition: .3s; overflow: hidden;}
#section1 .about_wrap .in .bgfix{width:100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
#section1 .about_wrap .in .in_btn{width:60px; height: 60px; line-height: 60px; text-align: center; position: absolute; top: 0; right:0; color:#fff; background-color: #aaa;}
#section1 .about_wrap .in .in_btn .xi{font-size:1.5em; transform: rotate(-45deg);}
#section1 .about_wrap .in .in_tbox{color:#fff; padding: 35px 40px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent); position: absolute; bottom:0; left:0; width:100%; overflow: hidden; }
#section1 .about_wrap .in .in_tbox .in_en{font-size:.938em; font-weight: 300; color:rgba(255,255,255,.7); letter-spacing: 2px; margin-bottom: 10px;}
#section1 .about_wrap .in .in_tbox .in_tt{font-size:2em; font-weight: 600;}
#section1 .about_wrap .slick-current.slick-active .in{ margin-top:60px;}
#section1 .about_wrap .slick-current.slick-active .in .in_btn{background-color:var(--mainColor);}
#section1 .about_wrap .slick-current.slick-active .in:hover .bgfix{transform: translate(-50%, -50%) scale(1.1);}
#section1 .about_wrap .in:hover .in_btn{background-color:var(--mainColor);}

#section2{background-image: url(../img/main/main_with_bg.png); background-repeat: no-repeat; background-position:right bottom;;}
.main_with{margin-right:-60px; margin-top:70px;}
.main_with > li{width:25%;}
.main_with > li .in{margin-right:60px;}
.main_with > li .in .in_icon{margin-bottom:20px; width:110px; height: 110px; border-radius: 50%; text-align: center; background-color: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.main_with > li .in .in_icon svg{width:auto; height: 44px;}
.main_with > li .in .in_tt{font-size:1.625em; font-weight: 600; color:#333; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:25px;}
.main_with > li .in .in_tx{font-size:1.068em; color:#555; line-height: 1.7;}

.main_trm{width:100%; height: 100%;}
.main_trm > li{width:25%;}
.main_trm > li .in{display:block; width:100%; height: 100%; position: relative; overflow: hidden;}
.main_trm > li .in .bgfix{width:100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
.main_trm > li .in .in_line{position: absolute; bottom:60px; left:25px; width:110px; height: 400px; border:1px solid rgba(255,255,255,.4); border-top:0; border-right:0;}
.main_trm > li .in .in_tbox{position: absolute; bottom:35px; right:40px; text-align: right;}
.main_trm > li .in .in_tbox .in_en{font-size:.938em; font-weight: 300; color:rgba(255,255,255,.7); letter-spacing: 1px; margin-bottom: 10px}
.main_trm > li .in .in_tbox .in_tt{font-size:2.75em; color:#fff; font-weight: 700;}
.main_trm > li .in:hover .bgfix{transform: translate(-50%, -50%) scale(1.1);}

#section5{background-position: center -150%;}
.main_comm{margin-right:-60px;}
.main_comm > div{width:50%; padding-right:60px;}
.main_comm > div .bd_tt{margin-bottom:25px;}
.main_comm > div .bd_tt .in_tt{font-size:2em; font-weight: 600; color:#333;}
.main_comm > div .bd_tt a{color:#888;}
.main_comm > div .bd_tt a:hover{color:#444;}
.main_comm > div .bd_tt a .xi{vertical-align: middle}

.main_hos{position: relative;}
.main_hos:after{content:''; width:57%; height: 100%; background-color: #f9f9f9; position: absolute; top: 0; right:0; z-index: -1;}
.main_hos .hos_map{width:43%;}
.main_hos .hos_tbox{width:57%; padding-left:70px;}
.main_hos .hos_tbox .hos_detail{border-top:1px solid #333; border-bottom:1px solid #aaa; padding:30px 0;}
.main_hos .hos_tbox .hos_detail .hos_img{width:320px; height: 320px;}
.main_hos .hos_tbox .hos_detail .hos_txt{width:calc(100% - 320px); padding-left:45px;}
.main_hos .hos_tbox .hos_detail .hos_txt .in_loc{color:var(--mainColor); font-weight:600; margin-bottom: 15px;}
.main_hos .hos_tbox .hos_detail .hos_txt .in_hos{font-size:1.75em; color:#333;; font-weight:600; margin-bottom: 20px;}
.main_hos .hos_tbox .hos_detail .hos_txt .in_name{font-size:1.187em; color:#333;; font-weight:600; margin-bottom: 15px;}
.main_hos .hos_tbox .hos_detail .hos_txt .in_info > li{color:#666; margin-bottom: 10px;}
.main_hos .hos_tbox .hos_detail .hos_txt .in_info > li .xi{width:30px; font-size:1.125em;}
.main_hos .hos_tbox .hos_detail .hos_txt .in_info > li p{width:calc(100% - 30px); font-size:1.068em}

.main_contact .main_tit{width:50%; padding-top:70px; margin-bottom:0;}
.main_contact .main_tit .in_en{color:#fff;}
.main_contact .main_tit .in_tt{color:#fff;}
.main_contact .main_tit .in_mail{font-size:1.75em; font-weight: 700; color:#fff; margin-top:50px;}
.main_contact .main_tit .in_mail .xi{width:60px; height: 60px; line-height: 60px; text-align: center; background-color: var(--mainColor); border-radius: 50%; font-size:.938em; margin-right:20px;}
.main_contact .main_inq{width:50%; padding:0 40px;}
.main_contact .main_inq .inq_wrap > li{margin-bottom:5px; position: relative;}
.main_contact .main_inq .inq_wrap > li .xi{color:#aaa; position: absolute; top: 0; left:0; font-size:1.5em; width:85px; text-align: center; line-height: 65px;}
.main_contact .main_inq .inq_wrap .input_st{height:65px; font-size:1.068em;}
.main_contact .main_inq .inq_wrap .i_put{background-color: rgba(255,255,255,.8); border:0!important; padding-left:85px;}
.main_contact .main_inq .inq_wrap textarea.i_put{padding:1em!important;}
.main_contact .main_inq .inq_wrap .agree_st{font-size:1.125em; margin:15px 0;}
.main_contact .main_inq .inq_wrap .agree_st *{color:#fff!important;}
.main_contact .main_inq .inq_wrap .agree_st input{margin:0;}
.main_contact .main_inq .inq_wrap button{font-size:1.125em; font-weight: 600;}
.main_contact .main_inq .inq_wrap button:hover{background-color:var(--subColor); border-color:var(--subColor);}

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


/*공통*/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 20%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx > li > a:hover,
.tab_idx > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

.page_tt{font-size:2.125em; font-weight: 600; margin-bottom: 40px; position: relative; text-align: center}
.page_tt .line{width:45px; height: 2px; background-color: #333; margin:25px auto 0;}
/*.page_tt:before{content:''; width: 10px; height: 10px; position: absolute; top: 0px; left: 0; background:linear-gradient(135deg, var(--mainColor), var(--subColor)); border-radius: 50%;}*/
.page_stt{font-size:1.5em; font-weight: 600; color:#222; margin-top:50px; margin-bottom: 20px; line-height: 1.5;}
.page_stt2{font-size:1.375em; font-weight: 600; color:#222; line-height: 1.5;}
.page_stt2 .sw{font-size:.825em; font-weight: 400; color:#666;}
.page_tx{font-size:1.125em; color:#333; line-height: 1.4;}
.page_stx{font-size:.938em; font-weight: 300; color:#666;}

ul.page_tx > li:not(:last-child){margin-bottom:7px;}
ul.page_tx > li .i_tx{width:calc(100% - 46px); padding-left:15px; line-height: 1.4;}

.sub_cont{margin-top:100px;}
.bg_cont{padding:100px 0; background-color: #f9f9f9;}
.hf_cont{border:1px solid #aaa;}
.line_bg{background-image: url(../img/main/line_bg.png); background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.i_nmb{width:46px; height: 46px; line-height: 46px; color:#fff; background-color: var(--subColor);font-size:1.125em; text-align: center;}
.img_con{background-color: #fff; padding:60px; margin-top:40px;}
.img_con.bg_st{background-color:#f9f9f9; margin-top:0; padding:40px;}

.sw1 > *{width:100%;}
.sw2 > *{width:50%;}
.sw3 > *{width:33.33%;}
.sw4 > *{width:25%;}
.sw5 > *{width:20%;}
.sw6 > *{width:16.66%;}

.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor);}
.table_st th,
.table_st td{ padding:1em; border:1px solid #ddd; text-align: center; line-height: 1.3;}
.table_st th{color:#222; background-color: #f7f7f7; font-size:1.068em;}
.table_st td{color:#333;}
.table_st .bg01{background-color:#f5f8ff}
.table_st .bg02{background-color:var(--mainColor); border-color:rgba(255,255,255,.3); color:#fff;}
   
.dot_list > li{position: relative; padding-left:10px;}
.dot_list > li:not(:last-child){margin-bottom: 5px;}
.dot_list > li:after{content:''; width:3px; height: 3px; border-radius: 50%; position:absolute; top: 8px; left: 0; background-color: var(--subColor);}

.sub_tt_img{background-color: #666; background-size: cover; background-attachment: fixed; background-position: center top; padding:180px 0; text-align: center; color:#fff; font-size:2.25em; font-weight: 600; line-height: 1.6; position: relative;}
.sub_tt_img:after{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.6); position: absolute; top: 0; left: 0;}
.sub_tt_img .box1{z-index: 10}
.sub_tt_img .fwL{font-size:.825em;}

.g_list{margin-right:-15px; margin-top:-15px;}
.g_list.mg_st{margin-top:30px}
.g_list > li .in{margin-right:15px; margin-top:15px;}
.g_list > li .in .img_dv{height:300px; background-color: #aaa; overflow: hidden;}
.g_list > li .in .img_dv.h01{height:250px;}
.g_list > li .in .txt_dv{margin-top:25px;}
.g_list > li .in .txt_dv .page_tx{margin-top:15px; color:#555;}

.g_list.sw2{margin-right:-50px;}
.g_list.sw2 > li .in{margin-right:50px;}

.nmb_list{margin-right:-5px;}
.nmb_list > li{margin-top:5px;}
.nmb_list > li .in{background-color: #fff; border:1px dashed #aaa; padding:25px; height: 100%; margin-right:5px;}
.nmb_list > li .tbx{ margin-bottom: 15px;}
.nmb_list > li .tbx .i_nmb{margin-right:15px;}
.nmb_list > li .tbx .page_stt2{width:calc(100% - 65px);}

.icon_list{margin-right:-15px; margin-top:30px;}
.icon_list > li{margin-top:15px;}
.icon_list > li .in{ position: relative; border:5px solid #ddd; padding:70px 25px 50px; margin-right:15px; height: 100%; text-align: center; background-color: #fff;}
.icon_list > li .i_nmb{position: absolute; top: -5px; left: -5px;}
.icon_list > li .icon{margin-bottom: 40px;}
.icon_list > li .page_stx{ margin-top:10px;}
.icon_list.bor_st .in{padding:50px 25px; border-width:2px;}
.icon_list.bor_st .in .page_stt2{ line-height: 1.3;}
.icon_list.bor_st > li:nth-child(odd) .in{border-color:var(--subColor); background-color:var(--subColor);}
.icon_list.bor_st > li:nth-child(odd) .in .page_stt2{color:#fff;}
.icon_list.bor_st > li:nth-child(even) .in{border-color:var(--mainColor);}

.hf_cont .check_list{border-right:1px dashed #aaa; padding:40px;}
.check_list{ line-height: 1;}
.check_list > li:not(:last-child){margin-bottom:5px;}
.check_list > li .xi{font-size:1.5em;}
.check_list > li .i_sw{margin-top:5px; width:calc(100% - 30px); padding-left:10px;}
.check_list.sw2 > li{padding-right:50px;}
.check_list > li .r_stt{background-color: var(--subColor); color:#fff; padding:7px; border-radius: 50px; width:100px; text-align: center;}
.check_list > li .r_stx{width:calc(100% - 100px); padding-left:17px; padding-top:7px;}

.rd_img{margin-top:45px;}
.rd_img .bgfix{width:250px; height: 250px; border:5px solid var(--mainColor); border-radius: 50%; margin:0 25px; background-color: #aaa;}

.mov_con{margin-left:-6em;}
.mov_con.mg_st{margin-top:70px;}
.mov_con > li:not(:first-child){margin-top:110px;}
.mov_con > li .in > *{padding-left:6em;}
.mov_con > li .in .img_z{width:53%;}
.mov_con > li .in .img_z .bgfix{height: 420px; background-color: #aaa;}
.mov_con > li .in .txt_z{width:47%;}
.mov_con > li .in .txt_z .page_tt{text-align:left;}
.mov_con > li .in .txt_z .page_tt .line{margin-left:0;}
.mov_con > li .in .txt_z .page_stt{color: #222; margin-bottom: 35px; font-weight: 500;}
.mov_con > li .in .txt_z .page_tx{ margin-top:15px; line-height: 1.6;}
.mov_con.w_hf > li .in .img_z{width:50%;}
.mov_con.w_hf > li .in .txt_z{width:50%;}

.top_ac{text-align:center; font-size:1.1em; margin-bottom: -20px;}
.top_ac .page_stt{font-size:1.725em;}
.top_ac .page_tx{line-height: 1.6;}

.f_bnn{padding:130px 0; background-position: center top; /*background-attachment: fixed;*/ position: relative; background-color: #aaa;}
.f_bnn:before{ content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0;}
.f_bnn .page_tt{color:#fff;}
.f_bnn .page_tt .line{background-color:#fff;}
.f_bnn .f_bnc{margin-left:-15px;}
.f_bnn .f_bnc > li .in{margin-left:15px; text-align: center; background-color:rgba(255,255,255,.8); border:1px solid #fff; height: 100%; padding:55px 25px; transition: .3s; backdrop-filter: blur(5px); border-radius: var(--item_r); box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);}
.f_bnn .f_bnc > li .in .r_line{margin: 0 auto 20px;}
.f_bnn .f_bnc > li .in .ckp{color:var(--mainColor);}
.f_bnn .f_bnc > li .in .page_tx{margin-top:15px;}


/*인사말*/
.about_wrap .intro_tit{padding: 7.5em 0 9em; margin:0 2%; position: relative;}
.about_wrap .intro_tit:after{content:''; width:100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; top: 0; left: 0; /*backdrop-filter: blur(3px);*/}
.about_wrap .intro_tit .in_tt { line-height: 1; text-align: center; position: relative; z-index: 1; font-weight: 800;}
.about_wrap .intro_tit .in_tt .t1{ color: #fff; line-height: 1.2; margin-bottom:30px; font-size:3.5em; }
.about_wrap .intro_tit .in_tt .t2{ color: transparent; -webkit-text-stroke: .7px #fff; font-style: italic; font-size:2.5em; }	
.about_wrap .intro_box{background-color:#fff; padding:6em 16em; box-sizing: border-box; line-height: 1.5; margin-top: -5.5em; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: relative;}
.about_wrap .intro_box:after{content:''; width:220px; height: 148px; position: absolute; bottom:2.5em; right:4em; background-image: url("../img/sub/comp_logo.png"); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: .8;}
.about_wrap .intro_box .ab_tt{font-size:2em; font-weight: 600; line-height: 1.4; margin-bottom:40px;}
.about_wrap .intro_box .page_stt2{ margin-top: 30px; font-size:1.3em;}
.about_wrap .intro_box .page_stt2.ceo_name{margin-top:65px;}
.about_wrap .intro_box .page_stt2.ceo_name .tx{letter-spacing: 2px;}
.about_wrap .intro_box .page_stt2.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 15px; font-family: var(--fs_01);}


/*언어관련*/
.en_ver{visibility: hidden !important; height: 0; overflow: hidden;}
.lang_ko .ko_ver{visibility: visible !important; height: inherit; overflow: inherit;}
.lang_ko .en_ver{visibility: hidden !important; height: 0; overflow: hidden;}
.lang_en .en_ver{visibility: visible !important; height: inherit; overflow: inherit;}
.lang_en .ko_ver{visibility: hidden !important; height: 0; overflow: hidden;}

/*en_ver*/
.lang_en #header .gnb_wrap .gnb .depth1{margin:0 20px;}
.lang_en #header .gnb_wrap .gnb .depth1 > ul > .depth2 a{padding:12px 10px; line-height: 1.2;}
.lang_en .about_wrap .intro_box .page_tx.ceo_name .in_name{letter-spacing: 0;}
.lang_en .qly_top .qly_rd_ul .in .t1,
.lang_en .qly_top .qly_rd_ul .in .t2{padding:0 10px;}