@charset "utf-8";

@font-face {
    font-family: 'BookkMyungjo-Bd';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


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


:root{
	--mainColor: #00aacf;
	--subColor: #10237a;
	--fs_01: 'BookkMyungjo-Bd';
}



/*header*/
#header,
.h_wrap,
#header .va_wrap{height:80px;}
#header{background-color:transparent; font-size:16px; z-index: 1000; position: fixed; top: 0; left: 0; width:100%; border-bottom:1px solid rgba(255,255,255,.3);}
#header .h_wrap .h_logo{z-index:10000; line-height: 1;}
#header .h_wrap .h_logo .st2{display:none;}
#header .h_wrap .gnb{flex:auto;}
#header .h_wrap .gnb .depth1{float:none; padding: 0; margin:0 35px; position: relative;}
#header .h_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: 80px; font-weight:500; color:#fff; min-width: inherit; position: relative;}
#header .h_wrap .gnb .depth1 > ul{background:#fff; min-width: 170px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
/*#header .h_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background:var(--subColor); transform: scaleX(0); transition: .3s;}*/
#header .h_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; font-size:1em; padding: 15px 10px; letter-spacing: 0;}
#header .h_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .h_wrap .gnb .depth1:hover ul { max-height:500px;  opacity:1 }
#header .h_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}
#header .h_wrap .gnb .depth1 > a:before{content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height:3px; background-image: linear-gradient(45deg, #a8cc13, #01aacd); transform: scaleX(0); transition: .3s; z-index: 100;}
#header .h_wrap .gnb .depth1:hover > a:before{transform: scaleX(1);}


.scroll #header,
.sub #header{background-color:#fff;}
.scroll #header .h_wrap .h_logo .st1,
.sub #header .h_wrap .h_logo .st1{display:none;}
.scroll #header .h_wrap .h_logo .st2,
.sub #header .h_wrap .h_logo .st2{display:inline-block;}
.scroll #header .h_wrap .gnb .depth1 > a,
.sub #header .h_wrap .gnb .depth1 > a{color:#111;}
.scroll #header .btn_gnb .a_rd,
.sub #header .btn_gnb .a_rd{background-color:#555;} 


/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#555; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid #ccc; border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#555; 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:#aaa!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:#555; 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;}
#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:#00b6f1!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.on .a_rd.a1,
#header .btn_gnb:hover .a_rd.a4,
#header .btn_gnb.on .a_rd.a4{display:none;}
#header .btn_gnb:hover .a_rd.a2,
#header .btn_gnb.on .a_rd.a2,
#header .btn_gnb:hover .a_rd.a3,
#header .btn_gnb.on .a_rd.a3{width:30px; border-radius: 50px;}

/* 전체메뉴 */
.pc_all_menu .gnb_all > li.depth1 > a.dp1{font-size: 2.75em; font-weight: 700; color: #333;}


/*탑버튼*/
.qk_list{position:fixed; bottom:15px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:46px; height: 46px; line-height: 46px; border-radius: 50%; font-size:1.625em; 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*/

/*/f_txt_slide{overflow: hidden;  margin-top:8em;}
.f_txt_slide .in_text{display: flex; white-space: nowrap; transition: 0.4s; font-size: 7em; font-weight: 800; right: 0;}
.f_txt_slide .in_text p{animation: textLoop 20s linear infinite; padding-right: 20px; line-height: 1.1; color: #333; text-transform: uppercase;}
@keyframes textLoop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}

#footer{ padding:50px 0 30px;}
#footer .f_stt{font-size:.938em; color:#666; margin-bottom: 15px;}
#footer .f_stt.mg_st{margin-top:50px;}
#footer .f_info > li{color:#222; margin-right:70px; font-size:1.125em; margin-bottom: 5px;}
#footer .f_info > li .xi{transform: rotate(-45deg); vertical-align: middle; font-size: 1.125em; margin-left: 6px;}
#footer .f_copy{font-size:.875em; color:#aaa; margin-top:40px; letter-spacing: 1px; font-weight: 200;} 
#footer .f_copy span{display:inline-block; width:30px; height: 30px; line-height: 30px; background-color: #333; color:#fff; text-align: center; border-radius: 50%; margin-right:5px;}*/

/*footer*/
.main #pt_footer{margin-top:0;}
#pt_footer{margin-top:9em; padding-top: 56px; background-color: #111; font-size:16px;}
#pt_footer .f_left{width:calc(100% - 250px)}
#pt_footer .f_right{width:250px}
#pt_footer .f_left .f_logo{margin-bottom:30px; opacity: .7;}
#pt_footer .f_left .f_info{margin-bottom: 60px;}
#pt_footer .f_left .f_info > li{font-size: 1em; color:#bbb; margin-right:60px; margin-bottom: 15px; letter-spacing:0px;}
#pt_footer .f_left .f_info > li .st{color: #888; margin-right:10px;}
#pt_footer .f_right .f_link{display: block; font-size: 1em; font-weight: 500; color: #bbb; text-align: right; margin-top: 30px; transition: .3s;}
#pt_footer .f_right .f_link:hover{color: #fff;}
#pt_footer .f_copy{font-size:.875em; font-weight: 300; color:rgb(222 222 222 / 30%); text-align: center; padding: 20px 0; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,.1)}
#pt_footer .site_wrap{ position: relative; margin-bottom: 20px; margin-left:auto; width:180px; }
#pt_footer .site_wrap .siteBtn{ border:1px solid #aaa; background:#111;; color: #999; padding:.8em 2em .8em 2.5em; transition:.3s; font-size:.938em;}
#pt_footer .site_wrap .siteBtn .xi{ margin-left:15px; vertical-align:sub}
#pt_footer .site_wrap .site{position:absolute; left:0; z-index:10; top:0; margin-top:3em; width:100%; background:#fff; /*opacity:0;*/ display: none; visibility:hidden; transition:.3s; border:1px solid #ccc; box-sizing:border-box;}
#pt_footer .site_wrap:hover .site{ /*opacity:1;*/ display: block;  visibility:visible}
#pt_footer .site_wrap .site > li{ border-bottom:1px solid #ddd; text-align: left;}
#pt_footer .site_wrap .site > li:last-child{ border-bottom:0;}
#pt_footer .site_wrap .site > li > a{ display:block; font-size:.875em; padding:.75em 3em .75em 1em; font-weight:300; color:#333; overflow:hidden; position:relative; transition:.3s}
#pt_footer .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
#pt_footer .site_wrap .site > li > a:after{ content:"\e907"; font-family:xeicon!important; position:absolute; right:1em; top:50%; margin-top:-12px; transition:.3s}
#pt_footer .site_wrap:hover .siteBtn,
#pt_footer .site_wrap .site > li:hover > a{ background:#444; border-color:transparent; color:#fff; opacity:1}




/*서브 비주얼*/
/*.sub_v_wrap{position: relative; margin-top:150px; margin-bottom: 60px}
#sub_visual{}
#sub_visual .bgfix{width:0%; height: 370px;transition:1s;}
#sub_visual .sub_v_stt{ font-weight: 700; color:var(--mainColor); margin-bottom: 30px; z-index: 10; opacity:0; transition:1s;} 
#sub_visual .sub_v_stt .bar{width:30px; height: 1px; background-color: var(--mainColor); display: inline-block; opacity: .5; margin-left:10px;}
#sub_visual .sub_v_tit{ font-weight: 700; font-size:3em; z-index: 10; line-height: 1.3; opacity:0; transition:1s;}  
.load #sub_visual .bgfix{background-attachment: fixed; width:100%; background-position: center top;}
.load #sub_visual .sub_v_stt{ opacity:1}
.load #sub_visual .sub_v_tit{ opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/v_02.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/v_02.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/v_02.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/v_02.jpg);}*/

/*snb*/
/*#snb {  z-index: 10; opacity: 0; transition: 1.5s;}
#snb .snb_list > li{position:relative; font-size:.875em; color:#333;}
#snb .snb_list > li:not(:last-child):before{content:'\e940'; font-family: 'xeicon'; position: absolute; top: 50%; transform: translateY(-50%); right:-30px;}
#snb .snb_list .sdp1 a{display:block;  height: 55px; line-height: 55px; border-radius: 50%; text-align:center; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; margin-left:50px; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ font-size:1.125em; font-weight: 500;}
#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; display:none;}
#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;}*/

/*
#snb_tab {margin-top:40px; border-bottom:1px solid #ddd;}
#snb_tab .snb_list .sdp_list > li a{color:#666; margin-right:60px; padding:17px 5px; display: block; font-size:1.125em;}
#snb_tab .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500; position: relative; border-bottom:3px solid var(--mainColor);}
#snb_tab .snb_list .sdp_list > li.on a{}*/

/*서브 비주얼*/
.sub_v_wrap{position: relative;}
#sub_visual{height:430px; position: relative; overflow: hidden;}
#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;}
#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_01.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_01.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*/

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; 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;} 


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

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; 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;}


/**/
.page_tt{font-size:1.825em; font-weight: 600;}
.page_stt{font-size:1.45em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300;}
.page_stx{font-size:1em; font-weight: 300;}



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

/*메인 비주얼*/
/*.mainSlider{position:relative; margin-top:var(--header_H); overflow:hidden} 
.mainSlider .el{ height:calc(100vh - (var(--header_H) + 30px)); position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; right:0; top:50%; transform: translateY(-50%); width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition: 1.5s; transition-delay: 2s;}
.load .mainSlider .el .bg{width:100%; }
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -60%); color:#222;}
.load .mainSlider .slogan{color:#fff; transition-delay: 2s;}
.mainSlider .slogan > *{width:40%;}
.mainSlider .slogan .t1{ font-size:3.875em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.75em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .slogan .t3{ font-size:1.068em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:20px;}
.mainSlider .el.swiper-slide-active .bg{ }
.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:.5s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}

.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: 4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: .5s; transition-delay: 1s;}
.load .scroll_wrap{opacity: 1;}

.rs_btn{ width:118px; height: 118px; line-height: 118px; text-align: center; position: relative;}
.rs_btn:before{content: ''; width: 100%; height: 100%;background-image: url(../img/main/scroll_txt.png); position: absolute;  top: 0; left: 0; animation: rs_scroll 15s infinite linear;}
.rs_btn .xi{color:#fff; font-size: 1.25em; width:75px; height: 75px; line-height: 75px; text-align: center; background-color:var(--mainColor); border-radius: 50%;}
@keyframes rs_scroll{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}*/

/*메인 비주얼*/
.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%, -60%); color:#fff;}
.mainSlider .slogan .t1{ font-size:3.625em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; margin-bottom: 5px; line-height: 1.3;}
.mainSlider .slogan .t2{ font-size:1.5em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.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:70px; 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; font-weight: 500; 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.813em; text-align: center; letter-spacing: 3px; font-weight: 200;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 55px; background: rgba(255,255,255,.3); margin: 10px auto 0; position: relative; overflow: hidden;}
.scroll_wrap .scroll_bar {width:1px; height: 21px; background: #fff; animation: box-ani 2s linear infinite backwards;}

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


/*메인 샘플용 css*/
.main_section{padding:7em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 40px;}
.main_tit .in_en{ font-size:1.5em; margin-bottom: 10px;}
.main_tit .in_tt{ font-size:2.437em; color:#111; line-height: 1.3;}
.main_more{text-align:center;}
.main_more a{display: inline-block; padding:13px 50px; border:1px solid #ccc; transition: .3s; color:#888; font-size:1.125em; border-radius: 50px; margin-top: 40px;}.main_more a:hover{border-color:var(--maincolor); background-color:var(--mainColor); color:#fff;}
.map_box .in_map{width:calc(100% - 370px);}
.map_box .in_map .wrap_map{border-bottom:1px solid #ddd;}
.map_box .in_map .root_daum_roughmap .wrap_controllers{display:none;}
.map_box .in_info{width:370px; padding-left:25px;}
.map_box .in_info .info_box{border:1px solid #ddd; padding:50px 40px; height: 100%;}
.map_box .in_info .info_box .icon{font-size:3em; color:#ddd; line-height: 1;}
.map_box .in_info .info_box .tt{font-size:1.5em; font-weight: 600; color:#222; margin-top:5px;}
.map_box .in_info .info_box .line{width:30px; height: 1px; background-color:var(--mainColor); margin:30px 0; }
.map_box .in_info .info_box .info_list > li{margin-bottom:13px; line-height: 1.5; color: #444; font-size:1.068em;}
.map_box .in_info .info_box .info_list > li:last-child{margin-bottom:0px;}



/* 사업영역 */
.main_bus{padding:110px 0 220px; background-image: linear-gradient(0deg, #f9f9f9 46%, #fff 45%);}
.main_bus .bus_slide{position:relative;}
.main_bus .bus_slide .in .txt_z{color:#333; font-weight: 700; font-size:1.625em; margin-bottom:20px;}
.main_bus .bus_slide .in .img_z{height:365px; position: relative; overflow: hidden;}
.main_bus .bus_slide .in .img_z .bgfix{position: absolute; top: 0; left: 0; width:100%; height: 100%; transition: .3s; transform: scale(1);}
.main_bus .bus_slide .in:hover .img_z .bgfix{ transform: scale(1.1);}
.main_bus .bus_control{width:100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.main_bus .bus_control .in-btn{ font-size:1.5em; width:64px; height: 64px; line-height: 64px; text-align: center; border:1px solid #ccc; background: #fff; border-radius: 50%; color:#ccc; cursor: pointer; transition: .3s;}
.main_bus .bus_control .in-btn:hover{background-color:var(--subColor); border-color:var(--subColor); color:#fff;}
.main_bus .bus_control .in-prev{margin-left:-95px;}
.main_bus .bus_control .in-next{margin-right:-95px;}
.main_bus .bus_pagen {width:100%;height: 4px; background: #ddd; position: relative; margin-top:60px;}
.main_bus .bus_pagen .swiper-pagination-progressbar-fill{background: var(--subColor); }

/* 회사소개 */
.main_about{padding-bottom:120px; position: relative;} 
.main_about .bg{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 880px; z-index: -1}
.main_about .abo_logo{position: absolute; bottom:25%; left:0;}
.main_about .main_tit{width:calc(100% - 700px); /*position: sticky; top: 180px; left: 0;*/ margin-top: 170px;}
.main_about .main_tit .in_tt{ color: #fff}
.main_about .about_con{width:700px;}
.main_about .about_list{margin-top: -90px; margin-left:-50px;}
.main_about .about_list > li{width:50%; float:left;}
.main_about .about_list > li:first-child{margin-top:0px!important;}
.main_about .about_list > li:nth-child(2){margin-top:180px!important;}
.main_about .about_list > li:nth-child(2n){margin-top:50px;}
.main_about .about_list > li:nth-child(2n+1){margin-top:-130px;}
/*.main_about .about_list > li:first-child{margin-top:-50px!important;}
.main_about .about_list > li:nth-child(2){margin-top: -240px;}
.main_about .about_list > li:nth-child(2n){margin-top:-230px;}
.main_about .about_list > li:nth-child(2n+1){margin-top:50px;}*/
.main_about .about_list > li .in{margin-left:50px; position: relative; overflow: hidden;}
.main_about .about_list > li .in .in_box{position:absolute; top: 0; left: 0; width:100%; height: 100%; padding:40px; text-align: center; transition: .3s;}
.main_about .about_list > li .in .in_box .vc_wrap{width: 100%;}
.main_about .about_list > li .in .in_box .abo_icon{margin-bottom: 5px;}
.main_about .about_list > li .in .in_box .in_tt{color:#fff; font-size:1.625em; font-weight: 700; line-height: 1;}
.main_about .about_list > li .in .in_box .more_btn{width:40px; height: 40px; line-height: 40px; font-size:1.25em; color: #fff; border: 1px solid #fff; border-radius: 50%; text-align: center; transition:.3s;}
.main_about .about_list > li .in:hover .more_btn{ background: var(--subColor); border-color:var(--subColor);}

/* 커뮤니티 */
.main_community{padding: 35px 0 90px; overflow: hidden;}
.main_community .main_tit .xi{font-size: 2.375em; color: #aaa;}
.main_community .community_cont{width: 100%;}



/* 메인 공지사항 */
.main_notice{padding: 35px 0 130px;}
.main_notice .notice_cont{}
.main_notice .notice_cont .in_box{width: 50%;}
.main_notice .notice_cont .in_box{padding-right: 20px;}
.main_notice .notice_cont .in_box.st{padding-left: 20px; padding-right: 0px; }
.main_notice .notice_cont .in_box .ti{font-size: 2.437em; font-weight: 600; color: #111; margin-bottom: 35px;}
.main_notice .notice_cont .in_box .ti .xi{color: #aaa;}


/* 문의하기 */
.main_inquiry{padding: 130px 0 140px;}
.main_inquiry .main_tit .in_tt{ color: #fff}
.main_inquiry .inq_btn{width: 180px; height: 54px; line-height: 54px; border: 1px solid #fff; color: #fff; padding: 0 30px; margin-top: 50px; transition: .3s;}
.main_inquiry .inq_btn:hover{background: #fff; color: var(--subColor);}


/*인사말*/
.intro_tit{padding: 7em 0 9em;}
.intro_tit .in_tt { font-weight: 900; line-height: 1; text-align: center;}
.intro_tit .in_tt .t1{ color: transparent; -webkit-text-stroke: 1px #fff; font-style: italic; line-height: 1.2; margin-bottom:15px; font-size:3.825em; }
.intro_tit .in_tt .t2{ color: #fff; font-style: italic; font-size:2.375em;}	
.intro_box{background-color:#fff; padding:5em 9em 6em; box-sizing: border-box; font-size: 1.15em; line-height: 1.8; margin-top: -5em; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.intro_box .stt{font-size:1.25em; font-weight: 400; line-height: 1.2; margin-bottom: 40px;}
.intro_box .stt .fwB{font-size:1.25em; margin-bottom: 30px;}
.intro_box .tx{ margin-top: 25px; font-weight: 300; font-size: .938em; line-height: 1.5;}
	

/*오시는길*/
.location_box{ margin: 0 auto; padding: 0 1em;}
.location_box .map_tw{padding-bottom:1em; font-size:1.5em;}
.location_box .map_tw .xi{ width: 44px; height: 44px; background: var(--mainColor); border-radius: 50%; line-height: 44px; margin-right: 10px; font-size:.938em; color:#fff;}
.location_box .map_view{ border-top:3px solid var(--mainColor); box-shadow: 0 0.25em 0.5em rgba(0,0,0,.2); transition: .3s;  padding: 1em; border-radius: 0 0 1em 1em;}
.location_box .map_view .tt {padding-bottom:10px; font-size:1.125em; color:#333; letter-spacing:-2px; vertical-align:middle;}
.location_box .map_view .xi {vertical-align:middle; font-size:1.125em; padding-right:5px;}
.location_box .map_view .map_cont iframe{width:100%;}
.location_box .info_list{margin-right:-25px; margin-top:40px;}
.location_box .info_list > li{width:25%;}	
.location_box .info_list > li .in{height:100%; border:1px solid #ddd; margin-right:25px; padding:35px 30px 90px; position: relative;}	
.location_box .info_list > li .in:before{content:''; width:40px; height: 2px; background-color:var(--mainColor); position: absolute; top: -1px; left:25px;}
.location_box .info_list > li .in .tx{font-size:1.068em; margin-top:10px; color:#333; font-weight: 300; position: relative; z-index: 5;}
.location_box .info_list > li .in .icon{position:absolute; bottom:15px; right:20px;}
.location_box .info_list > li .in .icon .xi{color:#eee; font-size:3.375em;}

/*연혁*/
.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:var(--mainColor); transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid var(--mainColor); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:2em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year_tt{ margin-bottom: .5em;}
.history_wrap .history > li .year_tt .wrap_in{ position:relative; overflow:hidden;}
.history_wrap .history > li .year_tt .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.375em; font-weight:bold; color:var(--mainColor); font-family: 'LeferiPoint-SpecialA';}
.history_wrap .history > li .year_tt .tt:before{ content:""; position:absolute; right:100%; top:50%; margin-top:-7px; width:100%; border-top:2px dotted #aaa}
/*.history_wrap .history > li .year_tt .tt:after{ content:"'"; font-weight:400; font-style:italic} */ 
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .detail > li .tt:after{ display: block; clear: both; content: '';}
.history_wrap .history > li .list .ynm{ color: #999; font-weight: 600; font-size: 1.125em; margin-right: 13px; float: left;}
.history_wrap .history > li .list .tx{float: left; width: calc(100% - 70px);}
.history_wrap .history > li .list .detail{ width: 100%;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#444;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.7em; width:.75em; border-top:2px solid #aaa}
.history_wrap .history > li:nth-child(2n) .year_tt{ justify-content:flex-end; text-align:right}
.history_wrap .history > li:nth-child(2n) .year_tt .tt:before{ right:auto; left:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}
.history_wrap .history > li:nth-child(2n) .list .ynm{ float: right; margin-left: 13px; margin-right: 0;}
.history_wrap .history > li:nth-child(2n) .list .tx{ float: right;}





.his_02_01 .sub_history_img { text-align:center; }
.his_02_01 .sub_history_tit{ text-align:center; padding:80px 0;}
.his_02_01 .sub_history_tit .t1{ font-size:2.625em; color:#fff;}
.his_02_01 .sub_history_tit .t2{ color:#fff; margin-top:10px; font-size:1.125em; font-weight: 300;}
.his_02_01 .sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.his_02_01 .sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:-40px}
.his_02_01 .sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.his_02_01 .sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.his_02_01 .sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-42px; width:10px; height:10px; background:var(--mainColor); border-radius:100%;}
.his_02_01 .sub_history_wrap .sub_history > li .history .year{ font-size:1.9em; font-weight:600; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.4; margin-bottom:15px; font-family:notokrM, sans-serif; vertical-align:middle;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.his_02_01 .sub_history_wrap .sub_history > li .history .list .month{ min-width:50px; display:inline-block; color:var(--mainColor); font-weight: 700;}

.about_03_01 .ceo_wrap .page_tt{margin: 20px 0; position: relative;}
.about_03_01 .ceo_wrap .page_tt:before{content:''; background-image: url("../img/sub/q_icon01.svg"); width:50px; height: 38px; background-repeat: no-repeat; background-position: center; position: absolute; top: -10px; left: 0;}
.about_03_01 .ceo_wrap .page_tt:after{content:''; background-image: url("../img/sub/q_icon02.svg"); width:50px; height: 38px; background-repeat: no-repeat; background-position: center; position: absolute; bottom: -10px; right: 0;}
.about_03_01 .ceo_wrap .ceo_img{height:360px; width:100%; background-color:#aaa; margin-top: 70px; transition: 1s}
.about_03_01 .ceo_wrap .ceo_tbox{margin-top:70px;}
.about_03_01 .ceo_wrap .ceo_tbox .ceo_stt{width:40%; padding-right:20px;}
.about_03_01 .ceo_wrap .ceo_tbox .ceo_txt{width:60%;}
.about_03_01 .ceo_wrap .ceo_txt .page_tx:not(:first-child){margin-top:30px;}
.about_03_01 .ceo_wrap .ceo_tbox .ceo_txt .page_tx.ceo_name{font-weight: 600; font-size:1.125em; margin-top:50px;}
.about_03_01 .ceo_wrap .ceo_tbox .ceo_txt .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_03_01 .ceo_wrap .ceo_tbox .ceo_txt .page_tx.ceo_name .in_name{font-family: var(--fs_01); font-size:2em; font-weight: normal; margin-left:15px; letter-spacing: 5px;}


.ser_wrap .page_stt{font-weight: 600; color: #111; margin-bottom: 10px; margin-top: 2em;}
.ser_wrap .ser_box{padding: 4em 0em; border-bottom: 1px solid #ddd;}
.ser_wrap .ser_box .page_tt{margin-bottom: 10px}
.ser_wrap .table_box .ti{font-size: 1.125em; font-weight: 700; color: #222; margin-top: 2em; margin-bottom: 10px; margin-left: 20px; position: relative;}
.ser_wrap .table_box .ti:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background: var(--subColor);position: absolute;top: 10px;left: -20px;}
.ser_wrap .table_box .ti span{font-size: .7272em; font-weight: 400; color: #fff; line-height: 1; padding: 6px 10px; background: var(--subColor); border-radius: 30px; margin-left: 10px;}
.ser_wrap .img_z{width: 100%; height: 300px; margin-bottom: 20px;}
.dot_list{margin: 0!important; text-align: left;  border: 1px solid #ddd; padding: 20px;}
.dot_list > li{line-height: 1.8; font-size: 1em; color: #222; position: relative; padding-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor); margin-bottom: 10px;}
.table_st th,
.table_st td{padding: .5em .8em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1em; font-weight: 500;}
.table_st td{color:#333;}
.table_st .co_1{background: #f9f9f9;}
.table_st .co_2{background: var(--mainColor); color: #fff;}
.table_info{display: none;}
.required, textarea.required{background-image: url(/img/require.png) !important;background-repeat: no-repeat !important;background-position: right top !important;}
.num_list{margin: 0!important; border: 1px solid #ddd; padding: 20px;}
.num_list > li{line-height: 1.6; font-size: 1em; color: #222; position: relative; padding-left: 10px;}
.num_list > li .st_01{font-size: 1.125em; font-weight: 600; margin-right: 5px;}
.num_list > li .st_02{font-size: .75em; font-weight: 600; text-align: center; display: inline-block; width: 22px; height: 22px;line-height: 20px; border: 2px solid #333; border-radius: 50%;}
	
.bus_01_01{padding-bottom: 4em; border-bottom: 1px solid #ddd;}
.bus_01_01 .in_img{width:100%; height: 300px; margin-bottom: 40px; margin-top: 10px;}
.bus_01_01 .bus_list{margin-right:-20px;}
.bus_01_01 .bus_list > li{width:25%;}
.bus_01_01 .bus_list > li .in{margin-right:20px;}
.bus_01_01 .bus_list > li .in .page_stt{padding-bottom:12px; margin-bottom:20px; color: #333; position: relative;}
.bus_01_01 .bus_list > li .in .page_stt:before{content: ''; display: block; width: 100%; height: 2px; background-image: linear-gradient(45deg, var(--mainColor)); position: absolute; bottom: 0; left: 0;}
.bus_01_01 .bus_list > li .in ul.page_stx > li{ position: relative; padding-left:15px; margin-bottom: 5px;}
.bus_01_01 .bus_list > li .in ul.page_stx > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color: #ddd; position: absolute; top:9px; left: 0;}

.sup_list{margin-top: 10px; margin-right: -2em; margin-bottom: 4em; border-bottom: 1px solid #ddd;}
.sup_list > li{width:50%; height: 100%; margin-bottom: 4em;}
.sup_list > li .in{margin-right: 2em;}
.sup_list > li .in .in_img{width: 100%; height: 300px; margin-bottom:20px;}
.sup_list > li .in .page_stt{margin-bottom: 15px;}

.sp_list > li{display: flex; margin-bottom: 6px;}
.sp_list > li .bg_01{display: inline-block; min-width:100px;; height: 34px; line-height: 34px; border-radius: 30px; background: #eee; color: #666; text-align: center; font-size: .937em; font-weight: 500; margin-right: 15px;}
.sp_list > li .bg_02{font-size: .937em; font-weight: 600; color: var(--subColor); padding: 4px 10px;}