@charset "utf-8";
.sub-bg {background:url('/001/img/sub-bg.jpg') no-repeat}
/*sub01*/
.t_view{display:none;}
.m_view{display:none;}
.pcbr{display:block;}
.section_top{
	padding:80px 0 90px;
	background:url(/004/img/m12_bg1.gif) no-repeat center bottom -5px;
	background-size:100% auto;
	text-align:center;
}
.section_top h4{font-size:32px;color:#222;font-weight:800;}
.section_top h4:after{
	display:block;content:"";
	width:50px;height:1px;
	background:#ccc;
	margin:30px auto;
}
.section_top p{font-size:28px;color:#666;line-height:150%;}
.section{padding:0;}
.section .area1{position:relative;padding-bottom:100px;}
.section .area1 .pht{width: 100%;overflow: hidden;/*margin-top: -50px;*/z-index:10;}
.section .area1 .pht img{width:141400%;}
.section .area1 .txtarea{
	position:relative;
	z-index:10;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}
.section .area1 .txtarea img {max-width:100%;}
.section .area1 .txtarea h5{padding: 90px 0 0 110px;margin-left: 70px;box-sizing: border-box;font-size: 42px;color:#222;font-weight:600;line-height: 134%;background: url(/004/img/bg_dd1.png) no-repeat top left;}
.section .area1 .txtarea h5:after{
	display:block;
	content:"";
	width:3px;
	height:100px;
	/* background: #82c6e4; */
	margin: 45px 0 0;
	position:relative;
	left:-25px;
}
.section .txtarea h6{margin-bottom:30px;font-size:28px;color:#222;font-weight:600;line-height:150%;}
.section .txtarea p{margin-bottom:40px;font-size:18px;color:#444444;line-height:190%;word-break:keep-all;}
.section .txtarea p:last-child{margin-bottom:0 !important;}
.section .txtarea .sign{font-size:20px;color:#333333;line-height:190%}
.section .txtarea .sign .name{font-size: 22px;font-weight:600;}
.section .area1 .txtarea .box{margin: 60px 50px 0;width: 1200px;max-width: 92%;}

.section .tabcon:nth-child(2) .area1:after{height: 74%;}
.section .tabcon:nth-child(2) .area1 p{margin-bottom:30px;}

.section .area2{position:relative;margin-top:-60px;}
.section .area2:after{
	display:block;
	content:"";
	width:100%;
	height: 42%;
	background:#f5f5f5;
	position:absolute;
	left:0;
	top:0;
}
.section .area2 .innerwrap{max-width:1280px;padding-bottom: 140px;}
.section .area2 .pht{position:relative;z-index:10;float:right;padding-top:100px;}
.section .area2 .txtarea{
	position:relative;z-index:10;
	float:left;box-sizing:border-box;
	padding:0 80px 0 0;
}
.section .area2 .txtarea p{margin-bottom:140px;}
.section .txtarea p.last{margin-bottom:60px}


.section1{margin:80px 0 150px;}
.section1 .innerwrap{
	padding:70px 0;
	background:url(/004/img/m13_section1_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;font-size:0;
}
.section1 .innerwrap>div{
	display:inline-block;vertical-align:top;
	position:relative;box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
	text-align:center;
}
.section1 .innerwrap>div.mission{width:580px;margin:72px 25px 0;padding:70px 4%;}
.section1 .innerwrap>div.vision{width: 405px;margin:0 25px;padding:90px 4%;}
.section1 .innerwrap>div h4{font-family:'Montserrat';font-size: 26px;color:#fff;font-weight:600;}
.section1 .innerwrap>div h4:after{
	display:block;content:"";
	width:20px;height:3px;
	background:#fff;
	margin:25px auto;
}
.section1 .innerwrap>div h5{margin-bottom:20px;font-size: 36px;color:#fff;line-height:130%;}
.section1 .innerwrap>div p{font-family:'Montserrat';font-size:17px;color:#fff;line-height:170%;}

.section2{position:relative;/* padding-bottom:150px; */}
.section2:after{
	display:block;
	content:"";
	width:100%;
	height: 53.5%;
	/* background:#f5f5f5; */
	position:absolute;
	left:0;
	top: 430px;
}
.section2 .mission{position:relative;padding-top:70px;}
.section2 .vision{position:relative;padding:140px 0 150px;z-index:10;}
.section2 .vision:after{
	display:block;content:"";
	width:3px;height:140px;
	background:#82c6e4;
	position:absolute;right:0;top:100%;margin-top:80px;
}
.section2 h4{font-family:'Montserrat';font-size:16px;color: #26256f;font-weight:600;}
.section2 h5{margin: 10px 0 35px;font-size: 50px;color:#222;font-weight:600;}
.section2 h6{margin:80px 0 15px;font-size:20px;color:#222;font-weight:600;}
.section2 p{font-size: 16px;color:#444;line-height:170%;}
.section2 .mission .imgarea{
	position:absolute;
	left:50%;
	top:0;
	z-index:5;
	max-width: 649px;
	width:100%;
	height: 521px;
	background: red;
	background-size:auto 100%;
	display: none;
}
.section2 .vision .imgarea{
	position:absolute;left:0%;top:0;z-index:5;
	max-width:550px;width:100%;height:750px;
	background:url(/004/img/m13_section2_img2.jpg) no-repeat;
	background-size:auto 100%;
}
.section2 .value{
	overflow:hidden;
	display:flex;
	position:relative;
	z-index:10;
	box-sizing:border-box;
	margin-top: 50px;
	/* padding-left:52px; */
	/* border-left:3px solid #82c6e4; */
}
.section2 .value>div{
	float:left;
	width:32.666%;
	margin-right:1%;
	box-sizing:border-box;
	padding:30px 0 70px;
	background:#fff;
	/* border-top: 4px solid #0c2881; */
	border-bottom: 4px solid #0c2881 !important;
	border: 1px solid #ddd;
}
.section2 .value>div+div ul{padding:0 13%;}
.section2 .value>div:last-child{margin-right:0;}
.section2 .value>div h6{padding:35px 0 40px;/*margin-bottom:25px;*/font-size: 24px;color:#222;text-align:center;margin-top: 0; line-height: 1.6;}
.section2 .value>div:nth-child(1) h6{background:url(/004/img/num01.jpg) no-repeat center;}
.section2 .value>div:nth-child(2) h6{background:url(/004/img/num02.jpg) no-repeat center;}
.section2 .value>div:nth-child(3) h6{background:url(/004/img/num03.jpg) no-repeat center;}
.section2 .value>div ul{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	/* height:150px; */
	padding: 0 9%;
}
.section2 .value>div ul li{
	position:relative;
	box-sizing:border-box;
	width:100%;text-align:left;
	font-size:16px;color:#444;line-height:160%;word-break:keep-all;
	padding-left:15px;
}
.section2 .value>div ul li:before{
	display:block;content:"";
	width:7px;height:2px;
	background:#444;
	position:absolute;left:0;top:11px;
}
.section2 .vision .con{margin-left:50%;}


.section3{background:#f5f5f5;padding:140px 0 150px;}
.section3 h4{font-family:'Montserrat';font-size:23px;color:#82c6e4;font-weight:600;}
.section3 h5{margin:10px 0 30px;font-size:45px;color:#222;font-weight:800;}
.section3 h6{margin:80px 0 15px;font-size:20px;color:#222;font-weight:600;}
.section3 .cb{
    overflow: hidden;
    margin-top: 85px;
    display: flex;
    align-items: center;
}
.section3 .cb .imgarea{    text-align: center;width:595px;}
.section3 .cb .txtarea{
    box-sizing: border-box;
    width: calc(100% - 595px);
    padding: 0 90px;
}
.section3 .cb .txtarea dl{position:relative;margin-bottom:50px;padding-left:15px;}
.section3 .cb .txtarea dl:before{display:block;content:"";width:5px;height:26px;position:absolute;left:0;top:3px;}
.section3 .cb .txtarea dl:last-child{margin-bottom:0;}
.section3 .cb .txtarea dl dt{font-size: 30px;color:#222;font-weight: 800;margin-bottom:10px;}
.section3 .cb .txtarea dl dt span{font-size:18px;font-weight: 800;}
.section3 .cb .txtarea dl dd{font-size:18px;color:#444;}
.section3 .cb .txtarea dl:nth-child(1):before{background:#548ca4;}
.section3 .cb .txtarea dl:nth-child(2):before{background:#97cce4;}
.section3 .cb .txtarea dl:nth-child(3):before{background:#ced2d4;}


/*sub02*/
.section_top{
	padding:80px 0 90px;
	background:url(/004/img/m12_bg1.gif) no-repeat center bottom -5px;
	background-size:100% auto;
	text-align:center;
}
.section_top h4{font-size:32px;color:#222;font-weight:800;}
.section_top h4:after{
	display:block;content:"";
	width:50px;height:1px;
	background:#ccc;
	margin:30px auto;
}
.section_top p{font-size:28px;color:#666;line-height:150%;}
.tab_box{
	margin-bottom:50px;box-shadow:0 1px 0 #ddd inset,0 -1px 0 #ddd inset;background:#f5f5f5;
	width:100%;left:0;top:95px;z-index:100;
}
.tab_box ul{font-size:0;text-align:center;}
.tab_box ul li{
	display:inline-block;
	width:280px;
	border-right:1px solid #ddd;border-left:1px solid #ddd; margin-left:-1px;
}
.tab_box ul li a{
	display:block;position:relative;
	font-size:20px;line-height:70px;color:rgba(34,34,34,0.5);
}
.tab_box ul li.on{border-left:1px solid #4fadd7;border-right:1px solid #4fadd7;background:#4fadd7}
.tab_box ul li.on a{color:#fff;}
.tab_box ul li.on a:after{
	display:block;content:"";
	width:9px;height:9px;
	background:#4fadd7;border:2px solid #fff;
	position:absolute;left:50%;bottom:-5px;
	border-radius:50%;transform:translateX(-50%);
}
.section{position:relative;}
.section:before{
	display:block;content:"";
	width:11px;height:1px;
	background:#ddd;
	position:absolute;left:50%;top:0;
	transform:translateX(-50%);
}
.section:after{
	display:block;content:"";
	width:1px;height:100%;
	background:#ddd;
	position:absolute;left:50%;top:0;margin-left:0.5px;
}

/*회사현황*/
.business-intro {
    /*border:1px solid #dbdbdb*/;position:relative;display:flex;
    justify-content: center;/*padding:40px 20px;*/margin-bottom: 80px;
}
/* .business-intro:before {
    content:'';display:block;width:100%;position:absolute;top:-1px;height:4px;left:0;
    background: #58c5aa;
    background: -moz-linear-gradient(left,  #58c5aa 0%, #4096ee 100%);
    background: -webkit-linear-gradient(left,  #58c5aa 0%,#4096ee 100%);
    background: linear-gradient(to right,  #58c5aa 0%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58c5aa', endColorstr='#4096ee',GradientType=1 );
} */
.business-intro ul {margin:0 80px}
.business-intro ul li {display:flex;letter-spacing:-1px;margin: 30px 0;}
.business-intro ul li .name {color:#033884;font-weight:400;font-size:18px; width: 100px;}
/* .business-intro ul li .name:before {content:'';display:inline-block;width:3px; height:3px;border-radius:3px;background:#033884;vertical-align:middle;margin-right:5px;} */
.business-intro ul li .txt {font-size:18px;color:#333333;font-weight:400;padding-left:13px;}

.b-top {background:#f7f7f7; padding:40px;}
.b-top .area {display:flex;}
.b-top .txt {text-align:center;display:flex;flex-direction:column; justify-content: center;}
.b-top .txt .tit {width:100%;text-align:left;font-size:30px;font-weight:400;margin-bottom:18px;}
.b-top .txt p {text-align:left;color:#555;font-size:16px;line-height: 2;font-weight:400;word-break: keep-all;}
.local1{background: #559C19;text-align: center;width: 110px;padding: 10px 20px;color: #fff;margin-top: 10px;margin-bottom: 10px;}
.local2{background: #084290;text-align: center;width: 110px;padding: 10px 20px;color: #fff;margin-top: 10px;margin-bottom: 10px;}
.b-cont {margin-top:50px;}
/*common으로 이동예정*/
.b-cont h3 {margin-left:8px;font-size:22px;color:#333;letter-spacing:-1px;margin-bottom:25px;font-weight:700}
.b-cont h3:before {display:inline-block;content:'';width:30px;height:20px;margin-right:8px;background: url(../images/point-icon.png);}


.cont-inner > div > img {max-width:100%;}

@media all and (max-width:1300px) {
    .business-intro {width:calc(100% - 60px);margin-left:30px;}
}
@media all and (max-width:1200px) {
	  .business-intro img{display: none;}
    .business-intro ul {margin:0 40px;}
    .b-top .area img {height:200px;}
    .b-top .area {padding-top:20px;padding-bottom:20px;}
    .manual-flow {flex-wrap:wrap;}
    .manual-flow > li {margin-bottom:20px;}

    /*tab*/
    .tabs {flex-wrap:wrap;align-items: center;margin:30px 0;}
    .tabs li {padding: 0 12px 10px 12px;font-size:17px;width: 25%;text-align: center;}
}
@media all and (max-width:1000px) {
    .b-top .area img {height:160px;}

    .business-intro {display:block;padding:20px;margin-bottom:50px;}
    .business-intro ul {margin:0 20px;}
    .business-intro ul li .name {font-size:16px; width: auto;}
    .business-intro ul li .txt {font-size:15px;}

    .b-top .txt .tit {font-size:25px;}
    .b-top .txt p {font-size:15px;}

    .b-cont h3 {font-size:18px;}
    .manual-flow > li span {font-size:16px;}
    .manual-flow > li ul li {font-size:15px;}
    .manual-work th {font-size:15px;}

}

@media all and (max-width:760px) {
    .b-top .area img {display:none;}
    .b-top .area {align-items:center;}
    .b-top .txt .tit {font-size:25px;text-align:center;}
    .b-top .txt p {font-size:15px;width:100%;text-align:center;}
    .b-top .area {padding:20px;}
    .b-top ul li {font-size:17px;}
    .b-top ul {justify-content: center;}
}
@media all and (max-width:500px) {
    .manual-work td,.manual-work th {display:block;border-bottom:none}
    .manual-work td {border-top:1px solid #dedede;}
    .manual-work th {padding:10px;width:140px;}

    .business-intro ul li .name,
    .business-intro ul li .txt {font-size:14px;}
    .business-intro {width: calc(100% - 40px);margin-left: 20px;
    }
    .b-top .txt p {font-size:14px;}
    .b-top ul li {font-size:15px;}
    .b-top .txt .tit {font-size:18px;}
}

@media all and (max-width:350px) {

}

/*연혁*/
/* tab */
.tab-swipe{position:relative; padding-bottom:10px;}
.tab-swipe:after{display:block; content:""; position:absolute; bottom:0; width:100%; height:10px; background:#f4f4f4;}
.tab-swipe .toLeft{display:none; position:absolute; top:2px; left:0; z-index:1;}
.tab-swipe .toRight{display:none; position:absolute; top:2px; right:0; z-index:1;}
.tab-swipe .swiper-wrapper{padding:10px 0 30px; }
.tab-swipe .swiper-wrapper a{padding:0 25px; width:auto; font-size:30px; color:#888; font-weight:900;}
.tab-swipe .swiper-wrapper a span{position:relative;}
.tab-swipe .swiper-wrapper a.active{color:#333333;}
.tab-swipe .swiper-wrapper a.active span:after{display:block; content:""; position:absolute; bottom:-27px; left:0; width:100%; height:10px; background:#559C19;}
.tab-swipe .swiper-wrapper a:first-child{padding-left:0;}

/* 연혁 */
.historyPage {overflow:hidden;}
.historyPage .hisTab {width:1280px; margin:0 auto; background:#fff; z-index:11;}
.historyPage .hisTab.fixed {position:fixed; top:0;/*  left:0; padding-left:50px; */}
.historyPage .hisCon {position:relative; margin-top:100px;}
.historyPage .hisCon .yearDiv {position:relative; margin-left:7px; padding-left:0; padding-bottom:110px; /* margin-bottom:110px; */   }
.historyPage .hisCon .yearDiv .lineDiv {position:absolute; top:0; left:50%; transform:translate(-50%,0); width:1180px; height:100%; margin-left:7px; border-left:1px solid #ddd}
.historyPage .hisCon .yearDiv .line {position:absolute; top:0; left:-1px; width:1px; height:0; background:#5998d2; transition:all 0.3s ease-out;}
.historyPage .hisCon .yearDiv .bigTit {position:relative; top:-7px; color:#333333; font-size:60px; font-family:"Montserrat", "Noto Sans KR"; font-weight:700;}
.historyPage .hisCon .yearDiv .bigTit:before {position:absolute; top:7px; left:-72px; content:""; display:block; width:14px; height:14px; background:#0b3c7d; border-radius:25px}
.historyPage .hisCon .yearDiv .bigTit.on:before {background:#5998d2}
.historyPage .hisCon .yearDiv .bigTit:nth-child(2) {margin-top:0}
.historyPage .hisCon .yearDiv .yList {position:relative; margin-top:100px;}
.historyPage .hisCon .yearDiv .yList.y1 {position:relative; margin-top:100px;}
.historyPage .hisCon .yearDiv .yList .hisImg {display:block; position:absolute; bottom:0; right:0; width:420px; height:580px; } /* pc용 */
.historyPage .hisCon .yearDiv .yList .imgParent {display:none} /* mobile용 */
.historyPage .hisCon .yearDiv .yList.y1 .hisImg {top:0;}
.historyPage .hisCon .yearDiv .yList.y2 .hisImg {top:0;}
.historyPage .hisCon .yearDiv .yList.y3 .hisImg {top:0;}
.historyPage .hisCon .yearDiv .yList.y4 .hisImg {top:0;}
.historyPage .hisCon .yearDiv .yList .hisImg img {opacity:0}
.historyPage .hisCon .yearDiv .yList .hisImg.fixed {position:fixed; top:170px; left:auto; right:0; z-index:12;}
.historyPage .hisCon .yearDiv .yList .hisImg > img {width:100%;}
.historyPage .hisCon .yearDiv .yList.on .hisImg > img {position:absolute;top:0;right: 0;width: 100%;opacity:1;}
/* .historyPage .hisCon .yearDiv .yList.on .hisImg > img {position:absolute; top:0; left:0; width:100%; opacity:1;} */
.historyPage .hisCon .yearDiv .yList .txtDiv {width: 1280px;padding-right: 384px;padding-left: 123px;margin:0 auto;}
.historyPage .hisCon .yearDiv .oneYear {display:flex; flex-direction:row; margin-top:45px;}
.historyPage .hisCon .yearDiv .oneYear:nth-of-type(1) {margin-top:60px}
.historyPage .hisCon .yearDiv .oneYear .tit {font-size:24px; color:#333333; line-height:36px; font-family:'Montserrat', "Noto Sans KR"; font-weight:900;}
.historyPage .hisCon .yearDiv .oneYear .txt {padding-left:45px; font-size:18px; color:#666666; line-height:30px; font-weight:400;}


@media all and (max-width:1500px) {
	.historyPage .hisCon .yearDiv .yList .hisImg {/* width:370px; height:465px; */ width:40%;  right:0px; overflow:hidden}
	.historyPage .hisCon .yearDiv .yList.y1 .hisImg {top:0}
	.historyPage .hisCon .yearDiv .yList .hisImg.fixed {top:120px; /* right:-2px */}
}

@media all and (max-width:1280px) {
	/* 연혁 */
	.historyPage .inner {width:calc(100% - 30px);}
	.historyPage .hisTab {margin:0}
	.historyPage .hisTab .tab-swipe:after {height:5px;}
	.historyPage .hisTab .tab-swipe .swiper-wrapper {padding:5px 0 15px}
	.historyPage .hisTab .tab-swipe .swiper-wrapper a {padding:0 12px; font-size:17px;}
	.historyPage .hisTab .tab-swipe .swiper-wrapper a:first-child {padding-left:0}
	.historyPage .hisTab .tab-swipe .swiper-wrapper a.active span:after {bottom:-11px; height:5px;}

	.historyPage .hisCon {margin-top:15px;}
	.historyPage .hisCon .yearDiv {margin-left:0}
	.historyPage .hisCon .yearDiv .lineDiv {width:calc(100% - 30px); padding-left:0}

	.historyPage .hisCon .yearDiv .yList.y1 {margin-top:80px;}
	.historyPage .hisCon .yearDiv .yList {margin-top:150px}

	.historyPage .hisCon .yearDiv .yList .txtDiv {width:calc(100% - 30px); padding-left:40px; padding-right:450px;}
	.historyPage .hisCon .yearDiv .yList .txtDiv .bigTit {margin-top:0; font-size:45px;}
	.historyPage .hisCon .yearDiv .yList .txtDiv .bigTit:before {left:-39px;}
	.historyPage .hisCon .yearDiv .yList .hisImg.fixed {top:90px; }
	.historyPage .hisCon .yearDiv .oneYear {margin-top:30px;}
	.historyPage .hisCon .yearDiv .oneYear:nth-of-type(1) {margin-top:45px;}
	.historyPage .hisCon .yearDiv .oneYear .tit {font-size:20px; line-height:30px;word-break: keep-all;}
	.historyPage .hisCon .yearDiv .oneYear .txt {font-size:16px; line-height:26px;word-break: keep-all;}
}

@media all and (max-width:1024px){
	.historyPage .hisTab {width:100%;}
	.historyPage .hisCon .yearDiv .yList .hisImg {display:none}
	.historyPage .hisCon .yearDiv .yList .imgParent {display:block}
	.historyPage .hisCon .yearDiv .yList.y1 .mHisImg {background:url('/001/img/his-photo1.jpg') no-repeat center top; background-size:cover;}
	.historyPage .hisCon .yearDiv .yList.y2 .mHisImg {background:url('/001/img/his-photo2.jpg') no-repeat center top; background-size:cover;}
	.historyPage .hisCon .yearDiv .yList.y3 .mHisImg {background:url('/001/img/his-photo3.jpg') no-repeat center top; background-size:cover;}
	.historyPage .hisCon .yearDiv .yList.y4 .mHisImg {background:url('/001/img/his-photo4.jpg') no-repeat center top; background-size:cover;}
	.historyPage .hisCon .yearDiv .lineDiv {margin-left:0}
	.historyPage .hisCon .yearDiv .yList {/* position:relative; */ margin-top:15px;}
	.historyPage .hisCon .yearDiv .yList.y1 {margin-top:0}
	.historyPage .hisCon .yearDiv .yList .imgParent {position:relative; height:600px;}
	.historyPage .hisCon .yearDiv .yList .imgParent .mHisImg {position:static; top:67px; left:0; width:calc(100% - 30px); height:600px; margin:0 auto; z-index:10;/*  transition:all 1s ease; */}
	.historyPage .hisCon .yearDiv .yList .txtDiv {margin-top:80px; padding-left:33px; padding-right:0;}
}

@media all and (max-width:726px){
	.historyPage .hisCon .yearDiv .oneYear {display:flow-root; flex-direction:row; margin-top:45px;}
	.historyPage .hisCon .yearDiv .oneYear .txt{padding-left: 0;}
}

@media all and (max-width:480px){
	.historyPage .hisTab .tab-swipe .swiper-wrapper a {padding:0 12px; font-size:12px;}
	.historyPage .hisCon .yearDiv .yList .imgParent .mHisImg {height: 400px;}
	.historyPage .hisCon .yearDiv .yList .txtDiv {margin-top: -130px;}
}

/*sub03*/
.organ_img{max-width: 100%;}

/*sub04*/
/* #daumRoughmapContainer1590454455893 {max-width: 695px; width: 100% !important;}
#daumRoughmapContainer1591232379719 {max-width: 695px; width: 100% !important;}
.inner {width: 1300px; margin: 0 auto;}
.inner2  {width: 1300px;margin: 0 auto;}
.locBox{background-color: #f7f8f9;padding: 80px 100px;margin-bottom: 350px;}
.locBox .inner2 {position: relative;}
.locBox .locTit{font-size: 30px;line-height: 32px;margin-bottom: 27px; font-weight: 700;}
.locBox .locInfo ul li {font-weight: 300; line-height: 1.6;}
.locBox .locInfo ul li.fwB {font-weight: 500; line-height: 1.6; margin-bottom: 10px;}
.mapBox{top:10px; height:470px; position:absolute !important; left:405px; right: 0;} */

/*sub04 수정*/
.company-map-wrap {display:flex;}
.company-map-inner {width:50%;padding:62px 42px;display: flex;flex-direction: column;align-items: center;}
.office1 {background:#f7f8f9;}
.office2 {background:#eef0f0;}
.company-map-inner h2 {font-size: 30px;font-weight: 500;color:#444;position:relative;}
.company-map-inner h2:after {
	content:'';display:block;position:absolute;width:12px;height:5px;border-radius:5px;
	background:#1c79fb;bottom:-18px;left: calc(50% - 6px);
}
.map-wrap {position:relative;/*margin:46px 0 20px;*/width:50%;}
.map-txt {text-align:center;}
.map-txt h3 {font-weight: 500;line-height: 1.6;margin-bottom: 10px;position:relative;padding-left: 13px;}
.map-txt h3:before {
	content:'';display: inline-block;width: 7px;height: 8px;background: url(/001/img/m-point.png);margin-right: 7px;
	position: absolute;left: 0;top: 8px;
}
.map-txt h4 {font-weight: 300;line-height: 1.6;}
.map-txt h4 .tit {color:#000;font-weight:500;margin-right:10px;}

.company-map-wrap2 .company-map-inner {width:100%;background:#e3e9ef;margin:20px 0;}
.company-map-wrap2 .company-map-inner:first-child {background:#eff2f5}
.ci-logo-detail-wrapper .ci-logo-box + a {float:left;}
.company-map-wrap2 .map-wrap {display:flex;justify-content:space-around;}

/* 오시는길 new */
/* CONTACT US */
.mapWrap {position:relative;/* padding:55px; */overflow:hidden;}
.mapWrap iframe {position:absolute;top:0;left: 0;width: 50%;height:100%;}
.mapWrap .txtBox {position:relative;z-index:1;float:right;width: 50%;}
.mapWrap .txtBox .inner > div {position:relative;opac ity:0;}
.mapWrap .txtBox .inner {padding: 50px 0 50px 50px;background: #f7f7f7;}
.mapWrap .txtBox .inner .title {font-size: 25px;color: #333333;font-weight:700;/* border-bottom:1px solid #54b948; */margin-bottom:20px;}
.mapWrap .txtBox .inner ul {padding-bottom:55px;}
.mapWrap .txtBox .inner ul li {margin-top:10px;}
.mapWrap .txtBox .inner ul li dl dt {float:left;width:70px;font-size:17px;color:#4c4c4c;font-weight:500;}
.mapWrap .txtBox .inner ul li dl dd {padding-left:70px;font-size:17px;color:#666;line-height: 1.6;}
.mapWrap .txtBox .inner a {display:block;border:1px solid #4c4c4c;text-align:center;line-height:48px;font-size:16px;color:#4c4c4c;font-weight:500;width: 50%;}
.mapWrap .txtBox .inner a:hover {background: #4c4c4c; color: #fff;}
.contactus .conBox02 {padding:0 70px;background:#f8f8f8;margin-top:70px;}
.contactus .conBox02 > ul > li {padding:90px 0;}
.contactus .conBox02 > ul > li:first-child {border-bottom:1px dashed #d9d9d9;}
.contactus .conBox02 > ul > li .icon {float:left;width:140px;}
.contactus .conBox02 > ul > li .txtBox {padding-left:140px;}
.contactus .conBox02 > ul > li .txtBox .inner {padding-left:30px;height:140px;}
.contactus .conBox02 > ul > li .txtBox .inner .title {font-size:25px;color:#333;font-weight:700;}
.contactus .conBox02 > ul > li .txtBox .inner dl dt {font-size:20px;color:#333;font-weight:500;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd {font-size:18px;color:#666;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul {}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li {display:inline-block;margin-top:10px;margin-right:40px;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:before {color:#fff;border-radius:3px;padding:1px 5px;margin-right:5px;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(1):before {content:"마을";background:#4ea031;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(2):before {content:"지선";background:#50a232;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(3):before {content:"간선";background:#395cb3;}
.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li:nth-child(4):before {content:"광역";background:#c91017;}

@media screen and (max-width:768px) {
/* contactus */
	.mapWrap {padding:0;}
	.mapWrap iframe {position:static;width:100%;height:400px;}
	.mapWrap .txtBox {float:none;margin-top:30px; width: 100%;}
	.mapWrap .txtBox .inner {padding:0;}
	.mapWrap .txtBox .inner a{width: 100%;}
	.contactus .conBox02 {padding:0 20px;margin-top:50px;}
	.contactus .conBox02 > ul > li {padding:50px 0;}
	.contactus .conBox02 > ul > li .txtBox .inner .title {font-size:20px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dt {font-size:20px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dd {font-size:15px;}
	.contactus .conBox02 > ul > li .txtBox .inner dl dd ul li {float:left;width:50%;margin-right:0;}
}

/*sub05*/
/* -------- 회사소개 :: CI -------- */
#ciContent .small-tit{margin-bottom:60px}
.ci-logo-detail-wrapper{margin-bottom:75px; padding-bottom:80px; border-bottom:1px solid #eee;}
.ci-logo-detail-box{margin-top:95px}
.ci-logo-detail-box:first-child{margin-top:0}
.ci-logo-detail-box .ci-logo-box{padding:70px 0;margin-bottom:15px;border:1px solid #ddd;border-top:1px solid #222;text-align:center;background:#fff url(/004/img/ci_bg.jpg) repeat;}
.ci-detail-tit{font-size:20px; letter-spacing:-0.5px; color:#222; font-weight:400}
.ci-detail-tit .icon{position:relative; top:2px;}
.ci-detail-txt{font-size:16px; color:#444; line-height:1.6}
.ci-detail-txt b{color:#2673dd; font-weight:400;}
/* 로고 :: 설명 */
.ci-logo-detail-box .ci-detail-txt-info{overflow:hidden; line-height:2; letter-spacing:-0.3px;}
.ci-logo-detail-box .ci-detail-txt-info dt{float:left; width:240px; line-height:1.3;}
.ci-logo-detail-box .ci-detail-txt-info dd{float:left; width:calc(100% - 240px)}
.ci-logo-detail-box .ci-2row-detail-list{margin:0 -1% 18px;}
.ci-logo-detail-box .ci-2row-detail-list li{float:left; width:48%; margin:0 1%;}
.ci-logo-detail-box .ci-2row-detail-list .ci-logo-box{padding:40px 0}
.ci-logo-detail-wrapper a {
	display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #2673dd;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.ci-logo-detail-wrapper .logo-down-btn {
	display: inline-block;
    /* width: 130px; */
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 0 12px;
    border-radius: 5px;
    /* vertical-align: middle; */
    /* margin-top: 3px; */
    margin-left: 10px;
    color: #2673dd;
    border: 1px solid #2673dd;
}
.ci-detail-txt a {margin-top: 20px;}
/* 로고 :: 색상 */
.ci-color-detail-container{margin:0 -3%}
.ci-color-detail-container .ci-color-box{float:left; width:35%; margin:0 3%;}
.ci-color-detail-container .sub-color-box{float:right; width:52%}
.ci-color-detail-container .ci-color-box .ci-detail-tit{margin-bottom:18px}
.ci-color-detail-list{margin:0 -1% 30px}
.ci-color-detail-list li{float:left; width:48%; margin:0 1%;}
.ci-color-detail-list.color3 li{width:31.33%}
.ci-color-detail-list li .ci-color-bg{width:100%; height:40px;}
.ci-color-detail-list li .ci-color-name{position:relative; margin-top:11px}
.ci-color-detail-list li .ci-color-code{display:block; font-weight:700; font-size:16px; letter-spacing:-0.5px; color:#231f20; text-transform:uppercase; padding-bottom:10px}
.ci-color-detail-list li .ci-color-code-detail span{display:inline-block; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#666; line-height:1.375em; padding-right:11px}
.ci-color-detail-list li .ci-color-code-detail span b{font-weight:500}
/* 로고 :: 슬로건 */
.ci-logo-detail-box .slogan-txt-box{margin-top:22px}
.ci-logo-detail-box .slogn-detail-txt-info dl{overflow:hidden;; letter-spacing:-0.3px; margin-top:18px}
.ci-logo-detail-box .slogn-detail-txt-info dt{float:left; width:280px; color:#222; font-size:24px; font-weight:700;}
.ci-logo-detail-box .slogn-detail-txt-info dd{float:left; width:calc(100% - 280px);}

/*미디어쿼리 작업예정*/
@media all and (max-width:1400px) {
	.root_daum_roughmap_landing {width:100% !important}
	.company-map-wrap2 #map {width:calc(100% - 592px) !important}

}
@media all and (max-width: 1279px) and (min-width: 768px) {
	/*sub01*/
	*{word-break:keep-all;}
	.tmbr{display:block;}
	.section_top{
		padding:80px 0 90px;
		background-size:100% auto;
		text-align:center;
	}
	.section_top h4{font-size:32px;color:#222;font-weight:800;}
	.section_top h4:after{
		display:block;content:"";
		width:50px;height:1px;
		background:#ccc;
		margin:30px auto;
	}
	.section_top p{font-size:28px;color:#666;line-height:150%;}
	.section{padding:0;}
	.section .area1{position:relative;padding-bottom:50px;}
	.section .area1 .pht{position:relative;width: 100%;height: 300px;overflow: hidden;/*margin-top: -50px;*/z-index: 10;}
	.section .area1 .pht img{position:absolute; left:50%; transform:translateX(-50%); height: 300px;}
	.section .area1 .txtarea{
		position:relative;
		z-index:10;
		max-width: 1400px;
		width:92%;
		margin: 0 auto;
	}
	.section .area1 .txtarea h5{padding: 90px 0 0 50px;margin-left: 0px;box-sizing: border-box;font-size: 42px;color:#222;font-weight:600;line-height: 134%;background: url(/004/img/bg_dd1.png) no-repeat top left;}
	.section .area1 .txtarea h5:after{
		display:block;
		content:"";
		width:3px;
		height:100px;
		/* background: #82c6e4; */
		margin: 45px 0 0;
		position:relative;
		left:-25px;
		z-index: 20;
	}
	.section .txtarea h6{margin-bottom:30px;font-size: 25px;color:#222;font-weight:600;line-height:150%;}
	.section .txtarea p{margin-bottom:30px;font-size:16px;color:#222;line-height:190%}
	.section .txtarea p:last-child{margin-bottom:0 !important;}
	.section .txtarea .sign{font-size:18px;color:#222;line-height:190%}
	.section .txtarea .sign .name{font-size: 22px;font-weight:600;}
	.section .area1 .txtarea .box {margin: 50px auto;width: 92%;}
	.section .area1:after{
		display:block;
		content:"";
		width:100%;
		height: 90%;
		/* background:#f5f5f5; */
		position:absolute;
		left:0;
		bottom:0;
	}
	.section .tabcon:nth-child(2) .area1:after{height: 78%;}
	.section .tabcon:nth-child(2) .area1 p{margin-bottom:30px;}

	.section .area2{position:relative;margin-top:-60px;}
	.section .area2:after{
		display:block;
		content:"";
		width:100%;
		height: 42%;
		background:#f5f5f5;
		position:absolute;
		left:0;
		top:0;
	}
	.section .area2 .innerwrap{max-width:1280px;padding-bottom: 140px;}
	.section .area2 .pht{position:relative;z-index:10;float:right;padding-top:100px;}
	.section .area2 .txtarea{
		position:relative;z-index:10;
		float:left;box-sizing:border-box;
		padding:0 80px 0 0;
	}
	.section .area2 .txtarea p{margin-bottom:140px;}
	.section .txtarea p.last{margin-bottom:60px}

	/*경영이념*/
	.section1{margin:80px 0 150px;}
	.section1 .innerwrap{
		width:100%;
		padding: 100px 0;
		background:url(/004/img/section1_bg.jpg) no-repeat center;
		background-size:cover;
		text-align:center;
		font-size:0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.section1 .innerwrap>div{
		display: block;
		width: 45%;
		margin: 0 10px;
		vertical-align:top;
		position:relative;
		box-sizing:border-box;
		border:1px solid rgba(255,255,255,0.5);
		text-align:center;
		padding: 60px 0;
	}
	.section1 .innerwrap>div h4{font-family:'Montserrat';font-size: 26px;color:#fff;font-weight:600;}
	.section1 .innerwrap>div h4:after{
		display:block;content:"";
		width:20px;height:3px;
		background:#fff;
		margin:25px auto;
	}
	.section1 .innerwrap>div h5{margin-bottom:20px;font-size: 36px;color:#fff;line-height:130%;}
	.section1 .innerwrap>div p{font-family:'Montserrat';font-size:17px;color:#fff;line-height:170%;}

	.section2{position:relative;/*padding-bottom:150px;*/}
	.section2 .innerwrap2{width:100%;}
	.section2 .mission{position:relative; padding-top:70px;}
	.section2 .vision{position:relative;z-index:10;padding-top: 150px;}
	.section2 .vision:before{
		display:block;
		content:"";
		width:100%;
		height: 73%;
		background:#f5f5f5;
		position:absolute;
		right:0;
		top:0;
		z-index: -1;
	}
	.section2 .value:after{
		display:block;
		content:"";
		width:100%;
		height: 100%;
		background:#f5f5f5;
		position:absolute;
		left:0;
		top: 0px;
		z-index:-1;
	}
	.section2 h4{font-family:'Montserrat';font-size:26px;color:#26256f;font-weight:600;}
	.section2 h5{margin: 10px 0 35px;font-size: 50px;color:#222;font-weight:800;}
	.section2 h6{margin:80px 0 15px;font-size:20px;color:#222;font-weight:600;}
	.section2 p{font-size:18px;color:#444;line-height:170%;}
	.section2 .mission .imgarea{
		display:none;
	}
	.section2 .vision .imgarea{
		display:none;
	}
	.section2 .box{
		width:92%;margin:0 auto;
	}
	.section2 .value{
		position:relative;
		width: 100%;
		z-index:10;
		box-sizing:border-box;
		/* padding: 220px 0% 0; */
		margin: 5s0px 0 0px;
	}
	.section2 .value:before{display:block;content:"";clear:both;position: absolute;top: 0;background: url(/004/img/section2_img1.jpg) no-repeat top 55% center;background-size: 100% auto;width: 100%;height: 350px;overflow: hidden;z-index: 0;}
	.section2 .value>div{
		position: relative;
		/* width: 92%; */
		max-width: 900px;
		margin: 0 auto;
		box-sizing:border-box;
		/*padding:60px 0;*/
		background:#fff;
		z-index: 20;
	}
	/* .section2 .value>div+div{margin-top: 20px;} */
	.section2 .value>div:last-child{}
	.section2 .value>div h6{padding:35px 0;margin-bottom: 10px;font-size: 24px;color:#222;text-align:center;margin-top: 0;}
	.section2 .value>div:nth-child(1) h6{background:url(/004/img/num01.jpg) no-repeat center;}
	.section2 .value>div:nth-child(2) h6{background:url(/004/img/num02.jpg) no-repeat center;}
	.section2 .value>div:nth-child(3) h6{background:url(/004/img/num03.jpg) no-repeat center;}
	.section2 .value>div ul{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		height: 115px;
		padding: 0 9%;
	}
	.section2 .value>div ul li{
		position:relative;
		box-sizing:border-box;
		width:100%;
		text-align:left;
		font-size:18px;
		color:#444;
		line-height:160%;
		word-break:keep-all;
		padding-left:15px;
	}
	.section2 .value>div ul li:before{
		display:block;content:"";
		width:7px;height:2px;
		background:#444;
		position:absolute;left:0;top:11px;
	}
	.section2 .vision .con{width: 92%;margin: 0 auto;}


	.section3{background:#f5f5f5;padding:140px 0 150px;}
	.section3 h4{font-family:'Montserrat';font-size:23px;color:#82c6e4;font-weight:600;}
	.section3 h5{margin:10px 0 30px;font-size:45px;color:#222;font-weight:800;}
	.section3 h6{margin:80px 0 15px;font-size:20px;color:#222;font-weight:600;}
	.section3 .cb{overflow:hidden;margin-top:60px;}
	.section3 .cb .imgarea img{
		margin: 0 auto;
		display: block;
	}
	.section3 .cb .txtarea{
		box-sizing:border-box;
		width: 100%;
		padding: 100px 0px 0;
	}
	.section3 .cb .txtarea dl{position:relative;margin-bottom:50px;padding-left:15px;}
	.section3 .cb .txtarea dl:before{display:block;content:"";width:5px;height:26px;position:absolute;left:0;top:3px;}
	.section3 .cb .txtarea dl:last-child{margin-bottom:0;}
	.section3 .cb .txtarea dl dt{font-size: 30px;color:#222;font-weight: 800;margin-bottom:10px;}
	.section3 .cb .txtarea dl dt span{font-size:18px;font-weight: 800;}
	.section3 .cb .txtarea dl dd{font-size:18px;color:#444;}
	.section3 .cb .txtarea dl:nth-child(1):before{background:#548ca4;}
	.section3 .cb .txtarea dl:nth-child(2):before{background:#97cce4;}
	.section3 .cb .txtarea dl:nth-child(3):before{background:#ced2d4;}

	/*sub02*/
	.innerwrap{width:92%;margin:0 auto;}
	.innerwrap:after{display:block;content:"";clear:both;}
	.innerwrap2{width: 92%;margin:0 auto;}
	.innerwrap2:after{display:block;content:"";clear:both;}
	.section_top{
		padding:80px 0 90px;

		background-size:100% auto;
		text-align:center;
	}
	.section_top h4{font-size:32px;color:#222;font-weight:800;}
	.section_top h4:after{
		display:block;content:"";
		width:50px;height:1px;
		background:#ccc;
		margin:30px auto;
	}
	.section_top p{font-size:28px;color:#666;line-height:150%;}

	.tab_box{
		margin-bottom:50px;box-shadow:0 1px 0 #ddd inset,0 -1px 0 #ddd inset;background:#f5f5f5;
		width:100%;left:0;top:95px;z-index:100;
	}
	.tab_box ul{font-size:0;text-align:center;}
	.tab_box ul li{
		display:inline-block;
		width:230px;
		margin-left:-1px;
	}
	.tab_box ul li a{
		display:block;position:relative;
		font-size:20px;line-height:70px;color:rgba(34,34,34,0.5);
	}
	.tab_box ul li.on{border-left:1px solid #4fadd7;border-right:1px solid #4fadd7;background:#4fadd7}
	.tab_box ul li.on a{color:#fff;}

	.section{position:relative;}
	.section:before{
		display:block;
		content:"";
		width:11px;
		height:1px;
		background:#ddd;
		position:absolute;
		left: 4%;
		top:0;
		transform:translateX(-50%);
		margin-left: 0.5px;
	}
	.section:after{
		display:block;
		content:"";
		width:1px;
		height:100%;
		background:#ddd;
		position:absolute;
		left: 4%;
		top:0;
		margin-left: -0.5px;
	}
	.history{position:relative;}
	.history>div{
		position:relative;
		box-sizing:border-box;
		margin-bottom: -162px;
	}
	.history>div:first-child{top:0;padding-top:0px;}
	.history>div:nth-child(5){margin-bottom:0;}
	.history>div:nth-child(odd){margin-left: 0 !important;}
	.history>div:nth-child(even){}
	.history>div:nth-child(even) .img{margin-left: 0; left: 12% !important;}
	.history>div .titlearea{position:relative;z-index:10;}
	.history>div .titlearea:before{display:block;content:"";width:1000%;height:1px;bottom:0;background:#ddd;position:absolute;}
	.history>div .titlearea{padding: 26px 0 30px 40px;}
	.history>div .titlearea:before{left:0;}
	.history>div:nth-child(even) .titlearea{padding: 26px 0 30px 40px;}
	.history>div:nth-child(even) .titlearea:before{}
	.history>div .titlearea:after{display:block;content:"";width:5px;height:5px;background:#82c6e4;position:absolute;bottom:-2px;z-index:10;}
	.history>div .titlearea:after{right:0;margin-right:-3px;}
	.history>div:nth-child(even) .titlearea:after{left: 0;}
	.history>div .titlearea h4{font-size: 46px;color:#222;margin-bottom:5px;text-align: left;}
	.history>div .titlearea p{font-size:28px;color:#959595;padding-top: 10px;line-height: 1.4;}
	.history>div .conarea{position:relative;padding:0 0 220px 0;}
	.history>div:first-child .conarea{padding-bottom: 280px;}
	.history>div:nth-child(2) .conarea{padding-bottom:280px;}
	.history>div:nth-child(3) .conarea{padding-bottom:300px;}
	.history>div .conarea{padding-left:40px;}
	.history>div:nth-child(even) .conarea:after{
		display:block;
		content:"";
		width:1000%;
		height: 100%;
		background:#f5f5f5;
		position:absolute;
		left:0%;
		top:0;
		z-index: -1;
	}
	.history>div:nth-child(even) .conarea{}
	.history>div .conarea ul{padding:350px 0 0;position:relative;z-index:10;width: 600px;}
	.history>div .conarea ul li{overflow:hidden;margin-bottom:15px;}
	.history>div .conarea ul li:last-child{margin-bottom:0;}
	.history>div .conarea ul li .year{font-size:18px;line-height: 1.6;color:#222;font-weight: 800;}
	.history>div .conarea ul li .con{float:left !important;font-size:16px;color:#444;line-height: 1.6;}
	.history>div .conarea ul li .year{float:left !important; margin-left: 0px !important; margin-right:20px;}
	.history>div .conarea ul li .con{float:left; text-align: left;}
	.history>div .conarea .bg_year{display:none;}
	.history>div .img{padding-top:30px; z-index: 100;}
	.history>div:first-child .img{top:0; left: 12%;}
	}
@media screen and (max-width: 1580px){
	.inner {width: 100%;/*padding: 0 30px 0;*/box-sizing:border-box;}
	/* .mapBox{right: 30px;} */
}

@media screen and (max-width: 1310px){
	.inner2 {width: 100%;padding: 0 30px;box-sizing:border-box}
}
@media all and (max-width:1200px) {
	.company-map-wrap2 .map-wrap > img {display:none;}
	.company-map-wrap2 #map {width:100% !important}
}
@media all and (max-width:1100px) {
/*sub04*/
#daumRoughmapContainer1590454455893 {max-width: 865px !important; width: 100% !important;}
#daumRoughmapContainer1591232379719 {max-width: 865px !important; width: 100% !important;}
/* .mapBox{left: 30px;height: 300px;position: relative !important;left: 0;margin-top: 30px;} */
.locBox{background-color: transparent;position: relative;padding: 60px 0;margin-bottom: 0;}
.locBox:before{content:'';position: absolute;width:100%; max-width:980px; height: 55%;top: 0;left: 0;background-color: #f7f8f9;}
}

/*sub05*/
/* -------- 회사소개 :: CI -------- */
@media all and ( max-width:1024px ){
	.ci-logo-detail-box .ci-logo-box img{max-width:100%}
	/* 로고 :: 설명 */
	.ci-logo-detail-box .ci-detail-txt-info dt,
	.ci-logo-detail-box .ci-detail-txt-info dd{float:none; width:auto}
	.ci-logo-detail-box .ci-detail-txt-info dt{margin-bottom:10px}
	/* 로고 :: 슬로건 */
	.ci-logo-detail-box .slogn-detail-txt-info dt,
	.ci-logo-detail-box .slogn-detail-txt-info dd{float:none; width:auto}
	.ci-logo-detail-box .slogn-detail-txt-info dt{margin-bottom:10px}

	/*오시는 길*/
	.company-map-wrap {flex-direction: column;align-items: center;}
	.company-map-inner {width:100%;}


	/*경영이념*/
	.section2 h5 {font-size:40px}
}
@media all and ( max-width:800px ){
	.ci-logo-detail-wrapper{margin-bottom:35px; padding-bottom:40px;}
	.ci-logo-detail-box{margin-top:45px}
	.ci-logo-detail-box .ci-logo-box{padding:40px 20px;}
	.ci-detail-tit{font-size:15px}
	.ci-detail-txt{font-size:13px}
	/* 로고 :: 설명 */
	.ci-logo-detail-box .ci-2row-detail-list{margin:0px;}
	.ci-logo-detail-box .ci-2row-detail-list li{float:none; width:auto; margin:0  0 1% 0;}
	/* 로고 :: 색상 */
	.ci-color-detail-container{margin:0}
	.ci-color-detail-container .ci-color-box,
	.ci-color-detail-container .sub-color-box{float:none; width:auto; margin:0 0 3% 0;}
	.ci-color-detail-list li{width:31.33%}
	.ci-color-detail-list li .ci-color-bg{height:25px}
	.ci-color-detail-list li .ci-color-code,
	.ci-color-detail-list li .ci-color-code-detail span{font-size:13px}
	/* 로고 :: 슬로건 */
	.ci-logo-detail-box .slogn-detail-txt-info dt{font-size:17px}
}

@media all and (max-width:767px) {
/*sub01*/
*{word-break:keep-all;}
.pt_view{display:none;}
.m_view{display:block;}
.section_top{
	padding:0px 0 40px;
	background-size:100% auto;
	text-align:center;
}
.section_top h4{font-size:28px;color:#222;font-weight:800; line-height:1.4;}
.section_top h4:after{
	display:block;content:"";
	width:35px;height:1px;
	background:#ccc;
	margin:15px auto 20px;
}
.section_top p{font-size:17px;color:#666; line-height:1.6;}
.section{padding:0;}
.section .area1{position:relative;padding-bottom: 70px;}
.section .area1 .pht{width: 100%;height: 150px;overflow: hidden;/*margin-top: -38px;*/z-index:10;}
.section .area1 .pht img{width: 100%;}
.section .area1 .txtarea{
	position:relative;
	z-index:10;
	max-width: 1400px;
	width:92%;
	margin: 0 auto;
}
.section .area1 .txtarea h5{padding: 47px 0 0 10px; margin-left: 0px;box-sizing: border-box;font-size: 28px;color:#222;font-weight:600;line-height: 1.4;background: url(/004/img/bg_dd1.png) no-repeat top left;background-size: 95px auto;}
.section .area1 .txtarea h5:after{
	display:block;
	content:"";
	width:2px;
	height: 68px;
	/* background: #82c6e4; */
	margin: 25px 0 0;
	position:relative;
	left: 0;
}
.section .txtarea h6{margin-bottom: 20px;font-size: 18px;color:#222;font-weight:600;line-height:150%;}
.section .txtarea p{margin-bottom: 35px;font-size: 14px;color:#222;line-height: 1.8;font-family: 'Noto Sans KR',sans-serif;}
.section .txtarea p:last-child{margin-bottom:0 !important;}
.section .txtarea .sign{font-size: 14px;color:#222;line-height: 1.8;font-family: 'Noto Sans KR',sans-serif;}
.section .txtarea .sign .name{font-size: 18px;font-weight: 500;}
.section .area1 .txtarea .box{margin: 35px auto 0;width: 100%;}
.section .area1:after{
	display:block;
	content:"";
	width:100%;
	height: 95%;
	/* background:#f5f5f5; */
	position:absolute;
	left:0;
	bottom:0;
}
.section .tabcon:nth-child(2) .area1:after{height: 84%;}
.section .tabcon:nth-child(2) .area1 p{margin-bottom:30px;}

.section .area2{position:relative;margin-top:-60px;}
.section .area2:after{
	display:block;
	content:"";
	width:100%;
	height: 42%;
	background:#f5f5f5;
	position:absolute;
	left:0;
	top:0;
}
.section .area2 .innerwrap{max-width:1280px;padding-bottom: 140px;}
.section .area2 .pht{position:relative;z-index:10;float:right;padding-top:100px;}
.section .area2 .txtarea{
	position:relative;z-index:10;
	float:left;box-sizing:border-box;
	padding:0 80px 0 0;
}
.section .area2 .txtarea p{margin-bottom:140px;}
.section .txtarea p.last{margin-bottom:60px}

/*경영방침*/
.section1{margin: 0px 0 70px;}
.section1 .innerwrap{
	width: 100%;
	padding: 60px 5%;
	background:url(/004/img/section1_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
	font-size:0;
}
.section1 .innerwrap>div{
	display: block;
	width: 100%;
	margin: 0 auto;
	vertical-align:top;
	position:relative;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.5);
	text-align:center;
	padding: 30px 30px;
}
.section1 .innerwrap .vision{margin-top:25px;}
.section1 .innerwrap>div h4{font-family:'Montserrat';font-size: 20px;color:#fff;font-weight:600;}
.section1 .innerwrap>div h4:after{
	display:block;
	content:"";
	width: 18px;
	height: 2px;
	background:#fff;
	margin: 15px auto;
}
.section1 .innerwrap>div h5{margin-bottom: 10px;font-size: 25px;color:#fff;line-height: 1.4;}
.section1 .innerwrap>div p{font-family:'Montserrat';font-size: 13px;color:#fff;line-height:150%;font-weight: 500;}

.section2{position:relative;padding-bottom: 0;}
.section2 .innerwrap2{width:100%;}
.section2 .mission{position:relative;padding-top:50px;}
.section2 .vision{position:relative;z-index:10;padding-top: 70px;}
.section2 .vision:before{
	display:block;
	content:"";
	width:100%;
	height: 66%;
	background:#f5f5f5;
	position:absolute;
	right:0;
	top:0;
	z-index: -1;
}
.section2 .value:after{
	display:block;
	content:"";
	width:100%;
	height: 100%;
	/* background:#f5f5f5; */
	position:absolute;
	left:0;
	top: 0px;
	z-index:-1;
}
.section2 h4{font-family:'Montserrat';font-size: 16px;color:#26256f;font-weight:600;}
.section2 h5{margin: 10px 0;font-size: 31px;color:#222;font-weight:800;}
.section2 h6{margin: 55px 0 15px;font-size:20px;color:#222;font-weight:600;}
.section2 p{font-size: 14px;color:#444;line-height: 1.8;font-family: 'Noto Sans KR';}
.section2 .mission .imgarea{
	display:none;
}
.section2 .vision .imgarea{
	display:none;
}
.section2 .box{
	width:92%;margin:0 auto;
}
.section2 .value{
	position:relative;
	width: 100%;
	z-index:10;
	box-sizing:border-box;
	padding: 0;
	margin: 20px 0 0px;
	display: grid;
}
.section2 .value:before{display:block;content:"";clear:both;position: absolute;top: 0;background: url(/004/img/section2_img1.jpg) no-repeat top -77px center;background-size: 150% auto;width: 100%;height: 330px;overflow: hidden;z-index: 0;}
.section2 .value>div{
	position: relative;
	width: 92%;
	max-width: 900px;
	margin: 0 auto;
	box-sizing:border-box;
	padding: 30px 0;
	background:#fff;
	z-index: 20;
}
.section2 .value>div+div{margin-top: 20px;}
.section2 .value>div:last-child{margin-left: 12px;}
.section2 .value>div h6{padding: 20px 0;margin-bottom: 10px;font-size: 18px;color:#222;text-align:center;margin-top: 0;}
.section2 .value>div:nth-child(1) h6{background:url(/004/img/num01.jpg) no-repeat center;background-size: auto 60px;}
.section2 .value>div:nth-child(2) h6{background:url(/004/img/num02.jpg) no-repeat center;background-size: auto 60px;}
.section2 .value>div:nth-child(3) h6{background:url(/004/img/num03.jpg) no-repeat center;background-size: auto 60px;}
.section2 .value>div ul{
	padding: 0 8%;
}
.section2 .value>div ul li{
	position:relative;
	box-sizing:border-box;
	width:100% !important;
	text-align:left;
	font-size: 14px;
	color:#444;
	line-height:160%;
	word-break:keep-all;
	padding-left: 12px;
	font-family: 'Noto Sans KR';
	margin: 5px 0;
}
.section2 .value>div ul li:before{
	display:block;
	content:"";
	width: 5px;
	height: 1px;
	background:#444;
	position:absolute;
	left:0;
	top: 10px;
}
.section2 .vision .con{width: 92%;margin: 0 auto;}


.section3{background:#f5f5f5;padding: 70px 0 70px;}
.section3 h4{font-family:'Montserrat';font-size: 16px;color:#82c6e4;font-weight:600;}
.section3 h5{margin:10px 0 30px;font-size: 31px;color:#222;line-height: 1.4;font-weight:800;}
.section3 h6{margin:80px 0 15px;font-size:20px;color:#222;font-weight:600;}
.section3 .cb{overflow:hidden;margin-top: 55px;}
.section3 .cb .imgarea img{
    margin: 0 auto;
    display: block;
    width: 90%;
}
.section3 .cb .txtarea{
	box-sizing:border-box;
	width: 100%;
	margin-top: 50px;
}
.section3 .cb .txtarea dl{position:relative;margin-bottom: 20px;padding-left: 14px;}
.section3 .cb .txtarea dl:before{display:block;content:"";width: 3px;height: 17px;position:absolute;left:0;top: 2px;}
.section3 .cb .txtarea dl:last-child{margin-bottom:0;}
.section3 .cb .txtarea dl dt{font-size: 20px;color:#222;font-weight: 800;margin-bottom:10px;}
.section3 .cb .txtarea dl dt span{font-size: 13px;font-weight: 800;font-family: 'Montserrat';}
.section3 .cb .txtarea dl dd{font-size: 14px;width: 90%;color:#444;font-family: 'Noto Sans KR',sans-serif;}
.section3 .cb .txtarea dl:nth-child(1):before{background:#548ca4;}
.section3 .cb .txtarea dl:nth-child(2):before{background:#97cce4;}
.section3 .cb .txtarea dl:nth-child(3):before{background:#ced2d4;}

/*sub04*/
.inner2{/*padding: 0 38px;*/}
.locBox{padding: 30px 0;}
/* .locBox:before{max-width:370px;} */
.locBox .locTit{font-size: 18px;line-height: 20px;margin-bottom: 10px;}
.mapBox{margin-top: 20px;height: 200px;}
}
@media all and (max-width:768px) {
	/*sub04*/
	.company-map-inner {padding:40px 30px;}
	.company-map-inner h2 {font-size:21px;}
	.company-map-wrap2 .company-map-inner {margin:0;}

}
@media all and (max-width:768px) {
	/*sub02*/
	.innerwrap{/*width:92%;*/margin:0 auto;}
	.innerwrap:after{display:block;content:"";clear:both;}
	.innerwrap2{width: 92%;margin:0 auto;}
	.innerwrap2:after{display:block;content:"";clear:both;}
	.section_top{
		padding:80px 0 90px;

		background-size:100% auto;
		text-align:center;
	}
	.section_top h4{font-size:32px;color:#222;font-weight:800;}
	.section_top h4:after{
		display:block;content:"";
		width:50px;height:1px;
		background:#ccc;
		margin:30px auto;
	}
	.section_top p{font-size:28px;color:#666;line-height:150%;}

	.tab_box{
		margin-bottom:50px;box-shadow:0 1px 0 #ddd inset,0 -1px 0 #ddd inset;background:#f5f5f5;
		width:100%;left:0;top:95px;z-index:100;
	}
	.tab_box ul{font-size:0;text-align:center;}
	.tab_box ul li{
		display:inline-block;
		width:230px;
		 margin-left:-1px;
	}
	.tab_box ul li a{
		display:block;position:relative;
		font-size:20px;line-height:70px;color:rgba(34,34,34,0.5);
	}
	.tab_box ul li.on{border-left:1px solid #4fadd7;border-right:1px solid #4fadd7;background:#4fadd7}
	.tab_box ul li.on a{color:#fff;}

	.section{position:relative;}
	.section:before{
		display:block;
		content:"";
		width:11px;
		height:1px;
		background:#ddd;
		position:absolute;
		left: 4%;
		top:0;
		transform:translateX(-50%);
		margin-left: 0.5px;
	}
	.section:after{
		display:block;
		content:"";
		width:1px;
		height:100%;
		background:#ddd;
		position:absolute;
		left: 4%;
		top:0;
		margin-left: -0.5px;
	}
	.history{position:relative;}
	.history>div{
		position:relative;
		box-sizing:border-box;
		margin-bottom: -162px;
	}
	.history>div:first-child{top:0;padding-top:0px;}
	.history>div:nth-child(5){margin-bottom:0;}
	.history>div:nth-child(odd){margin-left: 0 !important;}
	.history>div:nth-child(even){}
	.history>div:nth-child(even) .img{top: 0;left: 0%;}
	.history>div .titlearea{position:relative;z-index:10;}
	.history>div .titlearea:before{display:block;content:"";width:1000%;height:1px;bottom:0;background:#ddd;position:absolute;}
	.history>div .titlearea{padding: 26px 0 30px 40px;}
	.history>div .titlearea:before{left:0;}
	.history>div:nth-child(even) .titlearea{padding: 26px 0 30px 40px;}
	.history>div:nth-child(even) .titlearea:before{}
	.history>div .titlearea:after{display:block;content:"";width:5px;height:5px;background:#82c6e4;position:absolute;bottom:-2px;z-index:10;}
	.history>div .titlearea:after{right:0;margin-right:-3px;}
	.history>div:nth-child(even) .titlearea:after{left: 0;}
	.history>div .titlearea h4{font-size: 46px;color:#222;margin-bottom:5px;text-align: left;}
	.history>div .titlearea p{font-size:28px;color:#959595;padding-top: 10px;line-height: 1.4;}
	.history>div .conarea{position:relative;padding:0 0 220px 0;}
	.history>div:first-child .conarea{padding-bottom: 280px;}
	.history>div:nth-child(2) .conarea{padding-bottom:280px;}
	.history>div:nth-child(3) .conarea{padding-bottom:300px;}
	.history>div .conarea{padding-left:40px;}
	.history>div:nth-child(even) .conarea:after{
		display:block;
		content:"";
		width:1000%;
		height: 100%;
		background:#f5f5f5;
		position:absolute;
		left:0%;
		top:0;
		z-index: -1;
	}
	.history>div:nth-child(even) .conarea{}
	.history>div .conarea ul{padding:350px 0 0;position:relative;z-index:10;width: 600px;}
	.history>div .conarea ul li{overflow:hidden;margin-bottom:15px;}
	.history>div .conarea ul li:last-child{margin-bottom:0;}
	.history>div .conarea ul li .year{font-size:18px;line-height: 1.6;color:#222;font-weight: 800;}
	.history>div .conarea ul li .con{float:left !important;font-size:16px;color:#444;line-height: 1.6;}
	.history>div .conarea ul li .year{float:left !important; margin-left: 0px !important; margin-right:20px;}
	.history>div .conarea ul li .con{float:left;}
	.history>div .conarea .bg_year{display:none;}
	.history>div .img{padding-top:30px; z-index: 100;}
	.history>div:first-child .img{top:0; left: 12%;}

	/*오시는길*/
	.root_daum_roughmap .wrap_map {position: relative; height: 168px !important;}
	}

	/* @media all and (max-width:600px) {
		.history>div .conarea ul{padding:350px 0 0;position:relative;z-index:10;width: 500px;}
		.history>div:nth-child(even) .conarea ul li .con {float: right; text-align: left;}
	} */

@media all and (max-width:600px) {
	.history>div .conarea ul{padding:350px 0 0;position:relative;z-index:10;width: 400px;}
	.history>div:nth-child(even) .conarea ul li .con {float: right; text-align: left;}
}

@media all and (max-width:480px) {
	/*sub02*/
	.section_top{
		padding: 0px 0 50px;
		background-size:100% auto;
		text-align:center;
	}
	.section_top h4{font-size: 28px;color:#222;font-weight:800; line-height:1.4;}
	.section_top h4:after{
		display:block;
		content:"";
		width: 34px;
		height:1px;
		background:#ccc;
		margin: 20px auto;
	}
	.section_top p{font-size: 17px;color:#666;line-height: 1.6;word-break: keep-all;}

	.m14_tab_box{
		margin-bottom:30px;box-shadow:0 1px 0 #ddd inset,0 -1px 0 #ddd inset;background:#f5f5f5;
		width:100%;left:0;top:63px;z-index:100;
	}
	.section{position:relative;}
	.section:before{
		display:block;
		content:"";
		width:11px;
		height:1px;
		background:#ddd;
		position:absolute;
		left: 0 !important;
		top:0;
		transform:translateX(-50%);
		margin-left: 0.5px;
	}
	.section:after{
		display:block;
		content:"";
		width:1px;
		height:100%;
		background:#ddd;
		position:absolute;
		left: 0 !important;
		top:0;
		margin-left: -0.5px;
	}
	.history{position:relative;}
	.history>div{
		position:relative;
		box-sizing:border-box;
		margin-bottom: -142px;
	}
	.history>div:first-child{top:0;padding-top: 0;}
	.history>div:nth-child(5){margin-bottom:0;}
	.history>div .titlearea{position:relative;z-index:10;}
	.history>div .titlearea:before{display:block;content:"";width:1000%;height:1px;bottom:0;background:#ddd;position:absolute;}
	.history>div .titlearea{padding: 26px 0 30px 30px !important;}
	.history>div:nth-child(even) .titlearea:after{left:0 !important;}
	.history>div .titlearea:before{left:0;}
	.history>div .titlearea:after{display:block;content:"";width:5px;height:5px;background:#82c6e4;position:absolute;bottom:-2px;z-index:10;}
	.history>div .titlearea:after{right:100%;margin-right:-3px;}
	.history>div .titlearea h4{font-size: 29px;font-weight: 500;color:#222;}
	.history>div .titlearea p{font-size: 18px;color:#959595;margin-top: 10px;line-height: 1.4;}
	.history>div .conarea{position:relative;padding: 0 0 180px 0;}
	.history #y5 .conarea{padding-bottom:70px;}
	.history>div:first-child .conarea{padding-bottom: 180px;}
	.history>div:nth-child(2) .conarea{padding-bottom: 180px;}
	.history>div:nth-child(3) .conarea{padding-bottom: 180px;}
	.history>div .conarea{padding-left: 30px !important;}
	.history>div:nth-child(odd){margin-left: 0 !important;}
	.history>div:nth-child(even) .conarea:after{
		display:block;
		content:"";
		width:1000%;
		height: 100%;
		background:#f5f5f5;
		position:absolute;
		left:0%;
		top:0;
		z-index: -1;
	}
	.history>div .conarea ul{padding: 20px 0 0;position:relative;z-index:10; width: 300px;}
	.history>div .conarea ul li{overflow:hidden;margin-bottom: 10px;font-family: 'Noto Sans KR',sans-serif;}
	.history>div .conarea ul li:last-child{margin-bottom:0;}
	.history>div .conarea ul li .year{font-size: 14px;color:#222;font-weight: 500;}
	.history>div .conarea ul li .con{font-size: 14px;color:#444;}
	.history>div .conarea ul li .year{float:left !important; margin-right: 10px;width: 50px;}
	.history>div .conarea ul li .con{float:left;width: calc(100% - 20px); text-align: left;}
	.history>div .conarea .bg_year{display:none;}
	.history>div .img{padding-top: 25px;z-index: 10;}
	.history>div .img img{width: 90%; display: none;}
	.history>div:first-child .img{top:0;}

	/* CI */
	.ci-logo-detail-wrapper .logo-down-btn {
		display: flex;
	    /* width: 130px; */
	    height: 35px;
	    line-height: 35px;
	    color: #fff;
	    background: #fff;
	    font-size: 15px;
	    font-weight: 500;
	    text-align: center;
	    padding: 0 12px;
	    border-radius: 5px;
	    /* vertical-align: middle; */
	    margin-top: 10px;
			margin-bottom: 10px;
	    margin-left: 0px;
	    color: #2673dd;
	    border: 1px solid #2673dd;
	}

	/*오시는길*/
	.root_daum_roughmap .wrap_map {position: relative; height: 168px !important;}
	.map-wrap {margin:20px 0;}
	.company-map-inner {padding:40px 20px}
}

@media all and (max-width:320px) {
	/*sub02*/
	.history>div .conarea ul li .con{float:left;width: calc(100% - 50px); text-align: left;}
}