@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

#container #con_one { overflow:hidden; }
#container #visual { overflow:hidden; position:relative; float:left; width:800px; }
#container #visual .v_wrap { overflow:hidden; height:417px; }
#container #visual .v_text { float:left; padding:30px 2px 0 28px; width:180px; height:387px; background:#e17400; }
#container #visual .v_text p { color:#ffffff; letter-spacing:-1px; font-weight:300; }
#container #visual .v_text p.sub { margin-bottom:28px; font-size:17px; }
#container #visual .v_text div.tit p { font-size:35px; line-height:45px; }
#container #visual .v_text div.tit p span { font-weight:400; }
#container #visual .v_img { float:left; width:590px; }
#container #visual .v_control { position:absolute; top:348px; left:40px; z-index:3; overflow:hidden; }
#container #visual .v_control li { float:left; padding:5px 2px; color:#ffffff; font-weight:300; }
#container #visual .v_control li.num { padding:5px 7px; }
#container #right_box { float:right; width:400px; height:417px; }
#container #popupzone { position:relative; }
#container #popupzone img { display:block; }
#container #popupzone ul.pop_control { position:absolute; top:15px; right:15px; z-index:3; overflow:hidden; padding:5px 10px; background:#ffffff; border-radius:20px; }
#container #popupzone ul.pop_control li { float:left; padding:0 3px; }
#container #popupzone ul.pop_control li.num { margin-left:5px; font-size:13px; line-height:13px; vertical-align:top; }
#container #search_box { width:400px; height:127px; background:url('/dong/images/main/search_bg.jpg'); }
#container #search_box .tit { padding:20px 0 10px 0; color:#ffffff; font-size:20px; font-weight:400; text-align:center;; }
#container #search_box .search_wrap { overflow:hidden; margin:0 auto; width:80%; }
#container #search_box .search_wrap input { float:left; border:0; font-size:14px; }
#container #search_box .search_wrap input[type=text] { padding-left:5%; width:69%; height:35px; background:#ffffff; border:3px solid #50b875; border-right:0px; border-radius:50px 0 0 50px; color:#555555; }
#container #search_box .search_wrap input[type=submit] { padding-left:5%; width:25%; height:41px; background:#1d9347 url('/dong/images/main/search_btn.png') no-repeat 15px 10px; border:3px solid #50b875; border-left:0px; border-radius:0 50px 50px 0; color:#ffffff; font-weight:500; }
#container .con_two { overflow:hidden; border:1px solid #d9d9d9; }
#container .con_two>div { position:relative; }
#container .con_two #notice h3, #container .con_two #class h3 { position:absolute; top:25px; display:inline-block; padding-right:13px; background:url('/dong/images/main/latest_bar.jpg') no-repeat right center; }
#container .con_two h3 a { color:#666666; font-size:16px; font-weight:300; }
#container .con_two h3.select a { color:#19619e; font-weight:500; }
#container .con_two div.last h3, #container .con_two div.last h3 a { background:none !important; }
#container .con_two div.m_center h3 { left:97px; }
#container .con_two div.culture h3 { left:110px; }
#container .con_two div.lifelong h3 { left:180px; }
#container .con_two #notice { float:left; padding:28px; width:343px; height:229px; background:#fafafa; border-right:1px solid #d9d9d9; }
#container .con_two #notice div.con { display:none; margin-top:40px; }
#container .con_two div ul li { width:100%; border-bottom:1px dotted #c8c8c8; }
#container .con_two div ul li:first-child a { padding-top:0px !important; background-position:5px 11px; }
#container .con_two div ul li:last-child { border-bottom:0px; }
#container .con_two div ul li a { display:block; padding:10px 0 10px 15px; overflow:hidden; width:100%; color:#333333; background:url('/dong/images/main/latest_bu.jpg') no-repeat 3px center; box-sizing:border-box; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
#container div .more_btn { position:absolute; top:28px; right:28px; z-index:3; }
#container .con_two #class { float:left; padding:28px; width:342px; height:229px; border-right:1px solid #d9d9d9; }
#container .con_two #class div.con { display:none; margin-top:40px; height:200px; overflow-y:auto; }
#container .con_two #class div.edu ul li { width:95%; }
#container .con_two #class ul li a { overflow:hidden; }
#container .con_two #class ul li a:hover span { text-decoration:underline; }
#container .con_two #class ul li a span { display:block; }
#container .con_two #class ul li a span.subject { float:left; overflow:hidden; width:67%; text-overflow:ellipsis; white-space:nowrap; }
#container .con_two #class ul li a span.state { float:right; width:30%; text-align:center; box-sizing:border-box; font-size:13px; }
#container .con_two #gallery { float:left; padding:28px; width:343px; height:229px; background:#fafafa; }
#container .con_two #gallery h3 { color:#19619e; font-size:20px; font-weight:400; background:none; line-height:20px; }
#container .con_two #gallery .con { position:relative; margin-top:20px; width:335px; height:181px; border:1px solid #dddddd; }
#container .con_two #gallery .con img { width:100%; height:181px; }
#container .con_two #gallery .con p.subject { position:absolute; z-index:3; bottom:0; width:100%; background:rgba(0,0,0,0.7); text-align:center; }
#container .con_two #gallery .con p.subject a { overflow:hidden; display:block; margin:0 auto; padding:10px; width:80%; color:#ffffff; text-overflow:ellipsis; white-space:nowrap; }

