@CHARSET "UTF-8";

@font-face{
 font-family:'WebNanum';
 src:url('../font/NanumGothic.eot');/* IE 4-8 */
 src:url('../font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
 url('../font/NanumGothic.woff') format('woff');/* IE 9, Firefox 3.6+, Chrome 6+ */
}

@font-face{
 font-family:'WebNanum';
 src:url('../font/NanumGothicBold.eot');
 src:url('../font/NanumGothicBold.woff') format('woff');
 font-weight:bold;
} 


/* Reset CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl,div,dd,dt,li,p,div, h1, h2, h3, h4, h5{box-sizing:border-box;margin:0;padding:0;list-style:none;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;color:#555;line-height:160%;line-height:25px;font-weight:normal;font-size:13px;}
img, video, fieldset{/* max-width:100%;*/ border:0;vertical-align:top;}
a{vertical-align:top;text-decoration:none;color:#555;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;color:#555;line-height:160%;line-height:25px;}
a:hover{color:#000;}
table{border-collapse:collapse;border-spacing:0;}
input, select, textarea{vertical-align:middle;box-sizing:border-box;margin:0;padding:0;}
body{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;color:#555;line-height:160%;line-height:25px;font-weight:normal;}
label{cursor:pointer;box-sizing:border-box;}
h1, h2, .Skipul, .blind,legend, hr, .btn_side{display:block;overflow:hidden;position:absolute;top:0;left:-1000em;}
i,em,address{font-style:normal;font-weight:normal;}
address a:link{font-size:10px;color:#ccc;vertical-align:middle;}
fieldset{margin:0;padding:0;width:100%;}

/*레이아웃S*/
#wrap{width:100%;margin:0 auto;font-size:13px;}
#header{width:100%;margin:0 auto;border-bottom:1px solid #ccc;height:100px;}
#contwrap{width:100%;margin:0 auto;}
#footer{width:100%;margin:0 auto;background:#495860;clear:both;height:100px;margin-top:50px;padding:20px 0;}
.container{width:1000px;margin:0 auto;}
.topmenu{height:20px;width:100%;}
.topmenu ul{float:right;line-height:25px;margin-top:10px;}
.topmenu ul li{float:left;margin-left:15px;letter-spacing:0;font-size:11px;}
.topmenu ul li a:hover{color:#0070BD;font-weight:bold;}
.topmenu .woosuk{padding:0 15px;border-top:1px solid #E1E1E1;border-left:1px solid #E1E1E1;border-right:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD;border-radius:4px;}
.topmenu .woosuk a{font-size:12px;color:#294581;letter-spacing:-1px;font-weight:bold;}
.menulist{margin-top:25px;height:50px;clear:both;}
.logo{float:left;width:32%;}
.logo a{font-weight:bold;letter-spacing:-2px;vertical-align:middle;font-size:16px;line-height:35px;display:block;}

#gnb{float:right;width:68%;position:relative;text-align:right;z-index:5;z-index:200;}
#gnb ul li{text-align:center;float:left;}
#gnb ul div{background:url(../img/menu_ar.jpg) no-repeat 40px 19px;height:25px;}
#gnb ul li a{display:block;padding:4px 16px;font-weight:bold;font-size:14px;}
#gnb ul li a:hover{color:#0182c4;}
#gnb ul .gnb7 a{padding-right:0;}
#gnb .sub{display:none;z-index:10;}
#gnb .gnb1 .subbg{position:absolute;left:-170px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb2 .subbg{position:absolute;left:90px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb3 .subbg{position:absolute;left:120px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb4 .subbg{position:absolute;left:220px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb5 .subbg{position:absolute;right:180px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb6 .subbg{position:absolute;right:160px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb7 .subbg{position:absolute;right:15px;top:56px;height:35px;z-index:10;background:#0059b4;}
#gnb .gnb8 .subbg{position:absolute;right:15px;top:56px;height:35px;z-index:10;background:#0059b4;}


#gnb .subbg a{color:#fff;font-size:12px;font-weight:normal;padding:4px 5px;}
#gnb .subbg a:hover{color:#0FF;}
#gnb .subbg .gnbActive{position:relative;float:left;letter-spacing:-1px;}
#gnb .subbg .gnbActive a{color:#0FF;font-weight:bold;}
#gnb .subbg ul li{padding:0 10px;}
#open_side{display:none;}
/*레이아웃E*/

#Leftbox{float:left;width:200px;margin-right:40px;margin-top:60px;margin-bottom:50px;}
#Start{float:left;width:750px;margin-top:60px;min-height:500px;}

#billboard{background:url(../img/sub_top_img.jpg) no-repeat center;height:110px;padding-top:50px;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#billboard p{font-size:22px;color:#fff;text-shadow:0px 1px 2px rgba(0,0,0,0.6);line-height:1.2;letter-spacing:-1px;}
#billboard p strong{color:#ffd200;font-size:28px;}

#titleroad{background:#fbfbfb;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;height:40px;line-height:40px;}
#titleroad .Position{width:1000px;margin:0 auto;}
#titleroad .Position a{display:inline-block;padding:8px 25px 8px 5px;background:url(../img/arrow.gif) no-repeat right 13px;}
#titleroad .Position a img{display:inline-block;margin-top:8px;margin-right:5px;}
#titleroad .Position a:last-child{background:none;}
.highlight{font-weight:bold;}
.menutitle{font-size:23px;height:75px;background:#002f59;line-height:70px;color:#fff;text-align:center;letter-spacing:-2px;}

#Leftbox .leftmenu{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
#Leftbox .leftmenu li a{width:178px;font-size:14px;display:inline-block;line-height:43px;border-bottom:1px solid #ddd;padding-left:20px;}
#Leftbox .leftmenu .sidebarActive a{color:#266fcc;font-weight:bold;background:#f8f8f8 url(../img/submenu_dot.png) 180px center no-repeat;}
#Leftbox .leftmenu li ul{padding:5px 0;border-bottom:1px solid #dfdfdf;}
#Leftbox .leftmenu li ul li{display:inline-block;}
#Leftbox .leftmenu li ul li:last-child{border-bottom:1px solid #ddd;}
#Leftbox .leftmenu li ul li a, 
#Leftbox .leftmenu .sidebarActive ul li a{font-size:13px;width:150px;margin-left:22px;font-weight:normal;color:#666;background:url(../img/inc/sidebar_dot.gif) no-repeat left 14px;padding-left:10px;border-bottom:0;line-height:25px;}
#Leftbox .leftmenu .sidebarActive ul .sidebarActive a{color:#266fcc;}
#Leftbox .leftmenu .sidebarSub{}


#link-btn h4{margin:20px 0 0 0;line-height:40px;font-size:14px;padding-left:20px;background-color:#444;color:#fff;}
#link-btn ul{}
#link-btn ul li{float:left;width:50%;}
#link-btn ul li a{display:inline-block;width:100%;line-height:35px;border:1px solid #ddd;box-sizing:border-box;letter-spacing:-1px;text-align:center;font-size:12px;background-color:#f8f8f8;}
#link-btn ul li:nth-child(2n) a{border-left:0;}
#link-btn ul li:nth-child(3) a, #link-btn ul li:nth-child(4) a{border-top:0;border-bottom:0;}

.Subtitle{font-size:25px;margin-bottom:50px;}



/*하단 S*/
#footer .container{position:relative}
.copylogo{float:left;width:25%;margin-top:10px;}
.copylogo a{color:#BBC0C2;font-size:13px;font-weight:bold;font-family:'맑은 고딕', 'Malgun Gothic',"돋움",dotum,AppleGothic,sans-serif;letter-spacing:-1px;vertical-align:middle;}
.copytext{float:left;width:70%;color:#BBC0C2;}
.copytext ul{clear:both;height:30px;}
.copytext ul li{float:left;}
.copytext ul li a{display:inline-block;padding:5px 10px 5px 10px;color:#fff;}
.copytext ul li:first-child a{padding-left:0;}
address{display:block;clear:both;line-height:1.5;}
.copyrights{font-size:10px;color:#BBC0C2;line-height:1.5;}
.m_foot{display:none;} 
.copy_sns{position:absolute;right:0;background:#38444a;padding:4px 10px;border-radius:3px;border:1px solid 262d31;}
.copy_sns dt{font-size:12px;color:#b0c3cd;font-weight:bold;}
/*하단 E*/


/*졸업후 진로*/
.ooedu dl{padding-bottom:30px;}
.ooedu dl dt{font-size:14px;font-weight:bold;color:#0548A1;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 5px no-repeat;}
.ooedu dl dd{padding:0 0 0 16px;}
.ooedu ul li{list-style:disc;margin-left:20px;}


/*교과목소개*/
.subject dl dt{font-size:14px;font-weight:bold;color:#0548A1;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 7px no-repeat;}
.subject dl dd{padding:0 0 0 16px;}
.subject dl{padding-bottom:20px;}




/* 사이트맵S*/
.sitemap{clear:both;height:auto;}
.sitemap ul li{width:30%;height:390px;float:left;margin-right:15px;margin-top:30px;}
.sitemap ul li a{font-size:15px;font-weight:bold;width:100%;background-color:#EEF0F7;border:1px solid #c3c7d5;border-radius:10px 0 10px 0;color:#06C;display:inline-block;text-align:center;line-height:45px;}
.sitemap ul li ul li{width:100%;height:auto;clear:both;border-bottom:1px dotted #dfdfdf;margin:0;}
.sitemap ul li ul li a{font-size:13px;font-weight:normal;background:none;color:#555;text-align:left;padding:0 10px;line-height:40px;border:0;}
.sitemap ul li ul li ul{border-top:1px solid #ddd;}
.sitemap ul li ul li ul li{border-bottom:0;background-color:#f8f8f8;margin:0;}
.sitemap ul li ul li ul li a{font-size:11px;color:#888;line-height:25px;}

/*개인정보처리방침&이용약관*/
.stipul_box .stipul_txt{border:1px solid #dfdfdf;border-radius:5px;background-color:#f7f9fe;padding:10px 20px;display:inline-block;}
.stipul_box p strong{padding-left:10px;border-top:1px solid #666;border-bottom:1px solid #ccc;display:block;background-color:#f8f8f8;line-height:40px;margin:20px 0;}
.stipul_box .stipul_con{height:300px;overflow-y:scroll;margin-bottom:30px;border:1px solid #dfdfdf;padding:20px;}
.stipul_box .stipul_con h3{background:url(../img/btn_dot.gif) left 7px no-repeat;padding-left:20px;font-weight:bold;color:#06C;font-size:14px;margin-bottom:20px;}
.stipul_box .stipul_con p, .stipul_box .stipul_con ul{margin-bottom:20px;}
.stipul_box .stipul_con dt{font-weight:bold;}

/*중고교연계프로그램*/
.program{}
.program ul li{padding-bottom:20px;}
.program ul li dl{padding:10px 0;}
.program ul li dl dt{font-size:14px;font-weight:bold;color:#0548A1;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 7px no-repeat;}
.program ul li dl dd{padding-left:18px;}
.program ul li dl dd strong{font-weight:normal;color:#0E77EE;} 
.program ul li dl dd dl{padding-bottom:5px;}
.program ul li dl dd dl dt{font-size:13px;font-weight:normal;color:#0E77EE;padding:0;background:none;}
.program ul li dl dd dl dd{padding:0;}
.program .tbstyle{width:100%;border-collapse:collapse;table-layout:fixed;clear:both;margin-top:15px;}
.program .tbstyle caption{overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.program .tbstyle th{background-color:#eee;}
.program .tbstyle th{border:1px solid #ccc;border-bottom:0;font-size:12px;text-align:center}
.program .tbstyle td{border:1px solid #ccc;font-size:12px;text-align:center}
.program .tbstyle .txt{text-align:left;padding-left:10px;}


/*내용*/
#Start .enter{margin-bottom:30px;}
#Start .lbox{float:left;width:48%;}
#Start .rbox{float:right;width:48%;}
#Start .fsize01{font-size:20px;line-height:30px;letter-spacing:-1px;}
#Start .fsize02{font-size:17px;line-height:25px;}
#Start .fsize03{font-size:16px;}
#Start .fsize04{font-size:15px;}
#Start .fsize05{font-size:14px;}
#Start .fcolor01{color:#0e77e6}
.t_style{width:100%;border-collapse:collapse;table-layout:fixed;}
.t_style .cap_view{text-align:left;font-weight:bold;line-height:30px;background:url(../img/btn_dot.gif) left 9px no-repeat;font-size:14p;color:#0548A1;padding:0 0 0 18px;}
.t_style th{background-color:#eee;}
.t_style th, .t_style td{border:1px solid #ccc;font-size:12px;padding:5px;text-align:center;}

.mo_img{width:100%;}
.font_name{font-size:14px;color:#333;font-weight:bold;}
.font_name strong{font-size:18px;}

.bul{font-size:14px;font-weight:bold;color:#0548A1;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 5px no-repeat;}

.C2000 dl dt{font-size:14px;font-weight:bold;color:#0548A1;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 5px no-repeat;}
.C2000 dl dd{padding:0 0 0 16px;}
.C2000 ul li{padding:0 0 0 10px;}

.A1000 dl dt{font-size: 14px;font-weight: bold;color: #0548A1;padding: 0 0 0 18px;background: url(../img/btn_dot.gif) left 5px no-repeat;}

.A4000tb{width:100%;border-collapse:collapse;table-layout:fixed;}
.A4000tb th{background-color:#eee;}
.A4000tb th, .A4000tb td{border:1px solid #ccc;font-size:12px;padding:5px;text-align:center;}


.A5000 li{padding-left:16px;}
.A5000 ul{padding-bottom:20px;}


.A6000 li{padding-left:16px;}
.A6000 ul{padding-bottom:20px;}


.A8000 li{padding-bottom:30px;}
.A8000 li dl dt{float:left;font-size:14px;color:#0548A1;margin-right:15px;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A8000 li dl dd ul{border:1px solid #dfdfdf;border-radius:5px;background-color:#f7f9fe;padding:10px 20px;display:inline-block;}
.A8000 li dl dd ul li{padding:10px 0;}
.A8000 li dl dd ul li strong{color:#343434;font-weight:normal;} 
.A8000 .btn{}
.A8000 .btn a{color:#fff;font-weight:bold;float:right;padding:7px 20px;background-color:#1f4787;display:inline-block;margin-bottom:10px;}
.A8000 .reset{float:left;width:100%;clear:both;padding-bottom:10px;}
.A8000 .txt_color a{color:#343434;}


.subject dl dt{font-size:14px;font-weight:bold;color:#0548A1;padding:0 0 0 18px;background:url(../img/btn_dot.gif) left 5px no-repeat;}
.subject dl dd{padding:0 0 0 16px;}
.subject dl{padding-bottom:20px;}


.E1000 li{padding-left:16px;}
.E1000 ul{padding-bottom:20px;}



.ta_bo								{border-collapse:collapse; width:100%;margin:0 auto;font-size:11px;font-family:Tahoma, Geneva, sans-serif;border:0;border-top:2px solid #666}

.ta_bo caption						{padding:8px 0;font-weight:bold;text-align:left; visibility:hidden; overflow:hidden; height:0; width:0; position:absolute;}
.ta_bo caption em					{float:right;font-style:normal;font-weight:normal;color:#f60}
.ta_bo th, .table td				{font-size: 12px; border:0;padding:8px;vertical-align:middle;text-align:center;border:1px solid #ddd; }
.ta_bo th, .table .th_style			{font-size: 13px; font-weight: bold; background-color:#f8f8f8 }/* 계 스타일  */

.table .top_top_style               {font-size: 13px; font-weight: bold; background-color:#f5f5f5}	/*  상단스타일 */
.table .top_style                   {font-size: 13px; font-weight: bold; background-color:#f6f6f6}	/*  상단스타일 */
.table .bottom_style                {font-size: 13px; font-weight: bold; background-color:#efefef}	/*  하단스타일 */


.ta_bo th							{ text-align:center}
.ta_bo .left						{ text-align:left;}
.ta_bo .left	 span				{ position:relative; float:left;}
.ta_bo .left	 span	img			{ vertical-align:middle;}
.ta_bo th input						{float:left}
.ta_bo thead th						{border-bottom:1px solid #999; background:#f8f8f8}
.ta_bo tfoot td						{font-weight:bold;background:#f8f8f8}




/* responsive web design area */
@media screen and (max-width:800px){
 /*레이아웃S*/
 #wrap{width:100%;margin:0 auto;}
 #header, #contwrap, #Contents, .container{width:100%;margin:0 auto;height:auto;}
 #header{height:50px;position:absolute;left:0;top:0;}
 .logo{position:absolute;text-align:center;width:100%;top:0;left:0;background-color:#fff;padding-top:10px;margin:0;}
 .logo img{width:140px;}
 .logo a{line-height:32px;}
 .menulist{height:0;}
 .menulist #gnb, .topmenu, .Gnb_bg{display:none;}
 

 .btn_side{z-index:99;font-size:0;line-height:0;position:absolute;top:0px;right:0;width:53px;height:51px;}
 .btn_side i{border-top:8px double #666;border-bottom:8px double #666;height:2px;display:block;width:23px;margin:8px 0 0 15px;}
 .btn_side b{font-size:13px;position:absolute;bottom:16px;margin-left:14px}

 
 #titleroad .Position{width:100%;}
 #Leftbox{display:none;}
 #Start{width:95%;margin:20px auto 30px auto;clear:both;float:inherit;}
 .Subtitle{font-size:18px;margin-bottom:30px;} 
 /*레이아웃E*/
 
 /*모바일메뉴 S*/
 #open_side{display:block;overflow-y:scroll;height:100%;width:100%;clear:both;position:fixed;z-index:98;top:0px;background:url(../img/open_side_bg.png) repeat;}
 #open_side .side_gnb{position:absolute;height:1024px;width:250px;background:#2e2f31;padding-top:50px;}
 #open_side .side_gnb .btn_side{position:absolute;top:5px;left:210px;padding:10px;width:18px;height:18px;}
 #open_side .side_gnb ul li{border-bottom:1px dotted rgba(255, 255, 255, 0.2);}
 #open_side .side_gnb ul li a{color:#ccc;display:inline-block;padding:10px 15px 10px 10px;width:90%;font-size:14px;background:url(../img/open_arrow.png) no-repeat right 22px;}
 #open_side .side_gnb ul li div ul{background:#222;}
 #open_side .side_gnb ul li div ul li{border-bottom:1px solid #343434}
 #open_side .side_gnb ul .gnbActive>a{background:#0059b4 url(../img/close_arrow.png) no-repeat right 20px;}
 #open_side .side_gnb ul li div ul li:last-child a{border:0;}
 #open_side .side_gnb ul li div ul li a{color:#888;font-size:13px;background:none;}
 #open_side .side_gnb ul .gnbActive div ul .gnbActive>a{background:none;color:#5da9ff;}
 
 #open_side .m_topmenu{}
 #open_side .m_topmenu a{box-sizing:border-box;background:#222 url(../img/line.jpg) no-repeat right center;display:inline-block;color:#ccc;line-height:40px;float:left;text-align:center;font-size:11px;}
 #open_side .m_topmenu a:first-child{width:25%;}
 #open_side .m_topmenu a:nth-child(2){width:25%;}
 #open_side .m_topmenu a:last-child{width:50%;background:#222;}
 /*모바일메뉴 E*/
 
 #billboard{margin-top:50px;height:50px;padding:15px 10px 0 10px}
 #billboard p{font-size:13px;}
 #billboard p strong{font-size:18px;}
 
 /*하단 S*/
 #footer{text-align:center;height:130px;}
 .copylogo{display:none;}
 .copytext{float:inherit;width:95%;margin:0 auto;text-align:center;}
 .copytext ul{display:none;}
 .m_foot{display:block;height:35px;width:95%;margin:0 auto;}
 .m_foot li{float:left;width:20%;padding:0 1px;}
 .m_foot li:last-child{width:60%;float:right;}
 .m_foot a{display:block;width:100%;text-shadow:0 1px 0 #222;border-radius:3px;margin:1px;color:#fff;font-size:11px;background-color:#333;font-weight:normal;}
 address{font-size:11px;}
 .copy_sns{position:static;width:100%;height:30px;margin-bottom:10px;}
 .copy_sns dt{float:left}
 .copy_sns dd{float:right;text-align:right;}
 
 /*하단 E*/
 
 /*A4000, A5000*/
 .A4000 img, .A5000 img {width:100%;}
 
 
 /*내용*/
 #Start .mo_img{width:100%}
 
 iframe{width:100%;}
 #titleroad .Position{width:95%;margin:0 auto;height:40px;overflow:hidden;}
 #titleroad .Position a{font-size:12px;padding:8px 20px 8px 0;}
 
 
 

}
@media screen and (max-width:400px){
	.logo img{width:115px;}
	.logo a{font-size:13px;line-height:27px;}
	address{font-size:11px;}
	.Subtitle{font-size:15px;margin-bottom:20px;} 
	#Start .lbox, #Start .rbox{clear:both;width:100%;}
	#Start .fsize01{font-size:18px;}
	#Start .fsize01 br{display:none;}
	.m_foot a:last-child{letter-spacing:-1px;}
}

.ooedu .inpyo{margin-top:30px;text-align:center;}
.ooedu .inpyo li{list-style:none;display:inline-block;margin:0 10px;width:30%;word-wrap: break-word; word-break: keep-all;}
.ooedu .inpyo dl{padding:0;border:1px solid #bbc9de;border-radius:10px;}
.ooedu .inpyo dt{padding:10px 0;background:none;background-color:#f8f8f8;border-radius:10px 10px 0 0;}
.ooedu .inpyo dd{padding:10px 0;}

.tb_normal{ width:100%; border-collapse:collapse; clear:both; line-height:18px;}
.tb_normal caption{ overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.tb_normal thead{ background-color:#F1F4FB;}
.tb_normal th{ border:1px solid #dfdfdf; border-bottom:0; padding: 6px 0; font-size:12px; color:#545454; text-align: center; vertical-align:middle;}
.tb_normal td{ border:1px solid #dfdfdf; font-size:12px; padding: 5px; text-align: center; vertical-align:middle;}
.tb_normal .line_bt{ border-bottom:1px solid #dfdfdf;}
.tb_normal .th_bg{ background-color:#F1F4FB;}
.tb_normal .tdleft{ padding: 5px 10px; text-align: left;letter-spacing:-1px;}

@media screen and (max-width:400px){
	.ooedu .inpyo li{margin:0 1px;width:29%;}
	.ooedu .inpyo dt{font-size:85%;}
	.ooedu .inpyo dd{font-size:70%;}
	.tb_normal td{font-size:75%;}
}