@charset "utf-8";
@import url('reset.css');

body { background-color: #fff; padding: 0; margin: 0;}
a { text-decoration: none; }


.wrapper { width: 100%; padding: 0px; margin: 0; }
.wrapper .header-top { background-color: #E2252D; color: #fff; font-size: 18px; }
.wrapper .header-top .header-area { max-width: 1400px; width: 100%; height: 60px; margin: 0 auto; padding: 10px 0px; display: flex;}
.wrapper .header-top .header-area .header-logo { width: 20%; display: flex; }
.wrapper .header-top .header-area .header-logo img { padding: 10px; }
.wrapper .header-top .header-area .header-menu { width: 60%; }
.wrapper .header-top .header-area .header-menu ul { display: flex; list-style: none; }
.wrapper .header-top .header-area .header-menu ul li { padding: 0 15px; cursor: pointer;}
.wrapper .header-top .header-area .header-call { width: 20%; text-align: right; position: relative; }
.wrapper .header-top .header-area .header-call .header-call-div { position: absolute; top: 25%; right: 0px; border: 1px solid #fff; border-radius: 4px; padding: 2px 25px; font-size: 16px; }

.section01 { background-color: #FCFBF5; padding-top: 100px; }
.section01 .section01-content { max-width: 1400px; width: 100%; padding : 100px 0; margin: 0 auto; }
.section01 .section01-content .inner01 { display: flex; justify-content: space-between; }
.section01 .section01-content .inner01 .inner-text .top-font01 { font-family: 'Godo'; font-weight: 700; font-size: 30px; line-height: 1em;}
.section01 .section01-content .inner01 .inner-text .top-font02 { font-family: 'Godo'; font-weight: 500; font-size: 64px; line-height: 1.5em;}
.section01 .section01-content .inner01 .inner-text .top-font03 { font-family: 'Godo'; font-weight: 500; font-size: 30px; line-height: 1.5em;}
.section01 .section01-content .inner01 .inner-img { }
.section01 .section01-content .inner01 .inner-boxs { width: 100%; border-radius: 20px; border: 1px solid #DCDCDC; display: flex; justify-content: space-between;}
.section01 .section01-content .inner01 .inner-boxs:first-child { margin-right: 20px;}
.section01 .section01-content .inner01 .inner-boxs:last-child { margin-left: 20px;}
.section01 .section01-content .inner01 .inner-boxs.boxs01 { background-color: #fff; }
.section01 .section01-content .inner01 .inner-boxs.boxs02 { background-color: #1E2336; color: #fff; }
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left { padding: 30px; }
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font01 { font-family: 'Godo'; font-weight: 500; font-size: 34px; line-height: 1.5em;}
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font02 { font-weight: 400; font-size: 20px; line-height: 1.2em; letter-spacing: -0.5px;}
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right { position: relative; }
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div { position: absolute; top: 50%; right:0; transform: translate(0%, -50%);}
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-btn01 .btn-left {background-color: #1E2336; color: #fff; font-size: 1em; letter-spacing: -0.4px; padding: 0.5em 2.5em; border-radius: 5px; }
.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-btn01 .btn-right {background-color: #FEFEFE; color: #333333; font-size: 1em; letter-spacing: -0.4px; padding: 0.5em 2.5em; border-radius: 5px;}

.section02 { }
.section02 .section02-content { max-width: 1400px; width: 100%; padding : 100px 0; margin: 0 auto; }
.section02 .section02-content .title-sub { text-align: center; font-family: 'Godo'; font-weight: 500; font-size: 30px; line-height: 1.2em; letter-spacing: -0.75px;}
.section02 .section02-content .title { text-align: center; font-family: 'Godo'; font-weight: 500; font-size: 40px; line-height: 1.2em; letter-spacing: -1px;}
.section02 .section02-content .inner { display: flex; }
.section02 .section02-content .inner .inner-div { width: 33.3%; text-align: center; font-weight: 400; }

.section03 { background-color: #FAFAFA; }
.section03 .section03-content { max-width: 1400px; width: 100%; padding-top : 100px; margin: 0 auto; }
.section03 .section03-content .title { text-align: center; font-family: 'Godo'; font-weight: 500; font-size: 40px; line-height: 1.2em; letter-spacing: -1px;}
.section03 .section03-content .inner { text-align: center; }
.section03 .section03-content .inner .inner-img { position: relative; }
.section03 .section03-content .inner .inner-img-text { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; line-height: 1.2em;}

.section04 {  }
.section04 .section04-content { max-width: 1400px; width: 100%; padding-top : 100px; margin: 0 auto; }
.section04 .section04-content .title { text-align: center; font-family: 'Godo'; font-weight: 500; font-size: 40px; line-height: 1.2em; letter-spacing: -1px;}
.section04 .section04-content .inner { text-align: center; }
.section04 .section04-content .inner .inner-img { position: relative; }
.section04 .section04-content .inner .inner-img-text { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; line-height: 1.2em;}

.section05 { background-color: #FAFAFA; }
.section05 .section05-content { max-width: 1400px; width: 100%; padding : 100px 0; margin: 0 auto; }
.section05 .section05-content .section05-content-box {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 10px 10px 10px #00000012;border-radius: 20px; padding: 50px; }
.section05 .section05-content .section05-content-box .title { text-align: center; font-weight: 500; font-size: 35px; line-height: 1.2em; }
.section05 .section05-content .section05-content-box .title-sub { text-align: center; font-weight: 400; font-size: 16px; line-height: 1.2em; }
.section05 .section05-content .section05-content-box .title-add { font-family: 'Godo'; text-align: center; font-weight: 400; font-size: 25px; line-height: 1.2em; }
.section05 .section05-content .section05-content-box .inner { max-width:  580px; width: 100%; margin: 0 auto;}
.section05 .section05-content .section05-content-box .inner .table ul li { padding: 10px 0;}
.section05 .section05-content .section05-content-box .inner .table ul li .input-title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px;}
.section05 .section05-content .section05-content-box .inner .table ul li .input-div {display: flex; justify-content: space-between;}
.section05 .section05-content .section05-content-box .inner .table ul li .input-div .input-div-left { width: 50%; }
.section05 .section05-content .section05-content-box .inner .table ul li .input-div .input-div-left label { width: 100%; }
.section05 .section05-content .section05-content-box .inner .table ul li .input-div .input-div-right { width: 50%; }
.section05 .section05-content .section05-content-box .inner .table ul li .input-div .input-div-right label { width: 100%; }
.section05 .section05-content .section05-content-box .inner .table ul li input[type="radio"] { display: none; }
.section05 .section05-content .section05-content-box .inner .table ul li input[type="radio"] + label { display: inline-block; padding: 10px 10px; border: 3px solid #1E2336; border-radius: 5px; background-color: #ffffff; text-align: center; cursor: pointer; box-sizing : border-box;}
.section05 .section05-content .section05-content-box .inner .table ul li input[type="radio"]:checked + label { background-color: #1E2336; color: #ffffff; border: 3px solid #1E2336; box-shadow: 5px 5px 15px #1E23364F; box-sizing : border-box;}
/* banner */
/*.section05 .section-banner-content { max-width: 1400px; width: 100%; background-color:#fff; padding : 10px 0; margin: 0 auto; border:1px solid #E7E7E7}*/
.section05 .section-banner-content { position: fixed; bottom:0px; width: 100%; background-color:#fff; padding : 10px 0; margin: 0 auto; border:1px solid #E7E7E7}
.section05 .section-banner-content .section-banner-inner { max-width:580px; width:100%; display: flex; justify-content: space-between; margin: 0 auto;}
.section05 .section-banner-content .section-banner-inner div { width: 50%; }
.section05 .section-banner-content .section-banner-inner div .warning { font-size: 13px; color: #333; }

.section06 {  }
.section06 .section06-content { max-width: 1400px; width: 100%; padding : 100px 0; margin: 0 auto; }
.section06 .section06-content .title { text-align: center; font-family: 'Godo'; font-weight: 500; font-size: 40px; line-height: 1.2em; letter-spacing: -1px;}
.section06 .section06-content .inner { width: 100%; }
.section06 .section06-content .inner .table { width: 100%; font-size: 16px; }
.section06 .section06-content .inner .table table { width: 100%;}
.section06 .section06-content .inner .table th { background-color: #FF4123; color:#fff; }
.section06 .section06-content .inner .table th, .section06 .section06-content .inner .table td { padding: 8px 0; text-align: center; }
.section06 .section06-content .inner .table tr.col01 { background-color: #F8F8F8; }
.section06 .section06-content .inner .table td.ft-red {color: #FF4123; }

.footer { background-color: #FAFAFA; border-top: 1px solid #DCDCDC;  padding-bottom: 60px;}
.footer .footer-area { max-width: 1400px; width: 100%; padding: 50px 0; margin: 0 auto; font-size: 14px; color: #333; letter-spacing: -0.4px; text-align: center; }

.header-logo-nm { position: relative; width: 100%;}
.header-logo-nm .header-logo-nm-text { position: absolute; top:25%;  }

/* default */
.right-line { padding: 0 10px; color: #DCDCDC; line-height: 0.8em; }
.view-pc {display: block;}
.view-mobile {display: none;}

.mg-top10 { margin-top: 10px !important; }
.mg-top20 { margin-top: 20px !important; }
.mg-top30 { margin-top: 30px !important; }
.mg-top40 { margin-top: 40px !important; }
.mg-top50 { margin-top: 50px !important; }
.mg-bottom10 { margin-bottom: 10px !important; }
.mg-bottom20 { margin-bottom: 20px !important; }
.mg-bottom30 { margin-bottom: 30px !important; }
.mg-bottom40 { margin-bottom: 40px !important; }
.mg-bottom50 { margin-bottom: 50px !important; }
.fw300 { font-weight: 300 !important;}
.fw400 { font-weight: 400 !important;}
.fw500 { font-weight: 500 !important;}
.fw600 { font-weight: 600 !important;}
.fw700 { font-weight: 700 !important;}

.color-red { color:#FF4123 !important; }

.frm-input { width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; box-sizing : border-box; border: 1px solid #DCDCDC; border-radius: 5px; padding: 10px;}
.agree-label { color: #333; font-size: 14px; }
.highlighter_y { background: linear-gradient(to top, rgba(255, 240, 25, 0.15) 70%, transparent 1%); }

.btn { cursor: pointer; }
.btn-full { width: 100%; }
.btn-red { background: #E2252D 0% 0% no-repeat padding-box; border-radius: 5px; color:#fff; font-size: 18px; font-weight: 600; padding: 15px 20px; }


/* PC */
@media (max-width: 1400px) {

	.wrapper { }
	.wrapper .header-top { padding: 0 10px; }
	.section01 .section01-content { padding : 100px 10px; margin: 0 auto; width: auto; }
	.section02 .section02-content { padding : 100px 10px; margin: 0 auto; width: auto; }
	.section05 .section05-content { padding : 100px 10px; margin: 0 auto; width: auto; }
	.section05 .section-banner-content { /*width: auto;*/ }
	.section06 .section06-content { padding : 100px 10px; margin: 0 auto; width: auto; }

	.section01 .section01-content .inner01 .inner-text { width: 100%; }
	.section01 .section01-content .inner01 .inner-text .top-font01 { font-family: 'Godo'; font-weight: 700; font-size: 1.7em; line-height: 1em;}
	.section01 .section01-content .inner01 .inner-text .top-font02 { font-family: 'Godo'; font-weight: 500; font-size: 3.6em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-text .top-font03 { font-family: 'Godo'; font-weight: 500; font-size: 1.7em; line-height: 1.5em;}
	/*.section01 .section01-content .inner01 .inner-img img { width: 100%; }*/
	.section01 .section01-content .inner01 .inner-boxs { width: 100%; border-radius: 20px; border: 1px solid #DCDCDC; display: flex; justify-content: space-between;}
	.section01 .section01-content .inner01 .inner-boxs:first-child { margin-right: 10px;}
	.section01 .section01-content .inner01 .inner-boxs:last-child { margin-left: 10px;}
}

@media (max-width: 1300px) {

	.section01 .section01-content .inner01 .inner-text .top-font01 { font-family: 'Godo'; font-weight: 700; font-size: 1.6em; line-height: 1em;}
	.section01 .section01-content .inner01 .inner-text .top-font02 { font-family: 'Godo'; font-weight: 500; font-size: 3.5em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-text .top-font03 { font-family: 'Godo'; font-weight: 500; font-size: 1.6em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-img img { width: 110%; float: right; }

	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div img { width: 200px; }
}

@media (max-width: 1280px) {

	.wrapper .header-top .header-area .header-logo .header-logo-nm .header-logo-nm-text { font-size: 0.8em; }
	.wrapper .header-top .header-area .header-menu { font-size: 0.8em; }

	.section01 .section01-content { padding : 50px 10px; margin: 0 auto; width: auto; }
	.section01 .section01-content .inner01 .inner-text .top-font01 { font-family: 'Godo'; font-weight: 700; font-size: 1.4em; line-height: 1em;}
	.section01 .section01-content .inner01 .inner-text .top-font02 { font-family: 'Godo'; font-weight: 500; font-size: 3.3em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-text .top-font03 { font-family: 'Godo'; font-weight: 500; font-size: 1.4em; line-height: 1.5em;}

	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left { padding: 30px; }
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font01 { font-family: 'Godo'; font-weight: 500; font-size: 1.6em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font02 { font-weight: 400; font-size: 1.2em; line-height: 1.2em; letter-spacing: -0.5px;}
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right { position: relative; }
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div { position: absolute; top: 50%; right:0; transform: translate(0%, -50%);}

	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-btn01 .btn-left {font-size: 0.8em; letter-spacing: -0.4px; padding: 0.5em 2.5em; border-radius: 5px; }
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-btn01 .btn-right {font-size: 0.8em; letter-spacing: -0.4px; padding: 0.5em 2.5em; border-radius: 5px;}

	/*.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div img { width: 80%; }*/

}

@media (max-width: 1024px) {

	.wrapper { }
	.wrapper .header-top .header-area { justify-content: space-between; }
	.wrapper .header-top .header-area .header-logo .header-logo-nm .header-logo-nm-text { display: none;}
	.wrapper .header-top .header-area .header-menu { display: none; }

	.section01 .section01-content { padding : 20px 10px; margin: 0 auto; width: auto; }
	.section01 .section01-content .inner01 .inner-text .top-font01 { font-family: 'Godo'; font-weight: 700; font-size: 1.2em; line-height: 1em;}
	.section01 .section01-content .inner01 .inner-text .top-font02 { font-family: 'Godo'; font-weight: 500; font-size: 2.9em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-text .top-font03 { font-family: 'Godo'; font-weight: 500; font-size: 1.2em; line-height: 1.5em;}


	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left { padding: 30px; }
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font01 { font-family: 'Godo'; font-weight: 500; font-size: 1.3em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font02 { font-weight: 400; font-size: 1.1em; line-height: 1.1em; letter-spacing: -0.5px;}
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right { position: relative; }
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div { position: absolute; top: 50%; right:0; transform: translate(0%, -50%);}
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div img { width: 150px; }

	.section02 .section02-content .title-sub { font-size: 1.4em; line-height: 1.2em; letter-spacing: -0.75px;}
	.section02 .section02-content .title { font-size: 2.2em; line-height: 1.2em; letter-spacing: -1px;}
	.section02 .section02-content .inner .inner-div .inner-div-img img { height: 130px; }

	.section03 .section03-content .title { font-size: 2.2em; line-height: 1.2em; letter-spacing: -1px;}
	.section03 .section03-content .inner .inner-img-text { font-size: 1.4em;}
}

@media (max-width: 1023px) {
	.wrapper .header-top .header-area { height: 40px;}
	.wrapper .header-top .header-area .header-logo img { height: 30px; padding: 5px;}

	.section01 { padding-top: 0px;}
	.section01 .section01-content { padding : 50px 10px; margin: 0 auto; width: auto; }
	.section01 .section01-content .inner01 { display: flow-root; }
	.section01 .section01-content .inner01 .inner-boxs:first-child { margin-right: 0px; margin-bottom: 10px;}
	.section01 .section01-content .inner01 .inner-boxs:last-child { margin-left: 0px;}
	.section01 .section01-content .inner01 .inner-img img { width: 40%; }

	.section02 .section02-content { padding: 50px 10px; }
	.section02 .section02-content .inner { display: flow-root; }
	.section02 .section02-content .inner .inner-div { width: 100%; margin: 50px auto;}

	.section03 .section03-content { padding-top: 50px;}
	.section03 .section03-content .inner .inner-img-text { width: 100%; font-size: 1.3em; }
	.section04 .section04-content { padding-top: 50px;}
	.section04 .section04-content .inner .inner-img-text { width: 100%; font-size: 1.3em; }

	.footer .footer-area { font-size: 0.85em; padding: 30px 0;}
	.view-pc {display: none;}
	.view-mobile {display: block;}
}

/* 테블릿 */
@media (max-width: 900px) {

	.wrapper { }
	.wrapper .header-top { padding: 0 10px; }

	.wrapper .header-top .header-area .header-call .header-call-div {border:0px solid }
	.wrapper .header-top .header-area .header-call .header-call-div .call-number { display: none; }
	.wrapper .header-top .header-area .header-call .header-call-div img { width: 18px; cursor: pointer; }

}

@media (max-width: 680px) {

	.wrapper { }
	.wrapper .header-top { padding: 0 10px; }

	.section01 .section01-content .inner01 .inner-text .top-font01 { font-family: 'Godo'; font-weight: 700; font-size: 0.9em; line-height: 1em;}
	.section01 .section01-content .inner01 .inner-text .top-font02 { font-family: 'Godo'; font-weight: 500; font-size: 1.7em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-text .top-font03 { font-family: 'Godo'; font-weight: 500; font-size: 0.9em; line-height: 1.5em;}
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left { padding: 20px; }
	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-left .boxs-font02 {font-size: 0.9em;}

	.section02 .section02-content { padding: 50px 0; }
	.section02 .section02-content .title-sub { font-size: 1.2em;}
	.section02 .section02-content .title { font-size: 1.8em;}
	.section03 .section03-content .title { font-size: 1.8em;}
	.section04 .section04-content .title { font-size: 1.8em;}

	.section05 .section05-content .section05-content-box .title { font-size: 1.8em; }
	.section05 .section05-content .section05-content-box .title-sub { font-size: 0.9em; }
	.section05 .section05-content .section05-content-box .title-add { font-size: 1.3em; }
	.section05 .section05-content .section05-content-box .inner .table ul li .input-title {font-size: 1em;}

	.section06 .section06-content { padding: 50px 10px; }
	.section06 .section06-content .title { font-size: 1.8em;}

	.section03 .section03-content .inner .inner-img-text,
	.section04 .section04-content .inner .inner-img-text { font-size: 1em; }

	.section03 .section03-content .inner .inner-img img { width: 100%; }
	.section03 .section03-content .inner .inner-img-text { font-size: 1em; }
	.section03 .section03-content .inner div img { width: 30%;}
	.section04 .section04-content .inner .inner-img img { width: 100%; }
	.section04 .section04-content .inner .inner-img-text { font-size: 1em; }
	.section04 .section04-content .inner div img { width: 50%;}

	.section05 .section05-content .section05-content-box { padding: 30px 10px;}
	.section05 .section05-content .section05-content-box .inner .table ul { padding: 0px }

	.section06 .section06-content .inner .table { font-size: 0.8em; }

	.footer { padding-bottom: 110px;}
	.btn-red { color: #fff; font-size: 0.9em; padding: 10px 20px; }
}

@media (max-width: 480px) {

	.section01 .section01-content .inner01 .inner-boxs .inner-boxs-right div img { width: 120px; }

	.section05 .section05-content .section05-content-box .title { font-size: 1.6em; }
	.section05 .section05-content .section05-content-box .title-sub { font-size: 0.8em; }
	.section05 .section05-content .section05-content-box .title-add { font-size: 1.2em; }
}