@charset "utf-8";

.maxWrap {max-width: 1200px;margin: 0 auto; padding: 0; text-align: center;}

.venderWrap{ margin-bottom: 35px;}

.visualWrap{position:relative; height: 400px;  text-align: center; }
.visualWrap img {width:100%; height:auto; display:none;}
.visualWrap.sub1{background: url(../images/sub/subVisual1.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub2{background: url(../images/sub/subVisual4.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub3{background: url(../images/sub/subVisual3.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub4{background: url(../images/sub/subVisual2.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub5{background: url(../images/sub/subVisual5.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub6{background: url(../images/sub/subVisual6.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub7{background: url(../images/sub/subVisual7.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub8{background: url(../images/sub/subVisual8.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap.sub9{background: url(../images/sub/subVisual9.jpg)no-repeat 50% 50%; text-align: center; background-size: cover;}
.visualWrap img{width: 100%; height: auto; display: none;}
.visualWrap h2 {font-size: 37px; font-weight: 600; color: #fff; padding-top: 170px; letter-spacing: -1.5px;}
.visualWrap p {font-size:14px; color:#fff; letter-spacing: 5.5px; text-transform: uppercase; margin:18px;}
.visualWrap h5 {font-size:20px; color:#fff; font-weight: 600;}
.visualWrap .text{font-size: 18px; color: #fff; font-weight: 300; padding-top: 10px;}

/* 서브화면 뎁스 */
.location{z-index:2;position:relative;height:72px; line-height: 71px; width:100%; margin:0 auto 0;background:#fff;/*border-top:1px solid #e1e1e1; */border-bottom:1px solid #e1e1e1 ; box-sizing: border-box; }
.location *{vertical-align:middle;}
.location .box{position:relative;max-width:1200px;margin:0 auto;font-size:0;border-left:1px solid #e1e1e1; /*border-left:1px solid #e1e1e1; */}
.location .home{display:inline-block;width:69px;height:72px;font-size:0; /*border-right:1px solid #e6e6e6; */background:url(../images/sub/ico_home.png) no-repeat 50% 50%;border-right:1px solid #e6e6e6;}
.location .home + ul{display:inline-block;}
.location .dep1{position:relative;display:inline-block; padding-left:20px;  border:1px solid transparent;  border-bottom:0; /*border-right:1px solid #e1e1e1; */box-sizing:border-box;border-right:1px solid #e1e1e1;min-width:250px; height:72px; line-height:72px;}
.location .dep1:nth-child(2) {background:#fff;}
.location .dep1 > a{position:relative;display:block;  padding-right:35px;font-size:16px;color:#666; line-height:74px;}
.location .dep1 > span{position:relative;display:block;padding-right:24px;font-size:14px;}
.location .dep1 > a:before{content:"";display:block;position:absolute;top:33px;right:19px;width:12px;height:7px;background:url(../images/sub/ico_lnb_arrow.png) no-repeat 0 0;}
.location .dep1.noicon > a:before{content:"";display:block;position:absolute;top:30px;right:15px;width:12px;height:7px;background:#fff;}
.location .dep2{display:none;position:absolute;width:calc(100% + 2px);left:-1px;top:71px;background:#fff;box-sizing:border-box;}
.location .active .dep2{display:block;padding:0 0 12px 0;border:1px solid #212121;border-top:0;font-size:14px;color:#666;}
.location .active .dep2 li~li{margin-top:0;}
.location .active .dep2 a{display:block;line-height:50px;height:50px;padding-left:15px; padding-right: 15px; box-sizing: border-box; color:#676969;font-size:15px;}

.location .active .dep2 a:hover{position: relative; background: #4ba55a; color: #fff;font-weight: 500; }
.location .active .dep2 a:hover:before {content: '';display:  block;position: absolute;width:  6px;height:  100%;background: #4ba55a;top:  0;left:  0;}
.location .dep2.on > a{ color:#fff;}
.location .dep1.active{min-width: 250px; max-width: 340px; left:-1px;top:-1px;border:1px solid #212121;border-bottom:0;}
.location .active > a:before{background:url(../images/sub/ico_lnb_arrow_up.png) no-repeat 0 0;}
.location .dep1.active > a{position:relative;top:1px;left:1px;}

/* 서브화면 내용 */
.titleWrap{text-align: center; padding:20px 0 15px; }
.titleWrap h3.tit{font-size: 32px; font-weight: 600; color: #222; display: inline-block;position: relative;padding-bottom: 20px;margin-bottom: 25px; letter-spacing:-2px;}
.titleWrap h3.tit:after{content:''; width: 50px;height: 2px; position: absolute; background:#555; left: 50%; bottom:0; transform: translateX(-50%);}
.titleWrap h5.tit_sub {font-size:17px; line-height:1.6em; padding-bottom:40px; width:100%; max-width:700px; margin:0 auto;}
span.enter {display:block;}
.titleWrap div > img.pic {width:100%; max-width:900px; margin:15px 0;}
.titleWrap .item_container img {width:90%; max-width:209px; margin:10px 20px;}
.titleWrap h4.tit_box {font-size:24px; line-height:1.6em; margin-bottom:30px; background:#4ba55a; color:#fff; font-weight:bold; padding:10px; letter-spacing: -1px; margin:50px 0 0px;}
.item_container {display:flex; flex-direction: column; justify-content: center; align-items: center;}
.item_container .item {display:flex; justify-content: space-between; width:100%; max-width:700px; text-align:left; justify-content:flex-start; align-items: center; border-bottom:1px solid #eee;}
.item_container .item:last-child {border-bottom:none; margin-bottom:90px;}
.item_container .item .text h3 {font-size:20px; font-weight:600; margin-bottom:10px;}

.dosu {display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:40px; margin-bottom:90px;}
.dosu li {width:25%; text-align: center;}
.dosu li img {border-radius:50%; max-width:260px; width:90%;}
.dosu li h2 {font-size:24px; line-height:1.5em; color:#222; font-weight:500; margin:25px 0 5px;}
.dosu li p {font-size:16px;}

.care_box {width:100%; max-width:900px; margin:0 auto;}
.care_box li .careBox {display:flex; border-spacing: 0px; height:170px; margin:15px 0;}
.care_box li .careBox .imgBox {display:table-cell; width:30%; overflow:hidden; border:1px solid #ddd;}
.care_box li .careBox .imgBox img {width:100%; object-fit: fill;}
.care_box li .careBox .textBox {display: table-cell; width:70%; background:#f8f8f8; padding:2em; vertical-align:middle; border:1px solid #ddd; text-align: left;}
.care_box li .careBox .textBox h3 {font-size:22px; line-height:1.5em; color:#222; font-weight:500; margin-bottom:7px;}
.care_box li .careBox .textBox p {line-height: 1.5em; font-size: 1.09rem; letter-spacing: -0.5px; color: #555; margin-left:0;}
.care_box li .careBox.light .textBox {background:#fff;}

.bg-gray {background: #f3f3f3;}

/****************************** TAB ******************************/
.tab { position:relative; max-width:1200px; width:100%; margin-left:auto; margin-right:auto; margin-bottom:30px;}
.tab:before { content:''; position:absolute; left:50%; bottom:0; height:70px; width:100%; max-width:1200px;  transform:translateX(-50%);  border-bottom:1px solid #c0dcd8; box-sizing:border-box;}
.tab .tab-in { max-width:1200px; display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; margin:0 auto; }
.tab .tab-in li { flex:1; text-align:center; color:#888}
.tab .tab-in li .tab-item { position:relative; display:block; height:58px; font-size:19px; font-weight:600; line-height:58px; box-sizing:border-box; overflow:hidden; }
.tab .tab-in li .tab-item::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; transform:translateX(-50%); transition:width 0.4s ease; background-color:#4ba55a; }
.tab .tab-in li .tab-item:hover::after, .tab .tab-in li.active .tab-item::after { width:100%; }
.tab .tab-in li a.active { background-color:#4ba55a; color:#fff;}
.tab .tab-in li a.active:after { content:''; display:block; position:absolute; left:50%; bottom:0;  width:100%;  height:2px; transform:translateX(-50%);  background-color:#4ba55a; }
.tab-wrap {padding:70px 0;}
.tab-wrap h4.tit {font-size:28px; font-weight:680; letter-spacing: -1px; margin-bottom:50px;}

/****************************** 페이지메뉴 ******************************/
.pagemenu {position:relative; width:100%; max-width:1200px; margin:30px auto 70px;}
.pagemenu ul {display:flex; flex-wrap:wrap; text-align: center; }
.pagemenu ul li {flex:1; background:#fff; cursor: pointer; border-bottom:1px solid #aaa;}
.pagemenu ul li.on {background:#fff;  border-bottom:4px solid #5ab2e5;}
.pagemenu ul li a {font-size:16px; color:#aaa; display:block; padding:17px; transition: all .4s;}
.pagemenu ul li:hover a {color:#333;}
.pagemenu ul li.on a {color:#333; font-weight:600;}

.bg_con {width:100%; padding:120px 0; color:#fff;}
.bg_con.bg01 { background:#7d2349; background-image: url('../images/sub/pic_02.jpg'); background-position: center; background-repeat: no-repeat;}
.bg_con.bg02 { background:#894f2a; background-image: url('../images/sub/pic_02_2.jpg'); background-position: center; background-repeat: no-repeat;}
.bg_con.bg03 { background:#7d2349; background-image: url('../images/sub/pic_02_3.jpg'); background-position: center; background-repeat: no-repeat;}
.bg_con .con { display:flex; flex-direction: column; align-items: center; justify-content: center;}
.bg_con h5 {font-size:30px; font-weight:600; margin-bottom:50px;}
.bg_con ul li {position:relative; padding-left:35px;  line-height:2; font-size:19px;}
.bg_con ul li::before {
	content: ""; 
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width:20px;
	height:20px;
	background-image:url('../images/sub/check.png');
	background-size:contain;
	background-repeat:no-repeat;}
.bg_con ul.bg02 li::before {
	content: ""; 
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width:20px;
	height:20px;
	background-image:url('../images/sub/check2.png');
	background-size:contain;
	background-repeat:no-repeat;}


.scultra {display:flex; flex-wrap:wrap; justify-content: center;}
.scultra li {font-size:16px; font-weight:500; margin-bottom:30px;}
.scultra li p b {font-size:19px; font-weight:600;}

.bg_con_gray {width:100%; padding:120px 0; background:#f6f6f6; color:#333;background-image: url('../images/sub/pic_03.jpg'); background-position: center; background-repeat: no-repeat;}
.bg_con_gray .con { display:flex; flex-direction: column; align-items: center; justify-content: center;}
.bg_con_gray h5 {font-size:28px; font-weight:600; margin-bottom:50px;}
.bg_con_gray ul li {position:relative; padding-left:35px;  line-height:1.9; font-size:18px; font-weight:500;}
.bg_con_gray ul li::before {
	content: ""; 
	position: absolute;
	left: 0;
	top: 10%;
	/* transform: translateY(-50%); */
	width:20px;
	height:20px;
	background-image:url('../images/check.png');
	background-size:contain;
	background-repeat:no-repeat;}


@keyframes bigger {
	0% {trasform:scale(1.2);}
	100% {trasform:scale(1);}
}
@media screen and (max-width: 1200px) {
	.visualWrap h2 {padding-top:120px;}
}

@media screen and (max-width: 768px) {
	.venderWrap {margin-bottom: 15px;}
	/* .titleWrap{padding: 95px 0 5px;} */
	.titleWrap h3{font-size: 30px; margin-bottom: 18px;}
	.titleWrap .text{font-size: 18px;}
	.titleWrap .item_container img {width:25%; margin:10px 10px;}
	.item_container .item .text h3 {font-size:17px;}
	.item_container .item p {font-size:14px;}
	.item_container .item {padding:15px 0;}
	.bg_con h5, .bg_con_gray h5 {font-size:21px;}
	.bg_con ul li, .bg_con_gray ul li {font-size:14px;}
	.bg_con {background-position: center center;}
	.scultra li {margin-bottom:50px;}
	.dosu li {width:45%; margin-bottom:40px;}
	.dosu li h2 {font-size:18px;}
	.dosu li p {font-size:14px;}
	.care_box li .careBox .imgBox {border:none;}
	.care_box li .careBox .textBox {padding:1em 1em;}
	.care_box li .careBox {height:200px;}
}

@media screen and (max-width: 650px) {
	.visualWrap  {height:265px;}
	.visualWrap h2 {padding-top:60px; font-size:27px;}
	.visualWrap p {font-size:12px;}
	.visualWrap h5 {font-size:15px;}
	.titleWrap h3.tit {font-size: 22px;padding-bottom: 15px;margin-bottom: 15px;}
	.titleWrap h5.tit_sub {font-size:14px;}
	span.enter {display:inline;}
	.pagemenu {margin:20px auto 50px;}
	.pagemenu ul li a {font-size:13px;}
	.item_container .item .text h3 {font-size:16px;}
	.item_container .item p {font-size:13px;}
	.bg_con h5 {font-size:20px;}
	.bg_con ul li {font-size:13px; padding-left:25px;}
	.dosu li p {font-size:13px;}
	.care_box li .careBox .textBox h3 {font-size:18px;}
	.care_box li .careBox .textBox p {font-size:13px;}
	.scultra li p b {font-size:15px;}
	#footer h1 img {width:200px;}
}