@charset "utf-8";

#section1 {	
	background-image:url('../img/aboutus/submain01_bg.jpg');
	background-position: 50% 0%;
}
#section2 {
	background-image:url('../img/aboutus/submain02_bg.jpg');
}
#section3 {
	background-image:url('../img/aboutus/submain03_bg.jpg');
}
#section4 {
	background-color:#f4f4f4;
	background-image:url('../img/aboutus/submain04_bg.jpg');
	background-size:cover;
	background-position: 50% 100%;
}
#section5 {
	background-color:#fff;
	background-image:url('../img/aboutus/submain05_bg.png');
	background-size: 100%;
}
.section {	
	background-position:50% 100%;
	background-size:cover;
	background-repeat: no-repeat;
}

.section .title {
	line-height:1.4em;
}

#section2 .title { padding-top: 60px !important; }
#section2 .txt li span.num {font-size:25px;font-weight:700;color:#ffa200;line-height:30px}
#section2 .txt li span.activity { font-weight: 500; font-size: 17px; }
#section2 .txt li {background:rgba(255,255,255,0.8) no-repeat;color: #4d4740;text-align: left; word-break: keep-all;line-height: 1.5; }
#section2 .txt h3 {padding-bottom:12px}

/* ie9 */
#section4 .ie9 {width:90%}
#section4 .img-wrap {position: relative;max-width:232px;margin:0 auto}
#section4 .img-wrap .tit {position: absolute;bottom: 0;width: 100%;padding:5px;background-color: rgba(77, 71, 64, 0.6);color:#fff;text-align:center;font-weight:700;font-size:0.889em}
#section4 .btn {min-width:1px}

