@charset "utf-8";


/********************
BG
********************/
#multipleDiv_tem_departA_7{border-bottom:1px solid #e5e5e5;}
#multipleDiv_tem_departA_7::before{content:"";display:block;width:1000px;height:100%;position:absolute;left:50%;top:0;margin-left:-1400px;background:url(../../images/miniSche_bg.jpg) no-repeat right bottom;background-size:cover;}
#multipleDiv_tem_departA_8::before{content:"";display:block;width:2000px;height:calc(100% - 80px);position:absolute;left:50%;top:0;margin-left:-1400px;background:#eaeef3;}
#multipleDiv_tem_departA_9{background-image:linear-gradient(to bottom, transparent 65%, #d6e5f6 0%);}
#multipleDiv_tem_departA_9::before{content:"";display:block;width:675px;height:480px;position:absolute;left:50%;top:70px;margin-left:-979px;background:url(../../images/bg_1.png) no-repeat}
@media all and (max-width:1640px){
	#multipleDiv_tem_departA_7::before{width:25%;left:0;margin-left:0;}
	#multipleDiv_tem_departA_8::before{width:calc(86% + 19px);left:0;margin-left:0;}
	#multipleDiv_tem_departA_9::before{left:0;margin-left:0;}
}
@media all and (max-width:1280px){
	#multipleDiv_tem_departA_7{border-bottom:0;}
	#multipleDiv_tem_departA_7::before{width:30%;}
	#multipleDiv_tem_departA_8::before{width:80%;height:100%;}
	#multipleDiv_tem_departA_9::before{height:420px;top:50px;background-size:cover;}
}
@media all and (max-width:768px){
	#multipleDiv_tem_departA_7::before{width:100%;height:370px;}
	#multipleDiv_tem_departA_8::before{width:100%;height:calc(100% - 300px);}
	#multipleDiv_tem_departA_9::before{top:30px;left:2%;width:96%;}
}


/********************
COMMON
********************/
body{overflow-x:hidden;}
.multipleContentsDiv{overflow:hidden;}
#multipleContentsDiv_tem_departA_7,
#multipleContentsDiv_tem_departA_8,
#multipleContentsDiv_tem_departA_9{max-width:1600px;}
#multipleContentsDiv_tem_departA_8{padding-top:70px;}
#multipleContentsDiv_tem_departA_9{padding:70px 0;}
@media all and (max-width:1640px){
	#multipleContentsDiv_tem_departA_7{max-width:100%;}
	#multipleContentsDiv_tem_departA_8,
	#multipleContentsDiv_tem_departA_9{max-width:96%;}
}
@media all and (max-width:1280px){
	#multipleContentsDiv_tem_departA_8{padding-top:50px;}
	#multipleContentsDiv_tem_departA_9{padding:50px 0;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_tem_departA_8{padding-top:30px;}
	#multipleContentsDiv_tem_departA_9{padding:30px 0;}
}