#container .con_three { overflow:hidden; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:0px; }
#container .con_three h3 { font-size:20px; font-weight:400; }
#container .con_three #other_dong { padding:28px; float:left; width:343px; height:184px; background-color:#205785; background-repeat:no-repeat; background-position:right 28px bottom 28px; border-right:1px solid #dddddd; }
#container .con_three #other_dong.dong_17 { background-image:url('/dong/images/main/m_map17.jpg'); }
#container .con_three #other_dong.dong_18 { background-image:url('/dong/images/main/m_map18.jpg'); }
#container .con_three #other_dong.dong_19 { background-image:url('/dong/images/main/m_map19.jpg'); }
#container .con_three #other_dong.dong_20 { background-image:url('/dong/images/main/m_map20.jpg'); }
#container .con_three #other_dong.dong_21 { background-image:url('/dong/images/main/m_map21.jpg'); }
#container .con_three #other_dong.dong_22 { background-image:url('/dong/images/main/m_map22.jpg'); }
#container .con_three #other_dong.dong_23 { background-image:url('/dong/images/main/m_map23.jpg'); }
#container .con_three #other_dong.dong_24 { background-image:url('/dong/images/main/m_map24.jpg'); }
#container .con_three #other_dong.dong_25 { background-image:url('/dong/images/main/m_map25.jpg'); }
#container .con_three #other_dong.dong_26 { background-image:url('/dong/images/main/m_map26.jpg'); }
#container .con_three #other_dong.dong_39 { background-image:url('/dong/images/main/m_map39.jpg'); }
#container .con_three #other_dong.dong_53 { background-image:url('/dong/images/main/m_map53.jpg'); }
#container .con_three #other_dong.dong_64 { background-image:url('/dong/images/main/m_map64.jpg'); }
#container .con_three #other_dong.dong_70 { background-image:url('/dong/images/main/m_map70.jpg'); }
#container .con_three #other_dong.dong_77 { background-image:url('/dong/images/main/m_map77.jpg'); }
#container .con_three #other_dong h3 { color:#ffffff; }
#container .con_three #other_dong .con { margin-top:13px; }
#container .con_three #other_dong .con p { color:#d9eeff; font-weight:200; font-size:14px; line-height:20px; }
#container .con_three #other_dong .con span { display:block; }
#container .con_three #other_dong .con span.wfont { display:inline; color:#ffffff; font-weight:400; }
#container .con_three #other_dong .select_dong { position:relative; float:left; width:170px; }
#container .con_three #other_dong .select_dong>a { display:block; margin-top:18px; padding:5%; color:#205785; background:#ffffff url('/dong/images/main/select_arrow.jpg') no-repeat right 15px center; font-weight:500; }
#container .con_three #other_dong .select_dong ul { position:absolute; top:-132px; overflow-y:auto; padding:5%; width:90%; height:133px; background:#d9eeff; }
#container .con_three #other_dong .select_dong ul li a { display:block; padding:5px 0; color:#205785; font-size:14px; border-top:1px dotted #aacfec }
#container .con_three #other_dong .select_dong ul li:first-child a { padding-top:0px; border-top:0px; }
#container .con_three #other_dong input[type=button] { display:block; float:left; margin:17px 0 0 10px; padding:0px 10px; height:41px; background:#ffffff; border:1px solid #dddddd; }
#container .con_three #quick_box { position:relative; float:left; padding:28px; width:742px; height:184px; white-space:nowrap; }
#container .con_three #quick_box h3 { color:#205785; }
#container .con_three #quick_box ul { overflow:hidden; margin-top:25px; margin-right:20px; display:inline-block; width:100%; }
#container .con_three #quick_box ul:last-child { margin-right:0; }
#container .con_three #quick_box ul li { float:left; width:12.5%; }
#container .con_three #quick_box ul li a { display:block; padding-top:85px; color:#333333; font-size:14px; line-height:18px; text-align:center; }
#container .con_three #quick_box ul li a:hover { color:#f0531b; font-weight:500; text-decoration:none; transition: all .3s ease; }
#container .con_three #quick_box ul li a span { display:block; }
#container .con_three #quick_box ul li.quick01 a { background:url('/dong/images/main/quick01.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick02 a { background:url('/dong/images/main/quick02.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick03 a { background:url('/dong/images/main/quick03.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick04 a { background:url('/dong/images/main/quick04.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick05 a { background:url('/dong/images/main/quick05.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick06 a { background:url('/dong/images/main/quick06.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick07 a { background:url('/dong/images/main/quick07.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick08 a { background:url('/dong/images/main/quick08.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick09 a { background:url('/dong/images/main/quick09.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick10 a { background:url('/dong/images/main/quick10.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick11 a { background:url('/dong/images/main/quick11.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick01 a:hover { background:url('/dong/images/main/quick01_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick02 a:hover { background:url('/dong/images/main/quick02_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick03 a:hover { background:url('/dong/images/main/quick03_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick04 a:hover { background:url('/dong/images/main/quick04_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick05 a:hover { background:url('/dong/images/main/quick05_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick06 a:hover { background:url('/dong/images/main/quick06_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick07 a:hover { background:url('/dong/images/main/quick07_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick08 a:hover { background:url('/dong/images/main/quick08_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick09 a:hover { background:url('/dong/images/main/quick09_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick10 a:hover { background:url('/dong/images/main/quick10_ov.png') no-repeat center top; }
#container .con_three #quick_box ul li.quick11 a:hover { background:url('/dong/images/main/quick11_ov.png') no-repeat center top; }


