@charset "utf-8";


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

:root { 
    --mainColor:#2a4139;
    --subColor: #1b7e5b;
    --bor_r:5px;
	--item_r:35px;
	--header_H:80px;
	--fs_01: ;
	
}




#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%; background-color:transparent;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{margin-right: auto;z-index:800;}
#header #logo img{display:block;}
#header #logo .logo_h{display: none;}
#header #logo .logo_f{display: block;}
/*#header .gnb_wrap{margin:0 auto;}*/
#header .gnb_wrap .gnb .depth1{margin:0 25px; position: relative;} 
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:600; color:#fff; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; 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 .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#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 .bar_i{width:26px; height: 2px; background:#fff; margin:6px 0; display: block; transition:.3s;}
#header .btn_gnb .bar_i.n_02{width:18px; margin-left:auto;}
#header .btn_gnb:hover .bar_i.n_02{width:26px;}

.pc_all_menu .gnb_all > li.depth1 > a.dp1{width: 400px; font-size: 3em; font-weight: 600; line-height: inherit; position: relative;}
.pc_all_menu .gnb_all > li.depth1 .dp2_menu > li a:after{height: 6px;}

#header .btn_gnb.on .bar_i{background: #333;}
#header .btn_gnb.on .bar_i.n_02{display:none;}
#header .btn_gnb.on .bar_i:nth-child(1){position: absolute; top: 35%; left: 2px; transform:translateY(-50%) rotate(45deg)}
#header .btn_gnb.on .bar_i:nth-child(3){position: absolute; top: 35%; right: 2px; transform:translateY(-50%) rotate(-45deg)}





/*스크롤 header*/
.scroll #header{background-color:#fff; border-bottom:1px solid #ddd;}
.scroll #header #logo .logo_h{display: block !important;}
.scroll #header #logo .logo_f{display: none !important;}
.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.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 .bar_i{background: #333;}

/*탑버튼*/
.qk_list{position: fixed; bottom:20px; right: 26px;z-index: 100;font-size: 16px;}
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 50%; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_call{background-color: var(--subColor);}
.qk_list li .qk_call:hover{width:210px; border-radius: 50px;}
.qk_list li .qk_inq .xi{font-size:.85em;}
.qk_list li .qk_inq .stx{font-size:.7em;}
.qk_list li .qk_inq:hover{width:140px; border-radius: 50px;}
.qk_list li .qk_down{background-color: #1dbdd5}
.qk_list li .qk_down .stx{font-size:.7em;}	
.qk_list li .qk_down:hover{width:210px; border-radius: 50px;}

/*footer*/
.main #footer{margin-top: 0;}
#footer{background-color:var(--mainColor); margin-top:8em;}
#footer .f_info > li{color:#ddd; font-weight: 200; margin-right:30px; line-height: 1.6; font-size:1em;}
#footer .f_copy{font-size:1em; font-weight: 300; color:#ddd; text-align: center; letter-spacing: .5px; padding: 25px 0; border-top: 1px solid #dddddd33;}

#footer .f_list {padding: 45px 0 50px;}
#footer .f_list .f_logo{margin-right: 115px;}
#footer .f_list .f_info{margin-left: 35px;}
#footer .f_list .f_tel{font-size: 1.875em; font-weight: 700; color: #fff; padding-left: 35px; border-left: 1px solid #dddddd33;}
#footer .f_list .f_tel .xi{font-size: 26px; text-align: center; width: 46px; height: 46px; line-height: 46px; background-color: #fff; border-radius: 50%; color: var(--mainColor); margin-right: 5px;}

/*서브 비주얼*/
.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);}

/*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;} 

/*개인정보&이용약관*/
.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:45%; left:50%; transform: translate(-50%, -50%); text-align: center; color:#fff;}
.mainSlider .slogan .t1{ font-size:4.5em;font-weight: 700; display:block; transform:translateY(1em); opacity:0; margin-bottom: 5px; line-height: 1;}
.mainSlider .slogan .t2{ font-size:1.375em; font-weight: 400; transform:translateY(1em); opacity:0; line-height: 1.6; margin-top:25px;}
.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}

