@charset "utf-8";

.only-img img {width:100%;}
.ori {display:block; margin:0 auto;  }
.res {display:none;}

.ori-img {display:block;}
.res-img {display:none;}

 
 /*=============================================================
					   메인비주얼
=============================================================*/
/* main_visual */
#main_visual { position:relative; width:100%; height:100%; overflow:hidden;}

#main_visual .slogan {position: absolute; top: 50%; transform: translateY(-50%); text-align:center;color:#fff;width:100%;}
#main_visual .slogan .tit {font-size:42px;font-weight:600;margin-bottom:15px;}
#main_visual .slogan .txt {font-size:30px;font-weight:400;}

#main_visual .visual_slider-control {position:absolute; top:50%; margin-top:-40px; left:0; z-index:99999; width:100%; box-sizing:border-box; text-align:center; padding:10px 0;}
#main_visual .visual_slider-control span {position:absolute; top:0; display:block; width:90px; height:90px; text-indent:-9999px; cursor:pointer;}
#main_visual .visual_slider-control span.leftarrow {left:5%; background-position:0 0; background:url(visual_prev.png) no-repeat center; }
#main_visual .visual_slider-control span.rightarrow {right:5%; background-position:-35px 0; background:url(visual_next.png) no-repeat center; }

@media screen and (max-width: 499px) {
	#main_visual .slogan .tit {font-size:24px;font-weight:600;margin-bottom:15px;}
	#main_visual .slogan .txt {font-size:16px;font-weight:400;}

}


