@charset "utf-8";
body{min-width: 320px;position: relative;}
.container{max-width: 984px;width: 100%;margin:0 auto;}
.s_container{max-width: 984px;width: 100%;margin:0 auto;padding: 45px 0 20px;}

/* header */
#header{height: 79px;border-bottom:5px #80bd53 solid;}
.logo{display: inline-block;}
.logo a{background-repeat: no-repeat;background-image: url('/eng/images/e_logo.png');width: 222px;height: 41px;}
.linkbox{float: right;}
.linkbox li{display: inline-block;vertical-align: middle;margin-left: 10px;}
.linkbox a{font-size: 13px;color: #000;}
.gnbul{float: right;width: 75%;text-align: right;margin-top: 15px;}
.gnbul>li{display: inline-block;margin-right: 6.5%;}
.gnbul>li>a{color: #186951;font-size: 19px;font-weight: 700;}
.gnbul>li:hover>a{color: #80bd53;}
.gnb_hover{position: absolute;left: 0;width: 100%;box-sizing: border-box;background-color: #FFF;top:84px;border-bottom: 2px solid #80bd53;z-index: 51;display: none;}
.left_bg{width: 35.5%;background-repeat: no-repeat;background-image: url('/eng/images/sejongHistory.gif');height: 300px;float: left;}
.sub_menu{float: left;border-left: 1px #f3f3f3 solid;box-sizing: border-box;height: 322px;width: 18%;;padding: 10px;}
.sub_menu li{margin-bottom: 5px;}
.sub_menu a{display: block;font-size: 13px;color: #666;padding: 3px 5px 3px 15px;}
.sub_menu li:hover a{color: #80bd53;font-weight: 700;}
.sub_menu a.active{color: #7fc58e;font-weight: 700;}
.m_menu_i{background-repeat: no-repeat;background-image: url('/eng/images/m_menu_i.png');position: absolute;right: 20px;top: 23px;width: 22px;height: 20px;display: none;}

.m_menuwrap{background-color: #FFF;position: absolute;top: 0;left: 0;width: 100%;bottom: 0;z-index: 50;display: none;}
.m_menu_header{border-bottom: 5px #80bd53 solid;height: 69px;line-height: 69px;box-sizing: border-box;padding: 0 18px;}
.m_xbtn{background-repeat: no-repeat;background-image: url('/eng/images/m_xbtn.png');width: 19px;height: 19px;float: right;margin-top: 30px;}
.homebox{background-color: #f4f4f4;height: 72px;line-height: 72px;box-sizing: border-box;padding: 0 20px;}
.m_home{font-size: 20px;color: #000000;opacity: 0.63;font-weight: 700;}
.language{display: inline-block;border:2px #e7e7e7 solid;box-sizing: border-box;font-size: 18px;color: #7f7f7f;background-color: #FFF;border-radius: 20px;height: 37px;line-height: 33px;width: 125px;text-align: center;font-weight: 700;float: right;margin-top: 16px;}
.m_menuul>li{background-image: url('/eng/images/m_menu_bg.png');background-repeat: repeat;}
.m_menuul>li>a{font-size: 22px;color: #ffffff;display: block;font-weight: 700;height: 78px;line-height: 78px;box-sizing: border-box;padding: 0 20px;border-bottom: 1px #85ada2 solid;}
.depul{background-color: #f4f4f4;box-sizing: border-box;padding: 30px 35px;line-height: 2.1;display: none;}
.depul a{display: block;font-size: 18px;color: #a2a1a1;}
.depul a.active{color: #7fc58e;font-weight: 700;}

/* footer */
#footer{background-color: #FFFFFF;padding: 20px 0 35px 10px;border-top: 3px solid #f3f3f3;}
.f_logo{display: inline-block;vertical-align: middle;}
.f_text{display: inline-block;vertical-align: middle;margin-left: 5px;}
.f_text address{font-style: normal;font-size: 13px;}


/* main */
.main_bg{background: url('/eng/images/bg.png') repeat;width: 100%;}
.slideul{width: 693px;margin: 0 auto;overflow: hidden;}
.slideul li{background-repeat: no-repeat;height: 312px;}
.slideli01{background-image: url('/eng/images/bck.png')}
.slideli02{background-image: url('/eng/images/bck2.png')}
.slideli03{background-image: url('/eng/images/bck3.png')}
.slideli04{background-image: url('/eng/images/bck4.png')}
.slideli05{background-image: url('/eng/images/bck5.png')}
.infobox{border-top:1px #4f9182 solid;}
.infoul{max-width: 984px;width: 100%;margin: 0 auto;border-left: 1px #4f9182 solid;}
.infoul li{float: left;width: 33.3%;box-sizing: border-box;border-right: 1px #4f9182 solid;}
.infoul li a{padding: 22px;box-sizing: border-box;display: block;height: 109px;}
.info_icon{display: inline-block;vertical-align: middle;margin-right: 5%;}
.info_text{display: inline-block;vertical-align: middle;width: 77%;}
.info_text strong{font-size: 14px;color: #FFF;display: block;margin-bottom: 10px;}
.info_text span{font-size: 13px;color: #FFF;line-height: 1.2;display: block;}

/* sub */
#snbwrap{width: 212px;border: 1px solid #80bd53;display: inline-block;}
.taC h2{background-color: #003d14;text-align: center;color: #FFF;height: 56px;line-height: 56px;box-sizing: border-box;}
.taC02 h2{line-height: 1.4;padding-top: 5px;}
.snbul{margin: 12px 0;}
.snbli a{display: block;color: #6e8f79;padding: 12px 0 0 30px;height: 31px;font-size: 16px;font-weight: bold;}
.snbli.on a,.snbli:hover a{color: #003812;background: url(../images/sejong_nav_blet.png) 177px center no-repeat;}
.twoli{margin-bottom: 5px;}
.twoli a{height: auto;}
.s_contents{display: inline-block;vertical-align: top;box-sizing: border-box;width: 73.5%;float: right;margin-left: 4.5%;}
.cont_top{overflow: hidden;border-bottom: 3px solid #6e8f79;padding: 0 0 20px;margin-bottom: 20px;}
.cont_top h2{font-size: 29px;line-height: 1.3em;color: #6e8f79;float: left;font-weight: 500;}
.location{color: #6e8f79;float: right;margin-top: 25px;letter-spacing: 0.5px;font-size: 13px;}
.location li{display: inline-block;vertical-align: middle;;margin-right: 5px;}
.location li span{display: inline-block;margin-right: 5px;}

.history{float:left;width:100%;margin:0 0 0 33px;background:url('../images/yearsBG.jpg') no-repeat;box-sizing: border-box;}
.history div{background:url('../images/yearBtn.png') no-repeat;background-position: 0px 16px;}
.history .HList{overflow:hidden;}
.history .HList dl{margin-left:80px;}
.history .HList dl, .history .HList dt, .history .HList dd{float:left;}
.history .HList dt{display:inline-block;color:#73872f;font-size:14px;width:88px;text-align:right;line-height:2em;}
.history .HList dd{display:inline-block;max-width:450px;margin:5px 0 0 50px;font-size: 12px;}
.history h3{width:100px;margin-left:100px;height:55px;text-indent:-9999px;}
.history .years2006 h3{background:url(../images/2006years.jpg) no-repeat;}
.history .years2007 h3{background:url(../images/2007years.jpg) no-repeat;}
.history .years2008 h3{background:url(../images/2008years.jpg) no-repeat;}
.history .years2009 h3{background:url(../images/2009years.jpg) no-repeat;}
.history .years2010 h3{background:url(../images/2010years.jpg) no-repeat;}
.history .years2011 h3{background:url(../images/2011years.jpg) no-repeat;}
.history .years2013 h3{background:url(../images/2013years.jpg) no-repeat;}
.history .years2007{margin-top:38px;}
.history .years2008{margin-top:12px;}
.history .years2010{margin-top:-5px;}
.history .years2011{margin-top:9px;}
.history .years2007 dl,.history .years2009,.history .years2011 dl{margin-top:10px;}
.history .years2009 dl,.history .years2010 dl{margin:10px 0 0 38px;}
.history .years2008 dl{margin-top:17px;}
.history .years2009 dt,.history .years2010 dt{line-height:1.5em;}
.history .years2009 dt{width:138px;}
.history .years2010 dt{width:132px;}
.history:after{content:"";clear:both;display:block;}
.Organization>div{width: 41.7%;display: inline-block;vertical-align: top;margin: 0 4% 0 0;padding: 23px;border: 1px solid #376828;box-sizing: border-box;}
.Organization h3{background: url('../images/arrow1.png') left 5px no-repeat;padding-left: 20px;border-bottom: 1px solid #376828;padding-bottom: 15px;letter-spacing: 0.5px;font-size: 16px;font-weight: 400;}
.Organization ul{margin-top: 15px;}
.Organization ul li{word-wrap: break-word;background: url('../images/dot-g1.png') left 8px no-repeat;padding-left: 15px;font-size: 12px;}
.Organization .ServiceUD{width: 88%;margin-top: 20px;}
.blind{overflow: hidden;visibility: hidden;position: absolute;left: 0;top: 0;width: 0;height: 0;font-size: 0;line-height: 0;}
.LibraryGuide{width: 100%;text-align: center;border: 1px solid #89C57F;margin-top: 15px;font-size: 12px;}
.LibraryGuide th{background: #D9EBD6;border-right: 1px solid #89C57F;padding: 8px;}
.LibraryGuide td{padding: 12px 13px;border-right: 1px solid #89C57F;border-bottom: 1px solid #89C57F;}
.txtLeft{text-align: left;}
.map{border: 1px solid #ccc;padding: 13px;width: 90%;}
.cost-print{width: 100%;border: 1px solid #89C57F;border-bottom: 0;border-right: 0;font-size: 12px;}
.cost-print td{border-right: 1px solid #89C57F;border-bottom: 1px solid #89C57F;padding: 10px 8px;}
.cost-print	.LibraryGuide{margin-top: 0;}
.cost-print	.LibraryGuide tr th:first-child{width: 30%;}
.cost-print	.LibraryGuide td{text-align: left;}
.Holiday-Closures ul{margin-left: 20px;font-size: 12px;}
.Holiday-Closures ul li{background: url('../images/arr1.png') left 10px no-repeat;padding-left: 20px;line-height: 2.3;}
.Opening-Hours h3{background: url(../images/arrow1.png) left center no-repeat;padding-left: 20px;font-size: 18px;margin: 15px 0;color: #366810;font-weight: 500;}
.LibraryGuide .t01{width: 20%;}
.LibraryGuide .t02{width: 20%;}
.LibraryGuide .t03{width: 40%;}
.LibraryGuide .t04{width: 20%;}

.faq h3{background: url('../images/arrow1.png') left center no-repeat;padding-left: 20px;font-size: 18px;margin: 15px 0;color: #366810;font-weight: 500;}
.faq ul{margin-top: 15px;}
.faq ul li{list-style: none;margin-left: 18px;word-wrap: break-word;margin-top: 10px;background: url('../images/arr1.png') left 5px no-repeat;padding-left: 15px;font-size: 12px;}




/* 자주쓰는 스타일 */
.group{width: 86%;display: inline-block;vertical-align: top;}
.group02{width: 81%;display: inline-block;vertical-align: top;}
.m_br{display: none;}
.m_block{color: #d20000;font-size: 12px;font-weight: 300;margin-bottom: 5px;display: none}
.hide{overflow: hidden;position: absolute;left: -1000%;height: 0;font-size: 0;line-height: 0}
.inlineB{display: inline-block;vertical-align: top;box-sizing: border-box;}
.relative{position: relative;}
.vaT{vertical-align: top;}
.sub_t{font-size: 16px;color: #666666;font-weight: 300;line-height: 1.7;word-break: keep-all;}
.dot{background-color: #92887d;display: inline-block;width: 5px;height: 5px;vertical-align: middle;margin-right: 3px;border-radius: 50%;vertical-align: top;margin-top: 11px;}

.bB0{border-bottom: 0;}
.bR0{border-right: 0;}
.btn54{background-color: #544b41;text-align: center;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;}

.btn_f07 {background-color: #0856a7;text-align: center;border-radius: 20px;height: 28px;line-height: 25px;padding: 0 10px;font-size: 15px;color: #ffffff;}

.col333{color: #333333;}

.mL5{margin-left: 5px;}
.mT10{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT45{margin-top: 45px;}
.mT50{margin-top: 50px;}
.mT60{margin-top: 60px;}
.mT70{margin-top: 70px;}

.tac{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}

.fs14{font-size: 14px;}
.fs18{font-size: 18px;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}