@charset "UTF-8";
/* font-family: 'Noto Sans KR', sans-serif; font-family: 'Roboto', sans-serif; font-family: 'NanumSquare','Noto Sans KR', sans-serif;*/

.fz12 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.2rem;}
.fz14 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem;}
.fz16 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem;}
.fz18 {font-size: 1.8rem;}
.fz20 {font-size: 2.0rem;}
.fz22 {font-size: 2.2rem;}
.fz24 {font-size: 2.4rem;}
.fz26 {font-size: 2.6rem;}

.sub-h1 {display: block; padding: 150px 0; text-align: center; color: #fff; font-family: 'NanumSquare','Noto Sans KR', sans-serif; font-size: 4.0rem; font-weight: 600;}
.sub-h2 {position: relative; display: block; margin-bottom: 40px; text-align: center; font-size: 3.2rem; color: #111; font-weight: 600; z-index: 3;}
.sub-h2:after {content: ""; position: absolute; top: 60px; left: 50%; transform: translateX(-50%);width: 2px; height: 50px; background: #4966c8;}
.sub-h2.no-line:after {content: none;}

.sub-h3 {position: relative; display: block; padding-left: 30px;font-size: 2.6rem;font-weight: 600;line-height: 1.5;word-break: keep-all;letter-spacing: -.05rem;}
.sub-h3:before {content:""; position: absolute; top: 0; left: 0; width: 30px; height: 17px; background: url(../img/sub/sub-title.png) no-repeat center/cover;}
.sub-h4 {position: relative;display: block;padding-left: 0;color: #08205e;font-size: 2rem;font-weight: 700;}
.sub-h4:before {content: ""; position: absolute; top: 0; left: 5px; /* width: 8px; */ height: 3px; background: #99ccf2;}
.sub-h5 {position: relative; font-size: 2.2rem; color: #2a2a2a; font-weight: 600;}
.sub-h5 span {position: absolute; top: 50%; right:0; transform: translateY(-50%); font-size: 1.8rem; color: #181818;}
.sub-h6 {font-size: 1.8rem; color: #777;}

.sub-p1 {display: block; margin-left: 10px; font-size: 2.0rem; color: #333; line-height: 1.7; word-break: keep-all;}
.sub-p2 {display: block; padding-left: 5px; font-size: 1.7rem; color: #777; line-height: 1.6; word-break: keep-all;}
.sub-p3 {display: block; margin-left: 20px; font-size: 1.7rem; line-height: 1.55; color: #333; word-break: keep-all;}
.sub-p3 span {display: block;}
.sub-p3_1 {display: block; margin-right: 20px; font-size: 1.7rem; line-height: 1.55; color: #333; word-break: keep-all;}
.sub-p3_1 span {display: block;}
.sub-p4 {display: block; margin-left: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 1.6rem; color: #777; line-height: 1.4; word-break: keep-all;}
.sub-p5 {display: block; margin-left: 20px; font-size: 2.0rem; color: #333; line-height: 1.7; word-break: keep-all;}
.sub-p6 {font-size: 1.7rem; line-height: 1.5; color: #333;}
.sub-p7 {position: relative; display: block; padding-left: 33px; font-size: 1.7rem; color: #777; line-height: 1.5; word-break: keep-all;}
.sub-p7:before {position: absolute; top: 0; left:17px; content: " - ";}

.sub-img {display: block; width: auto; height: auto; margin: 0 auto;}
.auto-img {display: block; width: auto; height: auto; margin: 0 auto;}
.full-img {display: block; width: 100%; height: auto; margin: 0 auto;}
.icon-img {display: inline-block; width: auto; height: auto; margin: 0 5px 0 30px;}
.taC img {display: block; width: auto; margin: 0 auto;}

@media screen and (max-width: 1280px) {
	.sub-img {width: 90%;}
	.full-img {width: 90%;}
	.taC img {width: 90%;}
	.icon-img {margin: 0 5px 0 10px;}
}


.sm-title {display: block; text-align: center; font-size: 1.4rem; font-family: 'Noto Sans KR', sans-serif; color: #d1d1d1;}
.icon-monitor {display: inline-block; width: 100px; height: 100px; background: url(../img/sub/monitor.png) no-repeat center/contain;}
.icon-phone {display: inline-block; width: 100px; height: 100px; background: url(../img/sub/phone.png) no-repeat center/contain;}
.icon-onbid {display: inline-block; width: 100px; height: 100px; background: url(../img/sub/onbid05.png) no-repeat center/contain;}

.onbid-btn {padding: 18px 23px 18px 94px; background: url(../img/sub/onbid03.png) no-repeat 23% 42%/50px;}
.btn-round {padding: 20px 100px; border-radius: 30px;}

.step01 {position: relative;}
.step02 {position: relative;}
.step03 {position: relative;}
.step01:before {content: "01"; position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 50%; background: #04A39B; color: #fff; line-height: 40px; text-align: center; font-size: 1.7rem;}
.step02:before {content: "02"; position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 50%; background: #3266CD; color: #fff; line-height: 40px; text-align: center; font-size: 1.7rem;}
.step03:before {content: "03"; position: absolute; top: -22px; left: 16px; width: 40px; height: 40px; border-radius: 50%; background: #28313D; color: #fff; line-height: 40px; text-align: center; font-size: 1.7rem;}

/* .sub-header */
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'NanumSquare','Noto Sans KR', sans-serif;word-break:keep-all;}
.sub-header {position: relative; width: 100%; height: 400px; }
#container {padding: 0;}
.sub-cont:after {content: ""; display: block; clear: both;}
.sub-img01{background: url(../img/sub/p01-main.jpg) no-repeat center/cover;}
.sub-img02{background: url(../img/sub/p02-main.jpg) no-repeat center/cover;}
.sub-img03{background: url(../img/sub/p03-main.jpg) no-repeat center/cover;}
.sub-img04{background: url(../img/sub/p04-main.jpg) no-repeat center/cover;}
.sub-img05{background: url(../img/sub/p05-main.jpg) no-repeat center/cover;}
.sub-img06{background: url(../img/sub/p06-main.jpg) no-repeat center/cover;}
.sub-img07{background: url(../img/sub/p07-main.jpg) no-repeat center/cover;}
.sub-img08{background: url(../img/sub/p08-main.png) no-repeat center/cover;}
.sub-img09{background: url(../img/sub/p05-main.png) no-repeat center/cover;}
.sub-inner {width: 1350px; margin: 0 auto;}
#lnbWrap {height: 61px!important; z-index:10; left: 50%;}
.sub-info {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1350px; background: #fff; border-bottom: 1px solid #cdcdcd;}
.sub-info:after {content: ""; display: block; clear:both;}
.sub-print {float: right; width: 59px; height: 60px;background: #fff; border-left: 1px solid #cdcdcd;}
.btn-print {display: block; height: 60px; text-align: center; font-size: 2.5rem; background: url(../img/sub/print.png) no-repeat center/20px;}
.sub-select-wrapper {float: left; position: relative; width: 200px; height: 60px;}
.sub-select {position: relative; display: flex; width: 100%;flex-direction: column; border-right: 1px solid #cdcdcd; z-index: 2;}
.sub-select-trigger {position: relative; display: flex;align-items: center;justify-content: space-between;width: 100%; height: 60px; padding: 0 22px; background: #fff url(/portal/img/sub/arrow-down.png) no-repeat 90% 50%/10px;font-size: 1.7rem;font-weight: 400;color: #3b3b3b;line-height: 60px; cursor: pointer;}
.open .sub-select-trigger {background-image: url(/portal/img/arrow-up.png);}
.sub-options {position: absolute; display: block;top: 100%;left: 0;right: 0;border-top: 0;background: #fff;transition: all 0.5s;opacity: 0;visibility: hidden;}
.sub-select.open .sub-options {opacity: 1;visibility: visible;pointer-events: all;}
.sub-option {position: relative;display: block;width: 200px; padding: 0 22px 0 22px;border-top: none; background: #f1f1f1; font-size: 1.7rem;font-weight: 400;color: #3b3b3b;line-height: 58px;cursor: pointer;transition: all 0.5s;}
.sub-option:first-of-type {border-top: 1px solid #cdcdcd;}
.sub-option:hover, .sub-option:active, .sub-option:focus {background-color: #ddd;}
.sub-option.selected {color: #ffffff; background-color: #305c91;}

.header.on {background: rgba(255,255,255,1);}
/* nav grey-line */
.header.on .nav:before {height:2px; top: 79px;}
.header .nav.on:before {height:1px; top: 80px;}
.header.on .logo a {background-image: url(../img/headlogo.png);}
.header.on .nav .logo a {background-image: url(../img/headlogo.png);}
.header.on .nav .depth01-link {color: #111; font-weight: 600;}
.header.on .btn-search {color: #181818 !important;}
.header.on .side-menu-btn span {background-color: #181818 !important;}

/* .sub-cont */
.sub-cont {padding: 0;}
.sub-cont .sub-inner {background-color: #fff; padding: 70px 0 35px;}
.sub-tab-group {margin: 60px 0; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 2px solid #5170cd;}
.sub-tab-group:after {content: ""; display: block; clear: both;}
.sub-tab-list {float: left;}
.list-2 {width: 50%;}
.list-3 {width: 33.333%;}
.list-4 {width: 25%;}
.list-5 {width: 20%;}
.list-6 {width: 16.666%;}
.sub-tab-link {display: block; border-right: 1px solid #d1d1d1; line-height: 70px; text-align: center; font-size: 1.7rem; color: #3d3d3d;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub-tab-link.on {background: #5170cd; color: #fff;}
.sub-tab-list:last-child .sub-tab-link {border-right: none;}

.sub-tab-list2 {float: left;}
.sub-tab-link2 {display: block; border-right: 1px solid #d1d1d1; line-height: 70px; text-align: center; font-size: 1.7rem; color: #3d3d3d;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub-tab-link2.on {background: #5170cd; color: #fff;}


.sub-tab-cont-group {background: #fff;}

.sub-tab-cont-group .sub-tab-cont {display: none;}
.sub-tab-cont-group .sub-tab-cont:first-child {display: block;}

.list-6:nth-child(6n) .sub-tab-link {border-right: none;}
.list-6 .sub-tab-link {border-bottom: 1px solid #d1d1d1;}
.list-6:last-child .sub-tab-link {border-bottom: none;}
.list-6:nth-last-child(1) .sub-tab-link {border-bottom: none;}
.list-6:nth-last-child(2) .sub-tab-link {border-bottom: none;}
.list-6:nth-last-child(3) .sub-tab-link {border-bottom: none;}
.list-6:nth-last-child(4) .sub-tab-link {border-bottom: none;}
.list-6:nth-last-child(5) .sub-tab-link {border-bottom: none;}
.list-6:nth-last-child(6) .sub-tab-link {border-bottom: none;}

.sub-title-box {position: relative; width: 100%; padding: 3px; margin: 35px 0 25px; background: #f5f5f5;} 
.sub-title-box:before, .sub-title-box:after {content: ""; position: absolute; width: 30px; height: 30px; background: #4966c8;}
.sub-title-box:before {top: 0; left: 0;}
.sub-title-box:after {bottom: 0; right: 0;}
.sub-title-inner {position: relative; width: 100%; margin: 0 auto; padding: 40px 25px; background: #fff; z-index: 2;}

.sub-title-line {position: relative; top: 0; width: 100%; height: 3px; margin-bottom: 100px; background: #f5f5f5;}
.sub-title-line2 {position: absolute; top: 95px; left: -15%; width: 115%; height: 1px; background: #3266CD; z-index: -1;}
.sub-title-crossline {position: relative; top: 25px; width: 100%; height: 3px; margin-bottom: 100px; background: #f5f5f5;}

.sub-title-crossline:after {content: ""; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 2px; height: 50px; background: #4966c8;}

.sub-text {position: relative; padding: 10px 0;}

.sub-text .sub-h3 {margin: 15px 0 30px;}
.sub-text .sub-h4 {margin: 15px 0;}
.sub-text .sub-p1 {margin-bottom: 20px;}
.sub-text .sub-p2 {margin-bottom: 10px;}

.grey-box {padding: 35px 45px; background: #f5f5f5;}

.sub-grey-box {padding: 35px 45px; background: #f5f5f5;}
.sub-grey-box .sub-h5 {margin-bottom: 25px;}
.sub-grey-box .sub-p3 {margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sub-grey-box .btn-round {font-size: 1.8rem;}
.blue-top-line {position: relative; height: 220px; margin: 20px; padding: 35px; overflow: hidden;}
.blue-top-line:before {content:""; position: absolute; top:0; left: 45px; width:40%; height: 2px; background: #243f79; } 
.blue-top-line2 {position: relative; height: 260px; margin: 20px; padding: 35px; overflow: hidden;}
.blue-top-line2:before {content:""; position: absolute; top:0; left: 45px; width:40%; height: 2px; background: #243f79; } 


.grey-linebox {position: relative; padding: 30px; border: 1px solid #ededed;}

.sub-grey-linebox {position: relative; padding: 30px; border: 2px solid #ededed;}
.sub-grey-linebox .sub-h5 {display: inline-block; padding-right: 25px; vertical-align: middle;}
.sub-grey-linebox .sub-h5:after {content: "|"; display: inline-block; padding-left: 25px; color: #a8a8a8;}
.sub-grey-linebox .sub-p3 {display: inline-block; vertical-align: middle;}
.sub-grey-linebox .onbid-btn {position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
.sub-link-group .btn {position: relative; display: block; height: 60px; line-height: 52px;}
.sub-link-group .btn span:first-child {position: absolute; left: 10%; top:50%; transform: translateY(-50%); font-size: 1.8rem; font-weight: 600;}
.sub-link-group .btn span:last-child {position: absolute; right: 10%; top:50%; transform: translateY(-50%); padding-right: 15px; font-size: 1.7rem;}
.sub-link-group .btn span:last-child:after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 6px; height: 25px; background: url(../img/sub/arrow-right-w.png) no-repeat center/contain;}

.sub-footer {padding: 0 0 50px;}
.sub-footer .sub-inner { background-color: #fff; padding: 35px 0px 50px; }
.rating-group .sub-h6 {position: relative;}
.rating-group .sub-h6 span {position: absolute; right: 0; color: #989898;}  
.rating-part {position: relative; padding-left: 20px;}
.rating-part:before {content: ""; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 10px;height: 10px; background: #cdcdcd;}
.rating-box {padding-top: 20px;}
.rating-box .form-control {padding: 20px; vertical-align: middle;}
.rating-box .btn {display: block; width: 100%; padding: 10px 0;}
.rating-num {margin-bottom: 15px;}
.rating-num input[type="radio"] {margin-right: 12px; vertical-align: middle;}
.star-red {display: inline-block; width: 18px; height: 18px; background: url(../img/sub/star-red.png) no-repeat center/contain; vertical-align: middle;}
.star-grey {display: inline-block; width: 18px; height: 18px; background: url(../img/sub/star-grey.png) no-repeat center/contain; vertical-align: middle;}

.sub-tab-group02 {border-bottom: 1px solid #003872;}
.sub-tab-group02 .sub-tab-group {width: 70%; margin: 0 auto; border-bottom: none;}
.sub-tab-group02 .sub-tab-link {line-height: 50px;}
.sub-tab-group02 .sub-tab-link.on {background: #003872;}


/* 개인정보처리장침 이미지 추가 20220823 */
.privacy_box_container {margin:20px 0;}
.privacy_box_container h4 {font-size:20px; text-align:center; margin-bottom:20px}
.privacy_box_group {display:flex;	justify-content:space-around;}
.privacy_box {flex:0 0 10%;	max-width:10%;	padding:10px 5px;	border-radius:5px;	background-color:#FFF;	text-align:center;}
.privacy_box h5 {margin:15px 0;	font-size:15px;	color:#111;}
.privacy_box_img {display:inline-block;	width:99px;	height:107px;	margin-bottom:5px;	background-repeat:no-repeat;	background-position:center;}

@media screen and (max-width: 499px){
	.privacy_box_group {padding:0;}
	.privacy_box_group h5{font-size:11px;}
	.privacy_box_group img{width:95%; height:auto;}
}

.sub-text .sub-h3_title {text-align:left; font-size:2.2rem; font-weight:600; line-height:1.5; word-break:keep-all; margin:15px 0 20px 15px;}
.privacy-list {padding:14px 30px; background:#fafafa; border:1px solid #ededed;}
.privacy-list2 {padding:7px 15px; background:#fafafa; border:1px solid #ededed; font-size:0.8rem;}

/*240909 폰트 변경 */
.privacy-list .sub-p8 {display:block; margin-left:10px; font-size:1.8rem; color:#333; line-height:2.7; word-break:keep-all;}
.privacy-list2 .sub-p8 {display:block; margin-left:5px; font-size:0.8rem; color:#333; word-break:keep-all;}


@media screen and (max-width: 1399px){
    .sub-inner {width: 90%;}
    .sub-info {width: 90%;}
    .sub-cont .sub-inner {padding: 50px 0;}
	.sub-footer .sub-inner {padding: 30px 0 0;}
	#sub .pc {display: none;}
    .pc {display: none;}
}
@media screen and (max-width: 1023px){

    body {font-family: 'Noto Sans KR', sans-serif;}

    .sub-h1 {padding-top: 110px; font-size: 3.5rem;}
    .sub-h2 {font-size: 2.8rem;}
    .sub-h3 {font-size: 2.0rem;}
    .sub-h4 {font-size: 1.8rem; font-weight: 400;}
    .sub-h5 {font-size: 1.8rem; font-weight: 400;}
    .sub-h6 {font-size: 1.6rem;}
    .sub-p1 {font-size: 1.6rem;}
    .sub-p2 {font-size: 1.5rem;}
    .sub-p3 {font-size: 1.4rem;}
	.sub-p4 {font-size: 1.6rem;}
	.sub-p5 {font-size: 1.6rem;}
    .sub-header {height: 250px;}
    .sub-info {display: none;}
    .sub-cont {padding: 0;}
    .sub-title-line2 {top: 60px;}
	.list-3 {width: 50%;}
    .list-3:nth-child(1),.list-3:nth-child(2) {border-bottom: 1px solid #d1d1d1;}
    .list-3:nth-child(2) .sub-tab-link {border-right: none;}
    .list-3:last-child {width: 100%;}
    .list-5 {width: 50%;}
    .list-5:last-child {width: 100%;}
    .list-5:nth-child(1), .list-5:nth-child(2), .list-5:nth-child(3), .list-5:nth-child(4) {border-bottom: 1px solid #d1d1d1;}
    
    .tab_depth05 .list-5:nth-child(1), .tab_depth05 .list-5:nth-child(2), .tab_depth05 .list-5:nth-child(3), .tab_depth05 .list-5:nth-child(4) {border-bottom: none;}
    .list-5:nth-child(2) .sub-tab-link, .list-5:nth-child(4) .sub-tab-link {border-right: none;}
    .list-6 {width: 33.333%;}
    .list-6:nth-child(3n) .sub-tab-link{border-right: none;}
    .list-6:nth-last-child(4) .sub-tab-link {border-bottom: 1px solid #d1d1d1;}
    .list-6:nth-last-child(5) .sub-tab-link {border-bottom: 1px solid #d1d1d1;}
    .list-6:nth-last-child(6) .sub-tab-link {border-bottom: 1px solid #d1d1d1;}
    .sub-tab-link {font-size: 1.6rem; line-height: 56px;}
    .sub-title-inner {padding: 30px;}
    .sub-link-group .btn span:first-child {font-size: 1.5rem; font-weight: 400;}
    .sub-link-group .btn span:last-child {font-size: 1.4rem;}
    .btn-round {padding: 10px 20px;}
    .sub-grey-box .btn-round {font-size: 1.4rem;}
 	.sub-title-line2 {display: none;}
}
@media screen and (max-width: 767px){
	.sub-cont {padding: 0;}
    .sub-header {height: 150px;}
    .sub-img {width: 100%;}
    .sub-h1 {padding-top: 90px; font-size: 2.5rem !important;}
    .sub-h2 {font-size: 2.3rem!important;}
    .sub-h4 {font-size: 2.0rem!important;}
    .sub-h5 {font-size: 2.0rem!important; line-height: 1.7;}
    .sub-h5 span {font-size: 1.2rem;}
    .sub-p1 {font-size: 1.5rem; line-height: 1.6;}
    .sub-p2 {font-size: 1.4rem;}
    .sub-text {padding-top: 0;}
    .sub-grey-box {padding: 10px;}
    .sub-grey-box.blue-top-line {padding: 35px;}
    .sub-grey-box.blue-top-line2 {padding: 35px;}
	.sub-grey-box .sub-p3 {margin-top: 0;}
	.sub-inner .sub-h2 {padding-top: 30px;}
	#conts h4 {font-size: 1.8rem;}
    
    .list-4 {width: 50%;}
    .list-4:nth-child(1),.list-4:nth-child(2) {border-bottom: 1px solid #d1d1d1;}
    .list-4:nth-child(2) .sub-tab-link {border-right: none;}
    .list-6 {width: 50%;}
    .list-6:nth-child(3n) .sub-tab-link{border-right: 1px solid #d1d1d1;}
    .list-6:nth-child(2n) .sub-tab-link {border-right: none;}
    .list-6:nth-last-child(3) .sub-tab-link {border-bottom: 1px solid #d1d1d1;}
	
	.blue-top-line {height: auto;}
	.blue-top-line2 {height: auto;}
	.sub-title-crossline {margin-bottom: 80px;}
}
@media screen and (max-width: 499px){
	.sub-cont .sub-inner {padding: 20px 0 30px;}
	.sub-inner {width: 96%;}
	.grey-box {padding: 2.5%;}
	.sub-grey-linebox {padding: 10px 2%;}
}

/* 20201217 */
/* 20201217 */

.no-gutters {margin-right: 0; margin-left: 0;}
.no-gutters > .col,.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0; padding-bottom: 30px;}
.text-china:after {content:""; display: inline-block; width: 30px; height: 20px; background: url(../img/sub/01/p01-0103-01.png) no-repeat center/contain; vertical-align: text-top;}
.history-circle {position: relative; width: 150px; height: 150px; margin: 0 auto 80px; background: #3566cc; border-radius: 50%; color: #fff; font-size: 3.0rem; line-height: 150px; text-align: center;}
.history-circle:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; background: #eee; border-radius: 50%; z-index: -1;}
.history-circle:after {content: ""; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); width: 170px; height: 170px; background: #fff; border-radius: 50%; z-index: -1;}
.history-row .text-right {padding-right: 20px;}
.history-row .text-left {position: relative; padding-left: 20px; border-left: 2px solid #3566cc }
.history-row .text-left:before {content: ""; position: absolute; top: 0px; left: -16px; width: 30px; height: 30px; background: #fff; border-radius: 50%;}
.history-row .text-left:after {content: ""; position: absolute; top: 13px; left: -4px; width: 6px;height: 6px; border-radius: 50%; background: #3566cc;}
.history-row:last-child .text-right {border-right: none;}
.history-row .sub-h6 {font-weight: 600; line-height: 1.7;}
.history-title {margin-bottom: 15px; font-size: 3.0rem; color: #3566cc; font-weight: 600; line-height: 1.7;}
.history-title2 {margin-bottom: 15px; font-size: 3.0rem; color: #3566cc; font-weight: 600; line-height: 1.7; text-align: left;}
.history-subtitle {margin-bottom: 20px; font-size: 1.8rem; color: #3a3a3a; font-weight: 600; line-height: 1.7;}
.history-btn {padding: 10px 40px; margin: 50px 0; border-radius: 30px; background: #eee; font-size: 1.4rem; color: #333; transition: 0.4s;}

.history-img img { max-width: 100%;}

.dotted-line {display: block; height: 1px; margin: 15px 0; border-top: 1px dashed #eee;}
.btn-center {display: block; width: 300px; margin: 0 auto; padding: 20px 0; font-size: 1.8rem;}
.btn-xl {display: block; width: 100%; padding: 20px 0; margin-bottom: 10px;}
span.padding-10 {display: inline-block; padding: 0 10px;}
.history-row .sub-p2 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.history-row .sub-p2:last-child {margin-bottom: 0;}

.sub-text .history-btn:hover, .sub-text .history-btn:active, .sub-text .history-btn:focus {background: #ddd !important; color: #fff;}
.sub-text a.history-btn:hover, .sub-text a.history-btn:active, .sub-text a.history-btn:focus {text-decoration: none !important;}

@media screen and (max-width: 599px){
    .history-circle {display: none;}
    .history-title  {font-size: 2.0rem; line-height: 1.7;}
    .history-title2  {font-size: 2.0rem; line-height: 1.7;}
    .history-btn {padding: 5px 10px; font-size: 1.2rem;}
    .history-row .sub-p3 {height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
	/*  20201218 */
	.history-subtitle {word-break: keep-all;}
}
/* 20201218 */
/*.header {z-index: 11;}*/
.sub-select-wrapper:nth-child(3) {width: 240px;}
.sub-select-wrapper:nth-child(3) .sub-option {width: 240px;}
.sub-info {z-index:4;}
.sub-h2:after {top: 50px;}
.list-circle {position: relative; padding-left: 10px;}
.list-circle:before {content: ""; position: absolute; top:50%; left: 0; transform: translateY(-50%); width: 3px; height:3px; background: #3d3d3d; border-radius: 50%;}

.gov-group {border-top: 1px solid #d1d1d1;}
.gov-group:after {content: ""; display: block; clear: both;}
.gov-list {float: left;}
.gov-link {display: block; position: relative; height:130px; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;}
.gov-list:nth-child(5n) .gov-link {border-right: 1px solid #d1d1d1;}
.gov-list:last-child .gov-link {border-right: 1px solid #d1d1d1;}
.gov-logo {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* 20201231 sychoi */
.gov-link {transition: 0.5s;}
.gov-link em {position: absolute; display: block; top:0; left:0; width: 100%; height:100%; background: #5170cd url(../../portal/img/sub/icon_link_01.png) no-repeat 95% 15%/20px; text-indent: -9999px; opacity:0; transition: 0.3s;}
.gov-link:hover em, .gov-link:focus em, .gov-link:active em {opacity: 1;}
.gov-link:before, .gov-link:after {position: absolute; transform: translateX(-50%); display: block; width :100%; text-align: center; color: #fff; font-size: 1.7rem; opacity:0; transition: 0.6s;}
.gov-link:before {content:attr(title);top:33%; left:50%; z-index:2;}
.gov-link:after {content:attr(href); bottom:20%; left:50%;z-index:2; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif;}
.gov-link:hover:before, .gov-link:focus:before, .gov-link:active:before {opacity:1;}
.gov-link:hover:after, .gov-link:focus:after, .gov-link:active:after {opacity:1;}

.ceo-group {margin: 20px 10px; border-top: 2px solid #3266CD; border-bottom: 1px solid #d1d1d1;}
.ceo-header {padding: 20px; background: #eee;}
.ceo-title {position: relative; font-size: 1.8rem;}
.ceo-subtitle {position: absolute; right:0;}
.ceo-cont {padding: 20px;}

.org-group {margin: 15px; padding: 20px; border: 1px solid #d1d1d1; border-top: 2px solid #333;}
.org-left {position: relative; height: 150px; overflow: hidden;}
.org-left img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: auto; height: 100%;}
.org-right {position: relative;}
.org-title {margin: 20px 0 30px; font-size: 2.0rem; font-weight: 600;}
.org-title span {display: inline-block; padding-left: 10px; font-size: 1.7rem; font-weight: 400;}
.org-title + .sub-h4 {font-weight: 400; word-break: keep-all; line-height:1.5;}
.org-link {position: absolute; top:0; right:0; display: block; width: 40px; height: 40px; border: 1px solid #d1d1d1; }
.org-link:before, .org-link:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45%; height: 1px; background: #d3d3d3;}
.org-link:after {transform: translate(-50%,-50%) rotate(90deg);}
.org-cont .sub-p2:after {content: ""; display: block; clear: both;}

/* 20230309 국유 건축물 역대수상작 */
.gov-group2 {border-top: 1px solid #d1d1d1;}
.gov-group2:after {content: ""; display: block; clear: both;}

.gov-group2 img { border-bottom:1px solid #d1d1d1; border-right: 1px solid #d1d1d1; box-sizing: border-box;}

.gov-list2 {float: left;}
.gov-link2 {display: block; position: relative; max-height: 100%; }

.gov-list2.list-5:nth-child(1) img { border-left: 1px solid #d1d1d1;}
.gov-list2:nth-child(5n) .gov-link {border-right: 1px solid #d1d1d1;}
.gov-list2:last-child .gov-link {border-right: 1px solid #d1d1d1;}
.gov-logo2 {/*display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ max-width: 100%;}

.gov-group2_h {/*height: 130px;*/}

.gov-link2 {transition: 0.5s;}
.gov-link2 em {position: absolute; display: block; top:0; left:0; width: 100%; height:100%; background: #5170cd url(../../portal/img/sub/icon_link_01.png) no-repeat 95% 15%/20px; text-indent: -9999px; opacity:0; transition: 0.3s;}
.gov-link2:hover em, .gov-link:focus em, .gov-link:active em {opacity: 1;}
.gov-link2:before, .gov-link:after {position: absolute; transform: translateX(-50%); display: block; width :100%; text-align: center; color: #fff; font-size: 1.7rem; opacity:0; transition: 0.6s;}
.gov-link2:before {content:attr(title);top:33%; left:50%; z-index:2;}
.gov-link2:after {content:attr(alt); bottom:20%; left:50%;z-index:2; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif;}
.gov-link2:hover:before, .gov-link2:focus:before, .gov-link2:active:before {opacity:1;}
.gov-link2:hover:after, .gov-link2:focus:after, .gov-link2:active:after {opacity:1;}

/* 20230309 국유 건축물 역대수상작3333333333333333333333333333 */
.gov-group3 {border-top: 1px solid #d1d1d1;}
.gov-group3:after {content: ""; display: block; clear: both;}
.gov-group3 img { border-bottom:1px solid #d1d1d1; border-right: 1px solid #d1d1d1; box-sizing: border-box;}

.gov-list3 {float: left;}
.gov-link3 {display: block; position: relative; max-height: 100%;}

.gov-list3.list-5:nth-child(1) img { border-left: 1px solid #d1d1d1;}
.gov-list3:nth-child(5n) .gov-link {border-right: 1px solid #d1d1d1;}
.gov-list3:last-child .gov-link {border-right: 1px solid #d1d1d1;}
.gov-logo3 {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.gov-link3 {transition: 0.5s;}
.gov-link3 em {position: absolute; display: block; top:0; left:0; width: 100%; height:100%; background: #5170cd /*url(../../portal/img/sub/icon_link_01.png)*/ no-repeat 95% 15%/20px; text-indent: -9999px; opacity:0; transition: 0.3s;}
.gov-link3:hover em, .gov-link3:focus em, .gov-link3:active em {opacity: 1;}
.gov-link3:before, .gov-link3:after {position: absolute; transform: translateX(-50%); display: block; width :100%; text-align: center; color: #fff; font-size: 1.7rem; opacity:0; transition: 0.6s;}
.gov-link3:before {content:attr(title);top:40%; left:50%; z-index:2;}
.gov-link3:after {content:attr(alt); bottom:35%; left:50%;z-index:2; font-size: 1.4rem; font-family: 'Noto Sans KR', sans-serif;}
.gov-link3:hover:before, .gov-lin3k:focus:before, .gov-link3:active:before {opacity:1;}
.gov-link3:hover:after, .gov-link3:focus:after, .gov-link3:active:after {opacity:1;}

@media screen and (max-width:1023px){
	.gov-list.list-5:last-child {width: 50%;}
	.gov-list.list-5:nth-child(1), .gov-list.list-5:nth-child(2), .gov-list.list-5:nth-child(3), .gov-list.list-5:nth-child(4) {border-bottom: none;}
	.gov-list:nth-child(5n) .gov-link {border-right: none;}
	.gov-list:nth-child(2n) .gov-link {border-right: 1px solid #d1d1d1;}
	.gov-list:last-child .gov-link {border-right: 1px solid #d1d1d1;}
	
	/* 20230309 국유 건축물 역대수상작 */
	.gov-list2.list-5:last-child {width: 50%;}
	.gov-list2.list-5:nth-child(1), .gov-list2.list-5:nth-child(2), .gov-list2.list-5:nth-child(3), .gov-list2.list-5:nth-child(4) {border-bottom: none;}
	.gov-list2:nth-child(5n) .gov-link2 {border-right: none;}
	.gov-list2:nth-child(2n) .gov-link2 {/*border-right: 1px solid #d1d1d1;*/}
	.gov-list2:last-child .gov-link2 {border-right: 1px solid #d1d1d1;}
	
	/* 20230309 국유 건축물 역대수상작3333333333333333333333333333 */
	.gov-list3.list-5:last-child {width: 50%;}
	.gov-list3.list-5:nth-child(1), .gov-list3.list-5:nth-child(2), .gov-list3.list-5:nth-child(3), .gov-list3.list-5:nth-child(4) {border-bottom: none;}
	.gov-list3:nth-child(5n) .gov-link3 {border-right: none;}
	.gov-list3:nth-child(2n) .gov-link3 {/*border-right: 1px solid #d1d1d1;*/}
	.gov-list3:last-child .gov-link3 {border-right: 1px solid #d1d1d1;}
}
@media screen and (max-width:768px) {
	.ceo-title {font-size: 1.6rem;}
}
@media screen and (max-width:499px){
	.org-left img {height: 68%;}
	.org-group {padding: 10px;}
}
.ff-noto {font-family: 'Noto Sans KR', sans-serif;}
.hr-vision {margin: 50px 0 0 0; padding: 20px; border: 2px solid #f5f5f5;}
.hr-vision > [class*="col-"] {border-right: 2px solid #f5f5f5;}
.hr-vision > [class*="col-"]:last-child {border-right: none;}


/* 20201220 */

/* board */
.text-ellipsis {width: 500px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-ellipsis02 {width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.board-group {padding-top: 60px;}
.board-top-group {background: #f1f3f8;}
.board-top-inner {width: 98%; margin: 0 auto;}
.board-top-inner:after {content: ""; display: block; clear: both;}
.board-top-group .form-control {border-radius: 0; background: #fff; border: 1px solid #cdcdcd;}
/*
.board-top-group select.form-control {padding-right: 20px; background: #fff url(../img/sub/arrow-down.png) no-repeat 95% 50%/10px; }
*/
.board-top-left {position: relative; float: left; width: 40%; height: 90px;}
.board-page-all {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.board-page-list {display: inline-block; margin-right: 5px; font-size: 1.8rem; color: #363636;}
.board-top-right {position: relative; float: right; width: 60%; height: 90px;}
.board-form-group {position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.board-form {float: left; margin-left: 10px; vertical-align: bottom;}
.board-form .btn {padding: 0.60rem 1.2rem;}

.board-topbar {padding: 20px 30px; background: #f1f3f8;}
.board-topbar .btn {display: block; width: 100%; padding: 0.5rem 1.2rem; font-size: 1.7rem;}
.board-topbar select.form-control {border-radius: 0;  border: 1px solid #cdcdcd;}
.board-topbar .form-control {border-radius: 0; background: #fff; border: 1px solid #cdcdcd;}
@media screen and (max-width: 991px){
	.board-topbar {padding: 10px 15px;}
	.board-topbar .text-left {display: none;}
	.board-topbar .row > [class*="col-"], .board-topbar .row [class*="col-"] {margin: 8px 0;}
}
@media screen and (max-width: 575px){
	.board-topbar .form-control {font-size: 1.2rem;}
	.board-topbar .btn {padding: 0.38rem 0.5rem; font-size: 1.2rem;}
}


.board-table {table-layout: fixed; width: 100%; margin-top: 2.5rem; border-top: 2px solid #323741; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem; overflow-x: hidden;}

.board-table tbody {border-top: 1px solid #323741;}
.board-table th, .board-table td {height: 60px; padding: 0; line-height: 2;}
.board-table td {position: relative; text-align: center;}
.board-table .list_file .icon-img {margin:0;}
@media screen and (max-width:1280px){
	.board-top-left {display: none;}
	.board-top-right {width: 100%;}
}
@media screen and (max-width:1024px){
	.board-table {font-family: 'Noto Sans KR', sans-serif;}
	.board-table thead {display: none;}
	.board-table tbody {display:block;}
	.board-table, .board-table td, .board-table th, .board-table tr {display: block;}
	.board-table th, .board-table td {height: auto; line-height: 2.0;}
	.board-table tr {position: relative; width: 100%; padding: 5px 0; border-bottom: 1px solid #dcdcdc;}
	.board-table tr:after {content: ""; display: block; clear: both;}
	.board-table td {position: relative; display: block; float: left; width: auto; border-top: none; font-size: 1.2rem; color: #999;}
	/*.board-table td:before {content: "|"; padding: 0 10px; color: #d1d1d1;}*/
	.board-table td.list_hit {display: none;}
	.board-table td.list_part {display: none;}
	.board-table td.list_hit:before {content: none;}
	/*.board-table td.list_part:before {content: "부서 ";}*/
	.board-table td.list_file {display: none;}
	.board-table td.list_num {position: absolute; top:0; left: 0; width: 12%; height:100%; text-align: center; font-size: 1.7rem;}
	.board-table td.list_num .icon-notice {position: absolute; top: 46%; left:50%; transform: translate(-50%, -50%); }
	.board-table td.list_num .list_num_dd {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
	.board-table td:nth-child(2) {width:95% !important; padding-left: 12%;font-size: 1.35rem; color: #000;}
	.board-table td:nth-child(2) a {display: block; width: 100%; color: #000;overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
	.board-table td:nth-child(2) a:hover, .board-table td:nth-child(2) a:active, .board-table td:nth-child(2) a:focus {text-decoration: underline;}
	.board-table td.list_date {clear: both; min-height: 2px; padding-left: 12%;}
	.board-table td:nth-child(1):before, .board-table td:nth-child(2):before {content: none;}
	
	.board-table.board02 td:nth-child(1) {padding-left: 3%;}
	.board-table.board02 td:nth-child(2) {padding-left: 3%;}
	.board-table.board02 td.list_date {padding-left: 3%;}
	
}
@media screen and (max-width: 767px){
	.board-top-group {height: 55px;}
	.board-top-right {height: 55px;}
	.board-top-group .form-control {font-size: 1.3rem;}
	.board-group {padding-top: 0;}
}
@media screen and (max-width: 599px){
	.board-table td:nth-child(2) {/*width: 98%;*/ padding-left: 15%;}
	.board-table td.list_date  {padding: 0 10px 0 15%;}
	.icon-notice:after {margin: -5px;}
	.board-table td:nth-child(2) a {width: 100%;}
	.board-table td:nth-child(2) b {display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
}
@media screen and (max-width: 500px){
	/* .board-table td:nth-child(2) {width: 90%;} */
}

@media screen and (max-width: 399px){
	/* .board-table td:nth-child(2) {width: 83%;} */
}
@media screen and (max-width: 379px){
	/* .board-table td:nth-child(2) {width: 82%;} */
	.board-table td:nth-child(2) b {width:100%;}
}
@media screen and (max-width: 339px){
	/* .board-table td:nth-child(2) {width: 79%;} */
}

.icon-notice:after {content: "공지";display: inline-block; width:40px; height:26px; background: #4966c8; line-height: 26px; color: #fff; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif;}
.icon-hwp {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;}
.icon-hwp:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub/hwp-icon.png) no-repeat center/contain;}
.icon-xls {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;}
.icon-xls:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub/xls-icon.png) no-repeat center/contain;}
.icon-xls {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;}
.icon-xls:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub/xls-icon.png) no-repeat center/contain;}
.icon-pdf {position: relative; top:50%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px;}
.icon-pdf:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub/pdf-icon.png) no-repeat center/contain;}
.board-pagi-group {margin-top: 50px;}
.board-pagi {text-align: center;}
.board-pagi-list {display: inline-block;}
.board-pagi-link {display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 38px; font-size: 1.7rem; transition: 0.4s;}
.board-pagi-list:first-child .board-pagi-link {border-color: #dcdcdc;}
.board-pagi-list:nth-child(2) .board-pagi-link {border-color: #dcdcdc;}
.board-pagi-list:nth-last-child(2) .board-pagi-link {border-color: #dcdcdc;}
.board-pagi-list:last-child .board-pagi-link {border-color: #dcdcdc;}
.board-pagi-link:hover, .board-pagi-link:focus, .board-pagi-link:active {background-color: #4966c8; border-color: #4966c8; color: #fff;}

/* table */
.table caption {position: absolute; top: -9999px; left: -9999px;}
.table th, .table td {vertical-align: middle;}
.table a {position: relative; transition: 0.4s; color: #858796;}
.table a:hover, .table a:active, .table a:focus {text-decoration: underline; color: #333;}
.sub-text a:hover, .sub-text a:active, .sub-text a:focus {text-decoration: underline;}

.table-01 {margin-top: 2.5rem; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-01 tbody {border-top: 1px solid #323741;}
.table-01 th, .table-01 td {padding:  20px 20px;}
.table-01 th {background: #eef1fa; color: #333; font-weight: 700;  border-top: 2px solid #323741; border-bottom: 1px solid #323741;}
.table-01 td {position: relative; border-right:1px solid #dcdcdc; text-align: center;line-height:1.7;color: #777;}
.table-01 td:last-child {border-right: none;}
@media screen and (max-width: 499px){
	.table-01 th, .table-01 td {padding: 2%;}
}
.table-02 {margin-top: 2.5rem; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-02 th, .table-02 td {padding:  20px 20px;}
.table-02 thead th {background: #eef1fa; border-top: 2px solid #323741;border-bottom: 1px solid #323741; color: #333; font-weight: 600; font-size: 1.9rem;}
.table-02 thead td {background: #eef1fa; border-right: 1px solid #ddd; color: #3566cc; text-align: center; font-weight: 600; font-size: 1.9rem;}

.table-02 tbody th {background: #f6f7f8; border-right:1px solid #ddd; color: #003872;}
.table-02 tbody td {position: relative; border-right:1px solid #ddd; text-align: left;  border-bottom: 1px solid #e3e6f0;}
.table-02 th:last-child {border-right: none;}
.table-02 td:last-child {border-right: none;}
@media screen and (max-width: 1024px){
	.table-02,.table-02 thead, .table-02 tbody, .table-02 tr, .table-02 td, .table-02 th {display: block;}
	.table-02 th, .table-02 td {padding: 10px 20px;}
	.table-02 thead {display: none;}
	.table-02 tbody th {display: none;}
	.table-02 tbody td {padding-left: 180px; border-left: 1px solid #ddd; border-bottom: none;}
	.table-02 tbody td:before {content: ""; position: absolute; top:0; left: 0; width: 150px; height: 100%; background: #eef1fa;}
	.table-02 tbody td:after {content: attr(title); display: block; position: absolute; top:50%; left:0; width: 150px; transform: translateY(-50%); text-align: center;}
	.table-02 tbody td:last-child {border-right: 1px solid #ddd;}
}

.table-03 {margin-top: 2.5rem; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-03 th, .table-03 td {padding:  20px 20px;}
.table-03 thead th {background: #eef1fa; border-top: 2px solid #323741;border-bottom: 1px solid #323741; color: #333; font-weight: 600; font-size: 1.9rem;}
.table-03 thead td {background: #eef1fa; border-right: 1px solid #ddd; color: #3566cc; text-align: center; font-weight: 600; font-size: 1.9rem;}

.table-03 tbody th {background: #f6f7f8; border-right:1px solid #ddd; color: #003872;}
.table-03 tbody td {position: relative; border-right:1px solid #ddd; text-align: center;}
.table-03 th:last-child {border-right: none;}
.table-03 td:last-child {border-right: none;}
.table-03 tfoot td{ background-color:#f1f1f1; text-align:center; font-weight:bold;}

.table-03-line {border-bottom: none !important;;}
.table-03-line2 {border-top: none !important;;}
@media screen and (max-width: 1024px){
	.table-03,.table-03 thead, .table-03 tbody, .table-03 tr, .table-03 td, .table-03 th {display: block;}
	.table-03 {border-bottom: none;}
	.table-03 th, .table-03 td {padding: 10px 20px;}
	.table-03 thead, .table-03 tfoot {display: none;}
	.table-03 tbody th {display: none;}
	.table-03 tbody td {padding-left: 120px; border-left: 1px solid #ddd;}
	.table-03 tbody td:before {content:""; position: absolute; top:0; left: 0; width: 100px; height: 100%; background: #eef1fa;}
	.table-03 tbody td:after {content: attr(title); display: block; position: absolute; top:50%; left:0; width: 100px; transform: translateY(-50%); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.table-03 tbody td:last-child {border-right: 1px solid #ddd;}
	.table-03 tr {margin-bottom: 20px; border-bottom: 1px solid #ddd;}
}

/*
.table-04 {margin-top: 2.5rem;font-size: 1.7rem;}
.table-04 tr {border-bottom: 1px solid #dcdcdc;}
.table-04 th {background: #f1f3f8;}
.table-04 th, .table-04 td {padding: 15px 20px;}
.table-04 th .sub-p2, .table-04 td .sub-p2 {padding-left: 0;}
@media screen and (max-width: 1024px){
	.table-04 th, .table-04 td {padding: 10px 15px;}
	
}
*/
/* 2024-09-09 테이블 사이즈 수정*/
.table-04 {margin-top: 2.5rem;font-size: 1.4rem;}
.table-04 tr {border-bottom: 1px solid #dcdcdc;}
.table-04 th {background: #f1f3f8;}
.table-04 th, .table-04 td {padding: 13px 18px;}
.table-04 th .sub-p2, .table-04 td .sub-p2 {padding-left: 0;}
@media screen and (max-width: 1024px){
	.table-04 th, .table-04 td {padding: 8px 13px;}
	
}




.table-05 {border-bottom: 1px solid #323741; font-family: 'Noto Sans KR', sans-serif; font-size: 1.7rem;}
.table-05 th {padding: 20px 30px; background: #f1f3f8; text-align: left; color: #333;}
.table-05 td {padding: 30px; border-top: none; line-height: 1.7;}
.sub-p2.table-05-title {padding: 70px 0 15px;}

.table-06 {border-bottom: 1px solid #323741; font-family: 'Noto Sans KR', sans-serif; font-size: 1.7rem;}
.table-06 th {padding: 10px 30px; background: #f1f3f8; text-align: left; color: #333; border-right: 1px solid #d1d1d1;}
.table-06 td {padding: 30px; border-top: none; border-right: 1px solid #d1d1d1; line-height: 1.7;}

.table-07 {border-bottom: 1px solid #dcdcdc; font-size: 1.7rem; }
.table-07 td, .table-07 th {border-top: none; text-align: center; word-break: keep-all;}
.table-07 td:first-child, .table-07 th:first-child {border-right: 1px solid #dcdcdc;}
.table-07 th {background: #f1f3f8;}
.table-07 td {padding-left: 20px; padding-right: 20px; text-align: left; font-size: 1.5rem;font-family: 'Noto Sans KR', sans-serif; }
.table-07 td:last-child, .table-07 th:last-child {border-right: none;} 

@media screen and (max-width: 499px){
	.table-07 td, .table-07 th {padding-left: 5px; padding-right: 5px;}
	.table-07 td:first-child {width: 60%;}
	
}

.table-08 {width: 100%; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-08 th, .table-08 td {padding: 20px;}
.table-08 thead th {background: #E8ECF5; color: #393A3B; font-weight:600;}
.table-08 tbody th {background: #F3F5F9; border-right: 1px solid #E1E2E4; color: #27578C; font-weight:600;}
.table-08 tbody tr:first-child {border-top: 1px solid #323741;}
.table-08 tbody th:last-child {border-right: none;}
.table-08 tbody td {background: #fff; border-right: 1px solid #E1E2E4; color: #484848;}
.table-08 tbody td:last-child {border-right: none;}
@media screen and (max-width: 499px){
	.table-08 th, .table-08 td {padding: 2%;}
}


.table-09 {margin-top: 2.5rem; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-09 th, .table-09 td {padding:  20px 20px;}
.table-09 thead th {background: #eef1fa; border-top: 2px solid #323741;border-bottom: 1px solid #323741; color: #333; font-weight: 600; font-size: 1.9rem;}
.table-09 thead td {background: #eef1fa; border-right: 1px solid #ddd; color: #3566cc; text-align: center; font-weight: 600; font-size: 1.9rem;}

.table-09 tbody th {background: #f6f7f8; border-right:1px solid #ddd; color: #003872;}
.table-09 tbody td {position: relative; border-right:1px solid #ddd; text-align: center; border-bottom: 1px solid #e3e6f0;}
.table-09 th:last-child {border-right: none;}
.table-09 td:last-child {border-right: none;}
@media screen and (max-width: 1024px){
	.table-09,.table-09 thead, .table-09 tbody, .table-09 tr, .table-09 td, .table-09 th {display: block;}
	.table-09 th, .table-09 td {padding: 10px 20px;}
	.table-09 thead {display: none;}
	.table-09 tbody tr { margin-bottom:10px;}
	.table-09 tbody th {display: none;}
	.table-09 tbody td {padding-left: 180px; border-left: 1px solid #ddd; border-bottom: none; text-align:left;}
	.table-09 tbody td:before {content: ""; position: absolute; top:0; left: 0; width: 150px; height: 100%; background: #eef1fa;}
	.table-09 tbody td:after {content: attr(title); display: block; position: absolute; top:50%; left:0; width: 150px; transform: translateY(-50%); text-align: center;}
	.table-09 tbody td:last-child {border-right: 1px solid #ddd; border-bottom:1px solid #ddd;}
}

.table-responsive01 {margin-top: 2.5rem; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-responsive01 tbody {border-top: 1px solid #323741;}
.table-responsive01 th, .table-responsive01 td {padding: 20px;}
.table-responsive01 th {border-right:1px solid #dcdcdc; background: #f1f3f8;}
.table-responsive01 th:last-child {border-right:none;}
.table-responsive01 td {position: relative; border-right:1px solid #dcdcdc; text-align: center; line-height:1.7;}
.table-responsive01 td:last-child {border-right: none;}

.table-responsive02 {margin-top: 2.5rem; border-bottom: 1px solid #dcdcdc; font-size: 1.7rem;}
.table-responsive02 tbody {border-top: 1px solid #323741;}
.table-responsive02 th, .table-responsive02 td {padding: 15px 20px;}
.table-responsive02 th {background: #003A7D; border-right:1px solid #dcdcdc; color: #fff;}
.table-responsive02 th:last-child {border-right:none;}
.table-responsive02 td {position: relative; border-right:1px solid #dcdcdc; background: #f1f1f1; text-align: center; line-height:1.7;}
.table-responsive02 td:last-child {border-right: none;}

@media screen and (max-width: 1023px){
	.table {font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem;}
}
@media screen and (max-width:767px) {
	.table {font-size: 1.2rem;}
	.table-responsive01, .table-responsive01 thead, .table-responsive01 tbody, .table-responsive01 tr, .table-responsive01 td, .table-responsive01 th  {display: block;}
	.table-responsive01 {border-bottom: none;}
	.table-responsive01 thead {display: none;}
	.table-responsive01 tr {margin-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
	.table-responsive01 td {position: relative; padding-left: 32%; text-align: left; font-size: 1.4rem;}
	.table-responsive01 td:before {content:attr(title); position: absolute; top:0; left:0; width:30%; height: 100%; background: #f1f3f8; line-height: 3.1; text-align: center;}
	.table-responsive01 td span {display: inline !important;}
	.table-responsive01 th:last-child {border-right:1px solid #dcdcdc;}
	.table-responsive01 td:last-child {border-right:1px solid #dcdcdc;}
	
	.table-responsive02, .table-responsive02 thead, .table-responsive02 tbody, .table-responsive02 tr, .table-responsive02 td, .table-responsive02 th  {display: block;}
	.table-responsive02 {border-bottom: none;}
	.table-responsive02 thead {display: none;}
	.table-responsive02 tr {margin-bottom: 10px; border-bottom: 1px solid #dcdcdc;}
	
	.table-responsive02 td {position: relative; padding-left: 32%; text-align: left; font-size: 1.4rem;}
	.table-responsive02 td:before {content:attr(title); position: absolute; top:0; left:0; width:30%; height: 100%; background: #003A7D; line-height: 3.0; text-align: center; color: #fff;}
	.table-responsive02 td span {display: inline !important;}
	.table-responsive02 th:first-child, .table-responsive02 td:first-child {border-top: none;}
	.table-responsive02 th:last-child {border-right:1px solid #dcdcdc;}
	.table-responsive02 td:last-child {border-right:1px solid #dcdcdc;}
}
@media screen and (max-width:599px){
	.table-responsive01 td {font-size: 1.2rem;}
}

/* 20201231 sychoi */
.awards-link {position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.awards-img {position: relative; width: 100%; height: 250px; overflow: hidden; overflow: hidden;}
.awards-link:after {content: ""; position: absolute; top:100%; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); transition: 0.4s; opacity:0;}
.awards-img img {position: absolute; top: -30px; left: 50%; transform: translateX(-50%); display: block; width: 110%; height:200px;}
.awards-more-text {
	position: absolute; top: 15px; left:50%; transform: translateX(-50%); width: calc(100% - 10px); height: 230px; padding: 10px; 
	color: #fff; font-size: 1.7rem; line-height: 1.7; 
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;
	transition: 0.4s; z-index:2; opacity: 0; overflow: hidden;
}
.awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {top:0; opacity: 1;}
.awards-link:hover .awards-more-text, .awards-link:active .awards-more-text, .awards-link:focus .awards-more-text {opacity: 1;}
.awards-detail {position: relative; padding: 15px; z-index: 2;}
.awards-detail:after {transform: rotate(90deg);}
.awards-link:hover .awards-detail:before, .awards-link:active .awards-detail:before, .awards-link:focus .awards-detail:before {background: #fff;}
.awards-link:hover .awards-detail:after, .awards-link:active .awards-detail:after, .awards-link:focus .awards-detail:after {background: #fff;}
.awards-title {position: relative; padding: 20px 0; width: 80%; font-weight: 600; font-size: 2.0rem; color: #666; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #fff;}
.awards-text-list {display: inline-block; font-size:1.7rem;}
.awards-text-list:after {content: "|"; padding: 0 10px;}
.awards-text-list:last-child:after {content: none;}

.sub-text .awards-link:hover, .sub-text .awards-link:active, .sub-text .awards-link:focus {text-decoration: none;}
@media screen and (max-width: 1023px){
	.awards-title {font-size: 1.6rem;}
	.awards-text-list {font-size: 1.2rem;}
	.awards-more-text {display: none; height: 190px; font-size: 1.4rem; -webkit-line-clamp: 8;}
	.awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {content: none;}
	.awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #000;}
	.awards-link:hover .awards-detail:before, .awards-link:active .awards-detail:before, .awards-link:focus .awards-detail:before {content: "";}
	.awards-link:hover .awards-detail:after, .awards-link:active .awards-detail:after, .awards-link:focus .awards-detail:after {content: "";}
}

.map-iframe {position: relative; height: 500px; background: #cdcdcd;}
.map-iframe a {position: relative;display: block; width:100%; height:100%; margin: 0.5% auto; overflow:hidden;}
.map-iframe img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: auto; border: none;}
.map-detail {position: relative; height: 80px; background: #f1f1f1;}
.map-detail-group {padding-left: 60px;}
.map-detail-list {display: inline-block; margin-right: 20px; line-height: 1.7;}
.map-btn {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.icon-bus {position: absolute; top: 0; left: 0; width: 80px; height: 100%; background: #3863e4 url(../../portal/img/sub/bus-icon.png) no-repeat center/contain;}
.icon-subway {background: #3863e4 url(../../portal/img/sub/subway-icon.png) no-repeat center/contain;}

@media screen and (max-width: 767px){
	.map-detail-group {padding: 0 10px 15px 93px;}
	.map-iframe {height: 200px;}
}

/* 20201223 sychoi */
#titWrap {width: 100%; padding: 0 0 0 0;}
#spotWrap {display: none;}
@media screen and (max-width: 1023px) {
	#spotWrap {display: block; width: 90%; margin: 0 auto; padding: 20px 0;}	
}
.tab_depth04 ul{border-bottom: 2px solid #5170cd;}
.tab_depth04> ul >li {margin: 0 0 0 0;}
.tab_depth04 >ul >li >a {padding: 20px 0; border-radius: 0; border-right: none; border-bottom: none; border-color: #d1d1d1; background-color: #fff; color: #777; transition: 0.4s;}
.tab_depth04 >ul >li:last-child > a {border-right: 1px solid #ccd0d3;}
.tab_depth04 .list03 >li {width: 33.333%;}
.tab_depth04 .list04 >li {width: 25%;}
.tab_depth04 .list05 >li {width: 20%;}
.tab_depth04 >ul >li >a.on {background-color: #5170cd; border-color: #5170cd; color: #fff;}
.tab_depth04 >ul >li >a.on:hover, .tab_depth04 >ul >li >a.on:focus {background-color: #1246ad; color: #fff;}
.tab_depth04 >ul >li >a:hover, .tab_depth04 >ul >li >a:focus {background-color: #fff;}
@media screen and (max-width: 768px) {
	.tab_depth04 .list03 >li, .tab_depth04 .list04 >li, .tab_depth04 .list05 >li {width: 50%;}
	.tab_depth04 >ul >li >a {border-bottom: 1px solid #ccd0d3;}
	.tab_depth04 .list03 >li:nth-child(2n) a {border-right: 1px solid #ccd0d3;}
	.tab_depth04 .list03 >li:last-child {width: 100%;}
	.tab_depth04 .list03 >li:last-child a { border-top: none; border-bottom: none;}
}
@media screen and (max-width: 640px){
	.tab_depth04 >ul >li >a {text-align: center;}
}


/* 230315 수상작 게시판 내용 */
.table-view .table-02 th, .table-view .table-02 td {border-color: #e3e6f0; padding: 10px 15px;}

.table-view .sub-h3 { color: #000; margin-bottom: -20px}
.table-view .sub-h4 {margin-bottom: -20px}
.table-view .sub-p2 { padding-left: 15px;}
.table-view .row {overflow: hidden;}
.table-view .no-gutters {  margin-top: -50px;}

.table-view .col-md-6 {float: left;}

.table-view .sub-p3 {margin-left: 0px; margin-top: 100px; max-width: 100%;}
.table-view .sub-p3 img {max-width: 100%;}

.table-view .before {display: none;}
.table-view .before .be_f { margin-right: 2%}
.table-view .before .be_img { float: left; width: 49%; /*box-sizing: border-box; overflow: hidden; height: auto; display: table-cell;vertical-align: middle;*/} 
/*.table-view .before .be_img:after { display: inline-block; height: 100%;  content: ""; vertical-align: middle;}*/
.table-view .before .be_img img { max-width: 100%; /*vertical-align: middle;*/}

.table-view .before .be_txt { float: left; width: 49%; box-sizing: border-box;}

.table-view .busi_table dt.first {border-top:1px solid #ddd; margin-top: 29px;}
.table-view .busi_table dd.first {border-top:1px solid #ddd;}
.table-view .busi_table dd.first:after { clear: both}
.table-view .busi_table dt { clear: left; border-color: #e3e6f0; padding: 15px 15px; background: #f6f7f8; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; color: #003872; width: 15%; float: left; box-sizing: border-box; text-align: center; vertical-align: middle; height: 60px;}
.table-view .busi_table dd {padding: 15px 15px;  border-bottom:1px solid #ddd; width: 85%; float: left;box-sizing: border-box;  vertical-align: middle;height: 60px;}

.table-view .busi_table dt.first2 {height: 88px;}
.table-view .busi_table dd.first2 {height: 88px;}

.table-view .busi_table dt.first3 {height: 115px;}
.table-view .busi_table dd.first3 {height: 115px;}


@media screen and (max-width: 1023px) {
.table-view .table-02 th {display: block;}
.table-view .table-02 td { text-align: center;}
.table-view .table-02 th, .table-view .table-02 td {padding: 7px 10px;}
.table-view .table-02 tbody td:before { background: none;}

.table-view .busi_table dt.first {margin-top: 23px;}
.table-view .busi_table dd.first {}
.table-view .busi_table dt { padding: 12px 15px;  height: 48px;}
.table-view .busi_table dd {padding: 12px 15px; height: 48px;}

.table-view .busi_table dt.first2 {height: 70px;}
.table-view .busi_table dd.first2 {height: 70px;}

.table-view .busi_table dt.first3 {height: 93px;}
.table-view .busi_table dd.first3 {height: 93px;}
}

@media screen and (max-width: 852px) {
.table-view .busi_table dt.first {margin-top: 24px;}
}

@media screen and (max-width: 776px) {
.table-view .sub-p3 {margin-top:0px;}
	
.table-view .table-02 th {display: block;}
.table-view .table-02 td { text-align: center;}
.table-view .table-02 th, .table-view .table-02 td {padding: 7px 10px;}
.table-view .table-02 tbody td:before { background: none;}

.table-view .busi_table dt.first {margin-top: 0; height: auto;}
.table-view .busi_table dd.first {border-top:none; height: auto;}
.table-view .busi_table dt { float: none; padding: 7px 15px;  height: auto; width: 100%; border-top:1px solid #ddd;  border-left:1px solid #ddd;}
.table-view .busi_table dd { float: none; padding: 0px 15px; height: auto; width: 100%; border-bottom:none; text-align: center;}

.table-view .busi_table dt.first2 {height: auto;}
.table-view .busi_table dd.first2 {height: auto;}

.table-view .busi_table dt.first3 {height: auto;}
.table-view .busi_table dd.first3 {height: auto;}
}

@media (min-width: 576px) {

.table-view .before {display: block;}
.table-view .before2 {display: none;}
}


/* 20201224 sychoi */
/* .board-view */

.table-view {position: relative; margin-bottom: 50px; border-color: #bcbcbc; border-top: 2px solid #333; font-size: 1.7rem; line-height: 1.7;}
.table-view:after {content: ""; position: absolute; bottom: -20px; left: 0; display: block; width: 100%; height: 1px; background: #d1d1d1;}
.table-view th {background: #f5f5f5; color: #333;}
.table-view th, .table-view td {border-color: #e3e6f0; padding: 15px 0;}
.table-view td {padding-left: 20px;}
.table-view tbody td {padding: 30px;}
.table-view .bt-none {border-top: none;}
.table-view .grey-box p {height:45px;}
.table-view .grey-box .icon-pdf {top: 75%;}
.table-view .grey-box .icon-hwp {top: 75%;}
.table-view .grey-box .icon-xls {top: 75%;}
.table-view .img_box img {display: block; width: 90%; margin: 15px auto;}
.table-view img {display: block; max-width: 1100px; width: auto; height: auto !important;  margin: 15px auto;}
.table-view img.icon-img {display: inline-block; width: auto; height: auto; margin: 0;}
.table-view iframe {display: block; overflow: hidden; height: 315px; width: 560px;}

.board-view-footer {margin: 30px 0; border-top: 1px solid #333;border-bottom: 1px solid #333;}
.board-view-footer .row {position: relative; padding: 0 30px; border-bottom: 1px solid #d1d1d1;}
.board-view-footer .row a {display: block;cursor: pointer;}
.board-view-footer a:hover,
.board-view-footer a:focus {outline: 2px dotted #222;outline-offset: 2px;}
.board-view-footer p,
.board-view-footer a p {line-height: 50px; font-size: 1.7rem; cursor: pointer;}
.arrow-up, .arrow-down {position: absolute; top:50%; left:0; transform: translateY(-50%); display: inline-block; width: 15px; height: 15px; margin-right: 10px;}
.arrow-up:after, .arrow-down:after {content: ""; position: absolute; width: 100%; height: 100%; background: url(../../portal/img/sub/arrow-up.png) no-repeat center/contain;}
.arrow-down:after {background-image: url(../../portal/img/sub/arrow-down.png);}
@media screen and (max-width: 1023px) {
	
	.table-view {font-size: 1.4rem;}
	.table-view th, .table-view td {padding: 10px 0;}
	.table-view thead th {display: none;}
	.table-view thead td {display: block; position: relative; padding-left: 22%; height: auto;}
	.table-view thead td:before {content: attr(date-label); position: absolute; top:0; left:0; width: 20%; height: 100%; background: #f5f5f5; color: #333; font-weight: 600; text-align: center; line-height:3;}
	.board-view-footer a p {line-height: 50px; font-size: 1.4rem;}
	.table-view img {width: 98%;}
	.table-view .img_box img {width: 100%;}
	
	.table-view td:after {content: ""; display: inline-block; width: 1px; height: 100%;}
	
}
@media screen and (max-width: 599px) {
	.table-view thead td {padding-left: 38%;}
	.table-view thead td:before {width: 35%;}
	.table-view iframe {width: 100%; height: 250px;}
}
/* p06-menu-group */
.p06-menu-group {padding: 20px 0; border-bottom: 1px solid #d1d1d1;}
.p06-menu-group:after {content: ""; display: block; clear: both;}
.p06-menu-list {float: left; width: 33.333%;}
.p06-menu-link {position: relative; display: block; margin: 0 10px; padding: 0 15px; font-size: 1.7rem; color: #333; line-height:40px;}
.p06-menu-link:after {content: ""; position: absolute; top:50%; left:-10px; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #333;}
@media screen and (max-width: 1023px){
	.p06-menu-list {width: 50%;}
}
@media screen and (max-width: 767px){
	.p06-menu-list {width: 100%;}
}


/* 20201224 sychoi */
.sub-select-wrapper:nth-child(2) {width: 300px;}
.sub-select-wrapper:nth-child(2) .sub-option {width: 300px;}
.sub-select-wrapper:nth-child(3) {width: 320px;}
.sub-select-wrapper:nth-child(3) .sub-option {width: 320px;}
.btn {font-size: 1.7rem;}
.btn.btn-search {font-size:inherit;}

@media screen and (max-width: 1023px){
	.btn {font-size: 1.4rem;}
}
/* 20201227 +add sychoi */
.sub-h4 {line-height:1.7;}
.sub-text .sub-p2 {padding-left: 20px;}
.sub-tab-group {margin: 20px 0;}

.sub-tab-chapter {margin: 10px auto 50px; padding: 20px; background: #f1f1f1;}
.tab-charter {width: 100%; text-align: center;}
.tab-charter li {position: relative; display: inline-block; padding: 0 2%;}
.tab-charter li:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 20px; background: #dcdcdc;}
.tab-charter li:last-child:after {content: none;}
.tab-charter a {position: relative; display: block; font-size: 1.7rem; color: #666;text-align: center; line-height: 3.0;}
.tab-charter a:before {content: ""; position: absolute; top:10px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: #5170cd; opacity: 0; transition: 0.4s;}

.tab-charter a.on {color: #5170cd;}
.tab-charter a.on:before {top:0px; opacity: 1;}
.chapter-title {padding: 40px 30px; background: #f1f1f1 url(../../portal/img/sub/06/p0606-icon-01.png) no-repeat 7% 50%/100px;}
.chapter-title.chapter01 {background-image: url(../../portal/img/sub/06/p0606-icon-01.png);}
.chapter-title.chapter02 {background-image: url(../../portal/img/sub/06/p0606-icon-02.png);}
.chapter-title.chapter03 {background-image: url(../../portal/img/sub/06/p0606-icon-03.png);}
.chapter-title.chapter04 {background-image: url(../../portal/img/sub/06/p0606-icon-04.png);}
.chapter-title.chapter05 {background-image: url(../../portal/img/sub/06/p06-06010202_01.png);}
.chapter-title.chapter06 {background-image: url(../../portal/img/sub/06/p06-06010204_01.png);}
.chapter-title.chapter07 {background-image: url(../../portal/img/sub/06/p0606-icon-05.png);}
.chapter-title.chapter08 {background-image: url(../../portal/img/sub/06/p0606-icon-06.png);}
.chapter-box {width: 80%; margin-left: 20%;}

.table-responsive03 {display: table; width: 100%; margin: 20px 0; border-top: 2px solid #323741; border-bottom: 1px solid #bcbcbc; font-size: 1.7rem; line-height: 1.7;}
.table-responsive03 thead {background: #f1f1f1; border-top: 2px solid #666; border-bottom: 2px solid #bcbcbc;}
.table-responsive03 td, .table-responsive03 th {padding: 15px 10px; text-align: center; border-right: 1px solid #e3e6f0;}
.table-responsive03 th {background: #f1f3f8; border-bottom: 1px solid #323741; color: #3d3d3d; font-weight: 700;}
.table-responsive03 td:last-child, .table-responsive03 th:last-child {border-right: none;}
.table-responsive03 tfoot {background: #f1f1f1; border-bottom: 1px solid #d1d1d1; font-weight: 600;}
@media screen and (max-width: 1279px){
	.table-responsive03 {font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem;}
}
@media screen and (max-width: 785px) {
    .chapter-title {background-size: 100px; background-position: 30px 30px;}
    .chapter-box {width: 70%; margin-left: 30%;}
    .table-responsive03 {font-size: 1.3rem;}
}
@media screen and (max-width: 500px) {
    .tab-charter a {font-size: 1.3rem;}
    .chapter-title {background-size: 80px; background-position: 20px 20px;}
    .table-responsive03 td, .table-responsive03 th {padding: 10px;}
    .table-responsive03 {font-size: 1.2rem;}
} 
.vis-h {visibility: hidden;}
.row > [class*="col-"], .row [class*="col-"] {margin: 5px 0;}
.sub-grey-box > [class*="col-"], .sub-grey-box [class*="col-"] {margin: 0;}
.board-topbar .row > [class*="col-"], .board-topbar .row [class*="col-"] {margin: 5px 0;}
.row.no-gutters > [class*="col-"], .row.no-gutters [class*="col-"] {margin: 5px 0;}
.no-gutters > .col, .no-gutters > [class*="col-"] {padding-bottom: 10px;}
.grey-border {padding: 10px; border: 1px solid #ededed;}
.emot01 .grey-box {position: relative; height: 300px; padding: 0px; overflow: hidden; border: 2px solid #f1f1f1;}
.emot01 .grey-box img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; height: auto; width: 110%;}
.emot02 .grey-box .sub-img {width: 100%;}
.emot02 .row.grey-box {position: relative; padding: 20px; }
.emot02 .grey-box {padding: 10px;overflow: hidden;}
.emot02 .grey-border.btn {background: #fff;}
.emot02 em {padding-left: 20px;}
/* 20201228 sychoi */
.sub-h2:after {content: none;}
.sub-title-inner:after {content: ""; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);width: 2px; height: 50px; background: #4966c8;}
.p06-menu-group {padding: 0; border-bottom: none;}

.tab_depth05 {margin: 10px auto 50px; border: none; background: #f1f1f1;}
.tab_depth05 ul {width: 100%; text-align: center;}
.tab_depth05 ul >li {position: relative; float: none; display: inline-block;}
.tab_depth05 ul >li a {padding: 10px 25px; text-align: center; transition: 0.4s;}
.tab_depth05 ul >li a.on, .tab_depth05 ul >li a:hover, .tab_depth05 ul >li a:focus {color: #5170cd; font-weight: 400;}
.tab_depth05 ul >li a.on {font-weight: 600;}
.tab_depth05 ul >li a.on:before, .tab_depth05 ul >li a:hover:before, .tab_depth05 ul >li a:focus:before {background-color: #5170cd;}
.tab_depth05 ul >li a >span {max-width: 100%; white-space: inherit;}
.tab_depth05 ul > li:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 20px; background: #dcdcdc;}
.tab_depth05 ul > li:last-child:after {content: none;}
.tab_depth05 ul >li a {position: relative; display: block; font-size: 1.7rem; color: #666;text-align: center; line-height: 3.0;}
.tab_depth05 ul >li a:before {content: ""; position: absolute; top:10px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: #5170cd; opacity: 0; transition: 0.4s;}
.tab_depth05 ul >li a.on:before {opacity: 1;}
.tab_depth05 ul.list01 >li {width: auto;}
.tab_depth05 ul.list01 >li a >span {max-width: 100%;}
.tab_depth05 ul.list02 >li {width: auto;}
.tab_depth05 ul.list03 >li {width: auto;}
.tab_depth05 ul.list04 >li {width: auto;}

@media screen and (max-width: 767px){
	.tab_depth05 ul >li a {padding: 5px 25px; font-size: 1.2rem;}
	.tab_depth05 ul >li a >span {font-size: 1.2rem;}
}

/* 20201229 sychoi */
.map-cd {padding-top: 50px;}
.icon-subway {background-size: 60%;}
.icon-bus {background-size: 60%;}
.map-detail-group {padding: 20px 20px 20px 58px;}
.map-detail {height: auto;}

.table {line-height: 1.7;}
.tab-chapter-group .tab-chapter-cont:first-child {display: block;}
.tab-chapter-cont {display: none;}

/* 20201230 sychoi */
.org-link {text-indent: -9999px;}
hr {border-color: #f1f1f1;}
.org-title {color: #666;}
.org-detail {display: none; position: fixed; top:0; left:0; width: 100%; height:100%; z-index: 10;}
.org-detail-bg {position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.org-cont {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 45%; height: 600px; padding: 15px 35px 40px; background: #fff; overflow-y: auto; transition: 0.4s;}
.org-cont-inner {position: relative; height: auto;}
.org-cont-inner i {display: block; width: 80%;}
.org-cont-inner p {line-height: 1.7;}
.org-cont-inner p:after {content: ""; display: block; clear: both;}
.org-close {position: absolute; top:0; right: 10px; width: 40px; height: 40px; background: transparent; border: none; text-indent: -9999px;}
.org-close:before, .org-close:after {content:""; position: absolute; top: 50%; left:0; width: 100%; height: 1px; background: #333;} 
.org-close:before {transform: rotate(45deg);}
.org-close:after {transform: rotate(-45deg);}
.btn-round {padding: 15px 80px; border-radius: 40px;}
@media screen and (max-width: 1399px){
	.org-cont {width: 65%;}
}
@media screen and (max-width: 1023px){
	.org-cont {width: 80%;}
	.btn-round {width: 50%; padding: 10px 15px;}
	.btn-center {width: 50%;}
	.org-close {right: -35px; top: -25px;}
	.org-close:before, .org-close:after {width: 50%;}
	
}
@media screen and (max-width:599px){
	.org-cont-inner i {width: 64%;}
	.emot01 .grey-box  {height: 200px;}
	.org-title {font-size: 1.6rem;}
	.org-link {display: none;}
	.org-cont {top: 110px; transform: translateX(-50%); height: 78vh;}
}
@media screen and (max-width:576px){
	.org-cont .sub-img {width: auto; height: auto; margin-top: 20px;}
	.org-cont-inner i {word-break: break-all;}
}
.emot01 .grey-box img {width: 65%;}
.kamco-blue {margin: 10px; padding: 20px; background: rgba(9,31,95); font-family: 'Noto Sans KR', sans-serif;color: #fff; font-size: 1.2rem;}
.kamco-red {margin: 10px; padding: 20px;background: #f00; font-family: 'Noto Sans KR', sans-serif;color: #fff; font-size: 1.2rem;}
.kamco-grey {margin: 10px; padding: 20px;background: #d1d1d1; font-family: 'Noto Sans KR', sans-serif;color: #fff; font-size: 1.2rem;}
.kamco-black {background: #000;}
.kamco-white {background: #fff;}

/* 20210104 sychoi */
.tv-img {width: 90%; height: 633px; margin: 0 auto;}
@media screen and (max-width: 1023px){
	.tv-img {height: 400px;}
}
@media screen and (max-width: 767px){
	.tv-img {height: 350px;}
}
@media screen and (max-width: 600px){
	.tv-img {height: 250px;}
}
.tv-img iframe {display: block; width: 100%; min-height:100%;}
.kamco-tv .awards-img {height: 200px;}
.kamco-tv .awards-img img {top:50%; left: 50%; transform: translate(-50%,-50%); width: 105%; height:auto;}
.tv-text {width: 90%; max-height: 250px; margin: 30px auto 50px; background: #f1f1f1; overflow-y: auto; }

.tv-text .sub-text {padding: 50px 50px;}
.kamco-tv .awards-more-text {position: relative; text-align: center; line-height: 230px;}
.kamco-tv .awards-more-text:before, .kamco-tv .awards-more-text:after {content: ""; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 2px; background: #fff;}
.kamco-tv .awards-more-text:after {transform: translate(-50%, -50%) rotate(90deg);}
.awards-link .sub-text a:hover, .awards-link .sub-text a:active, .awards-link .sub-text a:focus {text-decoration: none;}
.awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {text-decoration: none;}

.topmenu >h4 {position: relative; display: block; padding-top: 15px; font-size: 2.2rem; font-weight: 600;}
.topmenu >h4:before {content:""; position: absolute; top: 0; left: 0; width: 20px; height: 4px; background: url(../img/sub/sub-title.png) no-repeat center/cover;}
.submenu >ul >li >a {position: relative; display: block; padding-left: 16px; color: #3d3d3d; font-size: 1.8rem; font-weight: 600;}
.submenu >ul >li >a:before {content: ""; position: absolute; top: 0; left: 5px; width: 8px; height: 3px; background: #99ccf2; border: none;}
.submenu >ul >li >a + div {padding: 2rem 2rem; margin: 1rem 0 4rem;}
.submenu {margin-top: 10px;}

.spot_list a {line-height: 1.8;}
.spot_list >li:last-child >a {font-weight:600;}
.clFix:after {content: ""; display: block; clear: both;}
@media screen and (max-width: 1279px){
	.kamco-tv .awards-img {height: 200px;}
}
@media screen and (max-width: 1023px){
	.tab_depth04 >ul >li.list-5 >a {border: none; border-right: 1px solid #ccd0d3;}
	.tab_depth04 >ul >li.list-5:first-child >a {border-top: 1px solid #ccd0d3;}
	.tab_depth04 >ul >li.list-5:nth-child(2) >a {border-top: 1px solid #ccd0d3;}
	.tab_depth04 >ul >li.list-5:nth-child(2n-1) >a {border-left: 1px solid #ccd0d3;}
	.kamco-tv .awards-img {height: 160px;}
	.kamco-tv .awards-img img {height: 100%; width: auto;}
}
@media screen and (max-width: 767px){
	.kamco-tv .awards-img {height: 300px;}
	.kamco-tv .awards-img img {height: auto; width: 100%;}
}
@media screen and (max-width: 639px){
	.kamco-tv .awards-img {height: 260px;}
	.btn_wrap >a, .btn_wrap >input, .btn_wrap >button {height:35px; line-height: 12px;}
	.tv-text {max-height: 150px;}
}
@media screen and (max-width: 499px){
	.kamco-tv .awards-img {height: 200px;}
	.kamco-tv .awards-img img {height: 100%; width: auto;}
}
@media screen and (max-width: 399px){
	.kamco-tv .awards-img {height: 180px;}
	.kamco-tv .awards-img img {top: 62%; height: auto; width: 100%;}
}
.btn_wrap >a, .btn_wrap >input, .btn_wrap >button {padding: 1.1rem 1.6rem;}



/* 20230315 작품집 */
.e-book-box {height: auto;}
.e-book-box img { max-width: 100%;  border: 1px solid #d1d1d1; box-sizing: border-box;}
.sub-text .row2 {margin-right: 0.75rem; margin-left: 0.75rem;}

/* 20210105 sychoi */

.ci-box {height: 200px; border: 1px solid #d1d1d1; background: #f7f7f7 url(../../portal/img/sub/01/p01-030102_01.png) no-repeat center/90%;}

.ci-box.box1 {
	background-image: url(../../portal/img/sub/01/p01-030101_01_1.png),url(../../portal/img/sub/01/p01-030101_00.png);
	background-size: 25%, cover; 
}
.ci-box.box2 {
	background-image: url(../../portal/img/sub/01/p01-030101_02_1.png),url(../../portal/img/sub/01/p01-030101_00.png);
	background-size: 50%, cover;
}
.ci-box.box3 {background-image: url(../../portal/img/sub/01/p01-030101_03.png);}
.ci-box.box4 {background-image: url(../../portal/img/sub/01/p01-030101_04.png);}
.ci-box.box5 {background-image: url(../../portal/img/sub/01/p01-030101_05.png);}
.ci-box.box6 {background-image: url(../../portal/img/sub/01/p01-030101_06.png);}

.ci-box.box01 {background-image: url(../../portal/img/sub/01/p01-030102_01.png);}
.ci-box.box02 {background-image: url(../../portal/img/sub/01/p01-030102_02.png);}
.ci-box.box03 {background-image: url(../../portal/img/sub/01/p01-030102_03.png);}
.ci-box.box04 {background-image: url(../../portal/img/sub/01/p01-030102_04.png);}
.ci-box.box05 {background-image: url(../../portal/img/sub/01/p01-030102_05.png);}
.ci-box.box06 {background-image: url(../../portal/img/sub/01/p01-030102_06.png);}
.ci-box.box07 {background-image: url(../../portal/img/sub/01/p01-030102_07.png);}
.ci-box.box08 {background-image: url(../../portal/img/sub/01/p01-030102_09.png);}
.ci-box.box09 {background-color: #111; background-image: url(../../portal/img/sub/01/p01-030102_10.png);}
.ci-box.box10 {background-image: url(../../portal/img/sub/01/p01-030102_11.png);}
.ci-box.box11 {background-color: #111; background-image: url(../../portal/img/sub/01/p01-030102_12.png);}
.text-psd {color: #3566cc !important;}
.text-ai {color: #f39700 !important;}
.text-gif {color: #999 !important;}
.tab_depth04 >ul >li >a {letter-spacing: inherit;}
.tab_depth04 >ul >li >a:hover, .tab_depth04 >ul >li >a:active, .tab_depth04 >ul >li >a:focus {color: #333; background-color: #eee;}
.tab_depth04.op_mg >ul >li >a[target=_blank]:after {content: "";width: 14px;height: 12px;float: right;margin: 3px -20px 0 0;background: url(../../portal/img/sub/icon_link_01.png) no-repeat -23px 0/contain;}

.tab_depth04.op_mg ul {border-bottom: none;}
.tab_depth04.op_mg> ul >li {width: 25%;}
.tab_depth04.op_mg >ul >li >a {border: 1px solid #596C91; padding-left: 20px; margin: 5px; background: #fff; text-align: left; color: #111; font-weight: 600; letter-spacing: inherit;}
.tab_depth04.op_mg >ul >li >a:hover, .tab_depth04.op_mg >ul >li >a.on, .tab_depth04.op_mg >ul >li >a:focus, .tab_depth04.op_mg >ul >li >a:active {background: #3266CC; color: #fff;}

.tab_depth05.op_mg {padding: 0 20px; border: 2px solid #eee; background: transparent;text-align: center;}
.tab_depth05.op_mg ul {text-align: center;}
.tab_depth05.op_mg ul:after {content: ""; display: block; clear: both;}
.tab_depth05.op_mg ul >li {float: left;}
.tab_depth05.op_mg ul >li.list-2 {width: auto;}
.tab_depth05.op_mg ul > li:after {content: none;}
.tab_depth05.op_mg ul >li a:before {top: 10px; left: 0; transform: translateX(0);width: 100%; height: 50px; border-radius: 40px; background: #f3f5f9; z-index: -1;}
.tab_depth05.op_mg  ul >li a >span, .tab_depth05.op_mg  ul >li a:before {line-height: 1;}

.tab_depth05 ul >li.list-2, .tab_depth05 ul >li.list-3, .tab_depth05 ul >li.list-4, .tab_depth05 ul >li.list-5, .tab_depth05 ul >li.list-6 {width: auto;}

@media screen and (max-width: 1023px){
	.tab_depth04.op_mg >ul >li >a {font-size: 1.4rem;}
	.tab_depth05.op_mg >ul >li >a {font-size: 1.4rem; line-height: 2.0;}
	.tab_depth05.op_mg ul >li a:before {height: 34px;}
	
	.tab_depth04 .list-3:nth-child(1), .tab_depth04 .list-3:nth-child(2) {border-bottom: none;}
	.tab_depth04 >ul >li.list-3:nth-child(2) >a {border-right: 1px solid #d1d1d1;}
	
	.tab_depth05 .list-3:nth-child(1), .tab_depth05 .list-3:nth-child(2) {border-bottom: none;}
}
@media screen and (max-width: 767px){
	.tab_depth04.op_mg> ul >li {width: 50%;}
	.tab_depth04.op_mg >ul >li >a {position: relative; padding: 11px 4px; overflow: hidden;}
	.tab_depth05.op_mg ul >li {width: 50%;}
	.tab_depth05.op_mg ul >li >a {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	
	.tab_depth04 >ul >li.list-3 >a {border-bottom: none;}
}
@media screen and (max-width: 599px){
	.tab_depth04.op_mg >ul >li >a {font-size: 1.2rem;}
	.tab_depth04 >ul >li >a >span {max-width: 80%;}
}
.mgn-dp01 {float: left; width: 25%;}
.mgn-dp01 a {position: relative; display: block; margin: 0 5px; font-weight: 600; word-break: keep-all;}
.mgn-dp01 > li > a,.mgn-dp01 > li > p {padding: 30px 0; background: #326FBF; color: #fff; text-align: center; font-size: 1.7rem;  cursor: default;}
.mgn-dp01 > li > p {position: relative; display: block; margin: 0 5px; font-weight: 600; word-break: keep-all;}

.mgn-dp02 > li > a, .mgn-dp03 > li > a {padding: 15px 25px 15px 12px; background: #E3E4E8; border-bottom: 1px solid #fff; color: #111; font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; font-size: 1.4rem;}
.mgn-dp02 > li > p {margin: 0 5px; font-weight: 600; word-break: keep-all; cursor: default;
	padding: 15px 25px 15px 12px; background: #E3E4E8; border-bottom: 1px solid #fff; color: #111; font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; font-size: 1.4rem;}

.mgn-dp03 > li > a {background: #f2f2f2; border-bottom: 1px solid #D2D2D2;}
.mgn-dp03 > li > a:before, .mgn-dp03 > li > p:before{content: " - "}
.mgn-dp03 > li > a.sub:before, .mgn-dp03 > li > p.sub:before{content: " · "}
.mgn-dp03 > li > a.sub {  /*background: #f9f9f9*/}
.mgn-dp03 > li > p {margin: 0 5px; font-weight: 600; word-break: keep-all; cursor: default;
	padding: 15px 25px 15px 12px; background: #f2f2f2; border-bottom: 1px solid #D2D2D2; color: #111; font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; font-size: 1.4rem;}

.mgn-dp04 {margin: 0 5px; font-weight: 600; word-break: keep-all; text-align: center; cursor: default;}
.mgn-dp04 > li {padding: 15px 25px 15px 12px; background: #bdd7ee; border-bottom: 1px solid #fff; color: #111; font-family: 'Noto Sans KR', sans-serif; line-height: 1.7; font-size: 1.4rem;}

.mgn-dp01 a[target=_blank]:after {position: absolute; top:50%; right: 10px; transform: translateY(-50%); content: "";width: 16px;height: 16px;background: url(../../portal/img/sub/icon_link_02.png) no-repeat center/contain;}

.mini-square01 {position: relative; padding-left: 35px;}
.mini-square01:before {content: ""; position: absolute; top: 50%; left:10px; transform: translateY(-50%); width: 16px; height: 16px; background: #E3E4E8; border: 2px solid #777;}
.mini-square02 {position: relative; padding-left: 35px;}
.mini-square02:before {content: ""; position: absolute; top: 50%; left:10px; transform: translateY(-50%); width: 16px; height: 16px; background: #ad5f00;}


@media screen and (max-width: 1023px){
	.mgn-dp01 {float: left; width: 33.333%;}
	.mgn-dp01 > li > a, .mgn-dp02 > li > a, .mgn-dp03 > li > a, .mgn-dp02 > li > P, .mgn-dp03 > li > P {padding: 10px 25px 10px 12px; font-size: 1.2rem;}
	.mgn-dp01 > li > a {padding: 20px 0;}
	.mgn-t04 { clear: both; margin-top: 50px;}
}
@media screen and (max-width: 767px){
	.mgn-dp01 {float: left; width: 50%;}
	.mgn-t03 { clear: both; margin-top: 35px;}
	.mgn-t04 { clear: none; margin-top: 35px;}
}

/* 20210106 sychoi */
.initial-group li {display: inline-block; width: 37px; height: 37px; margin-bottom: 5px;}
.initial-group li a {display: block; height: 100%; border: 1px solid #d1d1d1; background: #f9f9f9; color: #666; font-weight: 600; font-size: 1.7rem; line-height: 37px; text-transform: uppercase;}
@media screen and (max-width: 767px) {
	.initial-group li a {font-size: 1.2rem;}
}
.highlight{font-weight:bold; color:#FF0000;}


/* 20210113 sychoi */
.contact-call {position: relative; padding: 20px 10px 20px 110px; border: 2px solid #ededed;}
.contact-call:before, .contact-call:after {content:""; position: absolute; left:0;}
.contact-call:before {top:0; width: 80px; height: 100%; background: #3863e4;}
.contact-call:after {top: 50%; left:25px; transform: translateY(-50%); width: 30px; height: 30px; background: url(../img/sub/tel-icon.png)no-repeat center/contain;}
.contact-call.fax:after {background-image: url(../img/sub/01/fax-icon.png);}
.contact-call.loca:after {background-image: url(../img/sub/01/p01-icon01.png);}
.contact-call.subway:after {background-image: url(../../portal/img/sub/subway-icon.png);}
.contact-call.bus:after {background-image: url(../../portal/img/sub/bus-icon.png);}
.contact-call .sub-h4, .contact-call .sub-p2 {display: inline-block;}
.contact-call .sub-h4 {margin: 0;}
.contact-call .sub-p2 {margin-bottom: 0;}
@media screen and (max-width: 767px){
	.contact-call {padding-left: 85px;}
}

/* 20210114 smpark*/
.btn_x {text-align:right; margin-right:25px;}

/* 20210114 sychoi */
.btn {word-break: keep-all;}
.form-control {height: 45px; line-height:0; border-radius: 0;}
.btn.form-control {padding: 0; border: none; line-height: 1;}

.dpt-linebox {border: 1px solid #ddd; border-top: 2px solid #323741;}
.dpt-box {padding: 20px 40px; background: #f7f7f7; border-bottom: 1px solid #ddd;}
.dpt-detail {position: relative; display: inline-block; padding-right: 20px; font-size: 1.7rem; color: #777; line-height: 1.5; word-break: keep-all;}
.dpt-detail:after {content: ""; position: absolute; top:50%; right:7px; transform: translateY(-50%); width: 1px; height: 70%; background: #ddd;}
.dpt-detail:last-child:after {content: none;}
.rating-group {padding: 30px 40px;}
.grey-hr {width: 100%; height: 1px; background: #e3e6f0;}
.darkgrey-hr {width: 100%; height: 2px; margin: 20px 0; background: #323741;}
.grey-center-img {position: relative; background: #e9ebf0; height: 200px; padding:  3rem 10%;}
.grey-center-img img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display: block; width: 80%; height: auto;}

.ceo-history {padding-top: 50px;}
.ceo-history .row > [class*="col-"], .ceo-history .row [class*="col-"] {margin: 0;}
.ceo-history p {display: inline-block; padding-left:0; padding-right: 10px; margin-left: 0;}

@media screen and (max-width: 1279px) {
	.rating-box .form-control {font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif;}
	.dpt-detail {font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif;}
	.rating-group .sub-h6 {font-size: 1.3rem; font-family: 'Noto Sans KR', sans-serif;}
}

@media screen and (max-width:599px){
	.form-control {height: 30px;}
	.btn.form-control {line-height: 1; font-size: 1.2rem;}
}


/* 20210118 sychoi */
.sr-box {background: #F3F5F9;}
.sr-inner {padding: 40px;}
.sr-inner:after {content: ""; display: block; clear: both;}
.sr-input {float: left; width: 70%;}
.sr-btn {float: left; width: 8%; margin-left: 2%;}
.sr-btn-detail {float: left; width: 15%; margin-left: 5%}
.sr-btn-detail .btn.show .icon-img {transform: rotate(0deg);}
.sr-btn-detail .btn .icon-img {transform: rotate(180deg); transition: 0.4s;}
.sr-keyword {clear: both; width: 70%; margin: 0 auto; padding-top: 40px; font-family:'Noto Sans KR', sans-serif; }
.sr-keyword:after {content: ""; display: block; clear: both;}
.search-pop li.sr-keyword-title {font-weight: 600; color: #3266CD;}
.sr-box .form-control {height: 60px; font-family:'Noto Sans KR', sans-serif;}

.sr-cheak-box {display: none; background: #F3F5F9; margin: 30px 0 90px; font-size: 1.7rem;}
.sr-cheak-detail {position: relative;}
.sr-cheak-detail:before {content: ""; position: absolute; top:0; left:0; width: 130px; height: 100%; background: #E9EBF0;}
.sr-cheak-detail:after {content: attr(title); position: absolute; top: 50%; left: 34px; transform: translateY(-50%); font-size: 1.7rem; font-weight: 600; color: #333;}
.sr-cheak-detail li {display: inline-block; padding: 25px 5px;}
.sr-cheak-detail ul {padding-left: 150px;}
.sr-cheak-detail label {font-size: 1.7rem;}

.search-pop {text-align: center;}
.search-pop li {display: inline-block; padding: 0 20px; font-size: 1.7rem; color: #666;}
.search-pop a {display: block; color: #666; line-height: 1.7;}
.uni-search {margin: 50px 0;}
.uni-search.row {margin-left:0; margin-right:0; margin-bottom: 70px;}
.uni-search-formgroup li {display: inline-block; padding: 3px 15px; font-size: 1.7rem; color: #666;}
.uni-search-formgroup label {padding-left: 10px; vertical-align: middle;}
@media screen and (max-width: 1279px){
	.sr-box {font: 1.5rem 'Noto Sans KR', sans-serif;}
	.sr-box .btn {font: 1.5rem 'Noto Sans KR', sans-serif;}
	.sr-box .form-control {font: 1.5rem 'Noto Sans KR', sans-serif;}
	.sr-keyword h4 {font: 1.5rem 'Noto Sans KR', sans-serif; line-height: 1.7;}
	.sr-btn {width: 10%; margin-left: 2%;}
	.sr-btn-detail {width: 16%; margin-left: 2%;}
	.sr-keyword {width: 78%;}
	.sr-cheak-box {font: 1.5rem 'Noto Sans KR', sans-serif;}
	.search-pop li {font: 1.5rem 'Noto Sans KR', sans-serif;}
	.sr-cheak-detail label {font: 1.5rem 'Noto Sans KR', sans-serif;}
}
@media screen and (max-width: 1023px){
	.uni-search {display: none;}
	.sr-cheak-box {display: none;}
	.sr-btn-detail {display: none;}
	.sr-input {width: 78%;}
	.sr-btn {width: 20%;}
	.sr-keyword {width: 90%;}
	
	.sr-box {font-size: 1.4rem;}
	.sr-box .btn {font-size: 1.4rem;}
	.sr-box .form-control {font-size: 1.4rem;}
	#conts h4 {font-size: 1.8rem;}
}
@media screen and (max-width: 959px){
	.sr-keyword {width: 100%; padding-top: 10px;}
	.search-pop li {padding: 0 10px; font-size: 1.2rem;}
}
@media screen and (max-width: 767px){
	.sr-inner {padding: 15px;}
	.sr-btn input[type="submit"] {padding: 0;}
	.sr-input {width: 68%;}
	.sr-btn {width: 30%;}
	.sr-box .form-control {height: 50px;}
}
/* iframe */
.movie_box {position: relative; width: 100%; height: 700px; background: rgba(0,0,0,0.1);}
.movie_box iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: rgba(0,0,0,0.1);}
@media screen and (max-width: 767px) {
	.movie_box {height: 250px;}	
}

/* 20210120 sychoi */
.tab_depth04.op_mg ul {overflow: visible;}
.tab_depth04.op_mg li {position: relative;}
.tab_depth04.op_mg .icon-img {position: absolute; top:38%;right: 15px; margin: 0 5px 0 4px;}
.tab_depth04 a >span.plus {position: relative; width: 94%; height: 100%;}
.tab_depth04 a >span.plus:before, .tab_depth04 >ul >li >a >span.plus:after {content: ""; position: absolute; top:9px; right:0; width: 15px; height:1px; background: #3266CC;}
.tab_depth04 a >span.plus:before {transform: rotate(90deg);}
.tab_depth04 .op_mg_list {/*display: none;*/ position: absolute; top: 70px; left:0; width: 100%; z-index: 2;}
.tab_depth04 .op_mg_list { visibility: hidden; opacity: 0; transition: all 0.5s; }
.tab_depth04 .op_mg_list.open { visibility: visible; opacity: 1; transition: all 0.5s; }
/* .tab_depth04.op_mg> ul >li:hover .op_mg_list {display: block;} */
.tab_depth04 .op_mg_list li a {display: block; padding: 20px; margin: 0 5px; border-bottom: 2px solid rgba(255,255,255,0.5); background: #E4EDF8; font-weight: 600; font-size: 1.7rem; transition: 0.3s;}
.tab_depth04 .op_mg_list li a span {display: block; width:92%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_depth04 .op_mg_list li a:hover, .tab_depth04 .op_mg_list li a:active, .tab_depth04 .op_mg_list li a:focus {border-color: #C4D3F2; background: #C4D3F2;}
.tab_depth04.op_mg > ul > li > a > span {display: block; margin-right: 20%;}
@media screen and (max-width: 1023px){
	.tab_depth04 >ul >li >a {padding: 16px 0;}
	.tab_depth04 .op_mg_list {top:45px;}
	.tab_depth04.op_mg .icon-img {right: 10px;}
	.tab_depth04 .op_mg_list li a {padding: 10px 20px; font-size: 1.4rem;}
	.tab_depth04.op_mg >ul >li >a {font-weight: 400;}
	.tab_depth04 .op_mg_list li a {font-weight: 400;}
}
@media screen and (max-width: 767px){
	.tab_depth04 .op_mg_list {top:50px;}
	.tab_depth04 .op_mg_list li a {padding: 13px 10px; font-size: 1.2rem;}
	.tab_depth05.op_mg ul >li a {padding: 10px 25px;}
	
	.tab_depth05 .list-4:nth-child(1), .tab_depth05 .list-4:nth-child(2) {border-bottom: none;}
	.tab_depth05 ul > li:after {content: none;}
	.tab_depth04 a >span.plus:before, .tab_depth04 >ul >li >a >span.plus:after {top: 7px;}
	.tab_depth04.op_mg >ul >li >a {display: block;}
	.tab_depth04 a >span.plus {max-width: 100%;}
	.tab_depth04 >ul >li >a >span {max-width: 80%;}
	
}
@media screen and (max-width: 499px){
	.tab_depth04.op_mg .icon-img {top:32%;}
	.tab_depth04.op_mg .icon-img {right: 6px;}
}
.tv-box {padding: 50px 0;background:url(/../portal/img/sub/07/p07-0105_01.png) no-repeat center/contain;}
.bod_page >span, .bod_page >a {width: 30px; height:30px; border-radius: 50%; transition: 0.4s;}
.bod_page >span:hover, .bod_page >a:hover {text-decoration: underline;}

/* 2021-01-26 */
@media screen and (max-width:1023px){
	.spot_list {padding-top:10px;}
	.spot_list li:first-child {display: none;}
	.spot_list li:nth-child(2):before {content: none;}
	#spotWrap {width: 96%; padding: 0; line-height: 1.7; font-size: 1.4rem;}
	#titWrap {background: #eee; padding:0;}
}




.tv-h3{
	position: relative;
	display: block;
	margin-bottom: 40px;
	text-align: center;
	font-size: 3.2rem;
	line-height:1.4;
	color: #111;
	font-weight: 600;
	z-index: 3;	
}

/* 2021-01-29 */
.sub-img.mobile {display: block; width: 100%; height: auto;}
.sub-img.pc {display: none;}
.scroll-img-mobile {display: block; width: 100%; height: auto;}
.scroll-img-pc {display: none;}
/* 2024-09-09*/
html{scroll-behavior: smooth;}

@media screen and (min-width: 768px){
	.sub-img.mobile {display: none;}
	.sub-img.pc {display: block;}
	.scroll-img-mobile {display: none;}
	.scroll-img-pc {display: block;}
}
.sub-title-line2 {display: none;}
.ceo-talkbox {position: relative; padding-bottom: 30px; font-size: 3.2rem; font-weight: 600; color: #3266CD; line-height: 1.4;}
/*.ceo-talkbox:after {content: ""; position: absolute; bottom: 0; right:0;width: 110%; height: 1px;background: #3266CD; z-index: 0;}*/
.ceo-talkbox p {word-break: keep-all;}
.scroll-text {display: none;}
.scroll-img {display: block; width: auto; margin:0 auto;}
.map-org-mobile {display: none;}
@media screen and (max-width :1279px){
	.pc {display: none;}

	
}
@media screen and (max-width: 1023px){
	.ceo-talkbox p {font-size: 2.0rem; font-weight: 600;}
	.tablet {display: none;}
}
@media screen and (max-width: 767px){
	.ceo-talkbox {margin-bottom: 30px;}
	.sub-h4 {font-size: 1.6rem!important; font-weight: 600; color: #666;}
	.btn {font-size: 1.2rem;}
	.sub-footer {display: none;}
	.mobile {display: none;}
	.map-org-mobile {display: block;}
}
@media screen and (max-width: 576px) {
	.ceo-talkbox {padding: 0 60px;}
	.ceo-talkbox p {font-size: 1.7rem;}
	.ceo-talkbox:before, .ceo-talkbox:after {content: ""; position: absolute; width: 47px; height:41px;}
	.ceo-talkbox:before {top:0; left:0; background: url(../../portal/img/sub/01/p01-0201_m1.png) no-repeat center/contain;}
	.ceo-talkbox:after {top:0; right:0; background: url(../../portal/img/sub/01/p01-0201_m2.png) no-repeat center/contain;}
	.table-07 td {font-size: 1.1rem;}
	
	.org-group p.sub-h4 {font-size: 1.3rem !important;}
	.org-title span {font-size: 1.4rem;}
	.org-right {padding-left: 17px;}
	.map-detail-group {padding: 20px;}
	
	.contact-call .sub-h4 {font-size: 1.5rem !important;}
}
@media screen and (max-width: 499px) {
	.awards-title {width: 98%;}
	.scroll-imgbox {width: 100%; overflow-x: scroll;}
	.scroll-text {display: block; width: 200px; height:50px; margin: 0 auto; background: url(../../portal/img/sub/icon_touch_1.png) no-repeat center/contain; text-indent: -9999px;}
}

/* 2021-01-30 */
@media screen and (max-width: 767px){
	.tab_depth04 .list-4:nth-child(1), .tab_depth04 .list-4:nth-child(2) {border-bottom: none;}
	.tab_depth04 >ul >li.list-4:nth-child(1) >a, .tab_depth04 >ul >li.list-4:nth-child(2) >a {border-bottom: none;}
	.tab_depth04 >ul >li.list-4:nth-child(2) >a  {border-right: 1px solid #ddd;}
}
@media screen and (max-width: 499px){
	.awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {top:100%; opacity: 0;}
	.awards-link:hover .awards-more-text, .awards-link:active .awards-more-text, .awards-link:focus .awards-more-text {opacity: 0;}
	.awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #000; text-decoration: none;}
	.sub-p3 {margin-left: 0;}
	.grey-box {padding: 15px 2%;}
}
.map-org-mobile a {display: block; width: 100%; padding: 10px 0; text-align: center; border: 1px solid #ddd;}
.map-org-mobile .circle02 {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; line-height: 80px;}
.map-org-mobile .circle03 {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; line-height: 80px;}

/* .onbid-box */
.onbid-box {padding: 20px; margin: 20px 0 0 0; border: 2px solid #ddd;}
.onbid-box .row .col:first-child {display: flex; flex: 0 0 10%; max-width: 10%;}
.onbid-box .row .col:nth-child(2) {display: flex; flex: 0 0 60%; max-width: 60%;}
.onbid-box .row .col:last-child {display: flex; flex: 0 0 30%; max-width: 30%; justify-content: flex-end;}

.onbid-box .row .col:first-child p {position: relative; font-size: 2.2rem; font-weight: 600; color: #003A7D;}
.onbid-box .row .col:first-child p:after {content: ""; position: absolute; top: 50%; right: -47%; transform: translateY(-50%); width: 2px; height: 50px; background: #ddd; }
.onbid-box .row .col:nth-child(2) p {font-size: 1.7rem; line-height: 1.7; word-break: keep-all;}
.onbid-box .row .col:last-child .btn {padding: 10px 20px;}
/* .국유-box */
.onbid-box .row .col2:first-child {display: flex; flex: 0 0 15%; max-width: 15%;}
.onbid-box .row .col2:nth-child(2) {display: flex; flex: 0 0 55%; max-width: 55%;}
.onbid-box .row .col2:last-child {display: flex; flex: 0 0 30%; max-width: 30%; justify-content: flex-end;}

.onbid-box .row .col2:first-child p {position: relative; font-size: 2.2rem; font-weight: 600; color: #003A7D;}
.onbid-box .row .col2:first-child p:after {content: ""; position: absolute; top: 50%; left: 109%; transform: translateY(-50%); width: 2px; height: 50px; background: #ddd; }
.onbid-box .row .col2:nth-child(2) p {font-size: 1.7rem; line-height: 1.7; word-break: keep-all;}
.onbid-box .row .col2:last-child .btn {padding: 10px 20px;}

@media screen and (max-width: 1279px){
	.onbid-box .row .col:first-child {flex: 0 0 10%; max-width: 10%;}
	.onbid-box .row .col:nth-child(2) {flex: 0 0 55%; max-width: 55%;}
	.onbid-box .row .col:first-child p:after {content: none;}
	.onbid-box .row .col:last-child {flex: 0 0 35%; max-width: 35%;}
	
	.onbid-box .row .col2:first-child {flex: 0 0 17%; max-width: 17%;}
	.onbid-box .row .col2:nth-child(2) {flex: 0 0 48%; max-width: 48%;}
	.onbid-box .row .col2:first-child p:after {content: none;}
	.onbid-box .row .col2:last-child {flex: 0 0 35%; max-width: 35%;}
}
@media screen and (max-width: 1023px){
	.onbid-box .row .col:first-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col:nth-child(2) {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col:last-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col:nth-child(2) p {font-size: 1.4rem; text-align: center;}
	
	.onbid-box .row .col2:first-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col2:nth-child(2) {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col2:last-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col2:nth-child(2) p {font-size: 1.4rem; text-align: center;}
	#conts {padding: 0;}
}
/* view_cont */
.view_cont .row {margin-right: 0; margin-left: 0;}
.sub-text .row {margin-right: 0; margin-left: 0;}

.btn_wrap >a {background: #003872; color: white; transition: 0.4s;}
.btn_wrap >a:hover, .btn_wrap >a:focus, .btn_wrap >input:hover, .btn_wrap >button:hover {background: #002551; color: white;}

/* 2021-03-05 */
@media screen and (max-width: 1023px){ 
	.tab_depth04> ul >li.list-6:nth-child(3) > a {border-right: 1px solid #d1d1d1;}
} 
@media screen and (max-width: 767px) {
	.tab_depth04> ul >li.list-6 > a {border-bottom: none;}
	.tab_depth04> ul >li.list-6:nth-child(3) > a {border-right: none;}
	.tab_depth04> ul >li.list-6:nth-child(4) > a {border-right: 1px solid #d1d1d1;}
}


/* 추가 / 20211029 */
.disB {display:block;}

.stxt1 {margin-left: 20px;}

@media (max-width:1279px) {
	
.disB {display:inline;}
	
}




/* 20230927 추가  */
.img_box1 {border:1px solid #ddd;width:100%;height:auto;padding:10px;text-align:center;}
.img_h330 {max-height:330px;}
.max_w100 {max-width:100%}
.p06-title {padding: 20px 0;font-weight: 600;font-size: 2.0rem;color: #666;}


/* 20240202 추가 */
.dis_table {display:table;}
.dis_tacell {display:table-cell;}
.ver_m {vertical-align:middle;}
.ceo-talkbox p.b_txt {font-size:4rem;}


@media screen and (max-width: 1023px) {
	.ceo-talkbox p.b_txt {font-size:2.8rem;}
	
}

@media screen and (max-width: 767px) {
	.dis_tacell {display:inherit;}
	.ceo-talkbox p.b_txt {font-size:2.5rem;}
	
	.profile .col-2 {flex:initial;max-width:initial;}
	.profile .col-10 {flex:initial;max-width:initial;}
}

@media screen and (max-width: 576px) {
	.ceo-talkbox p.b_txt {font-size:2.2rem;}
	.sub-text {padding:0 10px;}
}

/* 20240726 추가 */
.esg_line_box {border: 2px solid #0fbdf0;background: #fff;padding:7%;margin-top: -37.5%;}
.esg_tit_img {padding: 0 20%;}
.esg_tit_img .sub-img {max-width: 202px;}

.esg_wrap2 .esg2_box {padding:0 2%;min-width:250px;}
.esg_txt {height: 100%;max-height: 500px;min-height:250px;margin-top:45%}
.esg_txt p {padding-left:10px !important;}

.esg_t_wrap img {width:100%;padding:5px;}
.esg_t1 td {vertical-align:top;}


@media (max-width: 1440px) {
	
	.esg_wrap2 .esg2_box {padding: 0 1%;}
	.esg_line_box {padding:5%;}
	.esg_txt {min-height: 300px;}
}

@media (max-width: 1300px) {
	
	.esg_txt {min-height: 320px;}
	
}

@media (max-width: 1024px) {
	.esg_line_box {padding: 10px;margin-top:-130px;}
	.esg_tit_img .sub-img {width:100%;min-width:120px;}
	.esg_txt {min-height: 280px;margin-top: 140px;}
	.esg_txt p {padding-left: 0px !important;text-align: center;}
}

@media (max-width: 991px) {
	.esg_wrap2 .esg2_box {margin-bottom:20px;}
	.esg_txt {min-height: fit-content;margin-bottom: 20px;}
}

/* 20240808 추가 */
.font-f1 {font-family: 'Noto Sans KR', 'Malgun gothic', '맑은고딕', sans-serif;}

/* 20240820 추가 */

.privacy-wrap .table th, .privacy-wrap .table td {vertical-align: top;}
.privacy-wrap .table-08 th,.privacy-wrap .table-08 td {padding:10px;}
.privacy-table {font-size:10px;table-layout:fixed;word-break:break-word;}
@media screen and (max-width:768px){
	.privacy-wrap {position: relative;width:100%; overflow-x: auto;overflow-y: hidden}
	.privacy-wrap .table-08 .privacy-table {width:690px}
}

/* 241203 데이터 안심구역 페이지 추가 */
.s06-logo {max-width: 300px;min-width: 200px;width: 80%;}
.blue-box {padding: 35px 45px; background: #3566cc;}

@media screen and (max-width:499px){
	.grey-box img.auto-img {width: 130px;}
	.blue-box {padding: 2.5%;}
}
	
	
#ImageMapsCom-image-maps-2020-12-16-020308 area:focus {
	cursor: pointer;
	outline: 2px dotted #f00;
	outline-offset: 2px;
}

/* 250730 2분기 홈페이지 점검*/
.esg-str {}
.esg-str .esg-tit {background:#003671;font-size:1.563em;color:#fff;text-align:center;font-weight:bold;padding:30px 0;margin: 0 20px 30px;}
.esg-str .str-box.no1 {background:#ddf1f0; color:#04716a}
.esg-str .str-box.no2 {background:#e2e9f9; color:#2f60c6}
.esg-str .str-box.no3 {background:#ececf8; color:#5957cf}
.esg-str .str-box.no4 {background:#f5f5f5; color:#151515}
.esg-str .str-box {padding:30px;margin:0 15px;min-height: 740px}
.esg-str .str-box .str-box-tit .row {align-items:center;}
.esg-str .str-box .str-box-tit {font-size:1.3em;}
.esg-str .str-box .str-box-tit span {font-size: 1.68em;font-weight: bold;display:inline-block;margin-right:5px}
.esg-str .str-box .str-box-txt {padding: 0 30px}
.esg-str .str-box .str-box-txt .s-tit {font-size:1.3em;font-weight:bold;padding:20px 0 15px;}
.esg-str .str-box .str-box-txt ul {border-bottom:1px dotted #b5b5b5;padding: 0 0 20px }
.esg-str .str-box .str-box-txt ul:last-child {border-bottom:none;padding: 0}
.esg-str .str-box .str-box-txt ul li {font-size:1.25em; padding:5px 0;color:#555}

@media screen and (max-width:1024px){
	.esg-str .esg-tit {font-size: 1.2em;}
	.esg-str .str-box {padding:20px 0;min-height:600px}
	.esg-str .str-box .str-box-tit span {font-size: 1.4em;}
	.esg-str .str-box .str-box-tit {font-size: 1em;}
	.esg-str .str-box .str-box-txt .s-tit {font-size:1em;padding:15px 0;}
	.esg-str .str-box .str-box-txt ul li {font-size:0.98em;}
	.esg-str .str-box .str-box-txt {padding: 0 15px}
}
@media screen and (max-width:767px){
	.esg-str .str-box {margin:0; min-height:auto}
	.esg-str .esg-tit { margin: 0 10px 15px;}
	.esg-str .str-box .str-box-tit {padding:0 15px}
}