.slide01 {background: url(visual01_bg.jpg) no-repeat center; background-size:cover; overflow: hidden}
.slide01 .visual_txt {position: absolute; top: 100px; left: 50%; margin-left: -630px; z-index: 1;}
.slide01 .location_map {position:relative;  width:820px; height: 700px; background: url(visual01_map.png) no-repeat center; background-size: 100%; margin-top: -73px; float: right; margin-right: 200px;}
.slide01 .location_map .locationBox {position: absolute; left: 50%;}
.slide01 .location_map .locationBox a {font-size:14px;}
.slide01 .location_map .locationBox a span {color:#114243;}
.slide01 .location_map .locationBox.nu01 {top:100px; margin-left: 50px; text-align: center}
.slide01 .location_map .locationBox.nu01 span {display: block;}
.slide01 .location_map .locationBox.nu02 {top:200px; margin-left: -40px;}
.slide01 .location_map .locationBox.nu03 {top:265px; margin-left: -100px;}
.slide01 .location_map .locationBox.nu04 {top:300px; margin-left: 120px;}
.slide01 .location_map .locationBox.nu05 {top:360px; margin-left: -120px;}
.slide01 .location_map .locationBox.nu06 {top:460px; margin-left: -150px;}
.slide01 .location_map .locationBox.nu07 {top:440px; margin-left: 10px;}
.slide01 .location_map .locationBox.nu08 {top:450px; margin-left: 160px;}
.slide01 .location_map .locationBox.nu09 {top:560px; margin-left: -165px;}
*/


/*=============================================================
							메인콘텐츠 
=============================================================*/
.main_section {position:relative; width:100%; padding:60px 0; box-sizing:border-box; }

/*===== main_sec01 =====*/
#main_sec01 { padding:0;  }

.uist_tit { position:absolute; top:-50px; z-index:999;}
ul.res-uist_list {display:none;}
ul.uist_list { width:100%; font-size:0; box-sizing:border-box; overflow:hidden; margin:10px 0px 10px 0px;text-align:center;}
ul.uist_list:first-of-type { border-bottom:0px solid #ccc; }
ul.uist_list li { position:relative; float:left;padding:30px 0; font-size:18px; width:20%; text-align:center; box-sizing:border-box; overflow:hidden;}
ul.uist_list li::after {position:absolute; top:50px; left:0; width:1px; height:50px; background:#ccc; content:'';}

ul.uist_list li.u_bn05::before {position:absolute; top:50px; right:0; width:1px; height:50px; background:#ccc; content:'';} 
/* ul.uist_list li.u_bn02::after before{ display:none; }
ul.uist_list li:first-of-type::after { display:none;} */

ul.uist_list li a {display:block; color:#212121; padding:100px 0px 0px 0px; background-repeat:no-repeat; background-position:center top; text-decoration:none; }
ul.uist_list li:hover { background:#ededed;border-radius:100px; }
ul.uist_list li:hover a { color:#000; }
ul.uist_list li.u_bn01 a {background-image:url(Icon_001.png);}
ul.uist_list li.u_bn02 a {background-image:url(Icon_002.png);}
ul.uist_list li.u_bn03 a {background-image:url(Icon_003.png);}
ul.uist_list li.u_bn04 a {background-image:url(Icon_004.png);}
ul.uist_list li.u_bn05 a {background-image:url(Icon_005.png);}
ul.uist_list li.u_bn06 a {background-image:url(Icon_006.png);}

ul.uist_list li.u_bn01 a:hover {background-image:url(Icon_001.png);}
ul.uist_list li.u_bn02 a:hover {background-image:url(Icon_002.png);}
ul.uist_list li.u_bn03 a:hover {background-image:url(Icon_003.png);}
ul.uist_list li.u_bn04 a:hover {background-image:url(Icon_004.png);}
ul.uist_list li.u_bn05 a:hover {background-image:url(Icon_005.png);}
ul.uist_list li.u_bn06 a:hover {background-image:url(Icon_006.png);}

/*===== main_sec02 =====*/
#main_sec02 {background:#efefef; box-sizing:border-box; overflow:hidden;padding:40px 0px 40px 0px; }
/*tinner_sec*/
.inner_sec {position:relative; overflow:hidden; box-sizing:border-box;}
.inner_sec-box {border:7px solid #cccccc; border-radius:0px;padding:15px 20px 15px 20px;margin-left:20px;}
.inner_secion-title {position:relative; width:100%; overflow:hidden;  }
.inner_secion-title span {position:absolute; right:0; top:0px; width:40px; height:40px; border:1px solid #969696; border-radius:0px; box-sizing:border-box; overflow:hidden;}
.inner_secion-title span a {display:block; width:100%; height:100%; text-indent:-99999px; background:url(plus_icon.png) no-repeat center; }
.inner_secion-title h6 {color:#2b2b2b;}

.inner_sec#boards {float:left; width:40%;}
.inner_sec#scholarship {float:left; width:40%;}
.inner_sec#banner {float:left; width:20%; text-align:center; margin: 0 0 0 0; }

/*===== main_sec02a =====*/
#main_sec02a {background:#fdf7e5; box-sizing:border-box; overflow:hidden;padding:40px 0px 40px 0px; }
/*tinner_sec*/
.inner_sec {position:relative; overflow:hidden; box-sizing:border-box;padding:0 8px;}
.inner_sec-box {border:5px solid #cccccc; border-radius:0px;padding:15px 20px 15px 20px;margin-left:20px;}
.inner_secion-title {position:relative; width:100%; overflow:hidden;  }
.inner_secion-title span {position:absolute; right:0; top:0px; width:40px; height:40px; border:1px solid #969696; border-radius:0px; box-sizing:border-box; overflow:hidden;}
.inner_secion-title span a {display:block; width:100%; height:100%; text-indent:-99999px; background:url(plus_icon.png) no-repeat center; }
.inner_secion-title h6 {color:#2b2b2b;}

.inner_sec#boards {float:left; width:40%;}
.inner_sec#scholarship {float:left; width:40%;}
.inner_sec#banner {float:left; width:20%; text-align:center; margin: 0 0 0 0; }

/* 장학급 지급현황 */
.scholarship {position:relative;}
.scholarship .top {width:100%;}
.prev-btn {position:absolute; right:0; top:0;}
.next-btn {position:absolute; right:45px; top:0;}
.scholarship .top .tit1 {font-size:1.647em;font-weight:500;color:#333;line-height:1.4}
.scholarship .top .txt1 {font-size:1.2em;}
.scholarship .top .rollbtn2 {position:relative; overflow:hidden;float:right;padding:0px 0px 0px 150px;}

.scholarship .buttom {width:100%;margin-top:0px;height:150px;}
.scholarship .buttom .tit1 {font-size:1.647em;font-weight:500;color:#333;line-height:1.4;margin-right:20px;}
.scholarship .buttom .txt1 {font-size:1.6em;color:#1bb2dd;font-weight:500;}
.scholarship .buttom img {float:left; display: inline-block;padding:10px 0px 0px 0px;height:100%;}

@media screen and (max-width: 499px) {
	.scholarship .buttom img {display:none;}

}

/* 우측버튼 */
.banner {width:100%;margin:1% 0 0 5%;}
.banner .top {background:#205ecf;margin:0 0 5% 0; height:120px;}
.banner .btt {background:#73b62c;height:120px;}
.banner .top1 {background:#a36432;margin:0 0 5% 0; height:120px;}
.banner .btt1 {background:#945e5e;height:120px;}
.banner .txt {float:left; color:#fff; font-size:18px;padding: 30px 0px 0px 30px;}

.banner .txt1 {float:left; color:#fff; font-size:18px;padding: 30px 0px 0px 30px;}
.banner img {float:right; display: inline-block;padding:25px 30px 0px 0px;}

@media screen and (max-width: 980px) {
	.banner .top {float:left; width:49%; background:#205ecf;height:120px;}
	.banner .btt {float:right; width:49%;background:#73b62c;height:120px;}
	.banner .top1 {float:left; width:49%; background:#a36432;height:120px;}
	.banner .btt1 {float:right; width:49%;background:#945e5e;height:120px;}
	
	ul.uist_list {margin:10px 0px 10px 0px}

}
@media screen and (max-width: 599px) {
	.banner .top {float:left; width:100%; background:#205ecf;height:120px;}
	.banner .btt {float:right; width:100%;background:#73b62c;height:120px;}
	.banner .top1 {float:left; width:100%; background:#a36432;height:120px;}
	.banner .btt1 {float:right; width:100%;background:#945e5e;height:120px;}
	
	ul.uist_list {margin:10px 0px 10px 0}
	ul.uist_list li { position:relative; float:left;padding:30px 0; font-size:15px; width:33.33%;}
	
	.inner_sec-box { padding:15px;}
	.scholarship .top .tit {font-size:1.3em;}
	.scholarship .top .txt {font-size:1em;}
	
	.scholarship .top .tit1 {font-size:1.3em;}
	.scholarship .top .txt1 {font-size:1em;}
	.scholarship .buttom { margin-top:5px;}

}

/*===== main_sec03 =====*/
#main_sec03 {background:#fff; box-sizing:border-box; overflow:hidden; padding:40px 0px 0px 0px;}

.inner_sec3 {position:relative; overflow:hidden; box-sizing:border-box;border: 1px solid #bdbcbc; padding: 10px; }
.inner_secion3-title {position:relative; width:100%; overflow:hidden;  }
.inner_secion3-title span {position:absolute; right:0; top:0px; width:40px; height:40px; border:1px solid #969696; border-radius:0px; box-sizing:border-box; overflow:hidden;}
.inner_secion3-title span a {display:block; width:100%; height:100%; text-indent:-99999px; background:url(plus_icon.png) no-repeat center; }
.inner_secion3-title h6 {color:#2b2b2b;}

ul.uist_list3 { width:25%; font-size:0; box-sizing:border-box; overflow:hidden; margin:10px 0px 10px 50px;}
ul.uist_list3:first-of-type { border:1px solid #333; }
ul.uist_list3 li { position:relative; float:left;padding:30px 50px; font-size:18px; width:15%; text-align:center; box-sizing:border-box; overflow:hidden; }
ul.uist_list3 li::after { position:absolute; top:50px; left:0; width:1px; height:50px; background:#ccc; content:'';}

.inner_sec3#photo {float:left; width:68%;padding:10px; border: 1px solid #bdbcbc; }
.inner_sec3#telephone { float:right; width:30%; text-align:center; }

.photozone {width: 100%; color:#333; padding:15px 0; text-align:center; font-size:16px; }


.telzone {width:100%; color:#333; padding:15px 10px; text-align:center; font-size:16px;margin-left:0px; border-top:2px solid #333;}
.telzone .tel {font-size:2.0em;font-weight:500;color:#333;line-height:1.4;padding:0px 0px 20px 0px;text-align:center;border-bottom:1px solid #333;}
.telzone .tel img {padding:0px 20px 10px 0px;}
.telzone .txt {font-size:1em;color:#333;font-weight:300;padding:20px 0px 20px 0px;}


.fes_li {margin-top: 20px !important;}
.fes_list {width: 100%;display: flex; justify-content:space-between; flex-wrap: wrap;}
.fes_list li {width: 23%; position: relative;}
.fes_list li .fes_flag {left: 20px; top: 0px; width: 46px; height: 44px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 13px; position: absolute; z-index: 10;}

.fes_list li a {background: rgb(240, 240, 240); height: 250px; display: block; position: relative;}
.fes_list li a .fes_img {height: 250px; text-align: center; overflow: hidden;}
.fes_list li a .fes_img img {transition:0.3s;}
.fes_list li a:hover .fes_img img {	transform: scale(1.2);}
.fes_list li a .fes_info {background: rgb(255, 255, 255); padding: 10px 10px; left: 50%;transform:translate(-50%,0); width: 245px; height: 120px; bottom: 20px; position: absolute;}
.fes_list li a .fes_info span {text-align: center; color: rgb(117, 117, 117); font-size: 13px; display: block;}
.fes_list li a .fes_info .fes_bar {margin: 10px auto; width: 40px; height: 0px;}
.fes_list li.t01 a .fes_info .fes_bar {border-top-color: rgb(223, 103, 103); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t02 a .fes_info .fes_bar {border-top-color: rgb(46, 167, 189); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t03 a .fes_info .fes_bar {border-top-color: rgb(54, 121, 190); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t04 a .fes_info .fes_bar {border-top-color: rgb(247, 189, 23); border-top-width: 3px; border-top-style: solid;}
.fes_list li a .fes_info strong {text-align: center; color: rgb(0, 0, 0); line-height: 30px; overflow: hidden; font-family: "Nanum Myeongjo", "batang", serif; font-size: 25px; margin-bottom: 12px; display: block; max-height: 60px;}
.fes_list li a .fes_info p {margin: 0px; text-align: center; color: rgb(102, 102, 102); font-size: 14px;}



@media screen and (max-width: 1200px) {
.telzone {padding:10px 10px;}

}


.t_btn {margin-left:10px;}
.t_btn .l {float:left;background:#74a336;width:49%;padding:15px 0; text-align:center; font-size:18px;color:#fff;}
.t_btn .r { float:right;background:#a36432;width:49%;padding:15px 0; text-align:center; font-size:18px;color:#fff;}

@media screen and (max-width: 980px) {
	#telephone { width: 100%; }
	
.inner_sec3#photo {float:left; width:100%;}
.inner_sec3#telephone { float:right; width:100%; text-align:center; }
.inner_sec-box { margin-left:0;}
.banner {margin:1% 0 0 0%;}
.fes_list li {width: 48%;margin:1% 0 0 0%; position: relative;}
.fes_list li:nth-child(2) {float:left;}
.fes_list li:nth-child(3) {margin-top: 20px;}
.fes_list li:nth-child(4) {margin-top: 20px; float:right;}
}


/* 포토갤러리*/
.photo_image { text-align: left;}
.photo_image li {position: relative; display: inline-block; width: 32%; margin: 0 1% 0 0;}
.photo_image li span {display: inline-block; width: 100%; margin: 10px 0 0 0;}
.photo_image li:last-child {margin-right: 0;}
.photo_image img {position: relative; display: inline-block; width: 100%; z-index: 1;}
/*.photo_image li:before {content: ''; width: 80%; height: 100%; margin: 0 auto; background-color: rgba(0,0,0,0.1); position: absolute; bottom: -12px; left: 10%; box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1); z-index: 1;}*/

@media screen and (max-width: 980px) {
	#telephone { width: 100%; }
	.photozone { width: 100%; }
	.photo_image li {position: relative; display: inline-block; /*width: 100%; margin: 0 1% 0 0;*/}

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

}


/*tabs*/
ul.tabs {}
ul.tabs li { position:relative; float:left; font-size:24px; padding:10px 0; color:#2d2d2d; text-align:center;  box-sizing:border-box; border-left:0; cursor:pointer; font-weight:700; }
ul.tabs li::after { position:absolute; top:27px; left:0; width:2px; height:2px; background:#ccc; content:'';}
ul.tabs li:first-of-type::after { display:none; }
ul.tabs li.active { color:#333;}

/*===== photo =====
#photo {}
.main_photo-slider { float:right; width:280px !important; height:280px; box-sizing:border-box; overflow:hidden;  }
.main_photo-slider .item { float:left;  width:280px; height:280px; }
.owl-item { width:280px; height:280px; }*/


/*===== boards =====*/
#boards {}
.noticeBox ul { width:100%; overflow:hidden;}
.noticeBox ul li.new::after { display:none; }
.noticeBox ul li.new {position:relative; width:100%; overflow:hidden; box-sizing:border-box; padding-left:90px; padding-top:10px; padding-bottom:10px;letter-spacing:-1px; background:#fff; margin:10px 0 20px 0;  }
.noticeBox ul li.new .date { position:absolute; top:0px; left:0; font-size:17px; color:#fff; font-weight:600; text-align:center; background:#3d505c; padding:5px 10px; font-family: 'Montserrat', sans-serif; }
.noticeBox ul li.new .date span { display:block; position:static; width:100%; font-size:13px; color:#fff; font-family: 'Montserrat', sans-serif; }
.noticeBox ul li.new a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; color:#454545;}
.noticeBox ul li { position:relative; width:100%; padding:0 20px; box-sizing:border-box; overflow:hidden;border-bottom: 1px solid #bbbbbb; }
.noticeBox ul li::after { position:absolute; top:15px; left:0; width:3px; height:3px; background:#000; content:'';}
.noticeBox ul li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#555; font-size:16px; box-sizing:border-box; padding:3px 0;}
.noticeBox ul li a:hover {color:#0060a1;}
.noticeBox ul li span {position:absolute; top:10px; right:10px; font-size:1.2rem; color:#a7a7a7;}

@media screen and (max-width: 980px) {
	.noticeBox ul {width:100%;margin:0px 0 0px 0;}
	.noticeBox ul li.new {width:100%;}
	.telzone .tel img {padding:0px 20px 10px 0px; width:40px; height:25px;}

}
@media screen and (max-width: 599px) {
	.noticeBox ul li span { display:none;}
		.telzone .tel img {padding:0px 20px 10px 0px; width:40px; height:25px;}

}



/*===== gallery =====*/
#gallery {}
.main_gallery-slider { float:right; width:280px !important; height:280px; box-sizing:border-box; overflow:hidden;  }
.main_gallery-slider .item { float:left;  width:280px; height:280px; }
.owl-item { width:280px; height:280px; }

.popupzone { background:#243037; color:#fff; padding:35px 0; text-align:center; font-size:16px; }
.main_gallery-controlBox { position:relative; left:0px; width:80px; height:280px; background:#9ca1ac; box-sizing:border-box; overflow:hidden;}
.main_gallery-controlBox a { position:absolute;  display:block; float:left; width:80px; height:80px; text-indent:-9999999px; background-position:center; background-repeat:no-repeat;  box-sizing:border-box; z-index:999; cursor:pointer !important; }
.main_gallery-controlBox a.gallery_play {background-image:url(play_btn.png); bottom:80px; background-size:25% !important; }
.main_gallery-controlBox a.gallery_play:hover, .main_gallery-controlBox a.gallery_play.on {background-image:url(play_btn-on.png); background-size:25% !important; }
.main_gallery-controlBox a.gallery_stop {background-image:url(pause_btn.png); bottom:0px; background-size:25% !important;  }
.main_gallery-controlBox a.gallery_stop:hover, .main_gallery-controlBox a.gallery_stop.on {background-image:url(pause_btn-on.png);background-size:25% !important;  }

.main_gallery-slider .owl-nav { display:none; position:absolute; bottom:0; width:80px; height:80px;  }
.main_gallery-slider .owl-nav button {position:absolute; top:0; width:80px; height:80px; background-size:20% !important; background-position:center !important; background-repeat:no-repeat !important; background-color:transparent !important; border-radius:0 !important; margin:0 !important; box-sizing:border-box;}
.main_gallery-slider .owl-nav button.owl-next {right:0; background-image:url(arrow01-next.png);  }
.main_gallery-slider .owl-nav button.owl-prev { bottom:0px; background-image:url(arrow01-prev.png);  }
.main_gallery-slider .owl-nav button span {text-indent:-99999px; display:block;}


/*=============================================================
							서브콘텐츠
=============================================================*/
.sub_section {width:100%; overflow:hidden; padding:10px 0;}

/*서브비주얼*/
.sub_visual {position:relative; width:100%; height:250px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.sub_visual.sub01 {background-image:url(svis_001.jpg);}
.sub_visual.sub02 {background-image:url(svis_002.jpg);}
.sub_visual.sub03 {background-image:url(svis_003.jpg);}
.sub_visual.sub04 {background-image:url(svis_004.jpg);}
.sub_visual.sub05 {background-image:url(svis_005.jpg);}
.sub_visual.sub06 {background-image:url(svis_005.jpg);}

.sub_visual .contents {display:table;}
.sub_visual .visual_txt {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.sub_visual .visual_txt h2 {color:#fff; letter-spacing:-1px; font-weight:500; text-align:center;}
.sub_visual .visual_txt p {font-size:20px; color:#fff; padding-top:20px; text-align:center;}


/*드롭다운메뉴*/
#sub_locationDrop {position:relative; width:100%; height:60px; background:#f6f6f7; border:1px solid #dedede; border-width:1px 0; z-index:73}
#sub_locationDrop .contents {overflow:initial;}

#sub_locationDrop #home {float:left; width:130px; height:100%;  box-sizing:border-box; overflow:hidden;padding-top:0px;}
#sub_locationDrop #home a {display:block; width:100%; height:100%; background:url(home.png) no-repeat left 15px top 0px; padding-left:40px; line-height:60px; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:-1px; }

#sub_locationDrop ul.dropdown-menu {float:left; height:100%;}
#sub_locationDrop ul.dropdown-menu>li {position:relative; float:left; width:290px; height:100%; box-sizing:border-box; line-height:60px; /*border-right:1px solid #dedede;*/ transition:0.3s; box-sizing:border-box;}
#sub_locationDrop ul.dropdown-menu li:hover {background:#fafafa;}
#sub_locationDrop ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#111; font-size:18px; box-sizing:border-box; padding:0 20px; cursor:pointer; font-weight:500;  }
#sub_locationDrop ul.dropdown-menu li span.on { color:#0e498f; }

#sub_locationDrop ul.dropdown-menu li span::after {position:absolute; right:20px; top:50%; margin-top:-5px; width:10px; height:24px; background-image:url(arrow-drop.png); background-size:100%; background-repeat:no-repeat; content:'';}
#sub_locationDrop ul.dropdown-menu li.on span::after {background-image:url(arrow-up.png);}

#sub_locationDrop ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:16px; box-sizing:border-box; padding:0 20px; text-decoration:none;  }
#sub_locationDrop ul.dropdown-menu li:hover, #sub_locationDrop ul.dropdown-menu li:focus {background-color:#fafafa;}

#sub_locationDrop ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0}
#sub_locationDrop ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
#sub_locationDrop ul.dropdown-menu li ul li:hover {background:none;}
#sub_locationDrop ul.dropdown-menu li ul li:hover a {color:#3368ba;}
#sub_locationDrop ul.dropdown-menu li ul li a { color: #333; font-size:18px;}
#sub_locationDrop ul.dropdown-menu li ul li ul { left: 100%; top: 0;}

/*sub-menu-icon*/
.sub-menu-icon { float:right; }
.sub-menu-icon li { display:inline-block; line-height:60px; padding:0 10px; }

/*서브타이틀 및 서브메인콘텐츠*/
#sub_contetns {width:100%; overflow:hidden;}
.sub_mainCont {position:relative; width:100%; overflow:hidden;}
.sub_mainCont p {font-size:18px; color:#3a3a3a; line-height:1.7}
#sub_title {width:100%; margin:20px 0 10px 0;
    padding: 25px 0px 28px 0px;
    border-top: 10px solid #e7e8ec;
    border-right: 10px solid #e7e8ec;
    border-bottom: 10px solid #e7e8ec;
    border-left: 10px solid #e7e8ec;;
}
#sub_title h3 {color:#333; letter-spacing:5px; line-height:1.5; text-align:center;}
#sub_title h3::before {
    content: '';
	display: block;
    position: absolute;
    top: 20px;
    left: 24px;
    width: 120px;
    height: 91px;
    background : url('cts_title01.png');
    background-color: #fff;
    background-repeat: no-repeat;
}
@media (max-width: 750px){
#sub_title h3 {color:#333; letter-spacing:-1px; line-height:1.5; text-align:center; font-size:20pt;}
#sub_title h3::before {
    content: '';
	display: block;
    position: absolute;
    top: 22px;
    left: 20px;
    width: 105px;
    height: 81px;
    background : url('cts_title01.png');
    background-color: #fff;
    background-repeat: no-repeat;
    transform: scale(0.5);}
}

@media (max-width: 480px){
#sub_title h3 {color:#333; letter-spacing:-1px; line-height:1.5; text-align:center; font-size:20pt;}
#sub_title h3::before {
    content: '';
	display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    width: 105px;
    height: 81px;
    background : url('cts_title01.png');
    background-color: none;
    background-repeat: no-repeat;
    transform: scale(0.5);}
}

/* gray_box */
.gray_box { width:100%; height:auto; padding:30px; background:#f5f6f9; font-size: 17px;line-height: 30px;color: #000; /*word-break:keep-all;*/ box-sizing:border-box; overflow:hidden; font-weight:500; }
.gray_box span { color:#0e498f; }


@media screen and (max-width: 980px) {
	.sub_mainCont p {font-size: 16px;}
	.sub_visual {height:230px;}
	
	#sub_locationDrop {height: 50px;}
	#sub_locationDrop #home {width: 50px; position: absolute; top: 0; left: 0  }
	#sub_locationDrop #home a {  text-indent:-99999px; background:url(home.png) no-repeat left 15px top -5px; }
	 
	#sub_locationDrop ul.dropdown-menu {width: 100%; padding-left: 50px; box-sizing: border-box;}
	#sub_locationDrop ul.dropdown-menu>li {width:auto !important; line-height: 50px;}
	#sub_locationDrop ul.dropdown-menu li span {font-size: 14px; padding:0 25px }
	#sub_locationDrop ul.dropdown-menu li ul li {line-height: 30px;}
	#sub_locationDrop ul.dropdown-menu li ul li a {font-size: 14px; padding:0 10px }
	#sub_locationDrop ul.dropdown-menu li span::after { right: 0px; }
	
	/*sub-menu-icon*/
	.sub-menu-icon { display:none; }

	/*===== bbs_head =====*/
	.bbs_head { width:100%; box-sizing:border-box; overflow:hidden; }
	.bbs_head p { position:static !important; width:100%; }
	.search { float:left !important; padding:20px 0px !important;}



}

/* 리스트 스타일 ===================================*/
/* 리스트 스타일 (float:left 속성을 줄경우에는 ie6등에서 배경 이미지가 나오지 않을수 있으므로 width값 설정이 필요합니다.) */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list04-1, .c-list05 {text-align:left}
.c-list01 > li, .c-list02 > li, .c-list01-li, .c-list02-li {position:relative;padding:7px 0 0 15px;margin:0;margin-top:1px}
.c-list01 > li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list02 > li:before, .c-list01-li:before, .c-list02-li:before {display:block;content:"";position:absolute;top:20px;left:0;width:7px;height:3px;background:#547fce}
.c-list01 > li ul, .c-list02 > li ul, .c-list03 > li ul, .c-list04 > li ul, .c-list04-1 > li ul, .c-list05 > li ul{margin:3px 0 0 0}
.c-list01 > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list04-1 > li ul li, .c-list05 > li ul li  {padding:0 0 0 11px;position:relative;font-size:.941em;color:#666}
.c-list01 > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before , .c-list04 > li ul li:before, .c-list04-1 > li ul li:before, .c-list05 > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:1px}
.c-list01 > li .tit, .c-list02 > li .tit {display:inline-block;color:#222;}
.c-list01 > li .tit:after {display:inline-block;content:":";position:absolute;top:3px;right:5px;font-size:1px}
.c-list01 > li .tit {vertical-align:top;position:relative;padding:0 15px 0 0}
.c-list01 > li .txt {display:inline-block}


/* 테이블 */
.tbl-type01 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #2655ae;font-size:1em;border-bottom:1px solid #e5e5e5;font-size:.941em}
.tbl-type01 thead th {position:relative;padding:18px 10px;background:#f2f3f6;color:#0d285b;font-weight:400}
.tbl-type01 thead th:after {content:"";display:block;position:absolute;width:1px;height:50%;background:#d8dbe5;right:0;top:50%;transform:translateY(-50%)}
.tbl-type01 thead th:last-child:after {display:none}
.tbl-type01 tbody th {font-weight:400;color:#353a44}
.tbl-type01 tfoot th {font-weight:400;color:#353a44}
.tbl-type01 tbody th,
.tbl-type01 tbody td,
.tbl-type01 tfoot th,
.tbl-type01 tfoot td {position:relative;border-bottom:1px solid #e5e5e5;padding:16px 16px 16px;overflow:hidden;border-right:1px dashed #e5e5e5;background:#fff}
.tbl-type01 tbody th:last-child,
.tbl-type01 tbody td:last-child,
.tbl-type01 tfoot th:last-child,
.tbl-type01 tfoot td:last-child {border-right:0}
.tbl-type01 tbody td:last-child,
.tbl-type01 tfoot td:last-child {border-right:0}
.tbl-type01.hasColRowThead thead th:after {display:none}
.tbl-type01.hasColRowThead thead th {position:static;border-right:1px solid #e5e5e5}
.tbl-type01.hasColRowThead thead th:last-child {border-right:0}
.tbl-type01.hasColRowThead thead th[colspan] {border-bottom:1px solid #e5e5e5}
@media all and (max-width:999px) {
	.tbl-type01 thead th:after {top:50%;transform:translateY(-50%)}
}
@media all and (max-width:768px) {
	.tbl-type01 thead th:after {height:50%}
	.tbl-type01 thead th {padding:10px 5px}
	.tbl-type01 tbody th,
	.tbl-type01 tbody td,
	.tbl-type01 tfoot th,
	.tbl-type01 tfoot td {padding:10px 5px}
}


.tbl-type02 {position:relative;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #2655ae;font-size:1em;border-bottom:1px solid #e5e5e5;font-size:.941em}
.tbl-type02 thead th {position:relative;padding:18px 10px;background:#f2f3f6;color:#0d285b;font-weight:400}
.tbl-type02 thead th:after {content:"";display:block;position:absolute;width:1px;height:50%;background:#d8dbe5;right:0;top:50%;transform:translateY(-50%)}
.tbl-type02 thead th:last-child:after {display:none}
.tbl-type02 tbody th {font-weight:400;color:#353a44}
.tbl-type02 tfoot th {font-weight:400;color:#353a44}
.tbl-type02 tbody th,
.tbl-type02 tbody td,
.tbl-type02 tfoot th,
.tbl-type02 tfoot td {position:relative;border-bottom:1px solid #e5e5e5;padding:16px 16px 16px;overflow:hidden;border-right:1px dashed #e5e5e5;background:#fff}
.tbl-type02 tbody th:last-child,
.tbl-type02 tbody td:last-child,
.tbl-type02 tfoot th:last-child,
.tbl-type02 tfoot td:last-child {border-right:0}
.tbl-type02 tbody td:last-child,
.tbl-type02 tfoot td:last-child {border-right:0}
.tbl-type02.hasColRowThead thead th:after {display:none}
.tbl-type02.hasColRowThead thead th {position:static;border-right:1px solid #e5e5e5}
.tbl-type02.hasColRowThead thead th:last-child {border-right:0}
.tbl-type02.hasColRowThead thead th[colspan] {border-bottom:1px solid #e5e5e5}
@media all and (max-width:999px) {
	.tbl-type02 thead th:after {top:50%;transform:translateY(-50%)}
}
@media all and (max-width:768px) {
	.tbl-type02 thead th:after {height:50%}
	.tbl-type02 thead th {padding:10px 5px}
	.tbl-type02 tbody th,
	.tbl-type02 tbody td,
	.tbl-type02 tfoot th,
	.tbl-type02 tfoot td {padding:10px 5px}
}


/* 장학금신청방법 절차 ========================================*/
.cgrid-wr {}
.cgrid-wr li {display:inline-block;vertical-align:top;width:30%;background:#ecf1f7;border-radius:50px;margin:10px 0 20px 30px;text-align:center;position:relative;font-size:14px;padding:10px 0px 10px 0px;color:#fff;}
.cgrid-wr li:first-child {margin-left:0;}
.cgrid-wr li:before {display:inline-block;vertical-align:middle;content:"";width:0;padding:0% 0 0% 0;}
.cgrid-wr li span {font-size:18px;display:inline-block;/*vertical-align:middle;*/color:#fff;line-height:1.2;padding-top:0px;}
.cgrid-wr li.n1 {background-color:#1eb4e8;}
.cgrid-wr li.n2 {background-color:#3b4b6a;}
.cgrid-wr li.n3 {background-color:#4668af;}


@media all and (max-width:1199px){
	.cgrid-wr li {width:30%;}
}
@media all and (max-width:999px){
	.cgrid-wr {margin-bottom:30px;}
	.cgrid-wr li {width:100%;margin:10px 0 0;}
	.cgrid-wr li span {padding:0px 0px 0;font-size:18px;}
}

@media all and (max-width:399px){
	.cgrid-wr {margin-bottom:30px;}
	.cgrid-wr li {width:100%;margin:10px 0 0;}
	.cgrid-wr li span {padding:0px 0px 0;font-size:18px;}
}


/* 사업현황 절차 ========================================*/
.cgrid-wr2 {}
.cgrid-wr2 li {display:inline-block;vertical-align:middle;width:18%;height:100px;background:#ecf1f7;border-radius:100px;margin:0px 0 20px 25px;text-align:center;position:relative;font-size:14px;padding:10px 10px 10px 10px;color:#fff;}
.cgrid-wr2 li:first-child {margin-left:0;}
.cgrid-wr2 li:before {display:inline-block;vertical-align:middle;content:"";width:0;padding:0% 0 0% 0;}
.cgrid-wr2 li span {font-size:18px;display:inline-block;/*vertical-align:middle;*/color:#fff;line-height:1.2;padding-top:0px;}
.cgrid-wr2 li.n1 {background-color:#1eb4e8;color:#fff;padding:10px 10px 10px 10px;}
.cgrid-wr2 li.n2 {background-color:#3b4b6a;color:#fff;padding:10px 10px 10px 10px;}
.cgrid-wr2 li.n3 {background-color:#4668af;color:#fff;padding:10px 10px 10px 10px;}
.cgrid-wr2 li.n4 {background-color:#1eb4e8;color:#fff;padding:10px 10px 10px 10px;}
.cgrid-wr2 li.n5 {background-color:#3b4b6a;color:#fff;padding:10px 10px 10px 10px;}


@media all and (max-width:1199px){
	.cgrid-wr2 li {width:30%;}
}
@media all and (max-width:999px){
	.cgrid-wr2 {margin-bottom:30px;}
	.cgrid-wr2 li {width:100%;margin:10px 0 0;}
	.cgrid-wr2 li span {padding:0px 0px 0;font-size:18px;}
}

@media all and (max-width:399px){
	.cgrid-wr2 {margin-bottom:30px;}
	.cgrid-wr2 li {width:100%;margin:10px 0 0;}
	.cgrid-wr2 li span {padding:0px 0px 0;font-size:18px;}
}

/* 조직도 ========================================*/
.org-img-box {background:#f5f5f5; height:100%;margin:0 auto;text-align: center;width:100%;}
.org-wr {background:url('/_img/sub/img_org_bg.png') no-repeat 50% 50px;position:relative;/*width:1200px;*/height:100%;margin:0 auto}
/*.org-wr:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#f5f5f5 url('/resources/homepage/kor/_Img/Content/bg-intro-logo.png') no-repeat 50% 50%;z-index:-1;}*/
.org-wr li {display:inline-block;vertical-align:top;width:30%;/*background:#ecf1f7*/;border-radius:10px;margin:110px 0 30px 30px;text-align:center;position:relative;font-size:18px;padding:10px 0px 10px 0px;color:#fff;}
.org-wr li:first-child {margin-left:0;}
.org-wr li:before {display:inline-block;vertical-align:middle;content:"";width:0;padding:0% 0 0% 0;}
.org-wr li span {font-size:18px;display:inline-block;vertical-align:middle;color:#fff;line-height:1.2;padding-top:0px;}
.org-wr li.n0 {}
.org-wr li.n1 {background-color:#1eb4e8;}
.org-wr li.n2 {background-color:#3b4b6a;}
.org-wr li.n3 {background-color:#4668af;}
.org-wr li.n4 {background-color:#ffa64d;}


@media all and (max-width:1199px){
	.org-wr {max-width:100%;height:100%;background-size:700px auto;padding-top:0px;margin:0px 0 50px 30px;}
	.org-wr:befor {background-size:70% auto;}
	.org-wr li {width:30%;}
}
@media all and (max-width:999px){
	.org-wr {max-width:100%;height:100%;background-size:700px auto;padding-top:150px}
	.org-wr:befor {background-size:70% auto;}
	.org-wr li {width:30%;margin:10px 0 0;}
	.org-wr li span {padding:0px 0px 0;font-size:18px;}
}

@media all and (max-width:699px){
	.org-wr {max-width:100%;height:100%;background-size:700px auto;padding-top:100px}
	.org-wr:befor {background-size:70% auto;}

	.org-wr li {width:30%;margin:10% 0 0;}
	.org-wr li span {padding:0px 0px 0;font-size:18px;}
}

@media all and (max-width:399px){
	.org-wr {margin-bottom:30px;}
	.org-wr li {width:30%;margin:0px 0 0;}
	.org-wr li span {padding:0px 0px 0;font-size:18px;}
}



/* 설립취지 */
.fdinfo-02-wrap {position:relative;width:100%;overflow:hidden;padding-bottom:53px; margin-bottom:58px;}
.fdinfo-02-wrap:after {position:absolute;top:73px;left:0;width:100%;height:100%;background:#f7f7f7;display:block;content:'';z-index:-1;}
.fdinfo-02 {max-width:1540px;width:100%;margin:0 auto;text-align:center;}
.fdinfo-02 .img {float:left;width:50%;}
.fdinfo-02 .img img {width:100%;}
.fdinfo-02 .txt-wrap {float:left;width:50%;padding-top:138px;text-align:left;}
.fdinfo-02 .txt-wrap .txt {padding-left:75px;width:95%;}
.fdinfo-02 .txt-wrap .txt1 {font-size:28px;color:#1a1a1a;line-height:48px;letter-spacing:-1px;}
.fdinfo-02 .txt-wrap .txt1 .txt-pt {font-weight:600;display:block;}
.fdinfo-02 .txt-wrap .txt2 {line-height:28px;padding-top:43px;color:#444444;}

.fdinfo-03 {max-width:1150px;width:100%;margin:0 auto;text-align:center;overflow:hidden;}
.fdinfo-03 .txt-wrap .txt {padding:0px 10px 0px 10px;width:100%;}


@media all and (max-width:1280px){
	.fdinfo-02 .txt-wrap .txt {padding-left:50px;padding-right:30px;width:auto;}
}
@media all and (max-width:999px){
	.fdinfo-02 .img {width:100%;max-width:770px;float: none; margin: 0 auto;}
	.fdinfo-02 .txt-wrap {width:100%;padding-top:0;float: none;}
	.fdinfo-02 .txt-wrap .txt {padding:30px 30px 0 30px;}
	.fdinfo-02 .txt-wrap .txt2 {padding-top:20px;}
	.fdinfo-02 .txt-wrap .txt1 .txt-pt {display:inline;}
}
@media all and (max-width:860px){
	.fdinfo-03 .img {padding-left:30px;}
	.fdinfo-03 .txt-wrap {padding-top:0;}
	.fdinfo-03 .txt-wrap .bl {display:inline;}
	.fdinfo-03 .txt-wrap .txt1 .txt-pt {display:inline;}
}
@media all and (max-width:640px){
	.fdinfo-02-wrap {margin-bottom:0; padding-bottom:40px;}
	.fdinfo-03 .txt-wrap {width:100%;padding-top:40px;}
	.fdinfo-03 .img {display:none;}
	.fdinfo-03 .box-bg {height:150px;overflow:hidden;}
}
@media all and (max-width:480px){
	.fdinfo-02 .txt-wrap .txt1 {font-size:22px;line-height:32px; }
	.fdinfo-03 .txt-wrap .txt1 {font-size:22px;line-height:32px; }
	.fdinfo-03 strong {font-size:26px}
	
	
	.photo_image li { width: 100%; margin: 0 0 0 0;}
	.photo_image li span { margin-bottom:20px;}
}



/* 기부현황 ======================================*/
.guide_image {text-align: center; position: relative; display:block; width:96%; margin:0 auto;}
.guide_image img {position: relative; display: inline-block; width: 100%; z-index: 1;} 
.guide_image:before {
	content: ''; width: 80%; height: 100%; margin: 0 auto; background-color: rgba(0,0,0,0.1);
	position: absolute; bottom: -12px; left: 10%; box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1); z-index: 1;
}

.guideBox {overflow: hidden; text-align: center; background:url("/resources/_Img/Contents/dp-about_Bg2.png") no-repeat bottom right, #f4f4f4; margin-bottom: 40px; border-bottom: 0px solid #2655ae; padding: 17% 20px 40px; box-sizing: border-box; margin-top: -12%;}
.guideBox .guideInfo {color: #1b1b1b; font-size: 1.5em;}
.guideBox .guideInfo strong {color:#2655ae; font-weight: 500;}
.guideBox .guideInfo span {position: relative;}
.guideBox .guideInfo span::before,
.guideBox .guideInfo span::after {content: ''; display:inline-block; width: 26px; height: 21px; background: url("/resources/_Img/Contents/dp-quote.png") left top no-repeat; position: absolute;}
.guideBox .guideInfo span::after {background-position:right top; bottom: 0; right: -40px;}
.guideBox .guideInfo span::before {top: 0; left: -40px;}


@media all and (max-width: 780px) {
.guideBox .guideInfo {font-size: 1.1em;}
.guideBox { padding: 17% 20px 20px; }
}

/* 반응형br */
.br{ display:block}
@media all and (max-width:1000px)  {
	.br{ display:inline}
}


/* 인사말 ===============================*/
/* 이미지형2 */
.greetingInfo {position:relative;box-sizing:border-box;padding:0 490px 0 0;min-height:400px;}
.greetingInfo .img-sec {position:absolute;width:400px;height:620px;box-sizing:border-box;right:0;top:0;padding:50px 50px 0 0;background:#fff;background:url('/_img/common/logo_bg.png') no-repeat 0px 550px;}
.greetingInfo .img-sec .pImg {display:block;position:relative;height:0;padding:0 0 53.8461%;margin:0px 0px 0px 0px;}
.greetingInfo .img-sec .pImg img {display:block;position:absolute;width:100%;height:370px;left:0;top:0}
.greetingInfo .txt-sec {box-sizing:border-box;padding:46px 0 0px}
.greetingInfo .txt-sec .pTit {display:block;font-size:1.647em;font-weight:400;color:#333;line-height:1.4}
.greetingInfo .txt-sec .pTxt {box-sizing:border-box;position:relative;margin:31px 0 0;padding:0 0 50px}
.greetingInfo .txt-sec .pTxt p {font-size:1.059em;line-height:1.66666666;margin:0 0 30px}
.greetingInfo .txt-sec .pTxt p:last-child {margin:0}


@media all and (max-width:1400px) {
	.greetingInfo {padding:0 530px 0 0;min-height:346px}
	.greetingInfo .img-sec {width:400px;padding:50px 50px 0 0;}
	.greetingInfo .img-sec:before {top:25px}
	.greetingInfo .img-sec .pImg {background-size:auto 70%}
	.greetingInfo .txt-sec .pTxt:after {margin:0 0 -14px 0;left:auto;right:0;background-color:#fff}
}
@media all and (max-width:1200px) {
	.greetingInfo {padding:0 530px 0 0;min-height:286px}
	.greetingInfo .img-sec {width:400px;padding:36px 36px 0 0}
	.greetingInfo .img-sec:before {width:197px;height:10px;top:20px;background-position:-22px 0;left:13px;top:13px;right:auto}
	.greetingInfo .img-sec:after {width:70px;height:70px;background-position:-15px -14px;background-size:378px auto}
	.greetingInfo .txt-sec {padding:36px 0 0px}
	.greetingInfo .txt-sec .pTxt {margin:20px 0 0;padding:0 0 30px}
	.greetingInfo .txt-sec .pTxt p {margin:0 0 20px}
}
@media all and (max-width:999px) {
	.greetingInfo {padding:0 430px 0 0;min-height:232px}
	.greetingInfo .img-sec {width:400px;height:400px;padding:36px 36px 0 0}
}
@media all and (max-width:799px) {
	.greetingInfo {padding:0 330px 0 0;min-height:198px}
	.greetingInfo .img-sec {width:300px;height:400px;padding:36px 0 0 0}
	.greetingInfo .img-sec:after {width:49px;height:49px;background-position:-10px -10px;background-size:265px auto}
	.greetingInfo .txt-sec {padding:0}
}
@media all and (max-width:699px) {
	.greetingInfo {padding:0;min-height:0}
	.greetingInfo .img-sec {position:relative;width:100%;max-width:460px;margin:0 auto 20px}
	.greetingInfo .txt-sec .pTxt {margin:10px 0 0;padding:0 0 15px}
}



/* 찾아오시는길 =====================================*/

.location-txt-wr {position:relative;padding:60px 10px 0px 10px;}
.location-txt-wr .tit-box {position:absolute;left:0;top:}
.location-txt-wr .map-txt-box {padding-left:150px}
.location-txt-wr .map-txt-box .address-box {border-bottom:1px solid #eeeeee;padding-bottom:40px;margin-bottom:50px;overflow:hidden}
.location-txt-wr .map-txt-box .address-box dt {color:#222222;font-weight:500;font-size:1.18em;float:left;width:80px;min-height:42px;line-height:42px}
.location-txt-wr .map-txt-box .address-box dd {float:right;width:100%;min-height:42px;line-height:42px;position:relative}
.location-txt-wr .map-txt-box .address-box dd span {position:absolute;left:90px;top:0}
.location-txt-wr .map-txt-box .bus-list-box {overflow:hidden}
.location-txt-wr .map-txt-box .bus-list-box dl {float:left;width:100%}

.location-txt-wr .map-txt-box .bus-list-box dl dt {color:#2f2f2f;font-weight:500;font-size:1.25em;line-height:1;margin-bottom:30px}
.location-txt-wr .map-txt-box .bus-list-box dl dd {margin-bottom:10px}
.location-txt-wr .map-txt-box .bus-list-box dl dd span {background:#1481d3;color:#fff;width:64px;height:30px;line-height:30px;border-radius:5px;display:inline-block;text-align:center;margin-right:10px}

.location-txt-wr .map-txt-box .bus-list-box dl dd span.bus-02 {background:#d72323}
.location-txt-wr .map-txt-box .bus-list-box dl dd span.bus-03 {background:#7dce26}
.location-txt-wr .map-txt-box .bus-list-box dl dd span.bus-04 {background:#3cb446}
.location-txt-wr .map-txt-box .bus-list-box dl dd span.bus-05 {background:#50b7de}

.location-txt-wr .map {position:relative;margin:0 0 30px;}
.location-txt-wr .map iframe {width:100%;height:480px;}

@media all and (max-width:1260px) {
	.location-txt-wr {padding-top:30px}
	.location-txt-wr .tit-box {position:relative;margin-bottom:10px;display:none;}
	.location-txt-wr .map-txt-box {padding-left:0}
	.location-txt-wr .map-txt-box .address-box dt {float:none}
	.location-txt-wr .map-txt-box .address-box dd {float:none}
}
@media all and (max-width:1060px) {
	.location-txt-wr .map-txt-box .bus-list-box dl {float:none;margin-bottom:40px;width:100%}
}
@media all and (max-width:999px){
	.location-txt-wr .map iframe {height:350px;}

}
@media all and (max-width:640px) {
	.location-wr .videowrapper.h-sm {padding-bottom:70%;margin-bottom:0}
	.location-txt-wr .map iframe {height:350px;}
}
@media all and (max-width:499px){
	.location-txt-wr .map iframe {height:250px;}
}




/*  연혁
************************************************/
.history-wr .tit-box {display:none;text-align:center;margin-bottom:0px}
.history-wr .tit-box span {background:url('/resources/homepage/kor/_Img/Content/img-history-tit-2010.jpg') center center no-repeat;width:241px;height:68px;font-size:0;display:inline-block;}


.history-list-box {position:relative;padding-top:0px;overflow:hidden}
.history-list-box .bg-top {position:absolute;left:50%;margin-left:-3px;top:0;width:7px;height:7px;background:#eeeeee;border-radius:100%}
.history-list-box .bg-line {position:absolute;left:50%;top:0;bottom:0;width:1px;height:100%;background:#eeeeee}
.history-list-box .bg-btm {position:absolute;left:50%;margin-left:-3px;bottom:0;width:7px;height:7px;background:#eeeeee;border-radius:100%}

.history-list-box .history-exp-box {width:50%;float:left;box-sizing:border-box;padding-right:60px;text-align:right;margin-top:-40px;margin-bottom:60px;}
.history-list-box .history-exp-box img {margin-bottom:50px}
.history-list-box .history-exp-box h3 {line-height:1.2;font-size:32px;font-weight:300;}
.history-list-box dl {margin-bottom:40px}
.history-list-box dl dt {color:#222222;font-weight:500;font-size:1.75em;margin-bottom:20px;position:relative}
.history-list-box dl dt:before {position:absolute;left:-7px;top:17px;width:15px;height:15px;background:#0593d3;border-radius:100%;content:'';display:block;z-index:2}
.history-list-box dl dt:after {position:absolute;left:0;top:23px;width:50px;height:1px;background:#eeeeee;content:'';display:block;z-index:1}
.history-list-box dl.al-right {float:right;width:50%;box-sizing:border-box;margin-left:50%}
.history-list-box dl.first {float:right;width:50%;box-sizing:border-box;}
.history-list-box dl.al-left {margin-right:50%;float:left;width:50%;box-sizing:border-box;}
.history-list-box dl.al-right dd, .history-list-box dl.al-right dt, .history-list-box dl.first dt, .history-list-box dl.first dd {padding-left:60px}
.history-list-box dl.al-left dt, .history-list-box dl.al-left dd {float:left;width:100%;text-align:right;box-sizing:border-box;padding-right:60px}
.history-list-box dl.al-left dt {padding-right:60px}
.history-list-box dl.al-left dt:before {left:auto;right:-7px;}
.history-list-box dl.al-left dt:after {left:auto;right:0;}

.history-list-box dl dd {color:#222222;font-size:1.06em;font-weight:300;overflow:hidden}
.history-list-box dl dd .date {font-weight:500;margin-right:10px}
.history-list-box dl.al-left dd .date {float:right;margin:0 0 0 10px}
@media all and (max-width:1024px) {
	.history-list-box img {max-width:80%}
}
@media all and (max-width:720px) {
	.history-wr .tit-box {margin-bottom:0}
	.history-list-box {padding:0 2%}
	.history-list-box .history-exp-box {padding-right:0}
	.history-list-box .history-exp-box img {max-width:100%}
	.history-list-box {padding-top:20px}
	.history-list-box .bg-top {left:20px}
	.history-list-box .bg-line {left:20px}
	.history-list-box .bg-btm {left:20px}
	.history-list-box .history-exp-box, .history-list-box dl.first, .history-list-box dl, .history-list-box dl.al-right, .history-list-box dl.al-left {position:relative;width:100%;margin:0 0 40px 0;float:none;overflow:hidden}
	.history-list-box dl.al-left dt, .history-list-box dl.al-left dd {text-align:left;padding-left:60px}
	.history-list-box dl.al-left dd .date {float:none;margin:0 10px 0 0}
	.history-list-box dl dt:before, .history-list-box dl.al-left dt:before {left:12px;right:auto}
	.history-list-box dl dt:after, .history-list-box dl.al-left dt:after {left:12px;width:40px;right:auto}
}
@media all and (max-width:425px) {
	.history-wr .tit-box span {background-size:50%}
	img {border:0px;vertical-align:middle; width:100%;}
	.top>img {border:0px;vertical-align:middle; width:100px;}
	.btt>img {border:0px;vertical-align:middle; width:100px;}
}



/* 조직도
************************************************/
.organ-img-box {background:#f5f5f5; height:100%;margin:0 auto;text-align: center}



/* 이메일 무단수집거부 */
.email-wr .email-top {padding:30px;border-top:3px solid #1c3785;border-bottom:1px solid #ccc;margin-bottom:30px;}




/* 이미지 확대보기 */
.img-zoom {position:relative;width:100%;}
.img-zoom img {max-width:100%;}
.img-zoom .btn-zoom {position:absolute;bottom:0;right:0;display:block;width:45px;height:45px;background:url(/_Img/Content/btn_zoom.png) no-repeat;z-index:100;}

@media all and (max-width:768px){
	.img-zoom img {width:100%}
}
@media all and (max-width:699px) {
	.img-zoom .btn-zoom {width:42px;height:42px;background-position:-52px 0;background-size:269px auto}
}

/* 이미지 요소 기본 */
img {border:0px;vertical-align:middle;}
img.button {cursor:pointer;}
button.imgBtn {padding:0px;margin:0px;border:0px;cursor:pointer;}

	

/*===== 활동 =====*/
#sub03_02-sec01 { padding:0; margin-bottom:30px; }

ul.PR_board { box-sizing:border-box; overflow:hidden; border-top:2px solid #000;  }
ul.PR_board li { position:relative; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:30px 30px 30px 260px; box-sizing:border-box; }
ul.PR_board li .pic { position:absolute; top:27px; left:30px; width:190px; height:130px; overflow:hidden;}
ul.PR_board li .pic img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%;}

ul.PR_board li .cont {width:100%; padding:20px 0; overflow:hidden; box-sizing:border-box; letter-spacing:-0.3px; }
ul.PR_board li .cont span.name { color:#9f9e9f; font-size:15px;  }
ul.PR_board li .cont h5 {color:#212121; font-size:20px;letter-spacing:-0.5px; }
ul.PR_board li .cont p {font-size:15px; padding:10px 0; line-height:23px; color:#9c9c9c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

ul.PR_board li .cont .info { width:100%; overflow:hidden; color:#9c9c9c; }
ul.PR_board li .cont .info dl {  position:relative; float:left; width:auto; padding:0 10px; font-size:14px;   }
ul.PR_board li .cont .info dl dt { float:left; }
ul.PR_board li .cont .info dl dd { float:left; padding:0 10px; }

ul.PR_board li .cont .info dl::after { position:absolute; top:10px; left:0; width:2px; height:2px; background:#9c9c9c; content:'';}
ul.PR_board li .cont .info dl:first-of-type::after { display:none; }
ul.PR_board li .cont .info dl:first-of-type { padding-left:0; }



/*===== 이메일집단수집거부 =====*/
.email_section { box-sizing:border-box; padding:50px; overflow:hidden; margin:50px auto; background:#fff; }
.email_pic { text-align:center; margin:0 auto; box-sizing:border-box; overflow:hidden; border-bottom:1PX solid #ddd; padding-bottom:20px; }
.email_pic img { }

.email_Top { text-align:center; padding:40px 0; font-size:18px; line-height:30px; }

.email_Txt { text-align:center; padding:50px 150px 30px 150px; font-size:18px; line-height:30px; border:1px solid #ddd;  }
.email_Txt h6 { text-align:center; font-size:30px; font-weight:500; color:#000; letter-spacing:-1px; margin-bottom:30px;  }

.email_List { margin:20px auto; list-style:none;text-align:left;}
.email_List li {position:relative; font-size:18px; margin-left:0; line-height:30px; padding:0 0 7px 38px; word-break:normal; }
.email_List li .num {display:block; position:absolute; left:0; top:5px;
background-color:#1b4692; border-radius:50%; width:25px; height:25px; color:#fff; 
font-size:15px; font-weight:700; text-align:center; line-height:24px; box-sizing:border-box}

/* 0528 */
.popupzone_area{ position:relative; width:100%;}
.pop_control{ position:absolute; top:0; right:7px; overflow:hidden;zoom:1}
.pop_control a{display:block;float:left; padding:0 3px;}
.pop_control a.btn_prev,a.btn_next{overflow:hidden;}
.pop_control a.btn_prev{ position:relative; z-index:100;}
.pop_control a.btn_stop{ position:relative; z-index:100;}
.pop_control a.btn_next{position:relative; z-index:100;}
.pop_control a.btn_prev:hover,.pop_control a.btn_prev:focus{background-position:-250px 0}
.pop_control a.btn_stop:hover,.pop_control a.btn_stop:focus{background-position:-300px 0}
.pop_control a.btn_next:hover,.pop_control a.btn_next:focus{background-position:-350px 0}
.pop_control a.btn_stop{line-height:1em}

.pop_view{overflow:hidden;width:100%; height:185px}
.pop_view .lst_pop{display:block}
/*.nodata p{display:block}*/
.nodata .lst_pop{display:none}
.lst_pop{overflow:hidden;width:100%;zoom:1}
.lst_pop li a{display:block}



/* fban */
.fban {padding-top:30px}
.fban li {width:24.3%;float:left;margin-right:10px;text-align:center;}
.fban li:last-child {margin-right:0px}
.fban li a {display:block;padding:20px 20px;border:2px solid #a9a9a9;}
.fban li a:hover {border:2px solid #46505a;}

@media all and (max-width:949px) {
	.fban {padding-top:10px}
	.fban li {width:49.5%;margin:0% 1% 1% 0%}
	.fban li:nth-child(2),.fban li:last-child {margin:0% 0% 1% 0%}
}