@charset "UTF-8"; 

/********************************
 메인페이지 - 헤더 설정
 *******************************/
#top_layout {z-index:2;}
.mainHead .logo a:before {background-image:url(../images/main/main_logo.png);}
.mainHead .nav_pcbox {border-bottom:0;}
.mainHead .nav_pcbox nav .tm_dep01 > li > .tm_tit01 {color:#fff;}
.mainHead .view_pc a,
.mainHead .view_pc button {background:rgba(255,255,255,0.2);}


/*모바일메뉴 버튼*/
.mainHead .view_m.menu_mbtn {background:rgba(255,255,255,0.2);}


/********************************
 section01
 *******************************/
.section01 {overflow:hidden; position:relative; display:block; margin-top:-160px; padding-top:160px; background:url(../images/main/main_img01.jpg) center center no-repeat; background-size:cover;}
.section01 .inner {z-index:1;}


/*메인이미지 문구*/
.main_tbox {position:relative; display:block; margin:100px auto 50px; text-align:center;}
.main_tbox .twotxt {display:inline-block; font-family:'OneMobile'; font-size:6.0rem; color:#fff;}
.main_tbox .break {display:block; font-family:'SCD'; font-size:2.4rem;}
.main_tbox .break2 {display:block; font-family:'SCD'; font-size:1.8rem; color:#fff;}




 
/* media query */
@media screen and (max-width:1520px){
}

@media screen and (max-width:1240px){	
	.main_tbox {margin:40px auto 20px;}
	.main_tbox .twotxt {font-size:5.0rem;}
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.section01 .inner {padding:0 20px;}
}

@media screen and (max-width:920px){
	.main_tbox {margin:20px auto;}
	
	.main_tbox .twotxt {font-size:4.0rem; line-height:1.4;}
	.main_tbox .break {font-size:2.0rem;}
	.main_tbox .break2 {font-size:1.6rem;}
}

@media screen and (max-width:767px){
	.main_tbox li p {font-size:4.0rem;}
	.main_tbox li p.twotxt {padding:40px 100px 40px 20px;}
}

@media screen and (max-width:640px){
	.main_tbox .twotxt {font-size:3.4rem;}
	.main_tbox .break {font-size:1.7rem;}
	.main_tbox .break2 {font-size:1.4rem;}
}

@media screen and (max-width:480px){	
	.main_tbox {padding:0 20px;}
	.main_tbox li p img {width:200px;}
	.main_tbox li p.twotxt {padding:20px 30px 50px; text-shadow:1px 1px 4px rgba(0, 0, 0, 0.8);}
}
 
 
 

/*버튼 3개*/
.linkButton_box {margin:150px auto; width:100%; max-width:1520px;}
.linkButton_box ul {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:40px;}
.linkButton_box ul li {width:33.3333%; box-sizing:border-box;}

.linkButton_box ul li .linkBtnIcon {position:relative; display:block; z-index:30;}
.linkButton_box ul li .linkBtnIcon:before {content:''; display:block; position:absolute; left:calc(50% - 45px); top:50px; height:90px; width:90px; transition:.4s; background-repeat:no-repeat;}
.linkButton_box ul li .linkBtnIcon.bcon01:before {background-image:url(../images/main/main_btn01.png);}
.linkButton_box ul li .linkBtnIcon.bcon02:before {background-image:url(../images/main/main_btn02.png);}
.linkButton_box ul li .linkBtnIcon.bcon03:before {background-image:url(../images/main/main_btn03.png);}

.linkButton_box ul li .linkBtn {overflow:hidden; position:relative; transition:.3s; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:200px; padding-top:80px; border-radius:40px; /*border:3px solid #fff;*/box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3); color:#fff; font-size:3.3rem; font-family:'OneMobile'; text-align:center;}
.linkButton_box ul li .linkBtn.btn01 {background-color:#2875CB;}
.linkButton_box ul li .linkBtn.btn02 {background-color:#0e8e0e;}
.linkButton_box ul li .linkBtn.btn03 {background-color:#df6918;}
.linkButton_box ul li .linkBtn em.small {font-size:2.0rem;}

.linkButton_box ul li:hover .linkBtn {text-decoration:none;}
.linkButton_box ul li:hover .linkBtnIcon:before {top:40px;}


 /* media query */
@media screen and (max-width:1520px){
	.linkButton_box ul {padding:0 20px;}
}
@media screen and (max-width:1400px){
	.linkButton_box ul {gap:28px;}
	.linkButton_box ul li .linkBtn {flex-direction:column;}
}

@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
	.linkButton_box {margin-top:0; margin-bottom:30px;}
	
	.linkButton_box ul {flex-wrap:wrap; justify-content:center; gap:0px;}
	.linkButton_box ul li {width:60%; margin:0 auto 30px;}

	
	.linkButton_box ul li .linkBtn {/* flex-direction:row; */height:150px; font-size:3.0rem;}
	.linkButton_box ul li .linkBtnIcon:before {top:40px;}
	.linkButton_box ul li:hover .linkBtnIcon:before {top:30px;}
	
}

@media screen and (max-width:767px){
	.linkButton_box ul li .linkBtn {flex-direction:column; max-height:inherit; min-height:auto; /*min-height:120px;*/}
}

@media screen and (max-width:640px){
	.linkButton_box ul li {width:80%;}
	.linkButton_box ul li .linkBtn {height:130px; font-size:2.4rem; border-radius:20px;}
	.linkButton_box ul li .linkBtn.btn02 {height:140px; }
	.linkButton_box ul li .linkBtn em.small {font-size:1.7rem;}
	
}

@media screen and (max-width:480px){
	.linkButton_box ul li {width:90%;}
	.linkButton_box ul li .linkBtnIcon:before {left:calc(50% - 30px); top:30px; height:60px; width:60px; background-size:100%;}
	.linkButton_box ul li .linkBtn {height:100px; padding-top:65px; font-size:2.0rem;}
	.linkButton_box ul li .linkBtn.btn02 {height:105px; padding-top:60px;}
	.linkButton_box ul li .linkBtn em.small {font-size:1.6rem;}
	
	.linkButton_box ul li:hover .linkBtnIcon:before {top:20px;}
	
}