@charset "UTF-8";

@import url('/common/css/default.css');

body{position:relative;padding-bottom: 85px;background:#f7f8fa url(/site/public/images/landing/bg01.png) no-repeat 0 0;font-family: 'NotoKr';color: #192d64;letter-spacing: -0.025em;}
body:before {display:block;position:absolute;right:0;bottom:0;width:1073px;height:679px;background: url(/site/public/images/landing/bg02.png) no-repeat;background-size: contain}
body:after {display:block;position:absolute;right: 90px;bottom: 100px;width:791px;height:643px;background: url(/site/public/images/landing/bg03.png) no-repeat;background-size: contain}
.wrap {position: relative;width: 1200px;margin: 0 auto}
@media all and (max-width:1220px){
    .wrap {width: 100%;padding: 0 3%}
}
.logo {margin-top:50px;text-align: center}


.title_box {margin: 120px 0 58px;}
.title_box .sub_title {display:inline-block;padding: 9px 0;border-top:1px solid #8892af;border-bottom:1px solid #8892af;font-size: 18px;line-height: 30px;letter-spacing: 0.45em;}
.title_box .sub_title em{}
.title_box h2 {margin:48px 0 50px;font-family: 'jalnan';font-size: 54px;line-height: 60px}
.title_box .text_title {font-size: 18px;line-height: 26px;word-break: keep-all;}

.text_box {}
.text_box .sub_title{font-size: 18px;line-height: 26px;font-weight: bold}
.text_box h3{margin:12px 0;color: #ec6c61;font-size: 30px;line-height: 34px;}
.text_box h3 em{font-size: 20px;}
.text_box h3 br{display: none}
.text_box .warning{font-size: 16px;line-height: 26px;}

.text_box .bu {margin-top: 40px;border-left:3px solid #3b4d81;padding-left: 15px;}
.text_box .bu li{font-size:16px;line-height: 26px; }
.text_box .bu li .title{display:inline-block;width:110px;font-weight:bold;vertical-align: top}
.text_box .bu li .text{display:inline-block;width: calc(100% - 120px);vertical-align: top;}
@media all and (max-width:1800px){
    body {background-size:400px}
    body:before {width: 860px;height: 544px;}
    body:after {right:50px;width:600px;height: 488px;}
}
@media all and (max-width:1430px){
    body:before {width: 800px;height: 506px;}
    body:after {right:50px;width: 470px;height: 382px;}
}
@media all and (max-width:1200px){
    body {padding-bottom: 400px;background-size:300px}
    .logo img {width:300px}
    .title_box {margin: 100px 0 58px;}
}
@media all and (max-width:1000px){
    body:before {width: 620px;height: 394px;}
    body:after {bottom: 50px;width: 340px;height: 276px;}
    .title_box {margin: 60px 0 58px;text-align: center;}
    .title_box .sub_title {font-size:16px;line-height: 24px;}
    .title_box h2 {margin: 30px 0;font-size: 40px;line-height: 50px;}
    .title_box .text_title {font-size:16px;line-height: 24px;}
    .text_box {width:600px;margin:0 auto;}
    .text_box h3{font-size: 27px;line-height: 29px;}

}
@media all and (max-width:640px){
    body {padding-bottom: 400px;background-size:200px}
    .logo img {width: 200px;}
    .title_box {margin: 40px 0;text-align: center;}
    .title_box h2 {margin: 20px 0;font-size: 30px;}
    .text_box {width:450px}
    .text_box h3{font-size: 20px;line-height: 29px;}
    .text_box .sub_title{font-size: 16px;line-height: 24px;}
    .text_box .warning {font-size: 14px;}
    .text_box .bu li .text br {display:none}
}
@media all and (max-width:480px){
    body{padding-bottom: 260px;}
    body:before {width: 400px;height: 253px;}
    body:after {right: 20px;bottom: 60px;width: 200px;height: 163px;}
    .title_box .sub_title {letter-spacing: 0.25em;}
    .title_box h2 {margin: 20px 0;font-size: 24px;}
    .title_box .text_title{font-size: 14px}
    .text_box h3 {font-size: 18px}
    .text_box h3 br{display:block}
    .text_box {width:100%}
    .text_box .bu{margin-top: 30px}
    .text_box .bu li{font-size: 14px}
    .text_box .bu li .title {width: 90px;}
    .text_box .bu li .text{width: calc(100% - 105px);}

}