@charset "utf-8";

/* 초기화 */
html, body, div, span, object, iframe,p, blockquote, pre,a, abbr, address, big, cite, code,del, dfn, em, font, ins, q, s, samp,small, strike, strong, sub, sup,figure, tt, var,b, u, i, h1, h2, h3, h4, h5, h6,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;}

@font-face {src:url('../font/NotoSansKR-Black.woff2'); font-family: 'black';}
@font-face {src:url('../font/NotoSansKR-Bold.woff2'); font-family: 'bold';}
@font-face {src:url('../font/NotoSansKR-Medium.woff2'); font-family: 'medium';}
@font-face {src:url('../font/NotoSansKR-Regular.woff2'); font-family: 'regular';}

*		{outline:none; border:0;}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

body {font-size:14px; color:#242424; font-weight:500; font-family: 'regular'; word-break: keep-all;}
body {-webkit-text-size-adjust:none;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

a, a:link {color: #555; text-decoration: none; cursor:pointer; }
a:visited {color: #555;}
a:hover, a:active, a:focus {color:#242424; text-decoration:none;}

hr {display:none}
li,ol,dd {list-style:none;}
table		{border-spacing:0; border-collapse:collapse;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
noscript{display:none;}
caption{visibility:hidden; height:0; width:0; font-size:0;}
strong{font-weight:normal;}
button {cursor:pointer}

.clear												{content:""; display:block; clear:both; width:100%; visibility:hidden;}
.clearfix::after {content:""; display:block; clear:both;}
.inner {max-width:1340px; width: 100%; display: block; margin: 0 auto;}





/* 전체 틀 */
#total_wrap						{width:100%;}
#wrap									{width:100%; margin:0 auto;}

/* 헤더 */
#wrap_header					{width:100%; margin:0 auto; }

/* 메인 */
.wrap_main						{width:100%; margin:0 auto;}

/* 서브 */
#wrap_sub							{width:100%; max-width:1280px; margin:0 auto;}

/* 푸터 */
#wrap_footer					{width:100%; }




/* main 시작*/
.wrap_main {position:relative; z-index: 3;}
.wrap_main h2 { font-size:40px; font-family: 'bold';  line-height:1.2;  letter-spacing: -1px;}
.wrap_main h3 {font-size: 24px; font-family: 'bold';}
.wrap_main p {font-size:18px; line-height: 1.5;}
.yellow {color:#FDBD3F;}
.small {font-size: 15px;}
.inner {max-width:1080px; width:100%; display:block; margin:0 auto;}

@media (max-width:1400px){
  .inner {padding:0 4%;}
}

/* .main_visual					{min-height:939px; background:url('../img/visual_back1.png') no-repeat center /cover; display:flex; justify-content: flex-end; flex-direction: column; align-items: center; position:relative;} */
.main_visual > p {position:absolute; top:3%; left:3%; color:#fff; font-size:18px;}
.main_visual figure {display:flex; justify-content: center;}
.main_visual h1 {text-align: center; color:#fff; font-size:100px; text-shadow: 5px 7px 1px #FDBD3F, 0px 0px 50px #FFF, 0px 0px 50px #FFF; font-family: 'black';}
.main_visual .br {display:none;}
.main_visual h1 span { text-shadow: 5px 7px 1px #d9d9d9, 0px 0px 50px #FFF, 0px 0px 50px #FFF;}
.main_visual h2 {text-align: center; color:#fff; font-size:32px; text-shadow: 0px 0px 60px #FDBD3F, 0px 0px 6px #FFF; padding:100px 0 0;}
.main_visual ul {display:flex;justify-content: center; align-items: flex-end; padding:65px 0 45px; width:100%;}
.main_visual li:not(:last-child) {padding-right:8%;}
.main_visual li img {width:100%; height:auto; display:block;}
.main_visual li:first-child img {max-width:168px;}
.main_visual li:nth-child(2) img {max-width:124px;}
.main_visual li:nth-child(3) img {max-width:196px;}
.main_visual li:last-child img {max-width:225px;}

.main_visual .mo_img {display: none;}
.main_visual .pc_img {width: 100%; height: auto;}

.main_1 {margin:0 auto; text-align: center; padding:107px 0 95px;}
.main_1 h3 {font-size: 28px; padding:72px 0 15px;}
.main_1 p {font-size: 18px; font-weight: 500;}
.main_1 ul {display: flex; justify-content: space-between; padding-top:88px;}
.main_1 li img {width:100%; max-width:340px; height:auto; display:block;}
.main_1 li figure {position:relative;}
.main_1 li figure::after {content: ""; display:block;width: 109px; height:109px; position:absolute; left:50%; bottom:-30%; transform: translate(-50%,0); z-index: 1;}
.main_1 li:first-child figure::after {background: url('../img/main1_p1_a.png') no-repeat center/100%;}
.main_1 li:nth-child(2) figure::after {background: url('../img/main1_p2_a.png') no-repeat center/100%;}
.main_1 li:last-child figure::after {background: url('../img/main1_p3_a.png') no-repeat center/100%;}
.main_1 span {text-align: center; padding-top:40px; display:block; line-height: 1.7;}

.main_2 {background: url('../img/main2_back.jpg') no-repeat center / cover; padding-top:100px; position:relative; z-index: -2;}
.main_2 .left {position:relative; display:flex; flex-direction: column; justify-content: space-between;}
.main_2 .left img {display:block; width:100%; max-width:550px; height:auto;}
.main_2 .t_box {display:flex; flex-direction: column; justify-content: center; padding-left:9%; height:333px;}
.main_2 .t_box1 {background:url('../img/main2_a1.png') no-repeat center/100%;}
.main_2 .t_box2 {background:url('../img/main2_b1.png') no-repeat center/100%;}
.main_2 .t_box3 {background:url('../img/main2_c1.png') no-repeat center/100%;}
.main_2 .title {width:43%; height:165px; margin-bottom:50px; background-color: #01A573; border-top-right-radius: 20px; border-bottom-right-radius: 20px; display:flex; align-items: center; justify-content: flex-end;}
.main_2b .title {background-color: #F0AAB1;}
.main_2c .title {background-color: #53D1DF;}
.content {display:flex; justify-content: space-between;}
.main_2 h2 {width:400px; color:#fff;}
.main_2 h2 span {color:#242424;}
.main_2 h3 {position:relative; padding-bottom:50px; }
.main_2 h3::after {display:block; content:""; width:350px; height:20px; background-color: #01A573; position:absolute; border-radius: 50px; top:20%; left:8%; z-index: -1;}
.main_2b h3::after {background-color: #F0AAB1; width:230px;}
.main_2c h3::after {background-color: #53D1DF; width:330px;}
.main_2 .right img {display:block; width:100%; max-width: 500px; height: auto;}
.main_2all {padding-bottom:200px;}

.main_3 { padding:100px 0;}
.main_3 .left {display:flex; flex-direction: column; padding:80px 0 0;}
.main_3 h3 {padding-bottom:15px;}
.main_3 li:first-child {padding-bottom:45px;}
.main_3 .import {margin-top:120px; font-size:14px; color:#666;}
.main_3 .right {display:flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.main_3 .br {display:none;}
.main_3 .right p {padding-top:20px; font-size:20px; text-align: center;}
.main_3 .right img {display:block; width:100%; max-width:330px; height:auto;}

.main_4 {text-align: center; background-color: #f7f7f7; padding:110px 0 60px;}
.main_4 .img_box {display:flex; justify-content: space-between;}
.main_4 .img_box p {font-size:15px; font-family: 'medium'; margin-top:5px;}
.main_4 .img_box .left img {display:block; width:100%; max-width:400px; height:auto;}
.main_4 .img_box .right img {display:block; width:100%; max-width:601px; height:auto;} 
.main_4 h3 {padding:25px 0 27px;}
.main_4 .br {display:none;}
.main_4 .padd {padding:0 0 40px;}
.main_4 .las_txt {padding-top:40px; font-family:'medium'}

.main_5	{text-align:center; min-height:483px; background:url('../img/footer_back1.png') no-repeat top /cover; position:relative; z-index: 9999;}
.main_5 h1 {text-align: center; color:#fff; font-size:58px; text-shadow: 0px 0px 60px #FFF; font-family: 'bold'; line-height: 1.2; padding:50px 0 40px;}
.main_5 .flx {display:flex; flex-direction: column; align-items: center;}
.main_5 p {color:#fff; font-size:24px; padding-bottom:28px; font-family:'bold'}
.main_5 figure img {display:block; width:100%; max-width:837px; height:auto;}
.main_5 a img {display:block; width:100%; max-width:333px; height:auto;}

.quick {position:fixed; right:3%; bottom:8%; z-index: 999;}
.quick img {display:block; width:100%; max-width: 267px; height:auto;}
.quick .mo {display:none;}
/* main 끝 */

/* main 반응형 시작 */
@media (max-width:1400px){
.main_visual { justify-content: center;}
.main_visual ul {padding:0 4%;}
.main_visual h2 {padding:90px 0 5% 0;}
.main_1 li {width:32%;}
.main_1 h2 br, .main_1 p br {display:none;}
.main_1 li figure::after {width:90px; height:90px;}
.main_1 span {padding-top:35px;}
  
.main_2 .left, .main_2 .right {width:49%;}
.main_2 .t_box {padding:0 9%; height:290px;}
.main_2 .t_box br {display:none;}
  
.main_4 .left {width:38%;}
.main_4 .right {width:58%;}
}

@media (max-width:1080px){
.wrap_main h2 { font-size:32px;}
.wrap_main h3 {font-size: 20px;}
.wrap_main p {font-size:17px;}

.main_visual h1 {font-size:92px;}
.main_visual h2 {font-size:24px;  padding:9% 0 5% 0;}

.main_1 {padding:90px 0 75px;}
.main_1 h3 {font-size: 24px; padding:55px 0 15px;}
.main_1 li figure::after {width:70px; height:70px;}
.main_1 span {padding-top:30px;}

.main_2 {padding-top:80px;}
.main_2 .t_box {padding:0 8%;}
.main_2 .t_box1 {background:url('../img/main2_a1_le.png') no-repeat center/100%,url('../img/main2_a1_to.png') no-repeat center/100% ; height:43%;}
.main_2 .t_box2 {background:url('../img/main2_b1_le.png') no-repeat center/100%,url('../img/main2_b1_to.png') no-repeat center/100% ; height:43%;}
.main_2 .t_box3 {background:url('../img/main2_c1_le.png') no-repeat center/100%,url('../img/main2_c1_to.png') no-repeat center/100% ; height:43%;}
.main_2all {padding-bottom:160px;}
.main_2 h2 {margin-left:9%;}
.main_2 h3::after {width:65%; height:15px; top:30%;}
.main_2b h3::after {width:45%;}
.main_2c h3::after {width:60%;}
.main_2 h3 {font-size:18px; padding-bottom:10px;}
.main_2 p {font-size:15px;}

.main_3 {padding:80px 0;}
.main_3 br {display:none;}
.main_3 .left {width:53%; padding:65px 0 0;}
.main_3 .right {width:43%;}
.main_3 .right p {font-size: 18px;}
.main_3 li:first-child {padding-bottom:45px;}
.main_3 .import {margin-top:100px;}

.main_4 { padding:90px 0 40px;}
.main_4 h3 {padding:20px 0 35px;}
.main_4 .img_box p {font-size:14px;}
.main_4 .padd {padding:0 0 25px;}
.main_4 .las_txt {padding-top:25px;}

.main_5 p {font-size:20px;}
.main_5 a img {max-width:300px;}
.main_5 h1 {font-size:52px;}

.quick {bottom:2%;}
.quick img {display:block; width:100%; max-width: 130px; height:auto;}
}

@media (max-width:768px){
.wrap_main h2 { font-size:24px;}
.wrap_main h3 {font-size: 18px;}
.wrap_main p {font-size:16px;}
/* .main_visual	{background:url('../img/visual_back1.png');} */
.main_visual > p {font-size:14px;}
.main_visual h1 {font-size:82px;}
.main_visual .br {display:block;}
.small {font-size:14px;}


.main_visual .pc_img {display: none;}
.main_visual .mo_img {display: block; width: 100%; height: auto; max-height: 600px;}


.main_1 h2 br, .main_1 p br {display:block;}
.main_1 h3 {font-size:18px; padding:60px 0 10px;}
.main_1 figure {display:flex; justify-content: center;}
.main_1 ul {flex-direction: column; align-items: center; padding-top:60px;}
.main_1 li {width:100%;}
.main_1 li figure::after {width:100px; height:100px;}
.main_1 li:not(:last-child){padding-bottom:25px;}
.main_1 span {padding-top:25px;}

.main_2 {padding-top:60px;}
.main_2all {padding-bottom:140px;}
.main_2 .title {width:92%; max-width: 500px; margin:0 auto 35px; justify-content: center; height:60px; border-radius: 15px;}
.main_2 .title h2 {width:initial; margin-left:0;}
.main_2 .title br {display:none;}
.main_2 .t_box {padding:0 4%; text-align: center; max-width: 500px; background-size: cover; height:303px;}
.main_2 .content {flex-direction: column-reverse;}
.main_2 .left, .main_2 .right {width:100%;}
.main_2 .left img {max-width:500px;}
.main_2 .left {align-items: center; padding-top:10px;}
.main_2 .left .col_box {padding-top:4%;}
.main_2 .right {display:flex;justify-content: center}
.main_2 h3::after {left:30%; width:55%;}
.main_2b h3::after {left:38%; width:38%;}
.col_box {display:none;}

.main_3 {padding:60px 0; text-align: center;}
.main_3 .content {flex-direction: column-reverse; align-items: center;}
.main_3 .left, .main_3 .right {width:100%;}
.main_3 .left {padding:45px 0 0;}
.main_3 .right {padding-top:40px;}
.main_3 li:first-child {padding-bottom:35px;}
.main_3 .import {margin-top:80px;}

.main_4 { padding:60px 0 30px;}
.main_4 .left, .main_4 .right {width:100%;}
.main_4 figure {display:flex; align-items: center; flex-direction: column;}
.main_4 .right {padding-bottom:20px;}
.main_4 .img_box {flex-direction: column-reverse;}
.main_4 h3 {padding:15px 0 25px;}
.main_4 .img_box p {font-size:13px;}
.main_4 .padd {padding:0 0 20px;}
.main_4 .las_txt {padding-top:20px;}

.main_5	{background: url('../img/footer_back_mo1.png'); min-height: 450px;}
.main_5 p {font-size:18px;}
.main_5 h1 {font-size:42px; padding:80px 0 6%;}
.main_5 a img {max-width:250px;}

.quick {bottom:2%;}
.quick img {max-width:100px;}
.quick .pc {display:none;}
.quick .mo {display:block;}
}
@media (max-width:600px){
.main_visual {min-height:400px;}
.main_4 br {display:none;}
.main_4 .br {display:block;}

.main_5 h1 {font-size:36px;}
}
@media (max-width:550px){
.main_1 span br {display:none;}
.main_2 .t_box {padding:0;}
.main_2 .t_box1 {background:url('../img/main2_a1_to.png') no-repeat center/cover;}
.main_2 .t_box2 {background:url('../img/main2_b1_to.png') no-repeat center/cover;}
.main_2 .t_box3 {background:url('../img/main2_c1_to.png') no-repeat center/cover;}
}
@media (max-width:500px){
.wrap_main h2 {font-size: 20px;}
.main_2 .title h2 {font-size:19px;}
.main_visual h1 {font-size:62px;}
.main_visual h2 {font-size:16px;}
.main_visual {min-height:400px;}

.main_1 h2 br {display:none;}
.main_1 span {padding-top:20px;}

.main_3 .right {padding-top:30px;}

.main_4 h3 br {display:none;}
.main_4 p {font-size:14px;}

.main_5	{min-height: 450px;}
.main_5 h1 {font-size:32px;}
.main_5 p {font-size:16px;}
.main_5 a img {max-width: 400px;}

.quick img {max-width:80px;}
}
@media (max-width:440px){
	.main_3 .right p {font-size:17px;}
	.main_4 .br {display:none;}
	.main_5 h1 {font-size:28px;}
	.main_visual {min-height:400px;}
}
@media (max-width:380px){
.main_5 h1 {font-size:23px;}
}
@media (max-width:360px){
.main_2 p {font-size:14px;}
.main_visual {min-height:500px;}
.main_5	{min-height: 350px;}
}
/* main 반응형 끝 */