@charset "utf-8";


/* ********************************* PC over : 1025 ~  ********************************* */

/* ***** 회사소개 ***** */
/* 인사말 */
.ceo {}
.ceoWrap {display:flex;}
.ceoWrap>div {width:50%;}
.ceo-tit {position:relative;}
.ceo-tit .num {padding-bottom:60px; font-size:150px; font-weight:700; color:var(--blue); line-height:1; display:block;}
.ceo-tit div {padding-left:50px; border-left:10px solid var(--yellow);}
.ceo-tit img {position:absolute; left:-250px; top:30px; z-index:-1;}
.ceo-tit p {padding-bottom:15px; color:#999; line-height:1.2;}
.ceo-tit h4 {font-size:36px; font-weight:500; color:#000;line-height:1.4;}
.ceo-txt {}
.ceo-txt p {color:#333; line-height:2.2;}
.ceo-txt p.strong {font-size:24px;}
.ceo-txt p+p {padding:30px 0 0;}
.ceo-txt .sign {padding:55px 0 0; color:#000;}
.ceo-txt .sign span {padding-left:20px; font-size:30px;font-weight:700;}

/* 경영방침 */
.manage {}
.manage01 h4 {font-size:48px;  text-align:center;}
.manage01 h4 span {}
.manage01 ul {display:flex; margin:80px 0 140px;}
.manage01 ul li {width:450px; height:450px; mix-blend-mode:multiply; border-radius:50%; font-size:36px; color:#fff; font-weight:700; text-align:center; display:flex; justify-content:center; align-items:center; flex-direction:column; line-height:1.1;}
.manage01 ul li.li01 {transform:translateX(60px); background:#6da3f2;}
.manage01 ul li.li02 {background:#8fc862;}
.manage01 ul li.li03 {transform:translateX(-60px); background:#f6bb66;}
.manage01 ul li img {margin-bottom:30px; height:50px;}
.manage02 {}
.manage02 h4 {font-size:48px; padding-bottom:45px; text-align:center; color:#000; line-height:1.2;}
.manage02 .manageBox {gap:7vw; align-items:center; padding:70px 8vw 60px; display:flex; border-radius:20px; border:1px solid #dee0ec;}
.manage02 .manageBox .img {}
.manage02 .manageBox .img img {max-width:100%;}
.manage02 .manageBox .txt {}
.manage02 .manageBox .txt dl {color:#333;}
.manage02 .manageBox .txt dt {padding:0 0 10px; font-size:20px; font-weight:700;}
.manage02 .manageBox .txt dd {}
.manage02 .manageBox .txt dd+dt {margin-top:50px;}
.manage02 .manageBox .txt p {padding:80px 0 0; font-size:14px; font-weight:700; color:#000; line-height:1.3;}

/* 연혁 */
.history {}
.historyWrap {}
.historyWrap>div {width:50%; float:left;}
.history-tit {position:sticky; top:0;}
.history-tit h4 {padding:40px 0 90px; font-size:48px; letter-spacing:-1px; color:#000; line-height:1.2;}
.history-tit h4 b {font-size:70px; font-weight:700; display:block;}
.history-tit p {padding:0 0 40px; line-height:1;}
.history-tit p span {padding-right:50px; position:relative; display:inline-block;}
.history-tit p span:after {width:30px; height:1px; background:#000; right:0; top:7px; position:absolute; display:block; content:'';}
.history-tit .bar {height:30px; display:inline-block;}
.history-tit .bar.blue {width:90px; background:var(--blue);}
.history-tit .bar.green {width:200px; background:var(--green);}
.history-txt {}
.history-txt dl {padding:40px 0 0;}
.history-txt dl:first-child {padding:0;}
.history-txt dt {font-size:18px; font-weight:700; color:#000;}
.history-txt dd {margin-top:7px;padding-left:20px; position:relative; line-height:1.4;}
.history-txt dd:before {width:5px; height:5px; border-radius:50%; background:#ccc; left:0; top:10px; position:absolute; content:''; display:block;}
.history-txt dd+dd {}
.history-txt table {margin-top:10px;border-width:1px 0 0 1px; border-style:solid; border-color:#dadada; text-align:center;}
.history-txt table tr {}
.history-txt table td {padding:7px 0; border-width:0 1px 1px 0; border-style:solid; border-color:#dadada;}

/* 조직도 */
.organ {}
.organ-img {text-align:center;}
.organ-img img {max-width:100%;}

/* 노선안내 */
.rootinfo {}
.rootinfoWrap {}
.rootinfoWrap>div {width:50%;float:left;}
.rootinfo-tit {position:sticky; top:0; left:0;}
.rootinfo-tit img {border-radius:10px;max-width:100%;}
.rootinfo-tit h4 {padding:45px 0; font-weight:300; color:#000; font-size:60px; letter-spacing:-2px; position:relative; line-height:1.3;}
.rootinfo-tit h4:after {width:50px; height:1px; background:#000; left:0; bottom:0; position:absolute; display:block; content:'';}
.rootinfo-tit p {padding:0 0 0 70px; margin:40px 0 0; background:url(../images/sub/icon_bus.svg)0 center /50px no-repeat;}
.rootinfo-list {display:flex; gap:20px; flex-direction:column;}
.rootinfo-list .item {padding:50px 50px 44px; display:flex; border:1px solid #e0e0e0; border-radius:10px; line-height:1;}
.rootinfo-list .item:hover {border-color:var(--blue);}
.rootinfo-list .item .num {width:170px; font-size:60px; color:var(--blue); font-family:var(--f_Tmonsori);}
.rootinfo-list .item .txt {color:#000;}
.rootinfo-list .item .txt p {font-size:18px; font-weight:500;}
.rootinfo-list .item .txt p img {margin:0 20px; vertical-align:middle;}
.rootinfo-list .item .txt span {font-size:15px; padding:20px 0 0; display:block;}
.rootinfo-list .item .icon {margin-left: auto; width:55px;height:55px; background:#e0e0e0 url(../images/sub/icon_map.svg)center /22px no-repeat; display:block; border-radius:50%; transition:all .3s;}
.rootinfo-list .item:hover .icon {background-color:var(--blue);}

.rootinfo-list .item.green {}
.rootinfo-list .item.green:hover {border-color:var(--green);}
.rootinfo-list .item.green .num {color:var(--green);}
.rootinfo-list .item.green:hover .icon {background-color:var(--green);}

/* 찾아오시는 길 */
.location {}
.location .map {}
.location .info {padding:70px 0 0; display:flex; justify-content:space-between;}
.location .info-tit {width:48%;}
.location .info-tit h4 {padding:0 0 25px; font-size:48px; color:#000;}
.location .info-tit p {color:#333;}
.location .info-tit p span {}
.location .info-txt {width:52%;}
.location .info-txt-item {padding-left:44px; position:relative;}
.location .info-txt-item:before {width:31px; height:50px; background:url(../images/sub/mapicon_bus.svg)0 0 /100% no-repeat; left:0; top:0; position:absolute; display:block; content:''; opacity:.3;}
.location .info-txt-item.subway {margin-top:50px;}
.location .info-txt-item.subway:before {background-image:url(../images/sub/mapicon_subway.svg);}
.location .info-txt-item h5 {padding:0 0 14px; font-size:20px; color:#000; }
.location .info-txt-item p {color:#333;}
.location .info-txt-item p span {margin:5px 0 0; padding-left:18px; display:block; position:relative;}
.location .info-txt-item p span:before {width:8px; height:1px; background:#333; left:0; top:10px; position:absolute; content:''; display:block;}

/* CCTV관리방침 */
.cctv {}
.cctv-tit {}
.cctv-tit h4 {padding:0 0 40px; font-size:24px;color:#000; text-align:center; font-weight:400; line-height:1.4;}
.cctv-tit h4 b {display:block;}
.cctv-txt {padding:70px 110px; border:1px solid #e5e5e5; border-radius:10px;}
.cctv-txt pre {background:#fff; border:0; padding:0; margin:0; line-height:1.8; font-family:'NEXON', sans-serif; font-size:16px; color:#666;}
.cctv-txt pre strong {color:#000; font-weight:400;}
.cctv-txt pre table {border-width:1px 0 0 1px; border-style:solid; border-color:#e5e5e5; text-align:center;}
.cctv-txt pre table tr {}
.cctv-txt pre table tr>* {padding:10px; border-width:0 1px 1px 0; border-style:solid; border-color:#e5e5e5; font-weight:400; line-height:1.2;}
.cctv-txt pre table th {background:#f0f0f0; color:#000;}
.cctv-txt pre table td {}




/* ********************************* 테블릿 : ~ 1024 ********************************* */
@media screen and (max-width:1024px), print{
	
	/* ***** 회사소개 ***** */
	/* 인사말 */
	.ceoWrap {display:block;}
	.ceoWrap>div {width:100%;}
	.ceo-tit {padding:0 0 50px;}
	.ceo-tit .num {padding-bottom:40px; font-size:120px;}
	.ceo-tit div {padding-left:30px; border-width:7px;}
	.ceo-tit p {font-size:15px;}
	.ceo-tit h4 {font-size:27px;}
	.ceo-txt p+p {padding:20px 0 0;}
	.ceo-txt .sign {padding:40px 0 0;}
	
	/* 경영방침 */
	.manage {}
	.manage01 {}
	.manage01 h4 {font-size:36px;}
	.manage01 ul {margin:20px 0 60px; flex-direction:column; align-items:center;}
	.manage01 ul li {width:350px; max-width:100%; height:350px; font-size:30px;}
	.manage01 ul li.li01 {transform:translate(0, 30px);}
	.manage01 ul li.li02 {}
	.manage01 ul li.li03 {transform:translate(0, -30px);}
	.manage01 ul li img {margin-bottom:20px;}
	.manage02 {}
	.manage02 h4 {font-size:36px;padding-bottom:35px;}
	.manage02 .manageBox {flex-direction:column; gap:50px; padding:50px 20px;}
	.manage02 .manageBox {}
	
	/* 연혁 */
	.history {}
	.historyWrap {}
	.historyWrap>div {float:none; width:100%;}
	.history-tit {position:static;}
	.history-tit h4 {font-size:36px; padding:20px 0 50px;}
	.history-tit h4 b {font-size:48px;}
	.history-tit p {padding:0 0 30px;}
	.history-tit .bar {height:25px;}
	.history-txt {padding:30px 0 0;}
	.history-txt dl {padding:30px 0 0;}
	.history-txt dd {margin-top:5px;}
	.history-txt dd:before {}
	
	/* 조직도 */
	.organ {}
	
	/* 노선안내 */
	.rootinfo {}
	.rootinfoWrap {}
	.rootinfoWrap>div {width:100%; float:none;}
	.rootinfo-tit {position:static;}
	.rootinfo-tit img {}
	.rootinfo-tit h4 {font-size:48px; padding:30px 0;}
	.rootinfo-tit h4:after {}
	.rootinfo-tit p {margin:35px 0 70px;}
	.rootinfo-list {}
	.rootinfo-list .item {padding:40px 40px 34px;}
	.rootinfo-list .item .num {}
	.rootinfo-list .item .txt {}
	.rootinfo-list .item .txt p {}
	.rootinfo-list .item .txt p img {}
	.rootinfo-list .item .txt span {}
	.rootinfo-list .item .icon {}
	
	/* 찾아오시는 길 */
	.location {}
	.location .map {}
	.location .map .root_daum_roughmap_landing {width:100% !important;}
	.location .map .root_daum_roughmap .wrap_map {height:50vw !important; min-height:300px;}
	.location .info {padding:50px 0 0; flex-direction:column; gap:40px;}
	.location .info-tit {width:100%;}
	.location .info-tit h4 {padding:0 0 20px; font-size:36px;}
	.location .info-txt {width:100%;}
	.location .info-txt-item.subway {margin-top:40px;}
	
	/* CCTV관리방침 */
	.cctv {}
	.cctv-tit {}
	.cctv-tit h4 {padding:0 0 30px;font-size:22px;}
	.cctv-txt {padding:50px 80px;}
	.cctv-txt pre {}
	
	

}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* ***** 회사소개 ***** */
	/* 인사말 */
	.ceoWrap {}
	.ceoWrap>div {}
	.ceo-tit {padding:0 0 30px;}
	.ceo-tit .num {font-size:80px; padding-bottom:20px;}
	.ceo-tit div {padding-left:20px; border-width:5px;}
	.ceo-tit p {font-size:14px; line-height:1.8;}
	.ceo-tit h4 {font-size:22px;}
	.ceo-txt p+p {padding:10px 0 0;}
	.ceo-txt .sign {padding:10px 0 0;}
	
	/* 경영방침 */
	.manage01 h4 {font-size:25px;}
	.manage01 ul {margin:0 0 20px;}
	.manage01 ul li {width:260px; height:260px; font-size:22px; font-weight:500;}
	.manage01 ul li img {height:40px;}
	.manage02 h4 {font-size:25px; padding-bottom:25px;}
	.manage02 .manageBox {gap:30px;}
	.manage02 .manageBox .img {}
	.manage02 .manageBox .img img {}
	.manage02 .manageBox .txt dl {}
	.manage02 .manageBox .txt dt {padding:0; font-size:17px;}
	.manage02 .manageBox .txt dd {}
	.manage02 .manageBox .txt dd+dt {margin-top:20px;}
	.manage02 .manageBox .txt p {padding:30px 0 0; font-size:13px;}
	
	/* 연혁 */
	.history {}
	.history-tit h4 {font-size:24px; padding:10px 0 20px;}
	.history-tit h4 b {font-size:30px;}
	.history-tit p {padding:0 0 20px;}
	.history-tit p span {font-size:14px;}
	.history-tit .bar {height:10px;}
	.history-txt {padding:20px 0 0;}
	.history-txt dl {padding:20px 0 0;}
	.history-txt dt {font-size:16px; font-weight:500;}
	.history-txt dd {margin-top:5px;}
	.history-txt dd:before {}
	
	/* 조직도 */
	.organ {}
	
	
	/* 노선안내 */
	.rootinfo-tit {}
	.rootinfo-tit h4 {padding:20px 0; font-size:36px;}
	.rootinfo-tit p {padding:0 0 0 50px; margin:20px 0 40px; background-size:35px;}
	
	.rootinfo-list .item {padding:30px 70px 24px 20px; position:relative; flex-direction:column; gap:14px;}
	.rootinfo-list .item .txt p {font-size:16px; font-weight:400;}
	.rootinfo-list .item .txt span {font-size:14px; padding:10px 0 0; }
	.rootinfo-list .item .num {width:100px; font-size:36px;}
	.rootinfo-list .item .icon {width:46px; height:46px; position:absolute; right:20px; top:30px;background-color:var(--blue); background-size:17px}
	.rootinfo-list .item.green .icon {background-color:var(--green);}
	
	
	/* 찾아오시는 길 */
	.location {}
	.location .map {}
	.location .info {padding:30px 0 0; gap:30px;}
	.location .info-tit h4 {font-size:27px; padding:0 0 10px;}
	.location .info-tit p {}
	.location .info-txt-item {padding-left:37px;}
	.location .info-txt-item h5 {font-size:18px; padding:0 0 10px;}
	.location .info-txt-item:before {width:27px;}
	.location .info-txt-item.subway {margin-top:30px;}
	
	/* CCTV관리방침 */
	.cctv {}
	.cctv-tit {}
	.cctv-tit h4 {padding:0 0 20px; font-size:18px;}
	.cctv-txt {padding:30px;}
	.cctv-txt pre {font-size:14px; line-height:1.6;}

}