/* pages2dpt : CI */
.ci-big {display:block;margin:60px auto; max-width: 400px !important; padding-right: 30px; }
.ci-color .box {margin:0 0 15px 0 !important;width: 100%;height:30px}
.ci-color .org {background-color:#ffa200}
.ci-color .gr {background-color: #7f7f7f}
.ci-color .bk {background-color: #000}
.list-bi li .bi-img {width:100%;border: #d9d9d9 1px solid; text-align: center}
.list-bi li .btn-area {margin-top:5px;text-align: center}
.ci-slogan { text-align: center; }
.ci-slogan .box-info { float: none; padding: 40px; margin: 0 auto; }
.ci-slogan .box-info .bi-img1 img { width: 90%; }
.ci-slogan .box-info .bi-img2 img { width: 50%; }
.ci-slogan .box-info .bi-img1.en img { width: 100%; }
.ci-slogan .box-info .bi-img2.en img { width: 75%; }
.ci-slogan .box-info .slogan { min-height: 220px; }

.ci_combination img { width: 90%; padding: 30px; }

/* pages2dpt : history */
.history-wrap {background:url('../img/aboutus/bg_history_line.png') repeat-y;background-position: 50% 0;}
.history-wrap h2 {padding:25px 10px;background-color:#fff}
.history-wrap li {margin-bottom:8px;background:url('../img/bul_dot_org.png') no-repeat;word-break: keep-all}
.history-wrap .desc:nth-child(odd) li {padding-left: 14px;background-position: 0 10px}
.history-wrap .desc:nth-child(even) li {padding-right: 14px;background-position: 100% 10px;text-align:right}
.history-wrap .desc:nth-child(even) .history-img {float: right}

/* pages2dpt : organization */
.sub-wrap .committee h3 {font-family: 'nanum-square-r','malgun gothic';font-weight:600;font-size:1.25em;}
.sub-wrap .committee h3 .point { margin-right: 0; }
.committee li {margin-bottom:4px; font-size: 15px; letter-spacing: -1px; }
.committee .text-bold {display: inline-block;margin-right:7px}
.committee .box-info {margin-bottom:20px;padding: 15px;text-align:center}
.committee h5 {color:#ffa200;font-size:1.125em;font-weight: 600;}
.sub-wrap .structure h3 {font-weight:700;font-size:1.176em; margin-bottom: 0; }
.sub-wrap .structure .row { padding-top: 10px; }
.structure li {font-size:0.889em;padding-left:10px;background: url('../img/bul_dot_bk.png') 0 12px no-repeat}
.people h3 {margin-bottom: 20px;text-align:center;}
.people li {margin-bottom: 40px}
.people li .txt {padding-top:8px;border-top:#ccc 1px solid}
.people li .txt .text-bold{display: block;}
.office .box-info {margin-bottom:20px;padding: 15px;}
.office .team {float: left;width:20%;margin-top:20px;padding-right:20px;padding-left:20px;font-size:15px}
.office .team dt {font-weight:700}
.office .etc-txt {margin-top:20px;padding:15px 20px;background-color: #fafafa;font-size:15px}
.office .bul-line {margin:0 15px; color: #ccc;}

.box_ic_b { padding: 30px 10px 0px 10px !important; margin-bottom: 10px; }
.ic_b_item { float: left; width: 12.5%; text-align: center; }
.ic_b_item img { width: 60%; }
.btn_ic_b { text-align: center; margin-top: 10px; margin-bottom: 100px; }

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

.ci-slogan .box-info .slogan { min-height: 170px; }

}

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

.cibi .sub-wrap .desc { float: left; width: 100%; }
.ci-slogan .box-info .slogan { min-height: 130px; }

}

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

.ci_combination img { width: 100%; }
.ci-slogan .box-info .slogan { min-height: 130px; padding: 0; }

}

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

.ci_combination .col-lg-6 { margin-bottom: 0; }
.ci_combination .col-lg-6:first-child { margin-bottom: 20px; }
.ci_combination img { padding: 0; }
.ci-slogan .box-info .slogan { min-height: auto; }
.ci-slogan .box-info .kr { margin-bottom: 30px; }
.ci-slogan .box-info .bi-img1.en img { width: 90%; }
.ci-slogan .box-info .bi-img2.en img { width: 65%; }

}

@media only screen and (min-width:1px) and (max-width:999px) {
.ex_header .section .intro {padding-top:92px}

#section2 .txt h3 {overflow:hidden;position:absolute;width:1px;height:1px;line-height:0;text-indent:-9999px}
#section2 .txt li {margin-bottom:0;padding-top:0;padding-bottom:5px;font-size:14px}
#section2 .txt li span.num { font-size: 15px; }

.history-wrap .desc:nth-child(even) li {padding-left: 14px;padding-right: 0;background-position: 0 5px;text-align: left}
.history-wrap {background:none}
.history-wrap h2 {padding:0}
.structure {background: none}
.structure .team-special .col-lg-6:nth-last-child(1) .og2 {float:none}
.structure .og2, .structure .team dl {margin:0 auto}
.mission h4 {text-align: center}
.people li {margin-bottom:10px}
.office .team {width:100%;}
.office .team br { display: none; }

#section4 .img-wrap, .s2 .swiper-slide .btn {max-width:160px}

}

@media only screen and (min-width:1000px) {	
.section .intro {
	padding-top:260px;
}
#section0 .intro {
	padding-top:260px;
}
.ex_header .section .intro {
	padding-top:260px;
}
.ex_header .section .intro {
	padding-top:260px;
}
.section .title {
	font-size: 2.267em;
}
#section2 .txt {width:100%;margin:0 auto;}
#section2 .txt li {height:160px;padding:20px;background-position:20px 33px;font-size:14px}
#section2 .txt li span {display:block;float:left;}
#section2 .txt li span.num {width:12%}
#section2 .txt li span.activity {width:88%}

/* aboutus */
.history-wrap h2 {font-size: 3em;}
.structure .box-gr {min-height: 155px;}
.structure .box-gr .row { padding-top: 10px; }
.sub-wrap .committee .par {margin-bottom:20px}

#section4 .img-wrap, .s2 .swiper-slide .btn {max-width:232px}
}

@media only screen and (min-width:1280px) {
#section2 .txt {width:80%;margin:0 auto;}
}

@media only screen and (min-width:1367px) {
#section2 .txt li {padding:25px 25px;font-size:16px}
}

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

.ci-slogan .box-info { padding: 30px; }
.ci-slogan .box-info li { padding: 0; margin: 0; }
.ci-slogan .box-info .bi-img1 img { width: 74%; margin-bottom: 30px; }
.ci-slogan .box-info .bi-img2 img { width: 45%; }
	
}