@charset "utf-8";

#header{border-bottom:1px solid #ebebeb;}

#content{padding-bottom:100px; margin-top: 50px;}
#content > .inr{max-width:1400px; margin:0 auto;  box-sizing: border-box;}
.sub .inr{max-width:1400px; margin:0 auto; height: 100%;}
#content h2{margin-top: 40px;margin-bottom: 30px;font-size:35px;color:#111;font-weight:400;text-align:center;font-weight: 700;word-break:keep-all;}

.title {max-width: 1400px; margin: 0 auto; width: 100%; font-size: 40px; text-align: center; font-weight: 600;}

.sub {margin: 0px auto 80px;}
.sub_vis01 {background: url(/images/content/sub_vis01.jpg) no-repeat center/cover; width: 100%; aspect-ratio: 1920/400;}
.sub_vis02 {background: url(/images/content/sub_vis02.jpg) no-repeat center/cover; width: 100%; aspect-ratio: 1920/400;}
.sub_vis03 {background: url(/images/content/sub_vis03.jpg) no-repeat center/cover; width: 100%; aspect-ratio: 1920/400;}
.sub_vis04 {background: url(/images/content/sub_vis04.jpg) no-repeat center/cover; width: 100%; aspect-ratio: 1920/400;}
.sub_vis05 {background: url(/images/content/sub_vis05.jpg) no-repeat center/cover; width: 100%; aspect-ratio: 1920/400;}
.sub_vis06 {background: url(/images/content/sub_vis06.jpg) no-repeat center/cover; width: 100%; aspect-ratio: 1920/400;}
.sub_title {display: flex; flex-direction: column;    justify-content: flex-end; height: 100%;}
.sub_title .sub_h {display: flex; align-items: center; }
.sub_title h2 { font-size: 42px; color: #000;}
.sub_title .sub_line {background: #8c8c8c; height: 1px; width: 7%; margin: 0 15px 0 30px;}
.sub_title .sub_circle {background: #c10b2b; width: 20px; height: 20px; border-radius: 50%;}
.sub_title p {font-size: 18px; margin: 10px 0 90px;}

#content .cont_title {    margin: 0;line-height: 1;letter-spacing: 0.22em;font-size: 80px;opacity: 0.05;font-weight: 900;text-align: right;}

/* greetings */

.about01 {background: url(/images/content/about01_bg.jpg) no-repeat center/cover; aspect-ratio: 1400/508; width: 100%;}
.area_about01 .box_img {background: url(/images/content/about01_01.jpg) no-repeat center/cover; aspect-ratio: 1080/340; width: 100%;}
.box_txt p {text-align: center; font-size: 18px; margin: 100px auto 80px;}
#content .box_txt h2 {text-align: center; font-size: 22px;  font-weight: 600;}

#content .root_daum_roughmap {width: 100%;}
#content .root_daum_roughmap .wrap_map {height: 400px;}

.about02 .box_txt {padding: 60px 60px; border: 1px solid #ededed; margin-top: 40px; }
.about02 .box_txt figure {opacity: 0.4; text-align: center;}
.about02 .box_txt ul {display: flex; justify-content: space-between; margin-top: 45px;}
.about02 .box_txt ul li { text-align: center;}
.about02 .box_txt ul li.line {width: 1px; height: 30px; background: #ededed;}

@media screen and (max-width:1920px){
	.area_about {max-width: 1080px;}
}

@media screen and (max-width:1440px){
	.sub .inr {padding: 0 15px; box-sizing: border-box;}
    .sub > figure {height: 320px;}
}
@media screen and (max-width:1024px){
	.about02 .box_txt ul {flex-direction: column; align-items: center;}
    .about02 .box_txt ul li.line {width: 40px; height: 1px; margin: 20px 0 ; }
}

@media screen and (max-width:680px){
	#content h2{font-size:30px;}
	.area_about .box_img.right{margin-left:10px;}
    .certification_area ul li{width:49%;}
    .certification_area ul li:nth-child(2){margin-right:0;}
    .sub_title p {margin: 15px 0 60px;}
    .sub_title h2 {line-height: 1;}

    #content .cont_title {font-size: 52px; margin: 100px 0 0px;}
    .area_about01 .box_img {height: 240px;}
}

@media screen and (max-width:480px){
    .line_list li{width:49%;}
    .line_list li:nth-child(2n){margin-right:0;}
    .line_list li:last-child{margin-right:0 !important;}
    .line_list li:nth-child(3n){margin-right:2%;}

    #content .cont_title {font-size: 42px; letter-spacing: 0.12em;}

    .about02 .box_txt {padding: 60px 30px;}
}

@media screen and (max-width:420px){
    .about01 {aspect-ratio: unset;}
}

@media screen and (max-width:360px){
    .sub_title h2 {font-size: 32px;}
    #content .cont_title {font-size: 36px;}
}