/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:1200px) {	
}

@media all and (max-width:1199px) {
	#container #visual { width:66%; }
	#container #visual .v_text { padding:30px 3% 0 3%; width:24%; height:417px; box-sizing:border-box; }
	#container #visual .v_img { overflow:hidden; width:76%; }
	#container #visual .v_img img { margin-left:0%; }
	#container #right_box { width:34%; }
	#container #visual .v_text p.sub { margin-bottom:10px; font-size:15px; }
	#container #visual .v_text div.tit p { font-size:22px; line-height:normal; }
	#container #visual .v_control { left:10px;}
	#container #search_box .search_wrap { margin-left:3%; }
	#container .con_two>div { width:33.3% !important; box-sizing:border-box; height:auto !important; }
	#container .con_two #gallery { background:none; }
	#container .con_two #class ul li a span.subject { overflow:hidden; width:60%; text-overflow:ellipsis; white-space:nowrap; }
	#container .con_two #gallery .con { width:100%; }
	#container .con_two #gallery .con img { width:100%; height:181px; }
	#container .con_three #other_dong { width:33.3% !important; height:auto; box-sizing:border-box; }
	#container .con_three #quick_box { width:66.7%; height:auto; box-sizing:border-box; }

}

@media all and (max-width:950px) {
	#container { overflow:hidden; }
	#container #visual { width:100%; }
	#container #visual .v_wrap { height:380px; }
	#container #visual .v_text { width:20%; }
	#container #visual .v_text div.tit { font-size:32px; }
	#container #visual .v_img { width:80%; }
	#container #visual .v_img img { margin-left:0; width:100%; min-height:380px; }
	#container #visual .v_control { top:320px; left:23px; }
	#container #right_box { float:left; width:100%; height:auto; }
	#container #popupzone { float:left; width:50%; }
	#container #popupzone>p>a>img { width:100%; height:292px; }
	#container #search_box { float:left; width:50%; height:292px; }
	#container #search_box .tit { padding-top:40px; font-size:25px; }
	#container #search_box .search_wrap { margin:0 auto; margin-top:30px; width:80%; }
	#container #search_box .search_wrap input[type=text], #container #search_box .search_wrap input[type=submit] { width:100%; height:40px; border-radius:50px; box-sizing:border-box; border:3px solid #50b875; }
	#container #search_box .search_wrap input[type=submit] { margin-top:10px; background-position:45% 10px; }
	#container .con_two, #container .con_three { overflow:visible; }
	#container .con_two #notice, #container .con_two #class { width:50% !important; height:300px !important; }
	#container .con_two #class { border-right:0px; }
	#container .con_two #gallery { float:right; width:50% !important; height:279px !important; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
	#container .con_three #other_dong { width:50% !important; height:279px !important; }
	#container .con_three #quick_box { width:100%; }
}

