/*==========================================================================
                                sub - 공용
==========================================================================*/
.block {display:block !important;}
.block-pc {display:block;}
.block-980 {display:none;}
.block-480 {display:none;}
.mw-300 {max-width: 300px;}

.sub-section {margin-bottom: 120px;}

.sub-contBox {width:100%; margin-top:60px;}
.sub-contBox:after {content:''; display: block; clear: both;}
.sub-contBox:first-child {margin-top:0;}
.line-gap {max-width: 1800px; width:calc(100% - 40px); border-top: 1px dashed #ccc; margin: 60px auto 0;}





/* point-titBox */
.point-titBox {width: 100%; background: #555; padding: 30px; box-sizing: border-box; text-align: center;}
.point-titBox .b-tit, .point-titBox .b-tit * {font-size: 25px; color: #fff; font-weight: 700; word-break: keep-all}

/* sub title */
.s-Btit {position:relative; font-size:25px; padding-left:20px; margin-bottom:30px; color:#000; font-weight:600;}
.s-Btit:before {content:''; width:10px; height:10px; background: #055ed2; position:absolute; top:50%; left:0; transform: translateY(-50%);}



/* sub top */
.sub-titBox {width:100%; height:350px; position:relative; background-size:cover !important; margin-bottom:60px;}
.sub-titBox.ty01 {background:url('/resources/img/common/m-vis01.jpg') no-repeat center;}
.sub-titBox.ty02 {background:url('/resources/img/common/m-vis02.jpg') no-repeat center;}
.sub-titBox.ty03 {background:url('/resources/img/common/m-vis03.jpg') no-repeat center;}
.sub-titBox.ty04 {background:url('/resources/img/common/m-vis04.jpg') no-repeat center;}
.sub-titBox.ty05 {background:url('/resources/img/common/m-vis05.jpg') no-repeat center bottom 20%;}
.sub-titBox .psBox {width:100%; padding: 0 20px; box-sizing: border-box; position:absolute; top:50%; left:0; transform: translateY(-50%); text-align: center;}
.sub-titBox .psBox .b-tit {font-size:40px; line-height: 1em; color:#fff; font-weight:600; margin-bottom:20px; -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.sub-titBox .psBox .s-txt {font-size:23px; line-height: 1em; color:#fff; font-weight:400; -webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}


/* dot-list */
.dot-list li {padding-left:12px; position: relative; font-size:16px; margin-top:10px;}
.dot-list li:first-child {margin-top:0;}
.dot-list li:before {content:''; width:5px; height:5px; background:#055ed2; display: block; border-radius: 45%; position:absolute; top: 10px; left:0;}


/* radio & checkbox */
input[type="radio"], input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
input[type='radio'] + label, input[type='checkbox'] + label {cursor:pointer;}

input[type="radio"] + label span, input[type="radio"] + label .radio-ico, input[type="checkbox"] + label span, input[type="checkbox"] + label svg {display: inline-block; vertical-align: middle; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
input[type="checkbox"] + label span {max-width:calc(100% -  26px); font-size: 16px; line-height: 22px; color:#000; margin-left:3px;}
input[type="checkbox"] + label svg {border:1px solid #000; fill:#fff; box-sizing:border-box;}
input[type="checkbox"] + label:hover svg {background:rgb(230, 231, 245); fill:rgb(230, 231, 245); border:1px solid rgb(16, 35, 215);}
input[type="checkbox"] + label:hover span {color:rgb(16, 35, 215); text-decoration: underline;}
input[type="checkbox"]:checked + label svg, input[type="checkbox"] + label.on svg, input[type="checkbox"] + label.on:hover svg {background:#000; fill:#fff;}
input[type="checkbox"]:disabled + label {cursor: no-drop;}
input[type="checkbox"]:disabled + label svg, input[type="checkbox"]:disabled + label:hover svg {border: 1px solid rgb(194, 194, 194); fill: #fff; background: #fff;}
input[type="checkbox"]:disabled + label span, input[type="checkbox"]:disabled + label:hover span {color:rgb(194, 194, 194); text-decoration: none;}


/* color type */
input[type="radio"] + label {position:relative; padding-left:20px; display:inline-block;}
input[type="radio"] + label .radio-ico {width:18px; height:18px; border:1px solid #000; box-sizing:border-box; border-radius:50%; position:absolute; top:1px; left:0;}
input[type="radio"] + label .radio-ico:after {content:''; display: block; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
input[type="radio"] + label span {font-size: 16px; line-height: 20px; color:#000; margin-left:3px;}
input[type="radio"] + label:hover .radio-ico {background:rgb(230, 231, 245); fill:#fff; border:1px solid rgb(16, 35, 215);}
input[type="radio"] + label:hover .radio-ico:after {background:rgb(230, 231, 245);}
input[type="radio"] + label:hover span {color:rgb(16, 35, 215); text-decoration: underline;}
input[type="radio"]:checked + label .radio-ico, input[type="radio"] + label.on .radio-ico, input[type="radio"] + label.on:hover .radio-ico {background:#000; fill:#fff;}

input[type="radio"]:disabled + label {cursor: no-drop;}
input[type="radio"]:disabled + label .radio-ico, input[type="radio"]:disabled + label:hover .radio-ico {border: 1px solid rgb(194, 194, 194); fill: rgb(194, 194, 194); box-sizing: border-box; background: rgb(194, 194, 194);}
input[type="radio"]:disabled + label span, input[type="radio"]:disabled + label:hover span {color:rgb(194, 194, 194); text-decoration: none;}
input[type="radio"]:disabled + label .radio-ico:after {background:rgb(194, 194, 194);}



.imgBox {width:100%; position:relative; text-align: center;}
.imgBox img {width: 100%;}
.imgBox img.organization_chart {max-width: 1000px;}
.imgBox .imgZoomBtn {display:none; position: absolute; top: 0; right: 0; padding: 10px 15px; background: rgba(5, 94, 210, 0.8); transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out;}
.imgBox .imgZoomBtn span {color:#fff; padding-left:15px; position:relative;}
.imgBox .imgZoomBtn span:before {content:'+'; color:#fff; font-size:14px; position:absolute; top:42%; left:0; transform: translateY(-50%);}
.imgBox .imgZoomBtn:hover {background: rgba(5, 94, 210, 1);}


/* 회사소개 */
.about-list:after {content:''; display:block; clear: both;}
.about-list li {width:calc((100% - 40px) / 3); min-height:300px; float:left; margin-left:20px; padding:20px; box-sizing: border-box; border:1px solid #7398d7; border-radius: 5px; background:#fff;}
.about-list li:first-child {margin-left:0;}
.about-list li .visBox {text-align: center; position:relative; margin-bottom:30px;}
.about-list li .visBox .about-ico {width: 100px; height: 100px; background-repeat: no-repeat; margin: 0 auto; position: relative; background-size: 65px; background-color: #e6ecf6; border-radius: 50%;}
.about-list li .visBox .about-ico.ty01 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 54.2' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='integrity_trust_00000041261154237126788150000010751225393369093042_'%3E%3Cg%3E%3Cpath class='st0' d='M51.1,6.9l-4.8,2.9c0,0-10-0.3-13.3,0c-2,0.2-6.5,2.2-8.7,3.2c-0.9,0.4-1.5,1.1-1.9,2l-3.7,8.7 c0,0,0,1.4,1.4,2.9c1.4,1.4,4.6,0.9,5.7,0c1.6-1.3,5.1-7.2,5.1-7.2h8.6'/%3E%3Cpath class='st0' d='M60.7,21.3c0,0-1.6-7.4-9.6-14.4l9.6-5.8'/%3E%3Cpath class='st0' d='M55.9,32.8c0,0,1-2.1,1.5-3.9l3.3-1.9'/%3E%3Cpath class='st0' d='M41.5,27L53,37.3c1.4,1.3,1.5,3.5,0.3,4.9l0,0c-1.3,1.4-3.5,1.5-4.9,0.3l-9.8-7.8'/%3E%3Cpath class='st0' d='M49.9,47.2c-0.1,0.3-0.3,0.5-0.5,0.8l0,0c-1.3,1.4-3.5,1.6-4.9,0.3l-7.7-5.8'/%3E%3Cpath class='st0' d='M41.5,51c-1.3,0.7-2.9,0.6-4-0.5l-1.7-1.5'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M1.2,1.1l11.5,8.6c0,0,3.7-1.4,9.6-1'/%3E%3Cpath class='st0' d='M10.8,14.5c0,0-2.9,9.9-9.6,13.4c0,0,1.9,1.6,2.9,2.9'/%3E%3Cg%3E%3Cpath class='st0' d='M14.4,34c0.2,0.2,0.3,0.4,0.4,0.6c0.6,1.2,0.3,2.7-0.7,3.6l-3.5,2.6c-1.3,1-3.1,0.9-4.2-0.4L6,39.7 c-1-1.3-0.9-3.1,0.4-4.2L9.8,33c1.3-1,3.1-0.9,4.1,0.4L14.4,34z'/%3E%3Cpath class='st0' d='M19.4,34.5c0.8,0,1.6,0.4,2.2,1.1l0.5,0.6c1.1,1.3,0.9,3.2-0.4,4.2l-5.6,4.4C14.9,46,13,45.8,12,44.5 l-0.5-0.6c-0.8-1-0.9-2.6-0.2-3.7'/%3E%3Cpath class='st0' d='M27.1,38.5c0.3,0.2,0.6,0.4,0.9,0.7l0.5,0.6c1.1,1.3,0.9,3.2-0.4,4.3l-6.3,5.1c-1.3,1.1-3.2,0.9-4.3-0.4 l-0.5-0.6C16,47,16.1,45,17.4,43.9'/%3E%3Cpath class='st0' d='M31.3,46.3c1,1.2,0.9,3-0.4,4.1l-2.4,1.9c-1.2,1-3,0.9-4.1-0.4L24,51.3c-1-1.2-0.9-3.1,0.4-4.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: center 26px !important;}
.about-list li .visBox .about-ico.ty02 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 60 61.2' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.9774;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M15.9,37c0,0,1,5.2,0,6.3c-2.1,2.1-14.7,4.2-14.7,4.2'/%3E%3Cpath class='st0' d='M30.5,37c0,0-1,5.2,0,6.3c0.5,0.5,1.7,1,3.1,1.5'/%3E%3Cpath class='st0' d='M18,38c-5.5-1.8-7.3-10.5-7.3-10.5c-0.6-2.5-1.2-6.5-1.5-9.1c-0.3-2.9-0.3-4.5,0-6.6 C9.9,5.8,15.8,1.4,23.2,1.4s13.3,4.5,14.1,10.5c0.3,2.1,0.3,3.7,0,6.6c-0.3,2.5-0.9,6.6-1.5,9.1c0,0-1.9,8.6-7.3,10.5'/%3E%3C/g%3E%3Cg id='excellence_00000062879048135993476820000004096971714577264270_'%3E%3Cpolyline class='st0' points='54.3,54 54.3,59.8 47.5,57.1 40.8,59.8 40.8,54 '/%3E%3Cpath class='st0' d='M58.7,42.7l-1.5-1.5l0.8-2c0.1-0.3,0-0.6-0.3-0.7l-2-0.8v-2.2c0-0.3-0.2-0.5-0.5-0.5H53l-0.8-2 c-0.1-0.3-0.4-0.4-0.7-0.3l-2,0.8L47.9,32c-0.2-0.2-0.5-0.2-0.7,0l-1.5,1.5l-2-0.8c-0.3-0.1-0.6,0-0.7,0.3l-0.8,2h-2.2 c-0.3,0-0.5,0.2-0.5,0.5v2.2l-2,0.8c-0.3,0.1-0.4,0.4-0.3,0.7l0.8,2l-1.5,1.5c-0.2,0.2-0.2,0.5,0,0.7l1.5,1.5l-0.8,2 c-0.1,0.3,0,0.6,0.3,0.7l2,0.8v2.2c0,0.3,0.2,0.5,0.5,0.5h2.2l0.8,2c0.1,0.3,0.4,0.4,0.7,0.3l2-0.8l1.5,1.5c0.2,0.2,0.5,0.2,0.7,0 l1.5-1.5l2,0.8c0.3,0.1,0.6,0,0.7-0.3l0.8-2h2.2c0.3,0,0.5-0.2,0.5-0.5v-2.2l2-0.8c0.3-0.1,0.4-0.4,0.3-0.7l-0.8-2l1.5-1.5 C58.9,43.3,58.9,42.9,58.7,42.7z'/%3E%3Ccircle class='st0' cx='47.5' cy='43.1' r='5.9'/%3E%3C/g%3E%3C/svg%3E"); background-position: 21px center !important;}
.about-list li .visBox .about-ico.ty03 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 61.3 61.2' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23474647;stroke-width:1.7672;stroke-linejoin:round;stroke-miterlimit:10;%7D .st2%7Bfill:none;stroke:%23474647;stroke-width:1.7672;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='core_values_00000013193917274450828750000005154932649076673210_'%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M47,23.7c6.7,15.7,4.8,31.6-4.3,35.5S21,53.3,14.3,37.5c-0.4-1-0.8-2-1.2-3'/%3E%3Cpath class='st0' d='M34.8,6.4c3,2.5,6.2,6.4,8.7,10.4'/%3E%3Cpath class='st0' d='M11.1,27.3C8.9,15.6,11.6,5,18.5,2.1c3.2-1.4,6.9-1,10.7,0.7'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M17.5,18.6C6,31.3,2.5,46.9,9.8,53.5c3.9,3.5,10.1,3.7,16.7,1.3'/%3E%3Cpath class='st0' d='M32.2,52c4-2.3,7.9-5.5,11.5-9.5c11.5-12.6,15-28.2,7.8-34.9c-6-5.4-17.7-2.9-28,5.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M55.8,43.1c2.1-1.7,3.5-3.9,4-6.3c2-9.2-9.5-19.5-25.6-22.9c-8.7-1.8-17.5-1.3-23.5,1'/%3E%3Cpath class='st0' d='M5.5,18.1c-2.1,1.7-3.5,3.9-4,6.3c-2,9.2,9.5,19.5,25.6,22.9c8.7,1.8,17.6,1.2,23.6-1.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='lock_00000153669900844879063420000014484679521715951754_'%3E%3Cpath class='st1' d='M35,41.3h-8.7c-1.7,0-3-1.3-3-3V27.8H38v10.5C38,40,36.7,41.3,35,41.3z'/%3E%3Cpath class='st1' d='M30.6,31.5c-1,0-1.8,0.8-1.8,1.8c0,0.5,0.2,1,0.6,1.4v1.7c0,0.7,0.6,1.2,1.2,1.2s1.2-0.6,1.2-1.2v-1.7 c0.4-0.3,0.6-0.8,0.6-1.4C32.5,32.3,31.7,31.5,30.6,31.5z'/%3E%3Cpath class='st2' d='M25.8,27.8v-3.1c0-2.7,2.2-4.9,4.9-4.9l0,0c2.7,0,4.9,2.2,4.9,4.9v3.1'/%3E%3C/g%3E%3C/svg%3E"); background-position: center;}
.about-list li .txtBox {text-align: center;}
.about-list li .txtBox .b-tit {font-size:23px; font-weight:600; color:#055ed2; line-height: 1em; margin-bottom:10px;}
.about-list li .txtBox .s-txt {font-size:16px; color:#000; word-break: keep-all;}


/* 주요업무 */
.teamTxt-box {width:100%; min-height: 130px; border:1px solid #055ed2; margin-bottom:20px; padding:20px 20px 20px 150px; box-sizing: border-box; position:relative;}
.teamTxt-box .b-tit {font-size:23px; font-weight:600; color:#055ed2; line-height: 1.2em; margin-bottom:10px;}
.teamTxt-box .s-txt {font-size: 16px; color: #000; word-break: keep-all;}
.teamTxt-box .teamVis {width: 100px; height: 100px; background-repeat: no-repeat; background-size: 62px 62px; background-position: center; background-color: #e6ecf6; border-radius: 50%; position:absolute; top:50%; left:20px; transform: translateY(-50%);}
.teamTxt-box .teamVis.ty01 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 62' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.9235;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23474647;stroke-width:1.9235;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='customer_experiences_00000107551537957620323780000003331547332437644190_'%3E%3Cg%3E%3Cpath class='st0' d='M13.7,48.3c0,0,1,4.8,0,5.8C11.8,56,1.2,57.9,1.2,57.9'/%3E%3Cpath class='st0' d='M27.2,48.3c0,0-1,4.8,0,5.8c1.9,1.9,12.5,3.8,12.5,3.8'/%3E%3Cpath class='st0' d='M16.6,49.3c-5.8-1-7.7-9.6-7.7-9.6c-0.5-2.3-1.1-6-1.4-8.3c-0.3-2.7-0.3-4.2,0-6c0.8-5.6,6.1-9.7,12.9-9.7 s12.2,4.1,12.9,9.7c0.3,1.9,0.3,3.4,0,6c-0.3,2.3-0.9,6.1-1.4,8.3c0,0-1.9,8.7-7.7,9.6'/%3E%3C/g%3E%3Cpath class='st1' d='M30,11.8V6c0-1.1,0.9-1.9,1.9-1.9h26.9c1.1,0,1.9,0.9,1.9,1.9v17.3c0,1.1-0.9,1.9-1.9,1.9H48.3l-8.7,7.7v-7.7 l-1.9,0'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position:25px center;}
.teamTxt-box .teamVis.ty02 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 62' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.8916;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='family_comments_00000039817309856048493900000002918497629779627940_'%3E%3Cpath class='st0' d='M56.5,25.3h-5.7L48,32l-5.7-6.6h-6.6L31,32l-4.7-6.6h-6.6L14,32l-2.8-6.6H5.5c-1,0-1.9-0.8-1.9-1.9V3.6 c0-1,0.8-1.9,1.9-1.9h51.1c1,0,1.9,0.8,1.9,1.9v19.9C58.4,24.5,57.6,25.3,56.5,25.3z'/%3E%3Cg%3E%3Cg id='_x3C_Grupo_x3E__00000137114793606780025090000017824518896023242380_'%3E%3Cpath class='st0' d='M38.6,60.3l-3.8-1.9c0,0-0.9,0.9-3.8,0.9s-3.8-0.9-3.8-0.9l-3.8,1.9'/%3E%3Cpath class='st0' d='M33.8,54.7c2.6-1.8,2.4-2.9,2.7-5.4c0.2-1.4,0.2-2.9-0.4-4.1c-0.6-1.2-1.7-2-3-2.4c-0.7-0.2-1.4-0.3-2.1-0.3 c-0.7,0-1.5,0.1-2.1,0.3c-1.2,0.4-2.3,1.2-3,2.4c-0.7,1.3-0.6,2.8-0.4,4.1c0.3,2.6,0.1,3.7,2.7,5.4'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M45.2,54.7c0,0,0.6,2.8,0,3.4c-0.3,0.3-1.1,0.6-1.9,0.9'/%3E%3Cpath class='st0' d='M53.1,54.7c0,0-0.6,2.8,0,3.4c1.1,1.1,7.3,2.2,7.3,2.2'/%3E%3Cpath class='st0' d='M46.9,55.3c-3.4-0.6-4.5-5.6-4.5-5.6c-0.3-1.3-0.7-3.5-0.8-4.8c-0.2-1.5-0.1-2.4,0-3.5 c0.4-3.2,3.6-5.6,7.5-5.6s7.1,2.4,7.5,5.6c0.1,1.1,0.2,2,0,3.5c-0.2,1.3-0.5,3.5-0.8,4.8c0,0-1.1,5-4.5,5.6'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M15.8,55.9c0,0,3.9-0.6,5-2.2c0,0-1.2-5.2-1.2-10.2c0-3.5-2.8-7.7-7.7-7.7S4.2,40,4.2,43.5 C4.2,48.4,3,53.6,3,53.6c1.1,1.7,5,2.2,5,2.2'/%3E%3Cpath class='st0' d='M8.6,54.2c0,0,0.1,3.2-0.6,3.9c-1.2,1.4-6.3,2.2-6.3,2.2'/%3E%3Cpath class='st0' d='M15.3,54.2c0,0-0.1,3.2,0.6,3.9c0.3,0.4,1.1,0.7,1.9,1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.teamTxt-box .teamVis.ty03 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 62' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.7239;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23474647;stroke-width:1.7239;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='ranking_comments_00000061435483663072266510000000148467044235411597_'%3E%3Cpath class='st0' d='M17.6,7.7H7.3c-1.9,0-3.4,1.5-3.4,3.4v46.5l15.5-12.1h16.4'/%3E%3Cpath class='st0' d='M25.4,7.7h28.4c1.9,0,3.4,1.5,3.4,3.4v31c0,1.9-1.5,3.4-3.4,3.4H43.5'/%3E%3Cpolyline class='st1' points='15,4.3 18.5,7.7 15,11.2 '/%3E%3Cpolyline class='st1' points='46.1,49.1 42.6,45.7 46.1,42.2 '/%3E%3Cpolygon class='st1' points='31,14.6 34.6,22 42.7,23.2 36.9,28.9 38.2,37.1 31,33.2 23.7,37.1 25.1,28.9 19.2,23.2 27.3,22 '/%3E%3C/g%3E%3C/svg%3E");}
.teamTxt-box .teamVis.ty04 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 62' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.9046;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='social_responsibility_00000164498258346051306300000018012907192586635706_'%3E%3Cg id='internet_00000090983481033581626250000013027851875527267996_'%3E%3Cpath class='st0' d='M15.9,33.9c-1.3-2.9-2.1-6.1-2.1-9.5c0-12.6,10.2-22.9,22.9-22.9s22.9,10.2,22.9,22.9c0,3-0.6,5.9-1.7,8.6'/%3E%3Cg%3E%3Cpath class='st0' d='M23.4,12.5c4.4,0.7,8.8,1,13.3,1c4.4,0,8.9-0.3,13.3-1'/%3E%3Cline class='st0' x1='36.7' y1='7.2' x2='36.7' y2='32'/%3E%3Cline class='st0' x1='18.6' y1='25.3' x2='54.8' y2='25.3'/%3E%3Cpath class='st0' d='M29.9,8.1c-3.7,4.6-5.8,10.6-5.8,17.1c0,2.3,0.3,4.5,0.7,6.7'/%3E%3Cpath class='st0' d='M43.5,8.1c3.7,4.6,5.8,10.6,5.8,17.1c0,2.3-0.3,4.5-0.7,6.7'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolyline class='st0' points='1.5,46.2 7.2,42.4 16.7,57.7 12,60.5 '/%3E%3Cpath class='st0' d='M26.2,44.3h11.4c2.1,0,3.8-1.7,3.8-3.8c0-2.1-1.7-3.8-3.8-3.8H22.3c-1.1,0-2.2,0.3-3.2,1l-10.5,7'/%3E%3Cpath class='st0' d='M39,44.1L55.3,37c1.9-0.8,4.2,0.1,5,2.1c0.8,1.9-0.1,4.2-2.1,5l-16.8,8.1c-1.2,0.5-2.4,0.8-3.7,0.8H22.8 c-1.1,0-2.2,0.3-3.1,0.9l-3.8,2.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.teamTxt-box .teamVis.ty05 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 62' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.8065;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='excellence_00000124143459283366915120000004930875680713828275_'%3E%3Cpolyline class='st0' points='44.1,47.3 44.1,59 30.5,53.6 17,59 17,47.3 '/%3E%3Cpath class='st0' d='M52.8,24.9l-3.1-3.1l1.7-4c0.2-0.5,0-1.1-0.6-1.4l-4-1.7v-4.4c0-0.6-0.5-1-1-1h-4.4l-1.7-4 c-0.2-0.5-0.8-0.8-1.4-0.6l-4,1.7l-3.1-3.1c-0.4-0.4-1.1-0.4-1.5,0l-3.1,3.1l-4-1.7c-0.5-0.2-1.2,0-1.4,0.6l-1.7,4h-4.4 c-0.6,0-1,0.5-1,1v4.3l-4,1.7c-0.5,0.2-0.8,0.8-0.6,1.4l1.7,4l-3.1,3.1c-0.4,0.4-0.4,1.1,0,1.5l3.1,3.1l-1.7,4 c-0.2,0.5,0,1.2,0.6,1.4l4,1.7v4.4c0,0.6,0.5,1,1,1h4.4l1.7,4c0.2,0.5,0.8,0.8,1.4,0.6l4-1.7l3.1,3.1c0.4,0.4,1.1,0.4,1.5,0 l3.1-3.1l4,1.7c0.5,0.2,1.1,0,1.4-0.6l1.7-4h4.4c0.6,0,1-0.5,1-1v-4.4l4-1.7c0.5-0.2,0.8-0.8,0.6-1.4l-1.7-4l3.1-3.1 C53.2,25.9,53.2,25.3,52.8,24.9z'/%3E%3Ccircle class='st0' cx='30.5' cy='25.6' r='11.7'/%3E%3C/g%3E%3C/svg%3E");}
.teamTxt-box .teamVis.ty06 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 62 62' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474647;stroke-width:1.9077;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M14.8,33.9c0,0,1,4.8,0,5.7c-1.9,1.9-13.4,3.8-13.4,3.8'/%3E%3Cpath class='st0' d='M28.1,33.9c0,0-1,4.8,0,5.7c0.5,0.5,1.5,0.9,2.9,1.4'/%3E%3Cpath class='st0' d='M16.7,34.8c-5-1.7-6.7-9.5-6.7-9.5c-0.5-2.2-1.1-6-1.4-8.3c-0.3-2.6-0.3-4.1,0-6c0.7-5.5,6.1-9.6,12.8-9.6 S33.6,5.5,34.3,11c0.3,1.9,0.3,3.4,0,6c-0.3,2.3-0.9,6-1.4,8.3c0,0-1.7,7.9-6.7,9.5'/%3E%3C/g%3E%3Cg%3E%3Ccircle class='st0' cx='47.2' cy='47.2' r='13.4'/%3E%3Cpath id='_x3C_Trazado_x3E__2_' class='st0' d='M47.2,39.6c0,0-2.9,1.3-6.6,1.9V47c0,2.2,1,4.3,2.7,5.7l4,3.3l4-3.3 c1.7-1.4,2.7-3.5,2.7-5.7v-5.5C50.1,41,47.2,39.6,47.2,39.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position:25px center;}


/* 진행절차 */
.stepBox {width: calc((100% - 20px) / 2); height: 75px; float: left; position: relative; padding: 30px 20px 20px; box-sizing: border-box; border: 1px solid #055ed2; margin-top: 50px; margin-left: 20px;}
.stepBox:nth-child(2n-1) {margin-left:0;}
.stepBox:nth-child(1), .stepBox:nth-child(2) {margin-top:20px;}
.stepBox dt {background: #055ED2; display: inline-block; padding: 11px 16px; transform: skew(-20deg); position:absolute; top:-24px;}
/*.stepBox:nth-child(2n) dt {background:#d20505;}*/
.stepBox dt .tit {transform: skew(20deg); font-size: 16px; font-weight:700; color: #fff;}
.stepBox dd .txt {font-size:16px; color:#000;}



/* 온라인 상담 */
.required {width: 20px; display: inline-block; vertical-align: top;}
.required .path04 {fill: none; stroke: #055ed2; stroke-linecap: round; stroke-miterlimit: 10;}

.sub-selBox {display: inline-block; position: relative;}
.sub-selBox:after {content: ""; cursor: inherit; width: 0px; height: 0px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; pointer-events: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(0, 0, 0);}
.sub-selBox select {appearance: none; -webkit-appearance: none; -moz-appearance: none; background: none; outline: 0px; text-indent: 0.01px; border-radius: 0px; width: 100%; padding: 0px 24px 0px 10px; border: 1px solid rgb(194, 194, 194); cursor: pointer; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; height: 50px; font-size: 16px; color: #000; box-sizing:border-box; margin:0;}
.sub-selBox select:disabled {background-color: #ededed; cursor: no-drop;}
.input-rightBox {float:left; width: 75%;}
.input-set {width:100%; margin-top:40px;}
.input-set:first-child {margin-top:0;}
.input-set:after {content:''; display:block; clear:both;}
.input-label {display:inline-block; margin-bottom:10px;}
.input-label span {color:#000; display: inline-block; vertical-align: top;}
.input-label svg {width:20px; display: inline-block; vertical-align: top;}
.input-label svg .path04 {fill:none;stroke:rgb(16, 35, 215);stroke-linecap:round;stroke-miterlimit:10;}
.input-form {width: 100%; padding: 0px 40px 0px 10px; appearance: none; border: 1px solid rgb(194, 194, 194) !important; border-radius: 0px; transition: all 0.3s ease-out; height: 50px; font-size: 16px; color: #000;}
.input-form:focus {border:1px solid rgb(16, 35, 215) !important;}
.input-set .sub-selBox {width:100%;}
.input-set .input-area {width: 100%; min-height: 200px; padding: 20px; line-height: 1; border: 1px solid rgb(194, 194, 194) !important; border-radius: 0px; transition: all 0.3s ease-out; font-size: 16px; color: #000; box-sizing: border-box; resize: none;}
.input-set .input-area:focus {border:1px solid rgb(16, 35, 215) !important;}

.button {cursor: pointer; width: 100%; padding: 10px 20px; border: 2px solid #fff; border-radius: 50px; display: inline-block; box-sizing: border-box; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.button span {font-size: 20px; color: #fff; font-weight: 500;}
.button.ty-bl {background: #055ED2;}
.button.ty-rd {background: #d20505;}
.button.ty-bk {background: #454545;}

.input-set .or {position: relative; margin:20px 0;}
.input-set .or:before {content:''; display:block; width:100%; height:1px; background:rgba(0, 0, 0, 0.1); position: absolute; top:50%; left:0; transform: translateY(-50%);}
.input-set .or span {font-size: 12px; color: #707070; padding: 0 15px; background: #fff; z-index: 2; display: inline-block; position: relative;}

.input-set .btn-send {}
.input-set .btn-send span {position: relative; padding-left:35px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23B7B7B7;%7D .st2%7Bfill:none;stroke:%23474647;stroke-width:3.007;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M96.5,31.8l-9-5.7L65.8,12.4L53,4.3c-2-1.2-4.3-1.3-6.4,0L34,12.4L12.4,26.1l-9,5.7H3.3v22.6v36.1 c0,0.3,0,0.5,0.1,0.8c0.4,2.9,2.9,5.2,6,5.2h81.2c3.3,0,6-2.7,6-6V54.4L96.5,31.8L96.5,31.8z'/%3E%3Cg%3E%3Cg%3E%3Cpath class='st1' d='M53.9,75.1l33.7-16.3V19.3c0-1.4-0.7-2.4-1.5-2.4H13.9c-0.8,0-1.5,1.1-1.5,2.4v39.5L46,75.1 C48.5,76.3,51.4,76.3,53.9,75.1z'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cline class='st2' x1='30.4' y1='29.4' x2='50' y2='29.4'/%3E%3Cline class='st2' x1='30.4' y1='40' x2='69.5' y2='40'/%3E%3Cline class='st2' x1='30.4' y1='50.5' x2='69.5' y2='50.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 25px; background-position: center left;}

.input-set .btn-katalk {background:#f8e000;}
.input-set .btn-katalk span {position: relative; padding-left:35px; color:#3D1E1E;}
.input-set .btn-katalk span svg {width: 25px; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.input-set .btn-katalk span svg .st0 {fill:#3D1E1E;}
.input-set .btn-katalk span svg .st1 {fill:#F8E000;}

.board-topBox {text-align: right; margin-bottom:20px;}
.board-topBox .searchBox {display: block; margin-left:auto; position: relative;}
.board-topBox .searchBox .input-form {max-width: 300px; height: 50px; padding: 10px 40px 10px 20px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000;}
.board-topBox .searchBox .search-btn {background:none; position:absolute; top:50%; right:13px; transform: translateY(-50%); cursor: pointer;}


.tb-Box {width:100%;}
.tb-Box table {width:100%; border-top:3px solid #055ed2;}
.tb-Box table.ty-tc {text-align: center;}
.tb-Box table tr {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.tb-Box table.bd-ty tbody tr:hover {background: #ffefe1;}
.tb-Box table.bd-ty tbody tr.disabled {background: #e0e0e0;}
.tb-Box table th, .tb-Box table td {border:1px solid rgba(0, 0, 0, 0.1); border-top:none; padding:10px 15px; position: relative;}
.tb-Box table th input[type="checkbox"], .tb-Box table td input[type="checkbox"], .tb-Box table th input[type="radio"], .tb-Box table td input[type="radio"] {position: relative; visibility: hidden;}
.tb-Box table th input[type="checkbox"] + label, .tb-Box table td input[type="checkbox"] + label, .tb-Box table th input[type="radio"] + label, .tb-Box table td input[type="radio"] + label {display:inline-block; text-align: center;}
.tb-Box table th {background:#055ed2; color:#fff; border-right:none;}
.tb-Box table th:first-child {border-left: none;}
.tb-Box table td, .tb-Box table td a, .tb-Box table td a span {border-right:none;}
.tb-Box table td:first-child {border-left: none;}
.tb-Box table td:first-child.bl {border-left:1px solid rgba(0, 0, 0, 0.1);}

.tb-Box table .none-980 {display: table-cell;}



/* board-paging */
.board-paging {width:100%; text-align:center; margin-top:30px;}
.board-paging > ul {display:inline-block;}
.board-paging > ul:after {content:''; display:block; clear:both;}
.board-paging > ul li {width:40px; height:40px; float:left; border:1px solid rgba(0, 0, 0, 0.1); box-sizing:border-box; border-left:none;}
.board-paging > ul li:first-child {border-left:1px solid rgba(0, 0, 0, 0.1);}
.board-paging > ul li a {width:100%; height:100%; display:block; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.board-paging > ul li a svg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.board-paging > ul li a svg > * {fill:#000;}
.board-paging > ul li a span {font-size:16px; line-height:40px; color:#000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board-paging > ul li a:hover {background:rgba(5, 94, 210, 0.1);}
.board-paging > ul li.active {border:1px solid #055ed2; border-left:none;}
.board-paging > ul li.active {background:#055ed2;}
.board-paging > ul li.active a span {color:#fff;}

.board-paging > ul li.disabled {background:rgba(0, 0, 0, 0.1);}
.board-paging > ul li.disabled a {cursor:no-drop;}
.board-paging > ul li.disabled a:hover {background:rgba(0, 0, 0, 0.1);}
.board-paging > ul li.disabled a svg > * {fill:rgba(0, 0, 0, 0.3)}




/* ETC */
.terms-list {width:100%; position:relative; margin-top:60px;}
.terms-list:first-child {margin-top:0;}
.terms-list:after {content:''; display:block; clear:both;}
.terms-list li {margin-top:20px; position: relative;}
.terms-list li:first-child {margin-top:0;}
.terms-list li * {font-size:16px;}
.terms-list li p {margin-top:20px;}
.terms-list li.tit, .terms-list li .tit {font-size:16px;font-weight:500; color:#000; margin-top:0;}


.terms-list.nums > li {padding-left:35px;}
.terms-list.nums li.tit {font-size:16px;font-weight:600; color:#000; padding-left:0;}
.terms-list.nums li .txt span {position: absolute; top:0; left:0;}

.list-col-3ty {width:100%;}
.list-col-3ty:after {content: ''; display: block; clear: both;}
.list-col-3ty .terms-list {width:calc(100% / 3); margin-top:0; float: left;}


.square-list {width:100%; position:relative; margin-top:20px;}
.square-list:first-child {margin-top:0;}
.square-list:after {content:''; display:block; clear:both;}
.square-list li {margin-top:20px; position: relative; padding-left:15px;}
.square-list li:before {content: ''; width: 5px; height: 5px; display: block; background: #707070; position: absolute; top: 9px; left: 0;}
.square-list li:first-child {margin-top:0;}
.square-list li * {font-size:14px;}
.square-list li .tit {font-weight:500; color:#000;}

.terms_area {border:1px solid rgba(0, 0, 0, 0.1); width:100%; height:200px; padding: 20px; box-sizing: border-box; overflow-y:scroll; margin-bottom:10px;}

/* info-box */
.info-box {border: 5px solid #ff6b19;padding: 60px;position:relative;}
.info-box:before, .info-box:after {content:'';width:5px;height: 85%;display:block;background:#fff;position:absolute;top:50%;transform:translateY(-50%);}
.info-box:before {left: -5px;}
.info-box:after {right:-5px;}
.info-box.contact-ty {padding-left: 340px; background: url('/resources/img/sub/ico-contact_info.png') no-repeat top 60px left 60px;background-size: 220px;}

.btn-box {margin-top:20px;}
.btn-tel, .btn-katalk {max-width: 250px; padding: 12px 23px; box-sizing: border-box; border-radius: 5px; display:inline-block;}
.btn-tel span, .btn-katalk span {font-size: 30px; font-weight: 600; padding-left: 50px; background-repeat: no-repeat; background-position: center left; background-size: 40px;}
.btn-tel {background: #ff6b19;}
.btn-tel span {background-image: url('/resources/img/sub/ico-phon.png'); color:#fff;}

.btn-katalk {background: #f8e000; cursor: pointer; margin-left: 10px;}
.btn-katalk span {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 90.7 84.52'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23000; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M35.53,31.14l-3,8.59h6.09l-3-8.59h-.09Z'/%3E%3Cpath class='st0' d='M45.33,0C20.31,0,0,16.15,0,36.02,0,48.37,7.79,59.24,19.69,65.73l-3.27,17.59c-.18.89.81,1.52,1.57,1.03l19.46-12.84s5.19.54,7.92.54c25.01,0,45.33-16.15,45.33-36.02-.04-19.87-20.36-36.02-45.37-36.02ZM22.95,46.18c0,.58-.22,1.16-.63,1.57-.4.4-.94.63-1.52.63h-.49c-.58,0-1.12-.22-1.52-.63-.4-.4-.63-.94-.63-1.52v-15.75h-4.25c-1.25,0-2.24-.98-2.24-2.24s1.03-2.24,2.24-2.24h13.07c1.21,0,2.19.98,2.24,2.24,0,1.25-1.03,2.24-2.24,2.24h-4.03v15.71ZM43.99,48.33c-1.16.4-2.37-.22-2.77-1.34l-1.12-3.18h-8.9l-1.12,3.18c-.4,1.16-1.66,1.75-2.77,1.34-1.16-.4-1.75-1.66-1.34-2.77t.04-.09s.04-.09.04-.13c.04-.09.04-.13.09-.22,0-.09.04-.18.09-.27.04-.09.09-.22.13-.31.04-.13.09-.27.13-.4.09-.13.13-.31.18-.45.04-.18.13-.31.18-.49.04-.18.13-.36.18-.54.09-.22.13-.4.22-.58.09-.18.13-.4.22-.58.09-.22.13-.4.22-.63.04-.22.13-.45.22-.67l.27-.67c.09-.27.18-.49.27-.72s.18-.49.27-.72c.09-.22.18-.49.27-.72s.18-.49.27-.72.18-.49.27-.72c.09-.22.18-.49.27-.72.09-.27.18-.49.27-.72l.27-.67c.09-.22.18-.45.27-.67.04-.18.13-.4.22-.63s.13-.4.22-.63c.09-.18.13-.4.22-.58.09-.18.13-.36.22-.54.04-.13.13-.31.18-.49.04-.13.13-.31.18-.45.04-.13.09-.27.13-.4.04-.13.09-.22.13-.36,0-.13.04-.22.09-.31.09-.31.4-1.21.49-1.39.09-.18.18-.36.31-.54.22-.22.45-.45.72-.63s.58-.31.89-.4.67-.13,1.03-.13c1.43,0,2.64.81,3.04,1.88l6.49,17.99c.4,1.12-.18,2.37-1.21,2.77ZM57.5,48.24h-8.86c-1.12,0-2.01-.89-2.01-2.01v-18.12c0-1.34,1.07-2.42,2.42-2.42s2.42,1.07,2.42,2.42v16.11h6.09c1.12,0,2.01.89,1.97,2.01,0,1.12-.89,2.01-2.01,2.01ZM76.6,48.01c-.94.72-2.28.49-3-.45l-6.4-8.46-1.39,1.39v5.5c0,1.34-1.07,2.42-2.42,2.42s-2.42-1.07-2.42-2.42v-17.9c0-1.34,1.07-2.42,2.42-2.42s2.42,1.07,2.42,2.42v6.35l7.61-7.65c.81-.85,2.15-.85,3,0,.85.85.85,2.19,0,3.04l-6.13,6.17,6.76,8.95c.72.94.49,2.33-.45,3.04Z'/%3E%3C/svg%3E"); color: #000;}


@media screen and (max-width:1500px) {

    /* 회사소개 */
    .about-list li {min-height:350px;}

}


/*==========================================================================
                            ★ Tablet (반응형) ★
==========================================================================*/
@media screen and (max-width:1200px) {

    /*==========================================================================
                                    sub - 공용
    ==========================================================================*/
    /* point-titBox */
    .point-titBox .b-tit, .point-titBox .b-tit * {font-size: 20px;}




    /* 회사소개 */
    .about-list li {width:100%; float:none; min-height:inherit; margin:20px 0 0 0;}
    .about-list li:first-child {margin:0;}
    .about-list li .visBox {display: none;}
    .about-list li .txtBox {text-align: left;}
    .about-list li .txtBox .b-tit {font-size: 20px; color:#055ed2; margin-bottom: 10px;}
    .about-list li .txtBox .s-txt {font-size:15px;}



    /* 진행절차 */
    .stepBox {width: 100%; height: inherit; float: none; margin: 40px 0 0 0;}
    .stepBox:first-child {margin:0;}
    .stepBox:nth-child(2) {margin-top:40px;}
    .stepBox dt {padding: 8px 12px; top:-20px;}
    .stepBox dt .tit {font-size: 15px;}
    .stepBox dd .txt {font-size:14px; color:#000;}

}


/*==========================================================================
                            ★ Mobile (반응형) ★
==========================================================================*/
@media screen and (max-width:980px) {
    /*==========================================================================
                                    sub - 공용
    ==========================================================================*/
    .imgBox .imgZoomBtn {display:block;}
    .sub-titBox {height:200px;}
    .sub-titBox .psBox .b-tit {font-size:28px;}
    .sub-titBox .psBox .s-txt {font-size:16px;}

    .sub-contBox {margin-top:40px;}
    .line-gap {margin:40px auto 0}

    /* dot-list */
    .dot-list li {font-size:14px;}

    /* point-titBox */
    .point-titBox .b-tit, .point-titBox .b-tit * {font-size: 18px;}


    /* sub title */
    .s-Btit {font-size:23px; padding-left:15px;}
    .s-Btit:before {width:8px; height:8px;}



    .tb-Box table .none-980 {display: none;}



    /* 회사소개 */
    .about-list li .txtBox .b-tit {font-size: 18px;}
    .about-list li .txtBox .s-txt {font-size: 14px;}



    /* 주요업무 */
    .teamTxt-box {padding:20px; min-height: inherit;}
    .teamTxt-box .teamVis {display: none;}
    .teamTxt-box .b-tit {font-size:20px;}
    .teamTxt-box .s-txt {font-size:14px;}



    /* info-box */
    .info-box {text-align: center;}
    .info-box.contact-ty {padding: 190px 10px 20px; background-position: top 20px center; background-size: 150px;}
    .btn-tel, .btn-katalk {width:130px; padding: 12px 10px;}
    .btn-katalk {margin:10px 0 0 0;}
    .btn-tel span, .btn-katalk span {font-size: 14px; background-size: 20px; padding-left: 28px;}

}