@charset "utf-8";
@import url(animated.css);/*애니메이션*/
@import url(common.css);/*공통*/
@import url(font.css);/*폰트*/

/*아이폰에서 input 라운드 없애기*/
input,button {border-radius:0;-webkit-appearance:none}

/*아이폰에서 input 라운드 없앴을때 크롬에서 체크박스가 사라지는 현상 대처하기*/
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}

/*마우스 드래그 배경색*/
::-moz-selection{background:#249053; color:#fff}
::selection {background:#249053; color:#fff}

#wrap {position:relative; background:#fff; overflow:hidden;}

.is_cont, .is_cont2, .cont {word-break: keep-all}

br {opacity:0}


.pc_bk {display:block;}

@media screen and (max-width:768px){
	.no_mob {display:none}
	.mob_bk {display:block}
	.pc_bk {display:inline;}
}

/* --------------------------------------------------헤더 영역-------------------------------------------------- */
#header_wrap {position:relative; width:100%; z-index:100; height:100px; border-top:10px solid #f5b337; background:#fff; transition:all 0.3s}
#header_wrap:after {content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.4); position:absolute; bottom:0; left:0;}
.scroll_doc #header_wrap {position:fixed; top:0; left:0; height:80px; border-width:6px}

#header_wrap .hdBox {position:relative; max-width:1200px; margin:0 auto; margin:0 auto; height:100%; z-index:3}

#header_wrap .hdBox {display:flex; align-items:center;}
#header_wrap .logoBox, #header_wrap .logBox {display:flex; align-items:center;}

#header_wrap .logoBox .logo img {height:69px; transition:all 0.3s}
.scroll_doc #header_wrap .logoBox .logo img {height:50px}

#header_wrap .logoBox .top_dataBox {position:relative; margin-left:27px; padding-left:27px; font-size:22px; color:#17371f; line-height:1.3em; font-weight:300; transition:all 0.3s}
#header_wrap .logoBox .top_dataBox:before {content:""; display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:45px; background:#bac0bb;}

.scroll_doc #header_wrap .logoBox .top_dataBox {margin-left:20px; padding-left:20px; font-size:16px; transition:all 0.3s}
.scroll_doc #header_wrap .logoBox .top_dataBox:before {height:36px;}

#header_wrap .logBox {margin-left:auto}
#header_wrap .logBox .logUl {margin-right:26px; transition:all 0.3s}
#header_wrap .logBox .logUl li {position:relative; display:inline-block; vertical-align:middle;}
#header_wrap .logBox .logUl li:after {content:"";  display:inline-block; vertical-align:middle; width:1px; height:16px; background:#0b2015; margin:-5px 18px 0; transition:all 0.3s}
#header_wrap .logBox .logUl li:last-child:after {display:none}
#header_wrap .logBox .logUl a {font-size:20px; color:#0b2015; transition:all 0.3s}

.scroll_doc #header_wrap .logBox .logUl {margin-right:18px;}
.scroll_doc #header_wrap .logBox .logUl li:after {height:10px; margin:-5px 10px 0}
.scroll_doc #header_wrap .logBox .logUl a {font-size:16px;}

#header_wrap .logBox .top_applicationBtn a {min-width:146px; width:100%; height:40px; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; color:#fff; background: linear-gradient(135deg, #2eb96b 0%, #51d10b 100%); border-radius:50px; transition:all 0.3s}
.scroll_doc #header_wrap .logBox .top_applicationBtn a {min-width:106px; height:35px; font-size:16px}


@media screen and (max-width:1220px){
	#header_wrap .hdBox {max-width:94%}

	#header_wrap .logoBox .logo img {height:64px;}
	#header_wrap .logoBox .top_dataBox {margin-left:23px; padding-left:23px; font-size:20px}
	#header_wrap .logoBox .top_dataBox:before {height:40px}

	#header_wrap .logBox .logUl {margin-right:21px;}
	#header_wrap .logBox .logUl li:after {height:14px; margin-top:-5px 14px 0;}
	#header_wrap .logBox .logUl a {font-size:18px;}
	
	#header_wrap .logBox .top_applicationBtn a {min-width:126px; height:35px; font-size:18px}
	.scroll_doc #header_wrap .logBox .top_applicationBtn a {min-width:106px; height:30px;}
}

@media screen and (max-width:1024px){
	#header_wrap {height:10vw; border-width:1vw;}
	.scroll_doc #header_wrap {height:8vw; border-width:0.6vw}

	#header_wrap .logoBox .logo img {height:6.4vw;}
	.scroll_doc #header_wrap .logoBox .logo img {height:5vw}

	#header_wrap .logoBox .top_dataBox {margin-left:2.3vw; padding-left:2.3vw; font-size:2vw;}
	#header_wrap .logoBox .top_dataBox:before {height:4vw;}

	.scroll_doc #header_wrap .logoBox .top_dataBox {margin-left:2vw; padding-left:2vw; font-size:1.6vw;}
	.scroll_doc #header_wrap .logoBox .top_dataBox:before {height:3.6vw;}

	#header_wrap .logBox .logUl {margin-right:2.1vw;}
	#header_wrap .logBox .logUl li:after {height:1.4vw; margin:-0.5vw 1.4vw 0;}
	#header_wrap .logBox .logUl a {font-size:1.8vw;}

	.scroll_doc #header_wrap .logBox .logUl {margin-right:1.8vw;}
	.scroll_doc #header_wrap .logBox .logUl li:after {height:1vw; margin:-0.5vw 1vw 0}
	.scroll_doc #header_wrap .logBox .logUl a {font-size:1.6vw;}

	#header_wrap .logBox .top_applicationBtn a {min-width:12.6vw; height:3.5vw; font-size:1.8vw; border-radius:5vw;}
	.scroll_doc #header_wrap .logBox .top_applicationBtn a {min-width:10.6vw; height:3vw; font-size:1.6vw}
}

@media screen and (max-width:768px){
	#header_wrap {height:13vw; border-width:2vw;}
	.scroll_doc #header_wrap {height:11vw; border-width:0.8vw}

	#header_wrap .logoBox .logo img {height:7.4vw;}
	.scroll_doc #header_wrap .logoBox .logo img {height:6vw}

	#header_wrap .logoBox .top_dataBox {display:none}

	#header_wrap .logBox .logUl {margin-right:3.1vw;}
	#header_wrap .logBox .logUl li:after {height:2.2vw; margin:-0.7vw 2vw 0;/*margin:-0.7vw 2.4vw 0;*/}
	#header_wrap .logBox .logUl a {font-size:2.2vw;/*font-size:2.7vw;*/}

	.scroll_doc #header_wrap .logBox .logUl {margin-right:2.8vw;}
	.scroll_doc #header_wrap .logBox .logUl li:after {height:2vw; margin:-0.7vw 2vw 0}
	.scroll_doc #header_wrap .logBox .logUl a {font-size:2.6vw;}

	#header_wrap .logBox .top_applicationBtn a {min-width:15.6vw; height:5.5vw; font-size:2.8vw; border-radius:6vw;}
	.scroll_doc #header_wrap .logBox .top_applicationBtn a {min-width:13.6vw; height:5vw; font-size:2.6vw}
}

@media screen and (max-width:480px){
	#header_wrap {height:16vw; border-width:2vw;}
	.scroll_doc #header_wrap {height:14vw; border-width:1.5vw}

	#header_wrap .logoBox .logo img {height:9vw;}
	.scroll_doc #header_wrap .logoBox .logo img {height:7.6vw}

	#header_wrap .logBox .logUl {margin-right:0;}
	#header_wrap .logBox .logUl li:after {height:3vw; margin:-0.7vw 2.6vw 0;/*margin:-0.7vw 3.4vw 0;*/}
	#header_wrap .logBox .logUl a {font-size:3.2vw;/*font-size:3.7vw;*/}

	.scroll_doc #header_wrap .logBox .logUl {margin-right:3.8vw;}
	.scroll_doc #header_wrap .logBox .logUl li:after {height:3vw; margin:-0.9vw 3vw 0}
	.scroll_doc #header_wrap .logBox .logUl a {font-size:3.6vw;}

	#header_wrap .logBox .top_applicationBtn {display:none}
}


/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
#container_wrap {position:relative; display:block;}

#contents {position: relative;display: block;margin: 0 auto; background: #fff; padding:120px 0;}
.is_cont {position: relative; max-width:1200px; margin: 0 auto; min-height: 40px;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}

@media screen and (max-width:1220px){
	.is_cont {max-width:94%}
}

@media screen and (max-width:768px){
	#contents {padding:80px 0}
	.no_txt {display:none}
}

@media screen and (max-width:480px){
	#contents {padding:50px 0}
}


/*서브이미지*/
.svis_wrap {position:relative; width:100%; height:173px; background:url(/new_share/img/sub/svis_bg.jpg) no-repeat 50% 0; background-size:cover}
.svis_area {position:relative; max-width:1200px; height:100%; margin:0 auto; color:#fff }
.svis_wrap .svis_tlt {position:absolute;  top:50%; left:20%; transform:translateY(-50%);}

@media screen and (max-width:1220px){
	.svis_area {max-width:94%}
}

@media screen and (max-width:1024px){
	.svis_wrap .svis_tlt {left:15%;}
}

@media screen and (max-width:900px){
	.svis_wrap .svis_tlt {left:10%;}
}

@media screen and (max-width:768px){
	.svis_wrap {height:20vw;}
	.svis_wrap .svis_tlt img {height:11vw}
}

@media screen and (max-width:480px){
	.svis_wrap {height:26vw;}
	.svis_wrap .svis_tlt {left:5%;}
	.svis_wrap .svis_tlt img {height:13vw}
}


/*로케이션*/
.snb_2thBox {position:relative; width:100%; height:55px; line-height:53px; border-bottom:1px solid #dddff3; font-size:18px}
.snb_2thBox .snb_2th {position:relative; max-width:1220px; margin:0 auto; display:flex; align-items:center;}
.snb_2thBox .snb_2th li {color:#000443}
.snb_2thBox .snb_2th .home img {margin-top:-3px}
.snb_2thBox .snb_2th li:after {content: ""; display:inline-block; vertical-align:middle; margin:-2px 10px 0; width:8px; height:15px; background:url(/new_share/img/inc/loc_arrow.png) no-repeat 0 0; background-size:100% 100%}
.snb_2thBox .snb_2th li:last-child:after {display:none}

@media screen and (max-width:1240px){
	.snb_2thBox .snb_2th {max-width:94%}
}

@media screen and (max-width:1024px){
	.snb_2thBox {height:5.5vw; line-height:5.3vw; font-size:1.8vw}
	.snb_2thBox .snb_2th .home img {margin-top:-0.3vw; height:1.6vw}
	.snb_2thBox .snb_2th li:after {margin:-0.2vw 1vw 0; width:0.8vw; height:1.5vw;}
}

@media screen and (max-width:768px){
	.snb_2thBox {height:8.5vw; line-height:8.3vw; font-size:2.8vw}
	.snb_2thBox .snb_2th .home img {margin-top:-0.5vw; height:2.6vw}
	.snb_2thBox .snb_2th li:after {margin:-0.4vw 1.5vw 0; width:1vw; height:2.5vw;}
}

@media screen and (max-width:480px){
	.snb_2thBox {height:11.5vw; line-height:11.3vw; font-size:3.8vw}
	.snb_2thBox .snb_2th .home img {margin-top:-0.7vw; height:3.6vw}
	.snb_2thBox .snb_2th li:after {margin:-0.6vw 2vw 0; width:1.5vw; height:3.5vw;}
}


/*3차*/
.snb_3th {position:relative; max-width:1200px; margin:0 auto 70px; overflow:hidden; padding-bottom:1px}
.snb_3th li {float:left; text-align:center; width:14.28%; margin:0 -1px -1px 0}
.snb_3th li a, .snb_3th li button {display:block; color:#7f7f7f; background:#fff; line-height:55px; border:1px solid #d1d1d1;}
.snb_3th li a:hover, .snb_3th li.active a, .snb_3th li #bo_cate_on {color:#fff; background:#249054; border-color:#249054}

.wd_1 li{width:100% !important}
.wd_2 li{width:50% !important}
.wd_3 li{width:33.333% !important}
.wd_4 li{width:25% !important}
.wd_5 li{width:20% !important}
.wd_6 li{width:16.666% !important}
.wd_7 li{width:14.222% !important}
.wd_8 li{width:12.5% !important}
.wd_9 li{width:11.111% !important}
.wd_10 li{width:10% !important}


@media screen and (max-width:1220px){
	.snb_3th {width:100%;}

	.wd_4 li{width:50% !important}
	.wd_5 li{width:33.333% !important}
	.wd_6 li{width:33.333% !important}
	.wd_8 li{width:20% !important}
	.wd_10 li{width:20% !important}
}

@media screen and (max-width:768px){
	.snb_3th {margin:0 auto 50px;}
	.snb_3th li {width:33.333%;}
	.snb_3th li a, .snb_3th li button {line-height:45px;}

	.wd_8 li{width:33.333% !important}
}

@media screen and (max-width:480px){
	.snb_3th {margin:0 auto 40px;}
	.snb_3th li a, .snb_3th li button {line-height:40px;}
}



/* --------------------------------------------------신청퀵-------------------------------------------------- */
.r_qiuck {display:none; position:fixed; bottom:4vw; right:3vw; z-index:2}
.r_qiuck li {margin-bottom:3vw}
.r_qiuck li:last-child {margin-bottom:0}
.r_qiuck a {display:flex; align-items:center; justify-content:center; width:14vw; height:14vw; background:#f3b91e; font-size:3.6vw; color:#0a2817; line-height:1.2em; font-weight:700; border-radius:50%}

@media screen and (max-width:480px){
	.r_qiuck {display:block;}
}

/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer_wrap {position:relative; padding:60px 0 70px;}
#footer_wrap .ft_cont {position:relative; max-width:1200px; margin:0 auto; display:flex; align-items:center; letter-spacing:-0.02em; word-break: keep-all}
#footer_wrap .ft_info {margin-left:30px; color:#364d3b; font-size:16px; font-weight:300; line-height:1.5em}

@media screen and (max-width:1220px){
	#footer_wrap .ft_cont {max-width:94%}
}

@media screen and (max-width:1024px){
	#footer_wrap {padding:6vw 0 7vw; text-align:center;}
	#footer_wrap .ft_cont {display:block}
	#footer_wrap .ft_logo img {height:3.9vw;}
	#footer_wrap .ft_info {margin-left:0; margin-top:3vw; font-size:1.6vw;}
}

@media screen and (max-width:768px){
	#footer_wrap {padding:7vw 0 8vw;}
	#footer_wrap .ft_logo img {height:4.9vw;}
	#footer_wrap .ft_info {margin-top:4vw; font-size:2.6vw;}
	#footer_wrap .ft_bk {display:block}
	#footer_wrap .ft_no {display:none}
}

@media screen and (max-width:480px){
	#footer_wrap {padding:8vw 0 9vw;}
	#footer_wrap .ft_logo img {height:5.9vw;}
	#footer_wrap .ft_info {margin-top:5vw; font-size:3.6vw;}
}