@charset "utf-8";
@import url('https://flozfloz.malgnlms.com/html/fonts/pretendard/pretendard.css');

:root {
    --point-color: #004b8f  !important;
}

body, body * {letter-spacing:-0.02em !important; font-family:'Pretendard'; word-break:keep-all !important;}
b, strong {font-weight:500;}
input[type="text"],select,img,textarea{ color:#333 !important;}

.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:600;}
h4 {font-weight:600 !important;}
em {font-style:normal !important;}

body #wrap {overflow:hidden;}
body .compad { padding-top:60px; padding-bottom:60px; }
body .compad_t {padding-top:60px; padding-bottom:0px ; }
body .compad_b {padding-top:0px ; padding-bottom:60px; }

body .contents_in.about_cont ol, 
body .contents_in.about_cont ul, 
body .contents_in.about_cont li {list-style:none;}

body .view_cont img {max-width: 100% !important; height: auto !important;}

body .w1230 {width:100% !important;  max-width:1270px !important; padding-left:20px !important; padding-right:20px !important; box-sizing:border-box;}

body .btn_b,
body .bestColor {border-color:var(--point-color) !important; background-color:var(--point-color) !important;}

body #header.gnb_type3 .head_in {padding:20px;}
body #header.gnb_type3 #gnb > ul {width:100%;}
body #header .member_util li a {padding-right:0px !important;}
body #header.gnb_type3 .member_util li.search {display:none !important;}

body .head_search {width:400px; border:2px #0081cb solid; border-radius:10px; padding:0px 20px;box-sizing:border-box; display:flex; flex-wrap:nowrap; gap:6px; justify-content:center; align-items:center;}
body .head_search input.input_search { border:none !important;  width:100% !important; height:50px; outline:none;}
body .head_search .btn_search {width:30px; height:30px; background:url('/html/images/common/btn_search.png') 50% 50% no-repeat;outline:none; border:none; font-size:0px;}

body #footer {border-top:2px #333 solid;}
body #footer .foot_top {padding:0px !important; margin-bottom:25px !important; }
body #footer .foot_top a {font-size:1rem !important; font-weight:600;}

body h3.title {text-align:left; margin-bottom:30px;}

body .item .con_box .subtitle {display:none !important; font-size:15px; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
body .item .con_box h4 {font-size:18px !important;}
body .item .con_box {padding:24px !important;}

body .new_list {gap:30px;}
body .new_list .item {margin:0px !important;}
body .new_list .item .con_box ul li {padding-left:60px;}
body .photo_list .item .con_box ul li {padding-left:60px;}

body .best .slick-list {overflow:hidden;}
body .best_list .item {opacity: 1 !important;}
body .best_list .item .con_box h4 {-webkit-line-clamp: 2; line-height:1.3; height: 3rem;}
body .best_list .item .con_box ul li {padding-left:60px;}
body .new_list .item .img_box > img,
body .best_list .item .img_box > img { aspect-ratio: 16 / 9 !important;}

body .view_A_type .price_table {display:none;}

body .contents_in.about_cont {padding-bottom:60px !important;}

.greeting { padding-right:50%;background: url('/html/images/common/greeting_new.png') no-repeat 100% 50%; background-size:50% ; min-height:500px;}
.greeting h5 { font-size:24px;line-height:1.5;font-weight:bold;padding:20px 0 40px 0;}
.greeting h5 em{color:#0a81bb}
.greeting p { font-size:18px;line-height:1.4;font-weight:normal;padding:10px 0; color:#000;}
.greeting p span {font-weight:400; color:#008acf;}

/* 찾아오시는 길 */
.location .maxWidth {margin:0 auto !important;border:1px solid #ddd;}
.location .map_info {padding:30px;border-top:1px solid #ddd;overflow:hidden;}
.location .map_info h3 {float:left;padding-right:40px;font-weight:600;font-size:24px;color:#333;}
.location .row {padding:30px 60px !important; width:100%;display:flex;flex-wrap:wrap; gap:10px;}
.location .row li {position:relative;width:100%;display:flex; box-sizing:border-box;font-weight:400;font-size:16px;line-height:1.5;list-style:none;}
.location .row li strong {width:100px; font-weight:500;font-size:1em;color:#333;}
.location .row li a {color:#666;}
.location .ly_map {position:relative;}
.location .ly_map #map {position:relative;height:420px !important;}
.location .ly_map #map p {text-align:center;font-size:14px !important;color:#fff;}
.location .mapBtn {position:absolute;right:20px;bottom:20px;display:block;width:140px;height:45px;background-color:#fff;border:1px solid #ddd;font-size:14px;color:#666;line-height:45px;text-align:center;box-sizing:border-box;font-weight:300;z-index:9999;}
.location .mapBtn:before {display:none; content:'';width:14px;height:14px;margin-right:10px;background-image:url(../../images/sub/blit_map.gif);background-position:0;background-repeat:no-repeat;background-size:100%;vertical-align:middle;}
.location .ly_map .root_daum_roughmap {width:100%!important;}
.location .ly_map .root_daum_roughmap .wrap_controllers {display:none!important;}


@media (max-width: 1500px) {
    body .best_list {width:100%; margin-left:-15px;}
}

@media (max-width: 1024px) {
	body .head_search {display:none;}
}

@media (max-width: 980px) {
	
	body .item .con_box {padding:20px !important;}
	body .item .con_box h4 {font-size:17px !important;}

    body .new_list {gap: 15px;}
	
	.greeting h5 img {width:auto !important;height:60px !important;}
}

@media (max-width: 680px) {
	.ver_mobile { display:block !important;}
	.ver_pc { display:none !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}

	body .compad { padding-top:40px; padding-bottom:40px; }
	body .compad_t {padding-top:40px; }
	body .compad_b { padding-bottom:40px; }

	body #header.gnb_type3 .head_in {padding:10px 20px;}


	body .item .con_box {padding:18px !important;}
	body .item .con_box h4 {font-size:15px !important;}
	
    body .new_list {gap: 10px;}

	.greeting { background-position:50% 100%;background-size:100% auto;height:auto;padding-right:0px !important;padding-bottom:60% !important; }
	.greeting h5 {padding:0px 0 10px 0;}
	.greeting h5 img {width:auto !important;height:30px !important;}
	.greeting p { font-size:15px;}

	.location .row {padding:20px !important; }
	.location .row li {font-size:15px;}
	.location .row li strong {width:60px;}

}