@charset "utf-8";
@import url('/html/css/color_theme.css');

h2, h3 {font-weight:600;}
h4 {font-weight:500 !important;}

div {font-weight:400;}
b, strong {font-weight:500;}

#gnb .depth li a { line-height:1.3 !important;}

.compad {padding-top:60px !important; padding-bottom:60px !important;}
.center .w1230 {padding-top:60px !important; padding-bottom:60px !important;}

#visual  {z-index:1 !important;background-color:#fff !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:auto 100% !important; background-position:center center !important;}


@media all and (max-width:980px) {
	.compad {padding-top:45px !important; padding-bottom:45px !important;}
	h3.title {margin: 0 0 30px !important; }
}

@media all and (max-width:680px) {
	.compad {padding-top:35px !important; padding-bottom:35px !important;}
	h3.title {font-size: 1.5rem !important;margin: 0 0 20px !important; }
}

@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
.about_cont_wrap {margin-bottom:40px !important;}
.about_cont_wrap * { letter-spacing:-0.05em !important; line-height:1.4 !important;}
.about_top {position:relative;width:100%; height:370px; background:url('/html/images/common/about_top.jpg') 50% 50% no-repeat;  background-size:cover !important;box-sizing:border-box;}
.about_top_txt {position:absolute; right:-5px; bottom:-5px; width:74%; padding:50px 10px 10px 4%;background:#fff;box-sizing:border-box; font-size:27px;color:#000;font-weight:500; letter-spacing:-0.05em;}
.about_top_txt em {color:#00a151; font-weight:600; font-style:normal;}
.about_top_txt b {color:#000; font-weight:600;}
.about_list {margin-top:20px !important;}
.about_list dl {width:100% !important; display:flex; position:relative;padding:35px 0px !important;margin:0px !important; border-bottom:1px #ddd solid; border-radius:0px !important; }
.about_list dl dt {width:30% !important;font-size:27px !important; font-weight:600 !important;color:#000 !important;text-align:left;  border:none !important; background-position: 90% 50% !important; background-repeat:no-repeat !important;}
.about_list dl dt.about_list1 {background-image:url('/html/images/common/about_list1.png');}
.about_list dl dt.about_list2 {background-image:url('/html/images/common/about_list2.png');}
.about_list dl dt.about_list3 {background-image:url('/html/images/common/about_list3.png');}
.about_list dl dt.about_list4 {background-image:url('/html/images/common/about_list4.png');}
.about_list dl dd {width:70% !important;font-weight:400 !important; padding:0px !important; border:none !important; word-break:keep-all !important;}
.about_list dl dd p {word-break:keep-all !important;line-height:1.5 !important;}
.about_ment {width:70%; margin-left:30%;}
.about_ment h4 {font-size:24px;color:#000;font-weight:500; margin:40px 0px;}
.about_ment h4 em {color:#00a151; font-weight:600; font-style:normal;}
.about_ment p { display:flex !important; font-size:1.2rem !important; font-weight:400 !important; line-height:40px !important;}
.about_ment p .ceo_name {font-family: "Nanum Brush Script", cursive; font-size:3rem !important; font-weight:500 !important; line-height:45px !important;}

.location_cont {position:relative;margin-bottom:40px;}
.location .loca_info { margin:0px !important; padding:30px 40px !important; border:1px #ddd solid;}
.location .loca_info dl dt {font-weight:600 !important;}
.location .loca_info.loca_how {border:none;padding:0px !important;}
.location .loca_info.loca_how dl { border-bottom:1px #ededed solid; padding:20px 0px !important;margin:0px !important;}
.location .loca_info.loca_how dl dt {color:#00a151 !important;}
.sub_title {display:flex;font-size:20px; color:#000;font-weight:500; margin:40px 0 0px 0;padding-bottom:20px;border-bottom:2px #333 solid;}
.detailBtn {position: relative !important;right: auto !important;left: 50% !important;bottom:auto !important; top:0% !important; transform: translateX(-50%) !important; margin-top:30px !important;}


@media(max-width : 980px){
	.about_top { height:300px;}
	.about_top_txt { padding:40px 10px 10px 4%;font-size:24px !important;}
	.about_list dl {padding:25px 0px !important;}
	.about_list dl dt {font-size:24px !important;vertical-align:top !important;background-position: 90% 100% !important;}

	.about_ment h4 {font-size:24px !important;}
}

@media(max-width : 680px){
	.about_top { height:auto;}
	.about_top_txt { background:rgba(0,0,0,0.5);width:100%; color:#fff;position:relative;right:0px; bottom:auto;top:0px; text-align:center; padding:50px 30px 40px; font-size:18px !important; }
	.about_top_txt em {color:#2ccd7d;}
	.about_top_txt b {color:#fff;}

	.about_list dl dt,
	.about_list dl dd {width:100% !important;}
	.about_list dl dt {font-size:20px !important; line-height:40px !important; height:40px; padding-left:55px;background-size:auto 40px !important;background-position: 0% 50% !important; margin-bottom:15px;}
	.about_list dl dt br {display:none;}

	.about_ment {width:100%; margin-left:0%; text-align:center !important;}
	.about_ment h4 {font-size:18px !important;}
	.about_ment p {justify-content:center;}

	.location .loca_info { padding:20px !important;}
}