@charset "utf-8";

@import url(common.css);

#container {position:relative; z-index:2}
#container:after {content:""; display:block; clear:both}

.main_content {position:relative; z-index:7; width:1020px; margin:0 auto}
.main_content:after {content:""; display:block; clear:both}

/* 퀵메뉴 */
.w_quick {position:absolute; top:30%; right:-140px; width:110px; padding:0 2px 2px; background-color:#b0b0b0; border-radius:6px}
.w_quick h2 {margin:10px 24px; text-align:center; font-size:13px; font-family:"NanumBold"; color:#fff}
.w_quick ul {width:100%; padding:7px 0; margin:0 auto; background-color:#fff; border-radius:6px}
.w_quick ul li { line-height:30px}
.w_quick ul li a {display:block; letter-spacing:-1px; font-size:11px; font-family:'돋움',Dotum; color:#666}
.w_quick ul li a img {margin:0 5px}
.w_quick ul li a:hover {text-decoration:underline}

.quickMenu .inBox {width:100%; padding:7px 0; margin:0 auto; background-color:#fff; border-radius:6px}
.quickMenu .inBox p {margin:5px; letter-spacing:-1px; font-size:11px; font-family:'돋움',Dotum; color:#666}
.quickMenu .inBox p a {display:block; margin-bottom:7px; color:#666; background-repeat:no-repeat; background-position:0 0}
.quickMenu .inBox p a:hover {text-decoration:underline}
.quickMenu .inBox p a img {display:inline-block; padding:4px}


/* 슬라이더 */
#slider {position:absolute; top:0; left:0; width:100%; height:100%}
#slider div {position:absolute; width:100%; height:100%; top:0; left:0}
#slider .img_1 {background:url('/images/template/02072/main/bg_01.jpg') center top; background-size:cover; z-index:1}


/* 메인비주얼 */
.main_visual {position:relative; width:1020px; margin:0 auto}
.main_visual p img {width:100%}


/* 공지사항 */
.notice {position:relative; float:left; width:375px; height:175px; padding:0; background-color:#fff; border:1px solid #d8d8d8}  
.notice h2 {margin:0 25px 0; font-size:14px; font-family:"Nanum"; letter-spacing:-1px;} /* 20161230 */
.notice h2 a {display:block; position:absolute; top:15px; padding:0 10px; line-height:28px; text-align:center; color:#515151; background-color:#dbdbdb; border-radius:6px 6px 0 0}
.notice h2.tit_1 a {left:25px}
.notice h2.tit_2 a {left:95px}
.notice h2 a.current {color:#fff; background-color:#ff8b10} 
.notice .btn_more {position:absolute; top:20px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02072/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.notice .list_box.on {display:block}
.notice .list_box {display:none; overflow:hidden; padding:10px 0 0; margin:43px 25px 0;  border-top:2px solid #ff8b10} /* 20161230 */
.notice .list_box li {position:relative;  font-family:"돋움",Dotum; font-size:12px; line-height:21px; *line-height:21px; overflow:hidden}
.notice .list_box li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444;}
.notice .list_box li a:hover {text-decoration:underline;}
.notice .list_box li span.text {float:left; width:70%; padding-left:8px; background:url('/images/template/02072/main/notice_dot.gif') no-repeat 0 8px}
.notice .list_box li span.date {position:absolute; top:0; right:0; color:#727272}

/* 팝업존 */
/*
.pop {position:absolute; top:315px; right:0; width:241px; height:175px; padding:0; background-color:#fff; border:1px solid #d8d8d8; border-left:0}
.pop h2 {height:44px; padding:0 15px; line-height:44px; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px; border-bottom:1px solid #d8d8d8}
.pop .nss_pg {position:absolute; top:12px; right:10px}
.pop .nss_pg > span {position:absolute; top:-2px; left:-60px; font-family:'돋움',Dotum; line-height:28px; color:#666; font-size:12px; display:inline-block; width:50px; text-align:right}
.pop .nss_pg > span strong {color:#0588be}
.pop .nss_pg a {display:block; float:left; width:18px; height:18px; margin:0 1px; font-size:0; text-indent:-10000em}
.pop .nss_pg a.pre {background:url('/images/template/02072/main/btn_prev.gif') no-repeat 0 0}
.pop .nss_pg a.stop{background:url('/images/template/02072/main/btn_stop.gif') no-repeat 0 0}
.pop .nss_pg a.next{background:url('/images/template/02072/main/btn_next.gif') no-repeat 0 0}
.pop .nss_pg a.list{background:url('/images/template/02072/main/btn_list.gif') no-repeat 0 0}
.pop .pop_img {position:relative}
.pop .pop_img li {display:none; width:241px; height:130px; text-align:center; margin:0 auto}
.pop .pop_img li img {width:241px; height:130px; vertical-align:middle;}
.pop .pop_img li.on {display:block}
*/



/*일정*/
.schedule {border-top:0; position:absolute; top:315px; right:0; width:241px; height:175px; padding:0; background-color:#fff; border:1px solid #d8d8d8; border-left:0}

.schedule .date_view{font-family:'돋움',Dotum; font-size:12px;color: #456eb9;font-weight: bold; margin: 8px 0;text-align: center;}
.schedule table thead tr{background-color: #456eb9;border-radius: 100px;width: 200px;}
.schedule table thead th{color: #fff;font-size:12px; font-weight:bold; letter-spacing:-1px;line-height:27px;}

.schedule .date_view span{ margin:0 6px 0; line-height:15px; font-weight:bold}
.schedule .inner{ width:200px; margin:0 auto 12px; background-color:#fff;}
.schedule table{ width:100%; font-family:'돋움',Dotum}

.schedule table tbody tr:first-child td{padding:10px 0 0 0}
.schedule table tbody td{ color:#456eb9; letter-spacing:-1px; font-size:13px; line-height:17px; text-align:center}
.schedule table tbody td .check { display:inline-block; width:20px; height:17px;  background-color: #f9b635; }

/*background:#f5f5f5 url(../images/main/schd_bg.png) no-repeat center center*/



/* 행사사진 */
.gallery {    position: absolute;    top: 315px;    left: 389px;    width: 203px;    height: 175px;    background-color: #fff;    border: 1px solid #d8d8d8;    border-left: 0;}
.gallery h2 {    height: 30px;    margin: 15px 21px 0;    font-size: 14px;    font-family: "NanumBold";    letter-spacing: -1px;}
.gallery .btn_more {position:absolute; top:20px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02072/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.gallery ul {    overflow: hidden;    margin: 0 20px;    width: 100%;}
.gallery ul li {float:left; margin-left:15px; width:160px}
.gallery ul li:first-child {margin-left:0}
.gallery ul li a {color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery ul li a:hover {text-decoration:underline}
.gallery ul li a .img {display:block}
.gallery ul li a .img img {width:100%; height:85px}
.gallery ul li a .txt {display:block; margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery ul li.pcNone {display:none}

/* 교육활동*/
.gallery02 {    position: absolute;    top: 315px;    left: 584px;    width: 203px;    height: 175px;    background-color: #fff;    border: 1px solid #d8d8d8;    border-left: 0;}
.gallery02 h2 {    height: 30px;    margin: 15px 21px 0;    font-size: 14px;    font-family: "NanumBold";    letter-spacing: -1px;}
.gallery02 .btn_more {position:absolute; top:20px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02072/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.gallery02 ul {    overflow: hidden;    margin: 0 20px;    width: 100%;}
.gallery02 ul li {float:left; margin-left:15px; width:160px}
.gallery02 ul li:first-child {margin-left:0}
.gallery02 ul li a {color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery02 ul li a:hover {text-decoration:underline}
.gallery02 ul li a .img {display:block}
.gallery02 ul li a .img img {width:100%; height:85px}
.gallery02 ul li a .txt {display:block; margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery02 ul li.pcNone {display:none}


/* 바로가기 */
.link_wrap {position:relative; float:left; width:1020px; background-color:#618ad2; border:0px solid #d8d8d8; border-top:0;margin-top: 12px}
.link_wrap ul {width:100%}
.link_wrap li {float:left; width:14.285714%; text-align:center}
.link_wrap li.link_04, .link_wrap li.link_08 {width:14%} 
.link_wrap li a {display:block; color:#010101}
.link_wrap li a:hover {text-decoration:underline}
.link_wrap li a p {margin:10px 0 20px; letter-spacing:-1px; font-size:13px; font-family:"Nanum";color: #fff}
.link_wrap li a img {margin-top:20px}
.link_wrap .pcnone{display: none;}

/* 배너존 */
.banner_zone {position:relative; float:left; width:1020px; padding:10px 0; background-color:#6a8ca4; border:0px solid #d8d8d8; border-top:0;margin-top: 12px; overflow:hidden;}
.banner_zone h2 {position:absolute; top:25px; left:15px; font-size:15px; font-family:"NanumBold"; color:#fff}
.banner_zone .btn {position:absolute;  top: 25.5px;    left: 75px;    background-color: #fff;    border-radius: 10px;    height: 20px;}
.banner_zone .btn a {float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin:0 2px; vertical-align:top}
.banner_zone .btn a.pre {background:url('/images/template/02072/main/btn_b_prev.png') no-repeat}
.banner_zone .btn a.stop{background:url('/images/template/02072/main/btn_b_stop.gif') no-repeat}
.banner_zone .btn a.next{background:url('/images/template/02072/main/btn_b_next.png') no-repeat}
.banner_zone .btn a.list{background:url('/images/template/02072/main/btn_b_list.png') no-repeat}
.banner_zone ul {margin-left:170px; height:48px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:15px;}
.banner_zone ul li a img {width:145px; height:48px}


/* /common/main.css 내용 -------------------------------------------------------------------------------------------------------------------------------시작 */
/* 공통팝업배너모음 */
.bannerAllList{width:494px; padding:2px; border:1px solid #c5c5c5; position:absolute; left:0; top:0 /* 위치값 */}
.bannerAllList .inner{ position:relative; width:100%}
.bannerAllList .inner > h1{ background: url('/images/tempDisp/common/tit_icon.png') no-repeat 14px 7px #00b070; padding-left:48px; height:41px; line-height:41px; overflow:hidden; color:#fff; font-family:'NanumBold'; font-size:17px;}
.bannerAllList .inner .btnClose{ position:absolute; right:0; top:0; font-size:0; line-height:0; text-indent:-9999em; width:41px; height:41px; background:url(/images/tempDisp/common/btnClose.png) no-repeat}
.bannerList {height:515px; overflow-y:auto}
.bannerList ul{ overflow:hidden; padding:2% 5%}
.bannerList ul li{ float:left; width:40%; height:40px; margin:5%}
.bannerList ul li img{ width:100%; height:100%}

/*한줄짜리 배너*/

.banner_zone ul li.b_1 {width:175px; height:45px; background:url('/images/apple/banner_bg1.jpg') no-repeat; text-align:center; padding:12px 0 0 0;}
.banner_zone ul li.b_1 a {font-size:14px; color:#333; font-family:"NanumBold"; display: block;height: 18px;overflow: hidden;width: 165px; margin: 0 auto;}

.banner_zone ul li.b_2 {width:175px; height:45px; background:url('/images/apple/banner_bg2.jpg') no-repeat; text-align:center;  padding:12px 0 0 0;}
.banner_zone ul li.b_2 a {font-size:14px; color:#333; font-family:"NanumBold"; display: block;height: 18px;overflow: hidden;width: 165px; margin: 0 auto;} 

.banner_zone ul li.b_3 {width:175px; height:45px; background:url('/images/apple/banner_bg3.jpg') no-repeat; text-align:center; padding:12px 0 0 0;}
.banner_zone ul li.b_3 a {font-size:14px; color:#fff; font-family:"NanumBold"; display: block;height: 18px;overflow: hidden;width: 165px; margin: 0 auto; }

/*두줄짜리 배너*/
 
.banner_zone ul li.b_4 {width:175px; height:45px; background:url('/images/apple/banner_bg1.jpg') no-repeat; text-align:center; line-height:14px; overflow:hidden;}
.banner_zone ul li.b_4 a {font-size:13px; color:#333; font-family:"NanumBold"; display: block;width: 165px; margin: 0 auto;height:28px ;overflow: hidden; margin-top:7px; }

.banner_zone ul li.b_5 {width:175px; height:45px; background:url('/images/apple/banner_bg2.jpg') no-repeat; text-align:center; line-height:14px; overflow:hidden;}
.banner_zone ul li.b_5 a {font-size:13px; color:#333; font-family:"NanumBold"; display: block;width: 165px; margin: 0 auto;height:28px ;overflow: hidden; margin-top:7px;}

.banner_zone ul li.b_6 {width:175px; height:45px; background:url('/images/apple/banner_bg3.jpg') no-repeat; text-align:center; line-height:14px; overflow:hidden;}
.banner_zone ul li.b_6 a {font-size:13px; color:#fff; font-family:"NanumBold"; display: block;width: 165px; margin: 0 auto;height:28px ;overflow: hidden; margin-top:7px;}

.poplistWrap{width:294px; padding:2px; border:1px solid #c5c5c5; position:absolute; left:0; top:0; /* 위치값 */}
.poplistWrap .inner{ position:relative; width:100%}
.poplistWrap .inner > h1{ background: url('/images/tempDisp/common/tit_icon.png') no-repeat 14px 7px #4a77d3; padding-left:48px; height:41px; line-height:41px; overflow:hidden; color:#fff; font-family:'NanumBold'; font-size:17px;}
.poplistWrap .inner .btnClose{ position:absolute; right:0; top:0; font-size:0; line-height:0; text-indent:-9999em; width:41px; height:41px; background:url(/images/tempDisp/common/btnClose.png) no-repeat}

.poplistWrap .popupList{height:301px; overflow:hidden; overflow-y:auto}
.poplistWrap .popupList ul{ font-family:'Nanum'; font-size:13px; line-height:25px; padding:3% 5% 4%}
.poplistWrap .popupList ul li { line-height:20px; margin:4% 0}
.poplistWrap .popupList ul li a{ display:block; color:#666; background:url(/images/tempDisp/common/icon_dot.gif) no-repeat 0 9px; padding-left:10px}
.poplistWrap .popupList ul li a:hover{ color:#4a77d3}


/* 통합검색 */
/* 검색 - 웹버전 */
.box_search_common {overflow:hidden; position:absolute; right:0; top:15px; width:200px; height:30px;}
.box_search_common input { position:absolute; top:0; left:0; background:#fff; border:1px solid #ddd; border-right:0; font-size:12px; width:160px; height:28px; line-height:30px; color:#555; font-family:'Dotum'; padding:0 4px 0 12px;}
.box_search_common button { position:absolute; top:0; right:0; width:37px; height:30px; border:none; background:url("/images/common/btn_search_w.gif") no-repeat; text-indent:-10000px;}
.box_search_common input::-webkit-input-placeholder {color:#666; font-family:'Dotum';}

/* 통합팝업공지 */
div#pop_header {width:100%; height:65px; background:#07795b url("/images/popup/pop_bg.png") no-repeat 50% 50%; z-index:100; position:relative;}
div.pop_wrap {position:relative; width:100%; padding:15px 0; margin:0 auto;}

.p_txt_1 {font-family:"맑은 고딕"; font-size:22px; font-weight:bold; letter-spacing:-1px; color:#000;}
.p_txt_2 {font-family:"맑은 고딕"; font-size:18px; font-weight:bold; letter-spacing:-1px; color:#fff;}

ul.notice_btn {position:absolute; top:20px; right:10px; font-family:"맑은 고딕";}
ul.notice_btn li {float:left; width:80px; height:26px; margin-right:5px; text-align:center; background:url("/images/popup/btn.png") no-repeat;}
ul.notice_btn li a {display:block; text-decoration:none; color:#fff; font-size:14px; padding:3px;}
ul.notice_btn li.btn_close {width:30px; height:30px; background:url("/images/popup/btn_close.png") no-repeat; text-indent:-5000px;}
/* /common/main.css 내용 -------------------------------------------------------------------------------------------------------------------------------끝 */

@media (max-width:800px) {
	
	#container, .main_content, .main_visual,
	.notice, .schedule, .gallery, .link_wrap, .link_wrap li, 
	.banner_zone  {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.main_visual, #slider, .main_content, .main_visual,
	.notice, .schedule, .gallery, .link_wrap,
	.banner_zone {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	#container {width:100%; padding-top:68px}
	.main_content {width:96%; margin:0 auto; height:100%}
	
	/* 퀵메뉴 */
	.quickMenu {display:none}
	
	/* 슬라이더 */
	#slider {min-height:1100px}
	
	/* 메인비주얼 */
	.main_visual {width:100%; height:auto}
	
	/* 공지사항 */
	.notice {width:50%} 
	
	/* 일정 */
	.schedule {position:relative; top:0; right:0; float:right; width:50%}
	.pop .pop_img li, .pop .pop_img li img {width:100%; height:128px}
	
	/* 행사사진 */
	.gallery {position:relative; top:0; left:0; float:left; width:100%; border-top:0; border-left:1px solid #d8d8d8}
	.gallery ul {width:auto}
	.gallery ul li.pcNone {display:block}
	.gallery ul li {margin-left:4%; width:22%}

	/* 바로가기 */
	.link_wrap {width:100%; background-color:#4f86c5}
	.link_wrap li {border-left:1px dashed #3262ad}
	.link_wrap li.link_01, .link_wrap li.link_05 {border-left:0}
	.link_wrap li.link_01, .link_wrap li.link_02, .link_wrap li.link_03, .link_wrap li.link_04 {width:25%; border-bottom:1px dashed #3262ad}
	.link_wrap li.link_05, .link_wrap li.link_06, .link_wrap li.link_07, .link_wrap li.link_08 {width:25%}
	.link_wrap li a {color:#fff}
    .link_wrap .pcnone{display: block;}
	
	/* 배너존 */
	.banner_zone {width:100%}
	.banner_zone ul {width:590px !important;}
	.banner_zone ul li{width:-webkit-calc(32% - 10px); width:-moz-calc(32% - 10px); width:calc(32% - 10px); margin-left:10px;}
	.banner_zone ul li a img{ width:100%}

	/* 통합팝업공지 181126 */
	div#pop_header {top:70px; }
	.p_txt_2 {line-height:38px; text-align:left !important;  font-size:17px; padding-left:20px;}
	ul.notice_btn { right:0px;}

}

@media (max-width: 690px) {
	
	/* 배너존 */
	.banner_zone h2 {display:none}
	.banner_zone .btn {left:10px}
	.banner_zone ul {margin-left:80px width:220px !important;}
	
	
}

@media (max-width: 600px) {	

	/* 공지사항 */
	.notice {float:none; width:100%} 
	
	/* 일정 */
	.schedule {float:left; width:100%; height: 100%; border-top:0; border-left:1px solid #d8d8d8}
/*	.pop .pop_img li, .pop .pop_img li img {width:100%; height:128px}*/
	
	/* 행사사진 */
	.gallery {position:relative; top:0; left:0; float:left; width:50%; border-top:0; border-left:1px solid #d8d8d8}
	.gallery ul {width:auto}
	/* 행사사진 */
	.gallery02 {position:relative; top:0; left:2px; float:left; width:49%; border-top:0; border-left:1px solid #d8d8d8}
	.gallery02 ul {width:auto}

	.gallery ul li {margin-left:4%; width:48%}
    .gallery ul li.pcNone {display:none}

	/* 바로가기 */
	.link_wrap {width:100%; background-color:#4f86c5}
	.link_wrap li {height:50px; border-left:1px dashed #3262ad}
	.link_wrap li.link_01, .link_wrap li.link_03, .link_wrap li.link_05, .link_wrap li.link_07 {border-left:0}
	.link_wrap li.link_01, .link_wrap li.link_02, .link_wrap li.link_03, .link_wrap li.link_04 {width:50%; border-bottom:1px dashed #3262ad}
	.link_wrap li.link_05, .link_wrap li.link_06, .link_wrap li.link_07, .link_wrap li.link_08 {width:50%; border-bottom:1px dashed #3262ad}
	.link_wrap li a {position:relative; padding:5px 25px; line-height:40px; text-align:left}
	.link_wrap li a img {position:absolute; top:-15px; left:10px; width:40px; height:40px; color:#fff}
	.link_wrap li a p {margin:0 0 0 40px}


	/* 통합팝업공지 181126 */
	.p_txt_2 {font-size:14px; padding-left:5px;}
	ul.notice_btn {right:0px;}
	ul.notice_btn li {width:70px; margin-right:0;}

      
        .list_box .top_list dd{ height:33px;}	
}


@media (max-width: 480px) {
	/* 행사사진 */
    .gallery h2{font-size: 11px}
	
	/* 배너존 */
	.banner_zone ul li {width:-webkit-calc(48% - 10px); width:-moz-calc(48% - 10px); width:calc(48% - 10px);}
	/* 일정 */
    .schedule .inner{width:  150px}


	/* 통합팝업공지 181126 */
	.p_txt_2 {font-size:14px; padding-left:5px; line-height:15px !important; }
	ul.notice_btn {top:35px; right:0px;}
	ul.notice_btn li {width:70px; margin-right:0;}
	
}

@media (max-width: 380px) {
	.link_wrap li a p {font-size:12px;margin:0 0 0 25px;text-align: center;}
	
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(95% - 10px); width:-moz-calc(95% - 10px); width:calc(95% - 10px);}
}