/* 타이틀공통 */
.page_title1 {position:relative; display:block; text-align:center; margin:80px 0 40px 0; }
.page_title1:before { content: ""; display: block; position: absolute; left: 50%; top:-10px; transform: translateX(-50%); width: 40px; height:2px; background: #222; }
.page_title1 .title {display:inline-block; font-size:2.5em; color:#000; line-height:1.4; font-weight:700; word-break:keep-all; }
.page_title1 .title_desc {display:block; margin-top:20px; font-size:1.25em; color:#000; line-height:1.6; word-break:keep-all; }
.page_title1 .title_desc span {display:inline-block; font-size:1em; color:#45a6e6; line-height:1.6; font-weight:600;}

.page_title2 {display:block; text-align:center; margin:80px 0 40px 0; }
.page_title2 .title {position:relative; display:inline-block; font-size:2.5em; color:#000; line-height:1.2; font-weight:700; background:#fff;}
.page_title2 .title:after { z-index:-1; content: ""; display: block; position: absolute; right:-10px; top:-5px; width:10px; height:10px; background:#45a6e6; border-radius:10px; }
.page_title2 .title span {color:#00529b;}
.page_title2 .title_desc {display:block; margin-top:15px; font-size:1.25em; color:#333; line-height:1.4; word-break:keep-all;} 

.page_title3 {position:relative; display:block; text-align:center; margin:100px auto 50px;}
.page_title3:after { content:""; display:block; clear:both; }
.page_title3 .title_num {z-index:-1; position: absolute; left: 50%; top:0; transform: translate(-50%,-50%); display:block; font-size:10em; color:#f5f5f5; line-height:1.4; font-weight:900; font-style:normal;}
.page_title3 .title {display:inline-block; font-size:2.5em; color:#000; line-height:1.4; font-weight:700; word-break:keep-all; }
.page_title3 .title_desc {display:block; margin-top:20px; font-size:1.5em; color:#000; line-height:1.6; word-break:keep-all; }
.page_title3 .title_desc span {display:inline-block; font-size:1em; color:#45a6e6; line-height:1.6; font-weight:600;}



/* 인사말1 */
.company1-1 { width:100%;}
.company1-1:after{ content:""; display:block; clear:both;}
.company1-1 .img_cont{position:relative; width:100%; height:400px; margin-bottom:50px; }
.company1-1 .img_cont .imgs {z-index:1; position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; background:url('../company/image/01.jpg')no-repeat 50% 20%; background-size:cover;}
.company1-1 .img_cont .imgs img{ width:100%;}
.company1-1 .img_cont .img_nemo {z-index:1; content:""; position:absolute; right:2%; bottom:-25px; min-width:40%; padding:40px; text-align:left; background: linear-gradient(135deg, #45a6e6 0%, #00529b 100%); transition: 0.5s all ease;}
.company1-1 .img_cont .img_nemo em {display:block; font-size:1em; color:#fff; line-height:1.4; word-break:keep-all; font-style:normal; letter-spacing:0.25em;}
.company1-1 .img_cont .img_nemo p {display:block; margin-top:15px; font-size:1.5em; color:#fff; line-height:1.2; word-break:keep-all;}
.company1-1 .ceo_msg {width:100%; padding:0 2%;}
.company1-1 .ceo_msg:after{ content:""; display:block; clear:both;}
.company1-1 .ceo_msg .txts {display:flex; flex-wrap: wrap; justify-content: space-between; }
.company1-1 .ceo_msg .txts dl { width:47%;} /* 인사말내용이 짧을경우 width:100%로 변경사용 */
.company1-1 .ceo_msg .txts dl dt { width:100%; font-size:2em; color: #000; line-height: 1.3; font-weight:500; word-break:keep-all;}
.company1-1 .ceo_msg .txts dl dd { width:100%; }
.company1-1 .ceo_msg .txts dl dd p {margin-top:30px; font-size:1em; color: #222; line-height: 1.6; word-break:keep-all;}
.company1-1 .ceo_msg .sign{ display:block; text-align:right; font-size:1em; color:#222; line-height:1.6;}
.company1-1 .ceo_msg .sign span {display:block; font-size:2.5em; color:#000; font-family: 'Cafe24ShiningStar';  letter-spacing:0.15em;}

.company1-2 { width:100%; text-align:center; }
.company1-2:after{ content:""; display:block; clear:both;}
.company1-2 ul {width:100%; font-size:0; text-align:center; overflow:hidden;}
.company1-2 ul li {position:relative; display:inline-block; vertical-align:top; width:32%; margin:0.5%; min-height:120px; border:1px solid #ddd;}
.company1-2 ul li .con_box {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:0 40px; text-align:left; }
.company1-2 ul li .icons { width:18%; display:inline-block; vertical-align:middle; text-align:center; font-size:2em;}
.company1-2 ul li .txts { width:80%; display:inline-block; vertical-align:middle; padding-left:15px;}
.company1-2 ul li .txts dt {font-size:1em; color:#222; line-height:1.2; }
.company1-2 ul li .txts dd {margin-top:10px; font-size:1.5em; color:#000; line-height:1.4; font-weight:700;}


/* 인사말2 */
.company2-1 { width:100%;}
.company2-1:after{ content:""; display:block; clear:both;}
.company2-1 .img_cont{width:100%; margin-bottom:50px;}
.company2-1 .img_cont img{ max-width:100%; }
.company2-1 .ceo_msg {width:100%;}
.company2-1 .ceo_msg .con_left {float:left; width:30%; font-size:2em; color:#000; line-height:1.4em;}
.company2-1 .ceo_msg .con_left .nemo { position:relative; margin:0 auto; width:95%; height:250px; border:10px solid #eee;}
.company2-1 .ceo_msg .con_left .nemo_txt {z-index:1; position:absolute; width:115%; padding:20px 0; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; background:#fff; }
.company2-1 .ceo_msg .con_left .nemo_txt p {font-size:2em; color:#000; line-height:1.4em;}
.company2-1 .ceo_msg .con_left .nemo_txt img {max-width:100%; image-rendering: pixelated;}
.company2-1 .ceo_msg .con_right {float:right; width:70%; padding-left:5%;}
.company2-1 .ceo_msg .con_right p { color:#313131; line-height:1.6em;}
.company2-1 .ceo_msg .con_right .bold { color:#000; line-height:1.3em; font-size:2em; padding-bottom:30px;}
.company2-1 .ceo_msg .con_right .sign{ display:block; font-size:1.25em; color:#000; text-align:right; margin-top:30px; }

.company2-2 {width:100%; margin-top:50px;}
.company2-2 .con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0;}
.company2-2 .con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.company2-2 .con_arrow:first-child { margin:0 0 20px 0;}
.company2-2 table.tbl_type1{width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #002b5c;}
.company2-2 table.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:15px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#f8f8f8;}
.company2-2 table.tbl_type1 td{ text-align:left; padding:15px 15px; border-bottom:1px solid #eee;}


/* 연혁1 */
.company3-1 {width:100%; max-width:1400px; margin:0 auto;  }
.company3-1:after{ content:""; display:block; clear:both;}
.company3-1 .con_box {width:100%; overflow:hidden}
.company3-1 .con_box:after{ content:""; display:block; clear:both;}
.company3-1 .con_box ul {width:100%; font-size:0; padding-top:50px;}
.company3-1 .con_box ul li {width:100%; }
.company3-1 .con_box ul li .con_left {display:inline-block; vertical-align:top; width:20%; text-align:center;}
.company3-1 .con_box ul li .con_left span.year {display: inline-block; font-size:1.5em; color:#000; font-weight:500; }
.company3-1 .con_box ul li .con_right {display:inline-block; vertical-align:top; width:75%; padding-left:50px; }
.company3-1 .con_box ul li .con_right dl {position:relative; width:100%; padding-bottom:40px;}
.company3-1 .con_box ul li .con_right dl:before {z-index:-1; display: block; content: ''; position: absolute; top:10px; left:-40px; width: 1px; height:100%; background:#ddd; }
.company3-1 .con_box ul li:last-child .con_right dl {padding-bottom:0;}
.company3-1 .con_box ul li .con_right dl dt {position:relative; display:block; margin-top:20px; font-size: 1.25em; color:#000; line-height: 1.4; font-weight: 500; }
.company3-1 .con_box ul li .con_right dl dt:first-child { margin-top:0;}
.company3-1 .con_box ul li .con_right dl dt:after {z-index:0; display: block; content: ''; position: absolute; top:10px; left:-44px; width:8px; height:8px; background:#4e9cdd; border-radius:8px;}
.company3-1 .con_box ul li .con_right dl dd {display:block; margin-top:10px; font-size: 1em; color: #555; line-height: 1.6;}
.company3-1 .con_box ul li .con_right dl dd .imgs {padding-top:20px;}
.company3-1 .con_box ul li .con_right dl dd .imgs img {max-width:100%;}


/* 연혁2 */
.company4-1 {width:100%; max-width:1400px; margin:0 auto; }
.company4-1:after{ content:""; display:block; clear:both;}
.company4-1 .history_top { width:120px; height:120px; padding-top:27px; margin:70px auto; line-height:22px; font-size:1.5em; text-align:center; color:#fff;  background:#333; border-radius: 50%; }
.company4-1 .timeline { position: relative; font-size: 1em; width: 100%; height: 100%; margin:0 auto; overflow-y: hidden; overflow-x:hidden;}
.company4-1 .timeline .timeline-block {margin-top:-4px;}
.company4-1 .timeline .timeline-icon {position:absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; margin-top:8px; border: 3px solid #4e9cdd; border-radius: 100%; background: #fff; text-align: center; }
.company4-1 .timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
.company4-1 .timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
.company4-1 .timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; }
.company4-1 .timeline .timeline-icon img { border-radius: 100%; }
.company4-1 .timeline .timeline-content { position: relative; width: 46%; padding-bottom:50px; line-height: 20px; }
.company4-1 .timeline .timeline-content .bar_count { font-size:1.5em; color:#000; line-height:1.2; margin-bottom:10px; font-weight:700;}
.company4-1 .timeline .timeline-content ul li img{width:100%; height:auto; margin-top:20px;}
.company4-1 .timeline::before { position: absolute; width: 1px; height: 100%; top:5px; left: 50%; margin-left: -1px; background: #eee; content: ""; }/* Half of width */
.company4-1 .timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right}
.company4-1 .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; }
.company4-1 .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }


/* 비전1 */
.company5-1 {width:100%; padding-top:10px;} 
.company5-1:after { content:""; display:block; clear:both; }
.company5-1 ul {width:100%; text-align:center; margin:50px auto;  max-width:1200px;}
.company5-1 ul li {position:relative; display:inline-block; vertical-align:middle; white-space: initial; width:25%; height:0; padding-top:25%; margin:-15px; border:1px dashed #aaa; box-sizing:border-box; border-radius:100%; _mix-blend-mode:multiply; overflow:hidden;}
.company5-1 ul li .tit { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); padding:0 15px; width:100%; text-align:center; transition: 0.5s all ease;}
.company5-1 ul li .tit em {z-index:-1; position: absolute; left:50%; top:50%; transform: translate(-50%,-80%); font-size:10em; color:#f5f5f5; font-weight:900; font-style:normal; }
.company5-1 ul li .tit span { display:block; font-size:1em; color:#aaa; line-height:1.2; font-style:normal; font-weight:500; letter-spacing:0.25em; word-break: break-all;}
.company5-1 ul li .tit p { display:block; margin-top:15px; font-size:2em; color:#000; line-height:1.2; font-weight:700; }

.company5-2 {width:100%; margin-top:50px; }
.company5-2:after { content:""; display:block; clear:both; }
.company5-2 .tit-box { width:100%; max-width:80%; margin:0 auto; padding:15px; background:#45a6e6; border-radius:50px; overflow:hidden;}
.company5-2 .tit-box.bg2 { margin-top:15px; background:#00529b; }
.company5-2 .tit-box .tit {width:22%; display:inline-block; vertical-align:middle; text-align:center; margin-right:2%; padding:10px 2%; background:#fff; border-radius:50px; overflow:hidden; }
.company5-2 .tit-box .tit span {display:inline; vertical-align:middle; font-size:2em; color:#222; line-height:1.2; font-weight:700; }
.company5-2 .tit-box .tit em {display:inline; vertical-align:middle; margin-left:15px; font-size:1em; color:#aaa; font-weight:500; letter-spacing:0.25em; font-style:normal;}
.company5-2 .tit-box p {width:75%; display:inline-block; vertical-align:middle; font-size:1.15em; color:#fff; line-height:1.6; word-break:keep-all;}

.company5-3 {width:100%; } 
.company5-3:after { content:""; display:block; clear:both; }
.company5-3 ul {display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; }
.company5-3 ul li { display:inline-block; vertical-align:top; text-align:center; width:49%; margin-bottom:2%; padding:50px 0; background:#f9f9f9; border:1px solid #eee; overflow:hidden; transition: 0.5s all ease;}
.company5-3 ul li .tit {width:100%; text-align:center; border:0px solid #aaa; box-sizing:border-box; }
.company5-3 ul li .tit i {display:block; margin:0 auto; width:60px; height:60px; line-height:60px; font-size:2em; color:#fff; background:#45a6e6; border-radius:10px; overflow:hidden; }
.company5-3 ul li .tit p { display:block; margin-top:10px; font-size:2em; color:#000; line-height:1.4; font-weight:700; }
.company5-3 ul li .tit em { display:block; margin-top:10px; font-size:0.9em; color:#aaa; line-height:1.4; font-style:normal;  font-weight:500; letter-spacing:0.25em; }
.company5-3 ul li .txts {position:relative; width:100%; margin-top:20px; padding:0 40px; text-align:center; transition: 0.5s all ease;}
.company5-3 ul li .txts p {display:block; text-align:center; font-size:1em; color:#000; line-height:1.6; word-break:keep-all; overflow: hidden;}
.company5-3 ul li .txts p span {display:inline; font-size:1em; color:#000; font-weight:700;}


/* 비전2 */
.company6-1 {width:100%; text-align:center;}
.company6-1:after { content:""; display:block; clear:both; }
.company6-1 ul { width:100%; padding:0; margin:0; overflow:hidden;}
.company6-1 ul li{ position:relative; float:left; display:inline-block; width:23.5%; text-align:center; margin-right:2%; vertical-align:top; padding:0 15px; margin-bottom:50px;}
.company6-1 ul li:nth-child(4n){margin-right:0;}
.company6-1 ul li:after{position:absolute; top:30%; left:100%; background:#00529B; width:5px; height:5px; content:""; border-radius:5px;}
.company6-1 ul li:nth-child(4n):after{display:none;}
.company6-1 ul li .icons{width:70%; height:0; padding-top:70%; text-align:center; box-sizing:border-box;  border-radius:100%; margin:0 auto; position:relative;}
.company6-1 ul li .icons i {display:block; font-size:4em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow:5px 5px rgba(0,0,0,0.2);}
.company6-1 ul li:nth-child(1) .icons{ background:#1985b7; color:#fff; background:url('../company/image/06_1.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li:nth-child(2) .icons{ background:#00529b;color:#fff; background:url('../company/image/06_2.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li:nth-child(3) .icons{ background:#6b7786; color:#fff; background:url('../company/image/06_3.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li:nth-child(4) .icons{ background:#333; color:#fff; background:url('../company/image/06_4.jpg') no-repeat center center; background-size:cover;}
.company6-1 ul li strong {display:block; margin-top:20px; font-size:1.5em; text-align:center; }
.company6-1 ul li p{ display:block; text-align:center; font-size:1.05em; line-height:20px; margin-top:20px;}

.company6-2 {width:100%; margin-top:50px; }
.company6-2:after { content:""; display:block; clear:both; }
.company6-2 .tit-box {position:relative; width:100%; max-width:80%; margin:25px auto 0; padding:40px 15px; background:#fff; border:1px solid #eee; overflow:hidden;}
.company6-2 .tit-box:before {z-index:1; content: ""; display: block; position: absolute; left:0; top:0; width:20px; height:20px; border-left:3px solid #333; border-top:3px solid #333;}
.company6-2 .tit-box:after {z-index:1; content: ""; display: block; position: absolute; right:0; bottom:0; width:20px; height:20px; border-right:3px solid #333; border-bottom:3px solid #333;}
.company6-2 .tit-box .tit {width:22%; display:inline-block; vertical-align:middle; text-align:center; margin-right:2%; overflow:hidden; }
.company6-2 .tit-box .tit span {display:inline; vertical-align:middle; font-size:2em; color:#222; line-height:1.2; font-weight:700; }
.company6-2 .tit-box .tit em {display:inline; vertical-align:middle; margin-left:15px; font-size:1em; color:#aaa; font-weight:500; letter-spacing:0.25em; font-style:normal;}
.company6-2 .tit-box dl {width:75%; display:inline-block; vertical-align:middle; }
.company6-2 .tit-box dl dd {position:relative; margin-bottom:5px; padding-left:15px; font-size:1.15em; color:#222; line-height:1.6; word-break:keep-all;}
.company6-2 .tit-box dl dd:before {content: ""; display: block; position: absolute; left:0; top:12px; width:4px; height:4px; background:#555;}
.company6-2 .tit-box dl dd:last-child {margin-bottom:0;}


/* 기업이념 */
.company7-1 { width: 100%; text-align:center;}
.company7-1 h2.tit { position:relative; margin:0 auto; width:60%; padding:40px 20px; background:#f5f5f5; border-radius:15px;}
.company7-1 h2.tit:after { z-index:1; content: ""; display: block; position: absolute; left:50%; bottom:-50px; transform: translateX(-50%); width:1px; height:50px; background:#ddd;}
.company7-1 h2.tit p {font-size:2em; color:#000; line-height:1.2; word-break:keep-all;} 
.company7-1 h2.tit p span {color:#45a6e6; font-weight:500; }
.company7-1 ul {position:relative; display:flex; width: 100%;  margin-top:100px; padding:0; font-size:0; text-align:center; }
.company7-1 ul:before { z-index:1; content: ""; display: block; position: absolute; left:50%; top:-50px; transform: translateX(-50%); width:80%; height:1px; background:#ddd;}
.company7-1 ul li {position:relative; width:20.5%; padding:50px 2%; border-radius:15px;}
.company7-1 ul li:before { z-index:1; content: ""; display: block; position: absolute; left:50%; top:-50px; width:1px; height:50px; background:#ddd;}
.company7-1 ul li:after { z-index:1; content: ""; display: block; position: absolute; left:50%; top:-50px; transform: translateX(-50%); margin-top:-6px; width:12px; height:12px; background:#fff; border:2px solid #ddd; border-radius:8px;}
.company7-1 ul li:last-child { margin-right:0; }
.company7-1 ul li.gap_icons { position:relative; width:6%; padding:0;  }
.company7-1 ul li.gap_icons:before,
.company7-1 ul li.gap_icons:after {display:none;}
.company7-1 ul li.gap_icons i { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; text-align:center; font-size:2em; color:#aaa;}
.company7-1 ul li.bg1 {background:#45a6e6; }
.company7-1 ul li.bg2 {background:#00529b; }
.company7-1 ul li.bg3 {background:#001e5d; }
.company7-1 ul li.bg4 {background:#444; }
.company7-1 ul li .txts {width:100%; }
.company7-1 ul li .txts i { font-size:3em; color:#fff;}
.company7-1 ul li .txts strong{display:block; margin:20px 0; font-size:1.5em; color:#fff; line-height: 1.2;}
.company7-1 ul li .txts p {display:block; font-size:1em; color:#fff; line-height: 1.6; word-break:keep-all;}

.company7-2 {width:100%; margin-top:50px; }
.company7-2:after { content:""; display:block; clear:both; }
.company7-2 .tit-box {position:relative; width:100%; max-width:80%; margin:25px auto 0; padding:40px 15px; background:#fff; border:1px solid #eee; overflow:hidden;}
.company7-2 .tit-box:before {z-index:1; content: ""; display: block; position: absolute; left:0; top:0; width:20px; height:20px; border-left:3px solid #333; border-top:3px solid #333;}
.company7-2 .tit-box:after {z-index:1; content: ""; display: block; position: absolute; right:0; bottom:0; width:20px; height:20px; border-right:3px solid #333; border-bottom:3px solid #333;}
.company7-2 .tit-box .tit {width:22%; display:inline-block; vertical-align:middle; text-align:center; margin-right:2%; overflow:hidden; }
.company7-2 .tit-box .tit span {display:inline; vertical-align:middle; font-size:2em; color:#222; line-height:1.2; font-weight:700; }
.company7-2 .tit-box .tit em {display:inline; vertical-align:middle; margin-left:15px; font-size:1em; color:#aaa; font-weight:500; letter-spacing:0.25em; font-style:normal;}
.company7-2 .tit-box dl {width:75%; display:inline-block; vertical-align:middle; }
.company7-2 .tit-box dl dd {position:relative; margin-bottom:5px; padding-left:15px; font-size:1.15em; color:#222; line-height:1.6; word-break:keep-all;}
.company7-2 .tit-box dl dd:before {content: ""; display: block; position: absolute; left:0; top:12px; width:4px; height:4px; background:#555;}
.company7-2 .tit-box dl dd:last-child {margin-bottom:0;}



/* 오시는길 */
.map_wrap{ width:100%; margin:0 auto; margin-bottom:0px;}
.map_wrap .g_map {height:450px; overflow:hidden;}
.map_wrap .map_info{width:100%; display:inline-block; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0}
.map_wrap .map_info span{margin:0 15px; font-size:1em; line-height:1.6;}
.map_wrap .map_info span strong{color:#222; margin:0 10px;}
.map_wrap .map_info span, strong { display: inline-block;}
.map_wrap .publicTransit {width:100%; }
.map_wrap .publicTransit table {width:100%; border-collapse:separate; border-spacing:0;}
.map_wrap .publicTransit table th {width:15%; text-align:center; font-size:1em; color:#000;  font-weight:normal; background:#f5f5f5; border-bottom:1px solid #ddd;}
.map_wrap .publicTransit table td {width:85%; text-align:left; font-size:1em; color:#222; padding:15px 20px; border-bottom:1px solid #ddd;}
.map_wrap .publicTransit table td > a {color:#666;}
.map_wrap .publicTransit table td > a:hover {color:#000;}
.map_wrap .publicTransit table td p {margin-top:10px;}
.map_wrap .publicTransit table td p span { display: inline-block; font-size:0.85em;  text-align: center; color: #fff;  padding:0px 8px; margin-right:10px; border-radius: 3px 3px 3px 3px;  background: #2fba06; }
.roughmap_maker_label .roughmap_lebel_text{font-size:15px;}



/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	
	
	.motto_area { min-height:400px; padding:0; border:0px; margin-top:0px;}
	.motto_area .circle_box:nth-child(1){top:180px; left:25%; margin-left:-120px; }
	.motto_area .circle_box:nth-child(2){  width:240px; height:240px; margin-left:-120px; }
	.motto_area .circle_box:nth-child(3){top:180px; right:25%; margin-right:-120px;}


	.step_box ul li {width:30%; margin-right:5%; margin-bottom:5%; }
	.step_box ul li:nth-child(3n) { margin-right:0; }
	.step_box ul li:nth-child(3n):before {display:none;}
	.step_box ul li:nth-child(4n) {margin-right:5%;}
	.step_box ul li:nth-child(4n):before {display:block;}
	.step_box ul li:last-child:before {display:none;}
	.step_box2 ul li {width:30%; margin-right:5%; margin-bottom:5%; }
	.step_box2 ul li:nth-child(3n) { margin-right:0; }
	.step_box2 ul li:nth-child(3n):before {display:none;}
	.step_box2 ul li:nth-child(4n) {margin-right:5%;}
	.step_box2 ul li:nth-child(4n):before {display:block;}
	.step_box2 ul li:last-child:before {display:none;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			




}
/* 자동화 시스템 구축 절차 */
.step_box {
	width:100%;
	max-width:1600px;
	margin:0 auto 50px;
}

.step_box:after {
	content:'';
	display:block;
	clear:both;
}

.step_box ul {
	padding:0;
	margin:0;
	list-style:none;
}

.step_box ul li {
	position:relative;
	float:left;
	display:table;
	text-align:center;

	/* 5개 한 줄 배치 */
	width:18.4%;
	min-height:280px;
	padding:0 20px;
	margin-right:2%;
	margin-bottom:30px;

	background:#fff;
	border:1px solid #ddd;
	box-sizing:border-box;
}

/* 단계 사이 화살표 */
.step_box ul li:before {
	display:block;
	content:"";
	width:25px;
	height:24px;
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:-8%;
	background:url('../franchise/image/arrow_r.png') no-repeat center center;
	background-size:100% auto;
	z-index:2;
}

/* 마지막 항목 */
.step_box ul li:nth-child(5) {
	margin-right:0;
}

.step_box ul li:nth-child(5):before {
	display:none;
}

/* 단계 번호 */
.step_box ul li em {
	position:absolute;
	left:15px;
	top:15px;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius:100%;
	font-size:1em;
	color:#fff;
	background:#027758;
	text-align:center;
	font-style:normal;
}

/* 짝수 배경 */
.step_box ul li:nth-child(even) {
	background:#f8f8f8;
}

.step_box ul li div {
	display:table-cell;
	vertical-align:middle;
}

/* 제목 */
.step_box ul li strong {
	position:relative;
	display:block;
	font-size:1.4em;
	color:#111;
	font-weight:500;
	line-height:1.4em;
}

/* 설명 */
.step_box ul li p {
	font-size:1em;
	color:#666;
	line-height:1.7em;
	margin-top:25px;
	word-break:keep-all;
}


/* =========================
   TABLET
========================= */
@media screen and (max-width:1024px) {

	.step_box ul li {
		width:31.33%;
		margin-right:3%;
	}

	.step_box ul li:nth-child(3n) {
		margin-right:0;
	}

	.step_box ul li:nth-child(3n):before {
		display:none;
	}

	.step_box ul li:nth-child(5) {
		margin-right:0;
	}

	.step_box ul li:nth-child(5):before {
		display:none;
	}
}


/* =========================
   MOBILE
========================= */
@media screen and (max-width:640px) {

	.step_box ul li {
		float:none;
		width:100%;
		min-height:220px;
		margin-right:0;
		margin-bottom:40px;
		padding:40px 25px 30px;
	}

	/* 모바일에서는 화살표 제거 */
	.step_box ul li:before {
		display:none;
	}

	.step_box ul li strong {
		font-size:1.3em;
	}

	.step_box ul li p {
		font-size:1em;
		margin-top:20px;
	}

}
/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	

	.company1-1 .img_cont .img_nemo {left:50%; right:0; bottom:0; transform:translateX(-50%); padding:20px 30px; width:100%; }
	.company1-1 .ceo_msg .txts dl { width:100%;}

	.company1-2 ul li {width:48%; }


	.company2-1 .ceo_msg .con_left {width:100%;}
	.company2-1 .ceo_msg .con_right {width:100%; padding:0 2%; margin-top:30px;}
	
	.company5-1 ul li .tit em {font-size:5em;}
	.company5-1 ul li .tit p { margin-top:10px; font-size:1.5em;}
	
	.company5-2 .tit-box {max-width:100%; }
	.company5-2 .tit-box .tit {text-align:center;}
	.company5-2 .tit-box .tit span {display:block; font-size:1.5em;}
	.company5-2 .tit-box .tit em {display:block; margin-left:0;}
	.company5-2 .tit-box p {font-size:1.15em;}	
	
	.company5-3 ul {flex-wrap: wrap; }
	.company5-3 ul li { width:49%; margin-bottom:2%;}
	.company5-3 ul li:nth-child(even) {margin-right:0;}
	.company5-3 ul li .tit p { font-size:1.5em;}
	.company5-3 ul li .txts {padding:0 10px;}


	.company6-1 ul li { width:50%; margin:0; margin-bottom:30px; }	
	
	.company6-2 .tit-box {max-width:100%; }
	.company6-2 .tit-box .tit span {font-size:1.5em; }
	.company6-2 .tit-box dl dd {padding-left:15px; font-size:1em;}	


	.company7-1 h2.tit { width:100%; }
	.company7-1 h2.tit p {font-size:1.5em;} 
	.company7-1 ul {flex-direction: column; margin-top:50px;}
	.company7-1 ul:before {display:none;}
	.company7-1 ul li {width:100%; margin-bottom:30px; padding:25px 4%;}
	.company7-1 ul li:before,
	.company7-1 ul li:after {display:none;}
	.company7-1 ul li.gap_icons { width:100%;}
	.company7-1 ul li .txts strong{ margin:15px 0;}
	.company7-1 ul li .txts p { font-size:1em;}
	
	.company7-2 .tit-box {max-width:100%; }
	.company7-2 .tit-box .tit span {font-size:1.5em; }
	.company7-2 .tit-box dl dd {padding-left:15px; font-size:1em;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	.page_title1 {margin:40px 0 20px 0;}
	.page_title1 .title { font-size:2em; }
	.page_title1 .title_desc { font-size:1.15em;}
	
	.page_title2 {margin:50px 0 20px 0;}
	.page_title2 .title {font-size:2em;}

	.page_title3 {margin-top:50px;}
	.page_title3 .title_num { transform: translate(-50%,-40%);font-size:8em;}
	.page_title3 .title {font-size:2.5em;}
	.page_title3 .title_desc {font-size:1.25em; }
	
	
	.company3-1 .con_box ul {padding-top:30px;}
	.company3-1 .con_box ul li {padding-bottom:50px;}
	.company3-1 .con_box ul li .con_left {width:100%; background:#eee; border-radius:50px;}
	.company3-1 .con_box ul li .con_left span.year {padding:10px; font-size:1.25em; color:#000;}
	.company3-1 .con_box ul li .con_right {width:100%; padding:0 30px; margin-top:20px;}
	.company3-1 .con_box ul li .con_right dl:last-child {padding-bottom:0;}
	.company3-1 .con_box ul li .con_right dl:before { left:-20px;}
	.company3-1 .con_box ul li .con_right dl dt:after {left:-24px;}


	.company4-1 .history_top { margin:40px auto;}
	.company4-1 .timeline .timeline-icon { left:15px; margin-top:6px;}
	.company4-1 .timeline .timeline-content {width:100%; padding:0 20px 50px 40px; }
	.company4-1 .timeline .timeline-content .bar_count { text-align:left;}
	.company4-1 .timeline .timeline-content ul li {text-align:left;}
	.company4-1 .timeline::before { left: 15px; }
	.company4-1 .timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 0; }


	.company6-1 ul li .icons i {font-size:3em;}

	.company6-2 .tit-box { padding:40px 25px;}	
	.company6-2 .tit-box .tit {width:100%; margin-right:0;}
	.company6-2 .tit-box dl {width:100%; margin-top:20px;}
	.company6-2 .tit-box dl dd:before { top:10px;}


	.company7-2 .tit-box { padding:40px 25px;}	
	.company7-2 .tit-box .tit {width:100%; margin-right:0;}
	.company7-2 .tit-box dl {width:100%; margin-top:20px;}
	.company7-2 .tit-box dl dd:before { top:10px;}

	
}


/* 반응형 중간기기 640사이즈 이하 */
@media screen and (max-width: 640px) {		

	.company1-1 .ceo_msg .txts dl dt {font-size:1.5em;}
	.company1-1 .ceo_msg .txts dl dd p {margin-top:20px;}

	.company1-2 ul li .con_box {padding:0 20px;}
	.company1-2 ul li .icons { width:100%; font-size:1.5em;}
	.company1-2 ul li .txts { width:100%; padding-left:0; text-align:center;}
	.company1-2 ul li .txts dd {font-size:1.25em; }


	.company2-1 .ceo_msg .con_right .bold {font-size:1.85em;}
		
	
	.company5-1 ul li {padding:0%;}
	.company5-1 ul li {width:50%; padding-top:50%; margin:-10px;}
	.company5-1 ul li .tit em {font-size:8em;}
	.company5-1 ul li .tit p { margin-top:10px; font-size:1.5em;}

	.company5-2 .tit-box {border-radius:20px;}
	.company5-2 .tit-box .tit {width:100%; margin-right:0; border-radius:15px;}
	.company5-2 .tit-box p {width:100%; margin-top:20px; text-align:center;}	

	
	.map_wrap .map_info span {display:block; margin:0; margin-bottom:5px;}
	.map_wrap .publicTransit table th {width:25%;}
	.map_wrap .publicTransit table td {width:75%;}

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {

	
	.company5-3 ul {flex-direction: column;}
	.company5-3 ul li {width:100%;}


	.company6-1 ul li .icons{width:100%; padding-top:100%;}
	.company6-1 ul li .icons i {font-size:3em;}
	.company6-1 ul li strong{font-size:1.3em;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}

.partner_box {
    width: 100%;
    margin: 0 auto;
}

.partner_box ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.partner_box ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    padding: 20px;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.partner_box ul li img {
    display: block;
    max-width: 100%;
    max-height: 65px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.partner_box ul li:hover {
    border-color: #ccc;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
}

.partner_box ul li:hover img {
    transform: scale(1.05);
}

@media (max-width: 1024px) {
    .partner_box ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .partner_box ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .partner_box ul li {
        height: 90px;
        padding: 12px;
    }

    .partner_box ul li img {
        max-height: 50px;
    }
}

/* =========================
   TABLET
========================= */
@media screen and (max-width:1200px) {

	.partner_box {
		padding:35px 30px 60px;
	}

	.partner_box ul {
		grid-template-columns:repeat(3, 1fr);
		gap:25px;
	}

	.partner_box ul li {
		min-height:90px;
		font-size:21px;
	}
}


/* =========================
   MOBILE
========================= */
@media screen and (max-width:768px) {

	.partner_box {
		padding:25px 20px 45px;
	}

	.partner_box ul {
		grid-template-columns:repeat(2, 1fr);
		gap:15px;
	}

	.partner_box ul li {
		min-height:75px;
		padding:15px 10px;

		border-radius:12px;

		font-size:17px;
	}
}


/* =========================
   SMALL MOBILE
========================= */
@media screen and (max-width:480px) {

	.partner_box {
		padding:20px 15px 35px;
	}

	.partner_box ul {
		grid-template-columns:1fr;
		gap:12px;
	}

	.partner_box ul li {
		min-height:68px;
		font-size:16px;
	}
}
/* 그누보드 내용관리등 에디터로 입력할 경우  여기서부터 */
.fc_ver3_pointer {color:#C53428; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type11 {width:100%; max-width:1600px; margin:0 auto;}
.daon_ver3_sub_type11:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 {width:100%; height:401px; }
.daon_ver3_sub_type11 .map_cont1:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 .g_map1 {float:left; width:50%; height:100%; overflow:hidden;} 
.daon_ver3_sub_type11 .map_cont1 .g_map1:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 .map_info {float:left; width:50%; height:100%; padding:0 50px; font-size:0; } 
.daon_ver3_sub_type11 .map_cont1 .map_info:after {content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:36px; color:#000; font-weight:700; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont1 .map_info dl { width:100%; margin-top:20px; padding-top:10px; text-align:left; border-top:1px solid #ddd; }
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;}
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;}
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; }
.daon_ver3_sub_type11 .map_cont1 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt {width:100%; margin-top:30px;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; }
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a:last-child {margin-right:0;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a:hover {background-color:#f3f5f7 !important; color:#000 !important; transition:0.3s all ease;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}

.daon_ver3_sub_type11 .map_cont2 {width:100%;  margin-top:100px;}
.daon_ver3_sub_type11 .map_cont2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .g_map2 {width:100%; height:401px; overflow:hidden;} 
.daon_ver3_sub_type11 .map_cont2 .g_map2:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .map_info {width:100%; padding:30px 50px; font-size:0; background-color:#f3f5f7; transition: 0.3s all ease;}
.daon_ver3_sub_type11 .map_cont2 .map_info:after {content:""; display:block; clear:both;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl {float:right; width:60%; padding-left:50px; text-align:left; border-left:1px solid #ddd; }
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15em; color:#3b445b;}
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:1.5em; color:#000; line-height:1.2em; font-weight:400; }
.daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { display:block; line-height:1.4em; font-size:1.15em; color:#666; margin-top:15px; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_tit{float:left; width:40%; padding-right:50px;}
.daon_ver3_sub_type11 .map_cont2 .map_info h4 {margin-top:20px; font-size:24px; color:#000; line-height:1.6em; word-break:keep-all;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt {width:100%; margin-top:30px;  }
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:1.15em; border-radius:5px; transition:0.3s all ease; }
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:last-child {margin-right:0;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a:hover {background-color:#fff !important; color:#000 !important; transition:0.3s all ease;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}
/* 프로젝트 수행 실적 */
.project_history {
	width:100%;
	padding:80px 0;
	background:#fff;
	box-sizing:border-box;
}

.project_history_inner {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}

/* 연도별 한 줄 */
.project_year {
	position:relative;
	display:flex;
	align-items:stretch;
	width:100%;
	margin-bottom:45px;
}

/* 연도 */
.project_year .year {
	position:relative;
	width:160px;
	flex:0 0 160px;
	padding:7px 45px 0 0;
	box-sizing:border-box;

	font-size:25px;
	font-weight:700;
	color:#243f7d;
	text-align:right;
	letter-spacing:-0.5px;
}

/* 원형 포인트 */
.project_year .year:after {
	content:"";
	position:absolute;
	right:-8px;
	top:13px;

	width:14px;
	height:14px;

	background:#243f7d;
	border:4px solid #fff;
	border-radius:50%;
	box-shadow:0 0 0 2px #243f7d;

	z-index:2;
}

/* 세로 라인 */
.project_cont {
	position:relative;
	flex:1;
	padding:0 0 40px 45px;
	box-sizing:border-box;
}

.project_cont:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:-45px;
	width:1px;
	background:#d7dce5;
}

/* 마지막 라인 */
.project_year:last-child .project_cont:before {
	bottom:0;
}

/* 내용 박스 */
.project_cont ul {
	margin:0;
	padding:25px 30px;
	list-style:none;

	background:#f8f9fb;
	border:1px solid #e5e8ed;
	border-radius:6px;
	box-sizing:border-box;

	transition:all .3s ease;
}

/* hover */
.project_cont ul:hover {
	border-color:#243f7d;
	box-shadow:0 8px 25px rgba(0,0,0,0.06);
	transform:translateY(-2px);
}

/* 실적 목록 */
.project_cont ul li {
	position:relative;
	padding-left:17px;
	margin-bottom:8px;

	font-size:16px;
	font-weight:400;
	color:#555f72;
	line-height:1.65;
	letter-spacing:-0.3px;

	word-break:keep-all;
}

/* 리스트 앞 선 */
.project_cont ul li:before {
	content:"";
	position:absolute;
	left:0;
	top:12px;

	width:7px;
	height:1px;
	background:#243f7d;
}

.project_cont ul li:last-child {
	margin-bottom:0;
}


/* ========================================
   TABLET
======================================== */
@media screen and (max-width:1024px) {

	.project_history {
		padding:60px 0;
	}

	.project_year .year {
		width:130px;
		flex:0 0 130px;
		padding-right:35px;
		font-size:22px;
	}

	.project_cont {
		padding-left:35px;
	}

	.project_cont ul {
		padding:22px 25px;
	}

	.project_cont ul li {
		font-size:15px;
	}

}


/* ========================================
   MOBILE
======================================== */
@media screen and (max-width:768px) {

	.project_history {
		padding:40px 0;
	}

	.project_history_inner {
		padding:0 15px;
	}

	.project_year {
		display:block;
		margin-bottom:35px;
		padding-left:22px;
	}

	/* 모바일 세로라인 */
	.project_year:before {
		content:"";
		position:absolute;
		left:6px;
		top:16px;
		bottom:-35px;

		width:1px;
		background:#d7dce5;
	}

	.project_year:last-child:before {
		bottom:0;
	}

	.project_year .year {
		width:auto;
		padding:0 0 14px 0;

		font-size:22px;
		text-align:left;
	}

	.project_year .year:after {
		left:-22px;
		right:auto;
		top:7px;

		width:11px;
		height:11px;
		border-width:3px;
	}

	.project_cont {
		padding:0;
	}

	.project_cont:before {
		display:none;
	}

	.project_cont ul {
		padding:20px;
		border-radius:5px;
	}

	.project_cont ul li {
		padding-left:15px;
		margin-bottom:7px;

		font-size:14px;
		line-height:1.6;
	}

}


/* ========================================
   SMALL MOBILE
======================================== */
@media screen and (max-width:480px) {

	.project_history {
		padding:30px 0;
	}

	.project_history_inner {
		padding:0 12px;
	}

	.project_year {
		margin-bottom:28px;
		padding-left:20px;
	}

	.project_year .year {
		font-size:20px;
		padding-bottom:12px;
	}

	.project_cont ul {
		padding:17px 15px;
	}

	.project_cont ul li {
		font-size:13px;
		line-height:1.6;
		word-break:normal;
	}

}

@media all and (max-width:1500px){
	.daon_ver3_sub_type11 {padding:0 2%; }
}

@media all and (max-width:1200px){
	.daon_ver3_sub_type11 .map_cont1 {height:auto; }
	.daon_ver3_sub_type11 .map_cont1 .g_map1 {width:100%; height:401px;} 
	.daon_ver3_sub_type11 .map_cont1 .map_info {width:100%; height:auto; padding:30px 0px;} 	

	.daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 30px;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl {float:left; width:100%; padding-left:0; border-left:0; padding-bottom:20px; border-bottom:1px solid #ddd;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_tit {width:100%; padding-right:0; margin-top:30px;}
}

@media all and (max-width:992px){		
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}
}

@media screen and (max-width: 768px){
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}	

	.daon_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:24px; }
	.daon_ver3_sub_type11 .map_cont1 .map_info dl dd strong {font-size:1.25em; }
	.daon_ver3_sub_type11 .map_cont1 .map_info dl dd p { font-size:1em;}
	.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt{text-align:center;}

	.daon_ver3_sub_type11 .map_cont2 .map_info h4 {font-size:18px; margin-top:0;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd strong {font-size:1.25em; }
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd p { font-size:1em;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt{text-align:center;}
}

@media screen and (max-width: 640px){
	.daon_ver3_sub_type11 .map_cont1 .map_info {padding:30px 20px;}
	.daon_ver3_sub_type11 .map_cont1 .map_info dl dd {width:100%; padding:0;}
	.daon_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;}

	.daon_ver3_sub_type11 .map_cont2 .map_info {padding:30px 20px;}
	.daon_ver3_sub_type11 .map_cont2 .map_info dl dd {width:100%; padding:0;}
	.daon_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:1em;}
}
/*  여기까지 코드를 복사하여 공통 css파일 최하단에 추가합니다. */
/* =========================================================
   SHFA BUSINESS
========================================================= */

.shfa_wrap{
    --navy:#102565;
    --blue:#164fc7;
    --blue2:#14a5dc;
    --sky:#eef7ff;
    --line:#dce5f1;
    --txt:#171b27;
    --gray:#667085;

    width:100%;
    overflow:hidden;
    color:var(--txt);

    font-family:
        "Pretendard",
        "Noto Sans KR",
        sans-serif;
}


.shfa_wrap *{
    box-sizing:border-box;
}


.shfa_inner{
    width:min(1400px, calc(100% - 60px));
    margin:0 auto;
}


.shfa_section{
    width:100%;
    padding:100px 0;
}


.shfa_gray{
    background:#f7f9fc;
}


.shfa_blue{
    position:relative;

    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(25,194,235,.28),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #139ecf 0%,
            #177caf 45%,
            #115d8f 100%
        );
}



/* =========================================================
   TITLE
========================================================= */

.shfa_title{
    margin-bottom:50px;
}


.shfa_title .eng{
    display:block;

    margin-bottom:12px;

    color:var(--blue);

    font-size:14px;
    font-weight:700;
    letter-spacing:.15em;
}


.shfa_title h2{
    margin:0;

    color:#181b24;

    font-size:40px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:-.05em;
}


.shfa_title h2 strong{
    color:var(--blue);
}


.shfa_title p{
    margin:15px 0 0;

    color:var(--gray);

    font-size:16px;
    line-height:1.75;
}


.shfa_blue .shfa_title .eng,
.shfa_blue .shfa_title h2,
.shfa_blue .shfa_title p{
    color:#fff;
}



/* =========================================================
   BUSINESS AREA
========================================================= */

.shfa_business_grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;
}


.shfa_business{
    position:relative;

    min-height:340px;

    padding:42px 35px 38px;

    overflow:hidden;

    background:#fff;

    border:1px solid #e1e8f2;
    border-radius:10px;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}


.shfa_business:before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--navy),
            var(--blue2)
        );
}


.shfa_business:hover{
    transform:translateY(-7px);

    border-color:#c0d4ec;

    box-shadow:
        0 20px 45px
        rgba(14,44,94,.10);
}


.shfa_business .icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:50px;
    height:50px;

    margin-bottom:30px;

    background:#eef5ff;

    border-radius:10px;

    color:var(--blue);

    font-size:20px;
}


.shfa_business .num{
    position:absolute;

    top:22px;
    right:25px;

    color:#f0f3f8;

    font-size:44px;
    font-weight:800;
}


.shfa_business h3{
    margin:0 0 22px;

    color:#191f2c;

    font-size:23px;
    font-weight:700;

    letter-spacing:-.04em;
}


.shfa_business h3:after{
    content:"";

    display:block;

    width:30px;
    height:2px;

    margin-top:15px;

    background:var(--blue);
}


.shfa_business p{
    margin:0;

    color:#555f70;

    font-size:15px;
    line-height:1.85;

    word-break:keep-all;
}



/* =========================================================
   ENGINEERING
========================================================= */

.shfa_engineering_grid{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;
}


.shfa_engineering{
    position:relative;

    min-height:350px;

    padding:35px 28px;

    overflow:hidden;

    background:rgba(7,22,82,.94);

    border-radius:12px;

    color:#fff;

    box-shadow:
        0 12px 25px
        rgba(0,0,0,.12);

    transition:
        transform .35s ease,
        background .35s ease;
}


.shfa_engineering:hover{
    transform:translateY(-7px);

    background:#071650;
}


.shfa_engineering:after{
    content:"";

    position:absolute;

    top:-90px;
    right:-90px;

    width:170px;
    height:170px;

    border:
        1px solid
        rgba(255,255,255,.1);

    border-radius:50%;
}


.shfa_engineering .icon{
    display:flex;

    align-items:center;
    justify-content:center;

    height:95px;
}


.shfa_engineering .icon i{
    color:#fff;

    font-size:40px;

    opacity:.9;
}


.shfa_engineering h3{
    display:flex;

    align-items:center;
    justify-content:center;

    min-height:65px;

    margin:5px 0 22px;

    color:#fff;

    text-align:center;

    font-size:20px;
    font-weight:700;
    line-height:1.45;

    letter-spacing:-.04em;
}


.shfa_engineering p{
    position:relative;

    margin:0;

    padding-top:22px;

    color:rgba(255,255,255,.78);

    text-align:center;

    font-size:15px;
    line-height:1.7;

    word-break:keep-all;
}


.shfa_engineering p:before{
    content:"";

    position:absolute;

    top:0;
    left:15%;

    width:70%;
    height:1px;

    background:
        rgba(255,255,255,.25);
}



/* =========================================================
   PROGRAM
========================================================= */

.shfa_program_grid{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;
}


.shfa_program{
    overflow:hidden;

    background:#fff;

    border:1px solid #dce5ef;
    border-radius:14px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.shfa_program:hover{
    transform:translateY(-6px);

    box-shadow:
        0 18px 45px
        rgba(15,43,90,.1);
}


.shfa_program_head{
    padding:27px 25px;

    background:
        linear-gradient(
            135deg,
            var(--navy),
            #1d37ad
        );

    color:#fff;

    text-align:center;
}


.shfa_program_head .icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:44px;
    height:44px;

    margin:0 auto 12px;

    border:
        1px solid
        rgba(255,255,255,.4);

    border-radius:50%;

    font-size:17px;
}


.shfa_program_head h3{
    margin:0;

    color:#fff;

    font-size:21px;
    font-weight:600;
}


.shfa_program_list{
    padding:25px 28px;
}


.shfa_program_item{
    position:relative;

    padding:17px 5px 17px 23px;

    border-bottom:
        1px solid
        #edf0f5;
}


.shfa_program_item:last-child{
    border-bottom:0;
}


.shfa_program_item:before{
    content:"";

    position:absolute;

    top:50%;
    left:2px;

    width:6px;
    height:6px;

    background:var(--blue);

    border-radius:50%;

    transform:translateY(-50%);
}


.shfa_program_item strong{
    display:block;

    color:#20293a;

    font-size:17px;
    font-weight:700;
}


.shfa_program_item span{
    display:block;

    margin-top:4px;

    color:#98a0ad;

    font-size:12px;
}



/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px){

    .shfa_section{
        padding:80px 0;
    }


    .shfa_engineering_grid{
        grid-template-columns:
            repeat(2,1fr);
    }

}



/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .shfa_inner{
        width:calc(100% - 36px);
    }


    .shfa_section{
        padding:60px 0;
    }


    .shfa_title{
        margin-bottom:35px;
    }


    .shfa_title h2{
        font-size:30px;
    }


    .shfa_title p{
        font-size:14px;
    }


    .shfa_title p br{
        display:none;
    }


    .shfa_business_grid{
        grid-template-columns:1fr;
    }


    .shfa_program_grid{
        grid-template-columns:1fr;
    }


    .shfa_engineering_grid{
        grid-template-columns:
            repeat(2,1fr);

        gap:15px;
    }


    .shfa_business{
        min-height:auto;

        padding:35px 27px;
    }


    .shfa_engineering{
        min-height:320px;

        padding:28px 20px;
    }


    .shfa_engineering h3{
        font-size:18px;
    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:520px){

    .shfa_engineering_grid{
        grid-template-columns:1fr;
    }


    .shfa_engineering{
        min-height:auto;

        padding:32px 25px;
    }


    .shfa_engineering h3{
        min-height:auto;
    }


    .shfa_title h2{
        font-size:26px;
    }


    .shfa_title .eng{
        font-size:12px;
    }

}