@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/*공통*/
.txt-green {color:#3b8497 !important;}
.gray-bg {background:#f8f8f8;}
.list01 > li {position:relative; padding-left:10px; font-size:16px; font-weight:500; line-height:1.7em; letter-spacing:-0.03em; color:#272727;}
.list01 > li:before {content:""; position:absolute; width:3px; height:3px; background:#3b8497; left:0; top:10px; transform:rotate(45deg);}
.list01 > li.indent01 {display: flex;}
.list01 > li.indent01 span {margin-right:3px;}
.list01 > li .indent02 {    text-indent: -68px;
    margin-left: 68px;}
.list01.type2 {display:flex; flex-wrap:wrap;}
.list01.type2 > li {width:50%;}

/*about*/
.about .bg-wrap {padding:50px 35px 35px 35px; background:url("../images/sub/about_bg.jpg") no-repeat 50% 50%; background-size:cover; margin-bottom:50px;}
.about .bg-wrap .tit {text-align:center; font-family:'GmarketSans'; font-size:40px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#fff; margin-bottom:0.88em;}
.about .bg-wrap .tit span {display:block; font-size:30px; font-weight:500; line-height:1.5em;}
.about .bg-wrap p {position: relative; margin-bottom:1em; font-size:18px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#fff; text-align:center;}
.about .bg-wrap p:last-child {margin-bottom:0;}
.about .bg-wrap .sign {max-width:920px; margin:0 auto; text-align:right; font-size:24px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.about .gray-bg {padding:55px 0;}
.about .gray-bg .tit {font-family:'GmarketSans'; text-align:center; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#408498; margin-bottom:50px;}
.about .gray-bg p {text-align:center; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}

/*gallery*/
.gallery .bigPic {position:relative; margin-bottom:20px;}
.gallery .bigPic .slick-arrow {position:absolute; top:50%; margin-top:-30px; z-index:1; width:60px; height:60px; background-color:#fdb152; background-position:50% 50%; text-indent:-999em; overflow:hidden; border:0; background-repeat:no-repeat;}
.gallery .bigPic .slick-prev {left:0; background-image:url("../images/sub/gel_prev.png");}
.gallery .bigPic .slick-next {right:0; background-image:url("../images/sub/gel_next.png");}
.gallery .bigPic .item img {margin:0 auto;}
.gallery .thumbPic {padding:0 200px;}
.gallery .thumbPic .slick-slide {margin:0 5px; position:relative;}
.gallery .thumbPic .slick-current:before {content:""; position:absolute; width:100%; left:0; top:0; height:100%; border:3px solid #fdb152;}
.gallery .thumbPic .slick-list {margin:0 -5px;}

/*curri*/
.curri .group-tit {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#3b8497; margin-bottom:20px;}
.curri .gray-bg {padding:70px 0; margin:70px 0;}
.curri .gray-bg.type2 {margin-bottom:0;}
.curri .group .col {display:flex;align-items: flex-start; margin-bottom:50px;}
.curri .group .col:last-child {margin-bottom:0;}
.curri .group .thumb {position:relative; margin-right:35px;}
.curri .group .thumb .tit {text-align:center; position:absolute; bottom:0; left:0; width:100%; padding:12px 10px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; background:rgba(59,132,151,0.7);}
.curri .group .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.curri .group .sub-info {display:block; font-size:16px; font-weight:300; line-height:1.6em; letter-spacing:-0.03em; color:#272727;}
.curri2 .group-wrap {display:flex; margin:0 -48px;}
.curri2 .group-wrap .group {width:50%; padding:0 48px; }
.curri2 .info-box { height:calc(100% - 46.39px);}
.curri2 .info-box .tt {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; text-align:center; padding:12px 0; background:#3b8497;}
.curri2 .txt-wrap {padding:27px 20px 40px 20px;border:1px solid #ddd; height:calc(100% - 45.59px);}
.curri3 .col2 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:-27px;}
.curri3 .col2 .row {width:calc(33.333% - 15px); margin-bottom:27px; border:1px solid #ddd;}
.curri3 .col2 .row.type2 {width:calc(66.666% - 15px);}
.curri3 .col2 .row-tit {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; text-align:center; padding:12px 0; background:#3b8497;}
.curri3 .col2 .row-tit.ver2 {font-size:16px;}
.curri3 .col2 .txt-wrap {padding:27px 10px 28px 20px;}

.curri1 .gray-bg:last-child {margin-bottom: 0;}


/*location*/
.local {margin-bottom:45px;}
.local .root_daum_roughmap {width:100% !important; height:500px !important;}
.local .root_daum_roughmap .wrap_map {height:500px !important;}

.local-info {padding-left:70px; position:relative; margin-bottom:25px;}
.local-info:before {content:""; position:absolute; width:50px; height:50px; background:url("../images/sub/local_icon1.png") no-repeat 50% 50%; left:0; top:-10px;}
.local-info .addre {font-size:22px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:23px;}
.local-info .txt {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.02em; color:#242424; margin-bottom:10px;}
.local-info .more {position:absolute; right:0; top:0;}
.local-info .more a {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; padding:12px 40px; background:#3b8497; display:inline-block;}
.contact-info {padding-top:30px; padding-left:70px; border-top:1px solid #ddd;}
.contact-info span {position:relative; display:inline-block; padding-left:30px; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-right:120px;}
.contact-info span:before {content:""; position:absolute; left:0; background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.contact-info span:nth-child(1):before {background-image:url("../images/sub/local_icon2.png"); width:15px; height:22px; top:0;}
.contact-info span:nth-child(2):before {background-image:url("../images/sub/local_icon3.png"); width:23px; height:23px; top:-1px;}