.main_control .btn_st{font-size: 5.25em; color: #fff; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; cursor: pointer; transition: .3s;} 
.main_control .btn_st:hover{opacity: 1;}
.main_control .b_prev{left:5%;}
.main_control .b_next{right:5%;}

.mainSlider .mainSlider-pagination{ position: absolute; left:50%; top:63%; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:10px; height:10px; margin: 0 4px; border-radius: 20px; background:#fff; opacity: 1; transition: .3s;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{width: 50px; background: var(--subColor);} 
.scroll_wrap{position: absolute; bottom: 0; left:0;width:100%; z-index: 10; display: none;}
.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: #fff; margin: 5px auto 0; position: relative;}
.scroll_wrap .scroll_bar {width:5px; height: 5px; background: #fff; animation: box-ani 2s linear infinite backwards; margin-left:-5px; border-radius: 50%;}

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


/*메인 샘플용 css*/
.main_section{padding:9.375em 0;}
.main_section_bg{background-color: #f9f9f9;}
.main_tit{ margin-bottom: 45px;}
.main_tit .in_en{ font-size:1.125em; font-weight: 700; margin-bottom: 30px; margin-left: 30px; position: relative;}
.main_tit .in_en:before{content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--mainColor); position: absolute; top: 8px; left: -30px;}
.main_tit .in_tt{ font-size:2.625em; font-weight: 700; color:#000; line-height: 1.3; position: relative; display: inline-block;}
.main_tit .in_tx{ font-size:1.25em; color:#333; font-weight: 400; line-height: 1.6; margin-top: 20px;}

.main_more{}
.main_more a{background:var(--mainColor); color:#fff; font-size:1.25em; text-align: center; border-radius: 50px; width: auto; height: 60px; padding: 0 25px; margin-left: 10px; transition: .3s;}
.main_more a:hover{background-color:var(--subColor);}
.main_more a .xi{font-size: 1.3em; margin-left: 30px;} 



/**/
.tab_idx{ margin:-1em 0 3em -1em;}
.tab_idx > li{flex:1 14%;}
.tab_idx > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; border-radius: var(--bor_r); 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:#fff; border-color:var(--subColor); background: var(--subColor);}

/**/
.nm_page_tt{font-size:1.5em; text-align: center; margin:80px auto 30px;}
.nm_page_tt .nmb{width:50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: var(--mainColor); display: inline-block; color:#fff; margin-right:5px;}
.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;}
.page_st .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; margin:0 4px; opacity: .5; transition: .3s;}
.page_st .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px; background: #fff;opacity: 1; border-radius: 10px;}
.pg_wrap .pg_page.pg_end{background: url('/../img/btn_end.gif') no-repeat 50% 50%!important;}
.pg_wrap .pg_page.pg_start{background: url('/../img/btn_first.gif') no-repeat 50% 50%}
.chk_box input[type="checkbox"]:checked + label span{background: url(../img/chk.png) no-repeat 50% 50% var(--mainColor)!important;}

/* 시설안내 */
.main_facilities{padding:9.375em 0 5em; overflow: hidden;}
.main_facilities .fac_tit{margin-bottom: 45px;}
.main_facilities .main_tit .in_en{color: #fff;}
.main_facilities .main_tit .in_en:before{background: #fff;}
.main_facilities .main_tit .in_tt{color: #fff;}
.main_facilities .in{border-radius: var(--item_r); overflow: hidden; height: 480px;}
.main_facilities .swiper-container{overflow: inherit;}
.main_facilities .facilities-pagination{text-align: center; margin-top: 35px;}
.main_facilities .fac_control .btn_st{width: 46px; height: 46px; line-height: 46px; text-align: center; border: 1px solid #fff; border-radius: 50%; font-size: 1.125em; color: #fff; margin-left: 10px; transition: .3s;}
.main_facilities .fac_control .btn_st:hover{background: #fff; color: var(--mainColor);}


/* 이용안내 */
.main_infomation{}
.main_infomation .info_list{margin-top: 50px; margin-right: -40px; }
.main_infomation .info_list > li{width: 50%;}
.main_infomation .info_list > li .in{display: block; height: 415px; border-radius: var(--item_r); margin-right: 40px; position: relative;}
.main_infomation .info_list > li .in .more_btn{background:var(--mainColor); color:#fff; font-size:1em; text-align: center; border-radius: 30px; width: 135px; height: 40px; line-height: 40px; padding: 0 20px; position: absolute; top: 50px; right: 50px; transition: .3s;}
.main_infomation .info_list > li .in:hover .more_btn{background-color:var(--subColor);}
.main_infomation .info_list > li .in .more_btn .xi{font-size: 1.125em; line-height: 1;}
.main_infomation .info_list > li .in .txt_z{padding: 45px 50px; color: #fff;}
.main_infomation .info_list > li .in .txt_z .ti{font-size: 1.875em; font-weight: 700; margin-bottom: 10px;}
.main_infomation .info_list > li .in .txt_z .tt{font-size: 1.125em;}


/* 오시는길 */
.main_location{padding:140px 0 170px; margin: 0;}
.main_location .loc_box .map_z .root_daum_roughmap_landing{border-radius: var(--item_r);}
.main_location .loc_box .map_z{width:50%; padding-left:30px;}
.main_location .loc_box .map_z .root_daum_roughmap .wrap_controllers{display:none;}
.main_location .loc_box .info_z{width:50%;}
.main_location .loc_box .info_z .ti{font-size:1.5em; font-weight: 800; padding-bottom: 20px; margin-bottom: 15px; position: relative; display: inline-block; margin-top: 20px;}
.main_location .loc_box .info_z .ti:before{ content:''; position: absolute; bottom:0; left: 0;  width:80%; height: 1px; background-color: #333;}
.main_location .loc_box .info_z .tt{font-size: 1.375em; color:#333; margin-bottom: 15px; display: flex; align-items: center;}
.main_location .loc_box .info_z .tt .xi{font-size: 1.181em; width: 46px; height: 46px; line-height: 46px; text-align: center; display: block; background: #ab9c8d;border-radius: 50%; color: #fff; margin-right: 10px;}
.main_location .loc_box .info_z .tt .tel{font-size: 1.363em;}
.main_location .loc_box .info_z .tt span.fwB{display: block;width: 70px;}
.root_daum_roughmap .cont .section.lst{display: none;}



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


/* 공통 */
.dot_list{padding: 0!important; margin: 0!important;}
.dot_list > li{line-height: 1.8; font-size: 1em; color: #222; position: relative; margin-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 50%; position: absolute; top: 10px; left: -10px;}
.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;}

 /* 이용안내 */
.gui_wrap .page_tt{margin-bottom: 10px;}
.gui_wrap .stt{font-size: 1.125em; margin-bottom: 20px; text-align: center;}
.gui_wrap .gui_list{margin-right: -20px; margin: 20px -20px 20px 0;}
.gui_wrap .gui_list > li{width: 25%}
.gui_wrap .gui_list > li .in{height: 100%; text-align: center; border-radius: var(--item_r); background:#f9f9f9; padding:3em 2em; margin-right: 20px;}
.gui_wrap .gui_list > li .in span{display: inline-block; font-size: .937em; color: #fff;padding: 2px 15px; margin-right: 5px; background: var(--mainColor); border-radius: 30px;}
.gui_wrap .gui_list > li .in .icon{width: 130px; height: 130px; line-height: 130px;background: #fff; border:3px solid #ddd; border-radius: 50%; margin: 0 auto 20px;}
.gui_wrap .gui_list > li .in .ti{font-size: 1em; font-weight: 600; color: var(--subColor);}
.gui_wrap .gui_list > li .in .tt{font-size: 1.25em; font-weight: 700; margin-top: 5px;}
.gui_wrap .gui_list > li .in .txt{font-size: 1.125em; font-weight: 700; color: var(--subColor); margin-bottom: 10px; }
 
/* 회원요금 */
.ser_wrap{}
.ser_wrap .ser_box{padding: 2em 1.5em; border-bottom: 1px solid #ddd;}
.ser_wrap .ser_box .page_tt{margin-bottom: 20px}
.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; border-radius: var(--item_r); background: #aaa;}

/* 찾아오시는 길 */
.location_info {padding:0 1em;}
.location_info .map_cont{border: 1px solid #ddd; border-radius: 25px; overflow: hidden;}
.location_info .info_box {border: 1px solid #eee; border-radius: 25px; padding: 2em; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-top:20px;}
.location_info .info_box ul > li{width:33.33%;}
.location_info .info_box ul > li:first-child{width:100%;  margin-bottom: 15px;}
.location_info .info_box ul > li .xi {color: #fff; box-sizing: border-box; margin-right: .5em; text-align: center; font-size:1.068em; width:42px; height: 42px; line-height: 42px; border-radius: 50%; background-color: var(--subColor);}	
.location_info .root_daum_roughmap .wrap_controllers{display: none;}


/* 시설안내 */
.tab_wrap_st{margin-bottom: 2em;}
.tab_wrap_st .tab_idx{margin:1em 0 3em -1em}
.tab_wrap_st > li{flex:1 16%;}
.tab_wrap_st > li a{padding: 0 1em;height: 3em;border: 1px solid #ddd;margin: 1em 0 0 1em;color: #666;transition: .3s;font-size:1.125em; font-weight:600;border-radius: 30px;}
.tab_wrap_st > li a:hover{color:var(--subColor); border-color:var(--subColor);}
.tab_wrap_st > li.on a{box-shadow: 0 0 1em .125em rgba(0, 0, 0, .05);border-color: var(--subColor);color: #fff; background-color: var(--subColor)}

.fac_wrap{position: relative; overflow: hidden;} 
.fac_wrap .item .ti{font-size: 1.25em;color: #333; position: absolute; top: -40px; left: 0;}
.fac_wrap .slider_for  {width:100%;}
.fac_wrap .slider_for .item{}
.fac_wrap .slider_for .item .img_wrap{position:relative;}
.fac_wrap .slider_for .item .img_wrap .resize{ background:#fff;;}
.fac_wrap .slider_for .item .img_wrap .resize .re.va_wrap{ box-sizing: border-box;}
.fac_wrap .slider_for .item .img_wrap .tt{margin-bottom:15px; display: none}
.fac_wrap .slider_for .item .img_wrap img{display: inline-block!important; height: 550px; border-radius: var(--item_r);}

.fac_wrap .slider_nav{overflow: hidden;margin-right: -10px;}
.fac_wrap .slider_nav .slick-track{display: flex; }
.fac_wrap .slider_nav .slick-track .slick-slide{width: auto!important;}
.fac_wrap .slider_nav .slick-current.item .in{opacity: 1; border:3px solid var(--subColor)}
.fac_wrap .slider_nav .item .in{margin-right: 10px; border-radius: 20px; opacity: .5; overflow: hidden;}
.fac_wrap .page_viewB{margin-top: 10px;}
.fac_wrap .control_arrow{margin-bottom: 10px;}
.fac_wrap .control_arrow ul li{font-size: 1.125em;color: #ddd;text-align: center; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; background: var(--mainColor);transition: .3s;}
.fac_wrap .control_arrow ul li:hover{background: var(--subColor);}
.fac_wrap .control_arrow .prev{margin-right: 10px;}

.slick-list{overflow: inherit!important;}
.slick-slide img{ height: 100%;width: 100%;object-fit: cover;}
.fac_wrap .page_viewWrap .slider_for .item .img_wrap .tt{font-size: 1.25em;font-weight: 700;margin: 2em 0}






/* 임직원 인사말 */
.cos_intro > li{ margin-bottom:5em;}
.cos_intro > li:last-child{ margin-bottom:0;}
.cos_intro > li .in .img_z{width:50%; padding-right:4.5em; } 
.cos_intro > li .in .img_z .bgfix{height: 600px; border-radius: var(--item_r); box-shadow: 3px 2px 7px rgb(0 0 0 / 10%);}
.cos_intro > li .in .txt_z{width:50%; padding:5em 0 5em 4.5em;}
.cos_intro > li .in .txt_z .tt{font-family: var(--fs_01); font-size: 2.5em; font-weight: 700; margin-bottom:20px; color: #222; line-height: 1.4; letter-spacing: 1px; position: relative;}
.cos_intro > li .in .txt_z .tt:before{content: ''; display: block; width: 30px; height: 30px; border:2px solid #ddd; border-radius: 5px; position: absolute; top: -10px; left: -20px; z-index: -1;}
.cos_intro > li .in .txt_z .page_stt{color: #222; margin-bottom: 35px; font-weight: 600;}
.cos_intro > li .in .txt_z .page_tx{ margin-bottom:15px;}
.cos_intro > li .in .txt_z .page_tx.ceo_name{margin-top:55px; font-weight: 600}
.cos_intro > li .in.rev .img_z{padding-right:0; padding-left:4.5em;}
.cos_intro > li .in.rev .txt_z{padding-left:0; padding-right:4.5em;}

/* 연혁 */
.sub_history_img { text-align:center; }
.sub_history_tit{ text-align:center; padding:100px 0; border-radius: var(--item_r);}
.sub_history_tit .t1{ font-family: var(--fs_01); font-size:3em; font-weight: 400; color:#fff; line-height: 1;}
.sub_history_tit .t2{ color:#fff; font-size:1.25em; font-weight: 600; margin-bottom: 20px;}
.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:81px; height:100%; margin-left:1px; top:-40px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:15px;  left:-42px; width:10px; height:10px; background:var(--mainColor); border-radius:3px;}
.sub_history_wrap .sub_history > li .history .year{ font-family: var(--fs_01); font-size:2.25em; color:var(--mainColor); position:relative; z-index:inherit; letter-spacing:-1px;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.8; margin-bottom:15px; font-family:notokrM, sans-serif; vertical-align:middle;}
.sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:10px;}
.sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:10px;}
.sub_history_wrap .sub_history > li .history .list .month{ min-width:60px; display:inline-block; font-weight: 700;}



/* 전국AS*/
.asmap_wrap{background: #8ae7e5; position: relative;}
.asmap_wrap .map_img{width: 60%; text-align: center; padding-bottom: 40px;}
.asmap_wrap .asmap_box{width: 40%; padding-top: 140px;}
.asmap_wrap .asmap_box .page_tt{font-weight: 700; color: var(--subColor);}
.asmap_wrap .asmap_box .tt{font-size: 1.125em; font-weight: 500; color: #666; margin-bottom: 15px;}
.asmap_wrap .asmap_box .xi{font-size: .888em; margin-right: 5px;}
.asmap_wrap .asmap_box .dot_list > li{font-size: 1.125em; line-height: 1.4; margin-right: 20px;}
.asmap_wrap .asmap_box .dot_list > li:before{ width: 4px; height: 4px; top: 9px; left: -12px;}
.asmap_bg{background: #fff; padding: 40px 30px; border-radius: var(--item_r);}

/* 제품소개 */
.pro_wrap .page_stt{margin: 15px 10px; position: relative;}
.pro_wrap .page_stt:before{content:''; display:block; position: absolute; top: -5px; left: -10px; width: 10px; height: 10px; background:var(--mainColor); border-radius: 2px; z-index: -1; opacity: .8;}
.pro_wrap .img_z{text-align: center; border: 1px solid #ddd; border-radius: var(--item_r); padding: 10px;}

/*

*/
.pro_box {padding: 60px 0; border-radius: var(--item_r); margin-bottom: 40px; background: #ddd;}
.pro_box .te{font-family: var(--fs_01); font-size: 1.75em; color: #fff;}
.pro_box .ti{font-size: 1em; color: #fff; margin-bottom:20px;}
.pro_box .main_more a{display: inline-block; width: auto; height: 45px; border-color: #fff; font-size: .937em; color: #fff; line-height: 1;}
.pro_box .main_more a:hover{background: #fff; color: var(--subColor)}
.bo_op_list > li .op_tt{background: var(--subColor);}
.list_box{width: 90%; font-size: 1.125em; line-height: 1.6; margin: 0 auto; text-align: left; color: #333;}
.list_box .img_list{width: 25%;}
.list_box .img_list span{display: inline-block; width: 20px; color: #111;}
.pro_tab{margin-bottom: 20px!important;} 

/* 게시판 */
#bo_gall .gall_li .gall_box,
.board_product_gallery > li .gall_box{border-radius: var(--bor_r); overflow: hidden;}