@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .img{margin-bottom:50px;}
.greeting .con{display:flex;}
.greeting .con .tit-wrap{margin-right:160px;}
.greeting .con .tit-wrap .eng{margin-bottom:20px;line-height:1.2em;font-weight:700;letter-spacing:.6em;}
.greeting .con .tit-wrap .tit{font-size:30px;font-weight:600;line-height:1.5em;color:#242424;}
.greeting .con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;padding-top:45px;}
.greeting .con .tt-wrap .wrap{margin-bottom:35px;}
.greeting .con .tt-wrap .wrap p{margin-bottom:25px;}
.greeting .con .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .con .tt-wrap .btm-tt{font-weight:700;letter-spacing:-.04em;color:#242424;}

.vision .img{margin-bottom:45px;}
.vision .con{display:flex;justify-content:flex-end;}
.vision .con .tt-wrap .tit{position:relative;padding-left:83px;margin-bottom:20px;font-size:24px;line-height:1.58em;color:#242424;font-weight:700;}
.vision .con .tt-wrap .tit:before{content:'';position: absolute;left:0;top:5px;width:52px;height:60px;background:url('../images/sub/vision-logo.png')no-repeat 0 50%/contain;}
.vision .con .tt-wrap .tt{padding-left:83px;font-weight:500;}

.history{display:flex;align-items:flex-start;padding-top:50px;border-top:2px solid #333;}
.history .tt-wrap{width:555px;}
.history .tt-wrap h2{margin-bottom:25px;font-size:33px;font-weight:600;color:#242424;line-height:1.2em;}
.history .tt-wrap h2 strong{font-size:40px;}
.history .tt-wrap .txt{margin-bottom:50px;font-size:18px;line-height:1.56em;}
.history .tt-wrap .txt strong{font-weight:600;}
.history .tt-wrap .logo{opacity:.1;}
.history .con{position:relative;min-width:0;width:1%;flex:1 1 auto;}
.history .con:after{content:'';position: absolute;left:0;top:10px;width:1px;height:97%;background-color:#ddd;z-index:-1;}
.history .con .row{position:relative;margin-bottom:45px;padding-left:70px;}
.history .con .row:last-child{margin-bottom:0;}
.history .con .row:before{content:'';position: absolute;left:-10px;top:8px;width:20px;height:20px;background:url('../images/sub/history-bullet.png')no-repeat 50% 50%/contain;}
.history .con .row:after{content:'';position: absolute;left:20px;top:17px;width:40px;height:1px;background-color:#ddd;}
.history .con .row .year{margin-bottom:15px;font-size:28px;font-weight:600;line-height:1.2em;}

.location .maps{margin-bottom:35px;}
.location .maps .root_daum_roughmap {width:100% !important; height:430px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:430px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"모든(주)"; font-size:12px; line-height:15px;}
.location .directions {margin-top:40px;}
.location .directions .address-info {margin-bottom:30px;}
.location .directions .address-info .comp {color:#133c82; font-weight:600; margin-bottom:2px;}
.location .directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.location .directions .address-info .etc {color:#454545;}
.location .directions .address-info .etc span {display:inline-block; margin-right:16px;}
.location .directions .address-info .etc span:last-child {margin-right:0;}
.location .directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.location .directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.location .directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.location .directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.location .directions .contact-info dt path {fill:#3e62ad;}
.location .directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {height:300px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.location .directions .address-info .addr {font-size:20px;}
	.location .directions .contact-info dl {padding:20px 0;}
	.location .directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .maps .root_daum_roughmap {height:250px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:250px !important;}
	.location .directions {margin-top:30px;}
	.location .directions .address-info .addr {font-size:18px;}
	.location .directions .address-info {margin-bottom:20px;}
	.location .directions .contact-info dl {padding:16px 0;}
	.location .directions .contact-info dt {padding-left:5px; width:110px;}
	.location .directions .contact-info dt svg {margin-right:10px;}
}

.cate-menu{margin-bottom:60px;}
.cate-menu ul{display:flex;}
.cate-menu ul li{width:auto;flex:1;}
.cate-menu ul li a{display:flex;justify-content:center;align-items:center;position:relative;margin-left:-1px;height:60px;font-size:18px;font-weight:500;line-height:1.3em;text-align:center;}
.cate-menu ul li a:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ddd;}
.cate-menu ul li.active a{background-color:#133c82;color:#fff;}
.cate-menu ul li.active a:after{border-color:#133c82;}

.pr-list{padding:30px 0 35px;border-top:2px solid #868686;border-bottom:1px solid #ddd;}
.pr-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -35px;}
.pr-list ul li{width:33.3333%;padding:0 15px;margin-bottom:35px;text-align:center;}
.pr-list ul li .img{position:relative;overflow:hidden;border-radius:10px}
.pr-list ul li .img .pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.pr-list ul li .img .pic img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pr-list ul li .tit{margin-top:20px;font-size:20px;line-height:1.3em;font-weight:500;color:#242424;}

.sub-title.type2{margin-bottom:45px;}
.pr-detail{display:flex;margin:0 -30px;}
.pr-detail .inner{/* width:46.0784%; */padding:0 30px;}
.pr-detail .sticky-info{position:-webkit-sticky;position: sticky;height:calc(100vh - 120px);top:0;width:53.9216%;padding:0 30px;overflow: auto;display:none;}
.pr-detail .detail-info .tit{padding-top:25px;padding-bottom:25px;margin-bottom:25px;font-size:30px;line-height:1.3em;color:#242424;font-weight:700;border-bottom:1px solid #ddd;}
.pr-detail .detail-info .txt{margin-bottom:125px;}
.pr-detail .detail-info .txt .hypen-list li{position:relative;padding-left:10px;line-height:1.875em;}
.pr-detail .detail-info .txt .hypen-list li:before{content:'';position: absolute;left:0;top:13px;width:5px;height:1px;background-color:#454545;}
.pr-detail .detail-info .btns{display:flex;margin:0 -5px;}
.pr-detail .detail-info .btns li{padding:0 5px;}
.pr-detail .detail-info .btns li a{display:flex;justify-content:center;align-items:center;width:100px;height:44px;color:#fff;background-color:#105089;}
.pr-detail .detail-info .btns li.type2 a{background-color:#fafafa;border:1px solid #ddd;color:#242424;}
.pr-detail .top-con{display:flex;margin-bottom:100px;margin-left:-30px;margin-right:-30px;}
.pr-detail .top-con .img{/* width:100%; */width:46.0784%;border-radius:10px;overflow:hidden;padding:0 30px;}
.pr-detail .top-con .img .pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.pr-detail .top-con .img .pic img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.pr-detail .top-con .detail-info{display:block;width:53.9216%;padding:0 30px;}
.pr-detail .content .row{margin-bottom:75px;}
.pr-detail .content .row:last-child{margin-bottom:0;}
.pr-detail .content .row .tit{position:relative;padding-left:35px;margin-bottom:25px;font-size:28px;font-weight:700;color:#242424;line-height:1.3em;}
.pr-detail .content .row .tit:before{content:'';position:absolute;left:0;top:4px;width:25px;height:25px;background:url('../images/common/ic-tit.png')no-repeat 50% 50%/contain;}
.pr-detail .content .row .img-list li{margin-bottom:20px;}
.pr-detail .content .row .img-list li:last-child{margin-bottom:0;}

.my-btn{display:flex;justify-content:center;align-items:center;width:130px;height:50px;margin:0 auto;font-size:18px;background-color:#133c82;border:none;font-weight:500;color: #fff;cursor:pointer;}