@charset "utf-8";

/* ¿ìÃø Äü¸Þ´º */
.smssend {position:fixed; width:80px; right:0px; top:200px;  margin-top:0; z-index:20;}

/* ¸ÞÀκñÁÖ¾ó */
#main_visual_warp{width:100%; height:740px;  background:url('/images/slide4.jpg') center top no-repeat; display: flex; align-items: center; text-align: center;}
.main_visual{width:1200px; margin:0 auto;}

.main_text p{color: #fff; overflow-wrap: anywhere; word-break: keep-all;}
.main_text p:first-child{font-size: 30px;}
.main_text p:nth-child(2){font-size: 60px; font-weight: bold;}
.main_text p:last-child{font-size: 20px;}

/* °øÅë */
.wrap-all-width01{width: 1280px; margin: 0 auto; overflow: hidden;}

/* Á¦Ç°¾È³» */
#main_con01_warp{width:100%; height:860px; background:url('/images/main_con01_bg.png') center top no-repeat; position: relative;}

.main_con01_left-title{margin-top: 2rem;}
.main_con01_left-title-mini{display: flex; align-items: center; margin-bottom: 1rem;}
.main_con01_left-title-mini .border{width: 40px; height: 2px; background-color: #333; margin-right: 15px;}
.main_con01_left-title-mini span{font-size: 1rem; font-weight: bold;}

.main_con01_left-title01{display: flex; flex-direction: column; align-items: start;}
.main_con01_left-title01 span:first-child{font-size: 2rem; font-weight: 400;}
.main_con01_left-title01 span:nth-child(2){font-size: 2.2rem; font-weight: 600;}
.main_con01_left-title01 span :last-child{font-size: 1rem;}

.main_con01_list{border-top: 2px solid #333; border-bottom: 2px solid #333; width: 25%; margin-top: 2rem;}
.main_con01_btn a{display: flex; align-items: center;  justify-content: space-between; }
.main_con01_btn{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 0.5rem 0;}
.main_con01_btn_left{font-size: 1rem;}

.main_con01_btn_right{transition: transform 0.3s ease;}
.main_con01_btn a:hover .main_con01_btn_right{transform: translateX(5px);}

.main_con01_img{position: absolute; bottom: 2rem; right: 5rem;}

/* OMR½ºÄ³³Ê ¸®´õ±â À̹ÌÁö ÄÜÅÙÃ÷2 */
#main_con02_warp{background:url('/images/main_con02_bg.png') center top no-repeat; width:100%; height: 500px;}
.main_con02_warp-flex{display: flex; align-items: center; justify-content: space-between; height: 100%;}

.main_con02_warp-left,.main_con02_warp-right{position: relative; width: 49%; height: 100%;}

.main_con02-title{margin-top: 1rem;}
.main_con02-title span{color: #fff; display: flex; flex-direction: column; align-items: start; word-break: keep-all;}
.main_con02-title span:first-child{font-size: 1rem;}
.main_con02-title span:nth-child(2){font-size: 1.5rem; font-weight: bold;}
.main_con02-title span:last-child{font-size: 0.8rem; font-weight: 300;}

.main_con02-img{position: absolute; bottom: 1rem; right: 0;}
.main_con02-img img{width: 375px;}

/* ¼­ºñ½º */
.main_con03{margin-bottom: 5rem;}
.main_con03_title{margin-top: 2rem; margin-bottom: 2rem; text-align: center;}
.main_con03_title-mini span{color: #094072; font-size: 0.8rem; font-weight: 600;}
.main_con03_title-main{margin-top: -10px;}
.main_con03_title-main span{font-size: 2.2rem; font-weight: 800;}

.main_con03_list{display: flex; align-items: center; justify-content: center;}
.main_con03_list01{margin-right: 3rem;}
.main_con03_list01:last-child{margin-right: 0;}
.main_con03_list01 a{border: 1px solid #ccc; background-color: #f5f5f5; border-radius: 10px; height: 200px; width: 200px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .1s;}
.main_con03_list01 a i{font-size: 2rem; margin-bottom: 1rem;}
.main_con03_list01 a:hover{background-color: #094072;}
.main_con03_list01 a:hover i,.main_con03_list01 a:hover span{color: #fff;}

/* ȸ»ç¼Ò°³ */
#main_con04_warp{background:url('/images/main_con04_bg.png') center top no-repeat; width:100%; height: 540px; position: relative;}
.main_con04-title{display: flex; align-items: center; flex-direction: column; margin-top: 6rem;}
.main_con04-title span{color: #fff; text-align: center; word-break: keep-all;}
.main_con04-title span:first-child{font-size: 2.2rem; font-weight: 800; margin-bottom: 1rem;}
.main_con04-title span:last-child{font-size: 1rem; font-weight: 300;}

.main_con04-btn{background-color: #094072; margin: 0 auto; width: 10%; position: absolute; bottom: 0; box-sizing: border-box; padding: 0.5rem; height: 150px; text-align: center; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}
.main_con04-btn a{display: flex; align-items: center; flex-direction: column;}
.main_con04-btn a span{color: #fff; font-size: 0.8rem; font-weight: 600;}
.main_con04-btn a .border{width: 1px; height: 2rem; background-color: #fff; margin-top: 1rem; transition: .3s;}

.main_con04-btn a:hover .border{rotate: calc(90deg);}

/* ¹ÝÀÀÇü */
/* ÅÂºí¸´ °¡·Î¸ðµå */
@media only screen and (min-width: 1023px) and (max-width: 1400px){
.wrap-all-width01{width: 95%;}
.main_con01_img{right: 2rem; width: 60%;}
.main_con02-img img{width: 350px;}
.main_con03_title-main span{width: 2rem;}
.main_con04-btn{width: 20%;}
.main_con03{margin-bottom: 3rem;}

}

/*ÅÂºí¸´ ¼¼·Î¸ðµå*/
@media only screen and (min-width: 767px) and (max-width: 1023px){
.wrap-all-width01{width: 95%;}
.main_con01_img{right: 2rem; width: 60%;}
#main_visual_warp{height: 700px;}
.main_text p:first-child{font-size: 1.2rem;}
.main_text p:nth-child(2){font-size: 2.2rem;}
.main_text p:last-child{font-size: 0.9rem;}
#main_con01_warp{height: 700px;}
.main_con01_left-title01 span:first-child{font-size: 1rem;}
.main_con01_left-title01 span:nth-child(2){font-size: 2rem;}
.main_con01_btn_left{font-size: 0.8rem;}

#main_con02_warp{height: 450px;}
.main_con02-img img{width: 330px;}
.main_con02-title span:first-child{font-size: 0.9rem;}
.main_con02-title span:nth-child(2){font-size: 1.3rem;}

.main_con03_title-main span{font-size: 2rem;}
.main_con03_list01 a{width: 180px; height: 180px;}
.main_con03{margin-bottom: 3rem;}

.main_con04-btn{width: 20%;}
.main_con04-title span:first-child{font-size: 2rem;}
.main_con04-title span:last-child{font-size: 0.8rem;}
#main_con04_warp {height: 500px;}

.smssend{position: static; width: 100%;}
.smssend ul{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.smssend ul li{width: calc(100%/5);}
}

/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px){
.wrap-all-width01{width: 95%;}
#main_visual_warp{background: url('/images/slide4-m.png') center top no-repeat; height: 520px;}

.smssend{position: static; width: 100%;}
.smssend ul{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.smssend ul li{width: calc(100%/5);}

.main_visual{width: 95%;}
.main_text p:first-child{font-size: 1rem;}
.main_text p:nth-child(2){font-size: 1.5rem;}
.main_text p:last-child{font-size: 0.7rem; letter-spacing: -1px;}

#main_con01_warp{background: url('/images/main_con01_bg-m.png') center top no-repeat; height: 395px;}
.main_con01_left-title{margin-top: 1rem;}
.main_con01_left-title-mini span{font-size: 0.8rem;}
.main_con01_left-title-mini .border{margin-right: 10px; width: 30px;}
.main_con01_left-title01 span:first-child{font-size: 1.2rem;}
.main_con01_left-title01 span:nth-child(2){font-size: 1.8rem; letter-spacing: -0.5px;}
.main_con01_left-title01 span:nth-child(3){font-size: 0.8rem;}

.main_con01_img{display: none;}
.main_con01_list{width: 100%; margin-top: 2rem; background-color: #fff;}
.main_con01_list ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.main_con01_list ul li{width: calc(100%/2); box-sizing: border-box; padding: 0 0.3rem;}
.main_con01_btn_left{font-size: 0.8rem;}
.main_con01_list ul li:nth-child(5) .main_con01_btn,.main_con01_list ul li:nth-child(6) .main_con01_btn{border-bottom: 0;}

#main_con02_warp{background: url('/images/main_con02_bg-m.png') center top no-repeat; height: 413px;}
.main_con02_warp-flex{flex-direction: column;}
.main_con02_warp-left{width: 100%; display: flex; margin-top: 1rem; justify-content: space-between;}
.main_con02_warp-right{width: 100%;}
.main_con02_warp-right a{width: 100%; display: flex; margin-top: 1rem; justify-content: space-between;}
.main_con02-img{position: static;}
.main_con02-title{margin-top: 0;}
.main_con02-img img{width: 170px;}
.main_con02-title span:first-child{font-size: 0.7rem;}
.main_con02-title span:nth-child(2){font-size: 1rem;}

.main_con03{margin-bottom: 2rem;}
.main_con03_title{margin-top: 1rem; margin-bottom: 1rem;}
.main_con03_title-main span{font-size: 1.5rem;}
.main_con03_list{width: 100%; justify-content: space-around;}
.main_con03_list01{margin-right: 0;}
.main_con03_list01 a{width: 100px; height: 100px; box-sizing: border-box; padding: 0.5rem; overflow: hidden;}
.main_con03_list01 a i{font-size: 1.3rem; margin-bottom: 0.3rem;}
.main_con03_list01 a span{font-size: 0.7rem; word-break: keep-all;}

#main_con04_warp{background: url('/images/main_con04_bg-m.png') center top no-repeat; height: 285px;}
.main_con04-title{margin-top: 1rem;}
.main_con04-title span:first-child{font-size: 1.5rem;}
.main_con04-title span:last-child{font-size: 0.75rem;}
.main_con04-btn{height: 120px; width: 30%;}
.main_con04-btn a span{font-size: 0.7rem;}
}