@media all and (min-width:769px) {
}

@media all and (max-width:768px) {
	#container #visual .v_wrap { height:auto; }
	#container #visual .v_text { position:absolute; z-index:2; bottom:0; padding:20px 24px; width:100%; height:auto; background:rgba(202,104,0,0.9); }
	#container #visual .v_text div.tit p { display:inline; margin-right:5px; font-size:24px; }
	#container #visual .v_text p.sub { margin-bottom:0px; }
	#container #visual .v_img { width:100%; }
	#container #visual .v_img img { display:block; height:auto; min-height:0; }
	#container #visual .v_control { top:inherit; right:23px !important; bottom:57px !important; left:inherit; }
	#container .con_two #notice, #container .con_two #class { width:100% !important; }
	#container .con_two #notice { border-bottom:1px solid #dddddd; }
	#container .con_two #class { height:auto !important; }
	#container .con_two #class div.con { height:auto !important; max-height:200px; }
	#container .con_two #gallery { width:100% !important; background:#f8f8f8; }
	#container .con_two #gallery, #container .con_two #gallery .con, #container .con_two #gallery .con img { height:auto !important; }
	#container .con_three #other_dong { width:100% !important; height:auto !important; background-position:right 28px center; }
	#container .con_three #other_dong .con { width:70%; }
	#container .con_three #other_dong .con span { display:inline; }
	#container .con_two #class ul li a span.subject { width:80%; }
	#container .con_two #class ul li a span.state { width:20%; }

}

@media all and (max-width:640px) {
	#container .con_three #quick_box ul li { margin-top:30px; width:25%; }
	#container .con_three #quick_box ul li:first-child, #container .con_three #quick_box ul li:nth-child(2), #container .con_three #quick_box ul li:nth-child(3), #container .con_three #quick_box ul li:nth-child(4) { margin-top:0px; }
	#container .con_three #quick_box ul li:nth-child(5) { clear:both; }
	#container .con_three #quick_box ul li a { padding-top:78px; }
	#container #visual .v_text div.tit p { font-size:20px; line-height:25px; }
	#container #visual .v_control { bottom:38px; }
}

@media all and (max-width:480px) {
	#container #popupzone { width:100%; }
	#container #popupzone>p>a>img { height:auto; }
	#container #search_box { width:100%; height:auto; } 
	#container #search_box .tit { padding-top:20px; font-size:18px; }
	#container #search_box .search_wrap { margin-top:0px; margin-bottom:25px; }
	#container .con_two #class ul li a span.subject { width:75%; }
	#container .con_two #class ul li a span.state { width:20%; }
}