@charset "utf-8";


.doc{font-size: 16px;}
.box0{ width:100%; max-width: 100%; padding:0 70px; margin:0 auto; position:relative } 
.box1{ width:1440px; max-width: 92%; margin:0 auto; position:relative } 
.mobile_only{display:none!important;}


/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo .a_ver{display:none;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto; position: absolute; left:50%; transform: translateX(-50%);}
#header .gnb_wrap .gnb .depth1{margin:0 40px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:500; color:#fff; position: relative; cursor: pointer;}
#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:50px; height: 50px; position: relative; z-index: 10000; margin-left:10px; border:1px solid #fff; border-radius: 50%; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; cursor: pointer;}
#header .btn_gnb .a_rd_w{width:20px;}
#header .btn_gnb .a_rd{width:100%; height: 1px; background-color: #fff; display: block; transition: .3s;}
#header .btn_gnb .a_rd.a1{}
#header .btn_gnb .a_rd.a2{margin:6px 0 6px auto; width:60%;}
#header .btn_gnb .a_rd.a3{}
#header .btn_gnb:hover .a_rd.a2{width:100%;}
#header .btn_gnb.on .a_rd_w .a2{display:none;}
#header .btn_gnb.on .a_rd_w .a1{transform: rotate(45deg); margin:-1px 0;}
#header .btn_gnb.on .a_rd_w .a3{transform: rotate(-45deg); margin:-1px 0;}

/*헤더_콜*/
#header .h_call .tx{color:#fff; font-size:.813em; font-weight: 500;}
#header .h_call .btn_gnb.call_btn{background-color:#fff; color:#111; font-size:1.068em; transition: .5s; overflow: hidden; justify-content: normal; z-index: 10;}
#header .h_call .btn_gnb.call_btn .xi{width: 50px; line-height: 50px; text-align: center;}
#header .h_call .btn_gnb.call_btn .tx_call{width:0;font-size:.938em; font-weight: 500; overflow: hidden; display: none;}
#header .h_call:hover .btn_gnb.call_btn{width:180px; border-radius: 50px;}
#header .h_call:hover .btn_gnb.call_btn .tx_call{width:auto; overflow: hidden; display: block;}


/*스크롤 header*/
/*.main.scroll #header{background-color:rgba(255,255,255,.5); backdrop-filter: blur(5px);}
.main.scroll #header #logo .a_ver{display:block;}
.main.scroll #header #logo .b_ver{display:none;}
.main.scroll #header .gnb_wrap .gnb .depth1 > a{color:#222;}
.main.scroll #header .btn_gnb,
#header .btn_gnb.on{border-color:#ccc;}
.sub #header .btn_gnb{border-color:#ccc;}
#header .btn_gnb.on .a_rd,
.scroll #header .btn_gnb .a_rd,
.sub #header .btn_gnb .a_rd{background-color:#888;}
.main.scroll #header .h_call .tx{color:#222;}*/

.sub{ background-color: #222;}
.scroll #header{background-color:rgba(0,0,0,.15);}

/*탑버튼*/
.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*/
#footer{background-color:#222; padding:90px 0; text-align: center;}
#footer .f_info{margin-top:30px;}
#footer .f_info > li{display:inline-block; color:#fff; font-weight: 300; margin:0 20px 5px; font-size:.938em; position: relative; opacity: .8;}
#footer .f_info > li:not(:first-child):before{content:''; width:1px; height:14px; position: absolute; top: 4px; left: -20px; background-color: #fff; opacity: .8;}
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:30px; font-weight: 200;}


/*서브 비주얼*/
.sub_v_wrap{position: relative; display:none;}
#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);}

/*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_wr{padding-top:calc(var(--header_H) + 35px); padding-bottom:150px; min-height:670px;}

/*컨텐츠 타이틀*/
.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============================================================*/

.main_doc{position: relative;}
.section{height:100vh; position: relative; background-attachment: fixed; background-color: #fff;}
.main_cont{position: absolute; top: 0; left: 0; width:100%; margin-top:100vh;}

.main_v{position: fixed; top: 0; left: 0; width:100%;}
.main_v .mainSlider{position:relative;}
.main_v .mainSlider .el{ height:100vh; position:relative; overflow:hidden}
.main_v .mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main_v .mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -55%);}
.main_v .mainSlider .slogan .main_tx{font-weight: 400}

.cont_w{width:50%;}
.bk_left{width:50%; padding:var(--header_H) 120px 0; position: relative;}
.bk_right{width:50%; padding:var(--header_H) 120px 0; position: relative;}
.afx{background-attachment: fixed}

.main_cont .dot_list > li{position: relative; padding-left:15px; line-height: 1.4;}
.main_cont .dot_list > li:not(:last-child){margin-bottom:10px;}
.main_cont .dot_list > li:before{content:''; width:3px; height: 3px; border-radius: 50%; background-color: #fff; position: absolute; top: 9px; left: 0;}
.main_cont .dot_list > li .stt{width:100px; font-weight: 600;}
.main_cont .dot_list > li .stx{width:calc(100% - 100px); font-weight: 400;}
.main_tt{font-size:2.25em; color:#fff; font-weight: 800; line-height: 1.2; margin-bottom:40px; }
.main_stt{font-size:1.125em; color:#fff; font-weight: 600;}
.main_tx{font-size:1em; color:#fff; line-height: 1.7; font-weight: 300;}

.sec03 .bk_left{ background-position: right center;}
.sec03 .bk_left:before{content:''; width:15%; height: 100%; background-color: #222; position: absolute; top: 0; left: 0; }
.sec04 .bk_left:before{content:''; width:15%; height: 100%; background-color: #222; position: absolute; top: 0; left: 0; }
.sec04 .bk_left{padding:var(--header_H) 120px 0 15%;}
.sec04 .bk_left *{color:#111;}

.org_wrap .org_in:not(:last-child){margin-bottom: 20px;}
.org_wrap .org_in .main_stt{margin-bottom:3px;}
.org_wrap .org_line{width:100%; height: 1px; background-color: rgba(0,0,0,.2); margin:30px 0;}

.sec05 *{color:#fff;}
.sec05 .loc_map{width:62%;}
.sec05 .loc_txt{width:38%; padding-left:110px;}
.sec05 .loc_txt .loc_info > li{color:#333; margin-top:15px;}
.sec05 .loc_txt .loc_info .xi{width:44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; background-color:rgba(255,255,255,.9);color:#666; font-size:1.187em; margin-right:15px;}
.sec05 .loc_txt .loc_info .fwB{margin-right:10px;}
.sec05 .loc_txt .loc_info .txs{line-height: 1.3;}

.root_daum_roughmap .wrap_map{border:1px solid #ddd;}
.root_daum_roughmap .cont{display:none;}
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap_landing .map_border{display:none;}


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

/**/
.tab_idx.st1{ margin:-1em 0 3em -1em;}
.tab_idx.st1 > li{flex:1 20%;}
.tab_idx.st1 > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx.st1 > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx.st1 > li > a:hover,
.tab_idx.st1 > 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: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;}

/*게시판 분류 스타일 수정*/
#bo_cate ul li a{border:0; background-color: #f7f7f7;}
#bo_cate ul li a#bo_cate_on{background-color:var(--mainColor);}