@charset "utf-8";

/*공통*/
.sub-sec {padding:100px 0;}
.sub-sec:first-child {padding-top:0;}
.bg-brown {background-color:#fbfaf8;}
.fz18 {font-size:18px;}
.sub-tit-wrap {margin-bottom:55px; text-align:center;}
.sub-tit-wrap h3 {font-size:28px; letter-spacing:-0.03em; color:#242424; margin-bottom:20px;}
.sub-tit-wrap.ver2 h3 {font-size:35px;}
.sub-tit-wrap p {font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#454545;}

/* greeting */
.greeting {background:url("../images/sub/greeting_bg.png") repeat-x 50% 50%; background-size:auto 100%; padding-bottom:125px;}
.greeting .contain {display:flex;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding:46px 10px 0 60px;}
.greeting .txt-wrap .tit {font-size:26px; font-weight:600; line-height:1.5em; letter-spacing:0; color:#242424; margin-bottom:40px;}
.greeting .txt-wrap .tit span {position:relative;}
.greeting .txt-wrap .tit span:before {content:""; position:absolute; width:100%; height:24px; background:#f7f4f1; z-index:-1; left:0; bottom:-5px; transform:skew(345deg); border-radius:5px;}
.greeting .txt-wrap .tit strong {font-size:30px;}
.greeting .txt-wrap .txt {font-weight:500; line-height:1.6em; letter-spacing:-0.03em; color:#454545; margin-bottom:35px;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}
.greeting .img {padding-right:50px;}

/* about */
.about .gr1 {text-align:center;}
.about .gr1 .img {margin-bottom:36px;}
.about .gr1 .tit {font-size:28px; letter-spacing:-0.03em; color:#242424; margin-bottom:15px;}
.about .gr1 .txt {font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

.about .gr2 .col {display:flex; align-items:center; margin-bottom:90px;}
.about .gr2 .col:nth-child(even) {flex-direction:row-reverse;}
.about .gr2 .col:nth-child(even) .cnt {padding-left:0;}
.about .gr2 .col:last-child {margin-bottom:0;}
.about .gr2 .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:58px;}
.about .gr2 .tit {font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:18px;}
.about .gr2 .txt {font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545; margin-bottom:33px;}
.about .gr2 .txt strong {font-weight:600;}
.about .gr2 .txt:last-child {margin-bottom:0;}

.about .gr3 {text-align:center;}
.about .gr3 .txt {font-weight:500; letter-spacing:-0.03em; color:#454545;}
.about .gr3 .patent {margin-bottom:33px;}
.about .gr3 ul {display:flex; justify-content:center;}
.about .gr3 ul li {padding:0 40px;}
.about .gr3 ul li .img {margin-bottom:26px;}
.about .gr3 ul li .tt {font-weight:500; line-height:1.7em; letter-spacing:-0.03em; color:#242424;}

/* history */
.history {display:flex; align-items:flex-start;}
.history .group {width:50%; padding-left:48px; position:relative;}
.history .group:before {content:""; position:absolute; width:1px; height:calc(100% - 30px); top:20px; left:8px; background:#ddd;}
.history .col {padding-bottom:50px; position:relative;}
.history .col:before {content:""; position:absolute; width:8px; height:8px; background:#ae9772; border-radius:100%; left:-43px; top:7px; z-index:1;}
.history .col:after {content:""; position:absolute; width:16px; height:16px; background:#fff; border:1px solid #ae9772; border-radius:100%; left:-47px; top:3px;}
.history .col:last-child {padding-bottom:0;}
.history .year {font-size:26px; letter-spacing:-0.03em; color:#242424; line-height:1em; margin-bottom:20px;}

.history ul li {position:relative; padding-left:10px; font-size:17px; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.history ul li:before {content:""; position:absolute; width:3px; height:3px; left:3px; top:12px; background:#ae9772; border-radius:100%;}

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

.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"홀드핀칭"; font-size:12px; line-height:15px;}

.local-info {border-top:2px solid #242424; display:flex;}
.local-info .col {flex:1; border:1px solid #ddd; border-top:0; border-left:0; text-align:center;}
.local-info .col:last-child {border-right:0;}
.local-info .tit {background:#f9f8f5; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding:18px; border-bottom:1px solid #ddd;}
.local-info .icon {margin-bottom:25px;}
.local-info .txt {font-weight:400; letter-spacing:-0.03em; color:#454545;}
.local-info .col .cnt {height:calc(100% - 60px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px;}

/* edu */
.edu .bg {text-align:center; padding:97px 10px; background:url("../images/sub/edu_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.edu .bg.ver2 {background:url("../images/sub/edu_bg2.jpg") no-repeat 50% 50%; background-size:cover;}
.edu .bg p {font-size:22px; font-weight:500; line-height:1.8em; letter-spacing:-0.03em; color:#fff;}
.edu .bg.ver2 p {color:#242424;}
.edu .bg .quote {position:relative; padding:5px 30px 0; background:url("../images/sub/quote1.png") no-repeat left top, url("../images/sub/quote2.png") no-repeat right top;}
.edu .bg span {font-size:26px; font-weight:700;}
.edu .list-wrap {max-width:900px; margin:0 auto; width:100%;}
.edu .list-wrap ul li {display:flex; background:#fff; align-items:center; padding:30px; margin-bottom:20px;}
.edu .list-wrap ul li:last-child {margin-bottom:0;}
.edu .list-wrap ul li .icon {margin-right:30px; border-radius:100%; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.1);}
.edu .list-wrap ul li .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.edu .list-wrap ul li .tit {font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px;}
.edu .list-wrap ul li .txt {font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}

.edu .gr3 {padding:100px 0;}
.edu .circle-wrap {display:flex; justify-content:center; flex-wrap:wrap;}
.edu .circle-wrap .box {width:280px; height:280px; box-shadow:0 0 7px 0 rgba(0,0,0,0.3); border-radius:100%; background:#fff; border:2px solid #b6a281; text-align:center; padding:63px 10px 10px 10px; margin:0 30px;}
.edu .circle-wrap .box .tit {position:relative; font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding-bottom:20px; margin-bottom:15px;}
.edu .circle-wrap .box .tit:before {content:""; position:absolute; width:50px; height:3px; background:#ae9772; bottom:0; left:50%; margin-left:-25px;}
.edu .circle-wrap .box p {font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.edu .gr4 .contain {display:flex;}
.edu .gr4 .bg-txt {display:flex; align-items:flex-end; padding:45px; background:url("../images/sub/edu_bg3.jpg") no-repeat 50% 50%; background-size:cover; border-radius:60px 0; overflow:hidden; width:50%; max-width:560px; margin-right:40px;}
.edu .gr4 .bg-txt p {font-size:24px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#fff; text-shadow:3px 3px 5px rgba(0,0,0,0.5);}
.edu .gr4 .bg-txt p strong {font-size:26px; font-weight:700;}
.edu .gr4 .bg-txt p span {position:relative;}
.edu .gr4 .bg-txt p span:before {content:""; position:absolute; width:6px; height:6px; background:#fff; border-radius:100%; box-shadow:3px 3px 5px 0 rgba(0,0,0,0.5); top:-13px; left:50%; margin-left:-3px;}
.edu .gr4 .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.edu .gr4 .txt-wrap .item {display:flex; padding:30px; background:#f8f8f8; margin-bottom:10px; min-height:150px;}
.edu .gr4 .txt-wrap .item:last-child {margin-bottom:0;}
.edu .gr4 .txt-wrap .item .num {font-size:22px; width:30px; height:30px; border-radius:100%; background:#ae9772; text-align:center; line-height:30px; color:#fff; font-weight:700; letter-spacing:-0.03em; margin-right:10px; flex:0 0 auto;}
.edu .gr4 .txt-wrap .item .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.edu .gr4 .txt-wrap .item .tit {font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px;}
.edu .gr4 .txt-wrap .item .txt {line-height:1.8em; letter-spacing:-0.03em; font-weight:400; color:#454545;}


/* partner */
.partner ul {display:flex; flex-wrap:wrap; margin:-30px;}
.partner ul li {width:33.333%; padding:30px; text-align:center;}
.partner ul li .thumb {margin-bottom:26px;}
.partner ul li .tit {letter-spacing:-0.03em; color:#242424; font-weight:500; margin-bottom:12px;}
.partner ul li .cnt {margin:0 auto; text-align:left; display:inline-block;}
.partner ul li .txt {font-size:15px; letter-spacing:-0.03em; color:#454545; font-weight:400; line-height:1.2em; margin-bottom:9px; padding-left:25px; position:relative;}
.partner ul li .txt:before {content:""; position:absolute; width:19px; height:19px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; left:0; top:-1px}
.partner ul li .addre:before {background-image:url("../images/sub/partner_icon1.png");}
.partner ul li .tel:before {background-image:url("../images/sub/partner_icon2.png");}
.partner ul li .txt:last-child {margin-bottom:0;}

/* inquiry */
.comp-list {position:relative;}
.comp-list .wrap .rolling {position:relative; overflow:hidden; height:80px;}
.comp-list .wrap .rolling ul {width:9999px;}
.comp-list .wrap .rolling ul li {float:left; line-height:0; margin-right:10px;}
.comp-list .wrap .rolling ul li img {}