/********************
타이틀
********************/
.mainTitle_1{font-size:65px;color:#000;font-family:'Mont SemiBold';line-height:1;letter-spacing:-3px;margin-bottom:30px;}
@media all and (max-width:1280px){
	.mainTitle_1{font-size:50px;margin-bottom:20px;}
}
@media all and (max-width:768px){
	.mainTitle_1{font-size:35px;}
}


/********************
유튜브
********************/
.wrap_video{height:100%;}
.wrap_video h2{padding:25px;background:#000;display:flex;align-items:center;justify-content:space-between;}
.wrap_video h2 span{font-size:35px;color:#FFF;line-height:1;font-family:'Mont Bold';}
.wrap_video .more{width:25px;height:25px;border:1px solid rgba(255,255,255,0.5);background:url(/sites/style_guide/images/common/plus_5_w.png) no-repeat center;font-size:0;display:block;}
@media all and (max-width:1280px){
	.wrap_video h2 span{font-size:30px;}
}
@media all and (max-width:768px){
	.wrap_video h2{padding:20px;}
	.wrap_video h2 span{font-size:25px;}
}


/********************
바로가기
********************/
.wrap_banner{width:100%;height:100%;}
.wrap_banner a{padding:30px 50px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:0.5s;}
.wrap_banner strong{font-size:26px;color:#FFF;font-family:'Sebang Regular';}
.wrap_banner strong::after{content:"";display:block;width:0;height:2px;background:#FFF;margin-top:5px;transition:0.4s;}
.wrap_banner span{font-size:18px;color:#FFF;}
.wrap_banner .item_1{font-family:'Dream Light';padding-top:10px;line-height:1.3;}
.wrap_banner .item_2{font-family:'Play Regular';padding-top:35px;line-height:1;display:flex;align-items:flex-end;}
.wrap_banner .item_2::before{margin:0 -10px 2px 0;content:"";display:block;width:18px;height:18px;border-radius:100%;background:rgba(255,255,255,0.3);}
.wrap_banner .item_2::after{margin:0 0 3px 10px;content:"";display:block;width:22px;height:7px;background:url(../../images/arrow_2.png) no-repeat right bottom;transition:0.3s;}
.wrap_banner.type_1{background:#1c711f;}
.wrap_banner.type_2{background:rgba(0,70,86,0.8);}
.wrap_banner.type_3{background:#2fa534;}
.wrap_banner a::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.1;transition:0.5s;}
.wrap_banner.type_1 a::before{background:url(../../images/ban_1.png) no-repeat 90% 80%;}
.wrap_banner.type_2 a::before{background:url(../../images/ban_2.png) no-repeat 90% 80%;}
.wrap_banner.type_3 a::before{background:url(../../images/ban_3.png) no-repeat 90% 80%;}
@media all and (max-width:1280px) {
	.wrap_banner a{padding:30px;}
	.wrap_banner strong{font-size:20px;}
	.wrap_banner span{font-size:16px;}
	.wrap_banner a::before{background-size:100px !important;}
}
@media all and (max-width:768px) {
	#multipleDiv_templet_graduated_A_11::before{width:100%;}
	#multipleDiv_templet_graduated_A_11::after{display:none;}
	.wrap_banner a::before{background-size:80px !important;}
	.wrap_banner a{padding:20px;}
	.wrap_banner strong{font-size:18px;}
	.wrap_banner span{font-size:14px;}
	.wrap_banner .item_1{padding-top:0;}
	.wrap_banner .item_2{padding-top:25px;}
}
/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_banner a:hover::before{opacity:0.3;}
	.wrap_banner a:hover strong::after{width:100%;}
	.wrap_banner a:hover .item_2::after{margin-left:20px;}
}


/********************
포토갤러리
********************/
.wrap_banner_2{height:100%;position:relative;}
.wrap_banner_2 .bg{width:100%;height:100%;position:absolute;left:0;top:0;transition:0.5s;}
.wrap_banner_2 .bg img{object-fit:cover;object-position:center;width:inherit;height:inherit;}
.wrap_banner_2 a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;}
.wrap_banner_2 a strong{font-size:26px;color:#FFF;font-family:'Sebang Regular';margin-top:20px;display:block;transition:0.5s;}
.wrap_banner_2 a::after{content:"";display:block;width:calc(100% - 60px);height:calc(100% - 60px);position:absolute;left:30px;top:30px;border:1px solid rgba(255,255,255,0.5);}
@media all and (max-width:1280px){
	.wrap_banner_2 a img{max-width:70px;}
	.wrap_banner_2 a strong{font-size:23px;}
}
@media all and (max-width:768px){
	.wrap_banner_2 a img{max-width:55px;}
	.wrap_banner_2 a strong{font-size:20px;}
}
/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_banner_2:hover .bg{transform:scale(1.1);filter:blur(10px);}
}