/* Written By MJS */

*{-webkit-text-size-adjust:none}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','留묒� 怨좊뵓',dotum,'�뗭�',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{border:0;padding:0;margin:0;text-decoration:none;color:#333}
ol,ul,dl{list-style:none}
img{float:left;border:0;padding:0;margin:0;}
legend,caption{display:none}
table{border-collapse:collapse;border-spacing:0}
input{vertical-align:middle;padding:0;border:0;margin:0;}
select{padding:0;border:0;margin:0;}

body{min-width:320px;max-width:1000px;height:100%;margin:0 auto;}





/*================================== �곷떒 ==================================*/
#main-navbar{position:relative;float:left;z-index:10;width:94%;padding:3%;background:#fff;}
#toggle-sidebar{float:left;width:12%;cursor:pointer;}
a.call{float:left;width:12%;}
/* 濡쒓퀬 */
.logo{position:relative;float:left;width:52%;margin:0 11%;}
.logo a{float:left;width:100%;}
.logo a img{float:left;width:100%;}


#main-sidebar{position:fixed;top:0;bottom:0;background:#e5e5e5;}
#main-sidebar .close-sb{height:48px;line-height:48px;background:#333;padding:0 0 0 3%;border-bottom:1px solid #000;font-size:18px;color:#fff;cursor:pointer;}
#main-sidebar ul li > a{display:block;height:18px;line-height:18px;padding:12px 0 12px 5%;border-bottom:1px solid #ccc;font-size:16px;font-weight:600;color:#555;}
#main-sidebar ul li > a:hover{background:#333;border-bottom:1px solid #010101;color:#fff;}
#main-sidebar ul li li > a{display:block;padding:8px 0 8px 5%;background:#f7f7f7;border-bottom:1px solid #dedee0;font-size:13px;color:#555;}
#main-sidebar ul li li > a .class_point1{width:30px;display:inline-block;line-height:18px;font-size:10px;font-weight:600;color:white;background:red;text-align:center;padding:0;margin:0;margin-right:4px;}
#main-sidebar ul li li > a .class_point2{width:30px;display:inline-block;line-height:18px;font-size:10px;font-weight:600;color:white;background:green;text-align:center;padding:0;margin:0;margin-right:4px;}






/*================================== 硫붿씤 ==================================*/
/* 硫붿씤 �щ씪�대뱶 */
.promotion{position:relative;float:left;margin:0;padding:0;min-width:320px;max-width:1080px;width:100%;overflow-x:hidden;}
.slidings{margin:0;padding:0;}
#promotionBanner{margin:0;padding:0;}
.wrap{margin:0;padding:0;}
figure{margin:0;padding:0;}
#promotionBannerPagination{margin:0;padding:0;}
.pagination{margin:0;padding:0;}


/* 援먯쑁�곷떞 */
.main_call{position:relative;float:left;width:92%;padding:4%;background:#8133b2;}
.main_cs{position:relative;float:left;width:100%;}
.cs_num{float:left;width:100%;}
.cs_num b{float:left;width:26px;height:36px;line-height:36px;font-size:22px;color:#8133b2;font-weight:bold;font-weight:1000;text-align:center;margin:0 1px;background:#fff;}
.cs_num span{float:left;height:36px;line-height:36px;font-size:30px;color:#fff;padding:0 2%;}
.cs_text{float:left;width:100%;font-size:13px;line-height:18px;color:#fff;margin-top:4%;}


/* 硫붿씤���댄�, �붾낫湲� */
.m_title{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;letter-spacing:-1px;text-align:center;color:#000;margin-bottom:5%;}
.m_title2{float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;color:#000;margin-bottom:5%;}


/* 媛뺤쓽�덈궡 */
.subject{position:relative;float:left;width:92%;padding:8% 4%;}
.subject ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;}
.subject ul li{float:left;width:31.5%;height:110px;margin:0.5%;padding:6% 0;background:#fff;border:1px solid #aaa;box-shadow:2px 2px 2px #ccc;;border-radius:10px;}
.subject ul li a{float:left;width:100%;display:block;text-align:center;}
.subject .sj_icon{display:inline-block;width:40px;height:40px;padding:10px;border-radius:100%;text-align:center;}
.subject .sj_icon img{width:100%;}
.subject ul li a p{float:left;width:90%;line-height:15px;font-size:12px;font-weight:600;text-align:center;color:#000;margin:10px 5% 0 5%;}
.c1{background:#bdcaf1;}
.c2{background:#d9b2f4;}
.c3{background:#eeb289;}
.c4{background:#f6b3c6;}
.c5{background:#efcc6d;}
.c6{background:#a6d88b;}
.c7{background:#8bd8d2;}


/* 援�퉬援먯쑁 */
#nal_edu{position:relative;float:left;width:83.8%;padding:22px 4%;margin:8% 4% 0 4%;border:1px solid #ccc;background:url(../img/m_bg_icon3.png) no-repeat 94% 70%;background-size:22%;}
.bn_title2{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;margin-bottom:4%;}
#nal_edu p{float:left;width:70%;line-height:15px;font-size:11px;font-family:'dotum' !important;letter-spacing:-0.04em;color:#888;margin:0 30% 4% 0;}
a.view{float:left;width:80px;line-height:22px;font-size:12px;font-family:'gulim' !important;font-weight:400;text-align:center;color:#fff;background:#999;}


/* �댁씪諛곗�移대뱶,�쒖꽕�덈궡 */
#bn_box{position:relative;float:left;width:92%;margin:0 4%;background:#fff;margin-top:-1px;}
.bn_title{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;margin-bottom:4%;}
.tm_card{position:relative;float:left;width:91.8%;padding:22px 4%;border:1px solid #ccc;background:url(../img/m_bg_icon1.png) no-repeat 94% 60%;background-size:22%;}
.tm_card a{float:left;width:100px;line-height:32px;font-size:14px;font-weight:600;text-align:center;color:#fff;margin-right:1px;}

.fc_bn{position:relative;float:left;width:91.8%;padding:22px 4%;border:1px solid #ccc;background:url(../img/m_bg_icon2.png) no-repeat 94% 60%;background-size:22%;margin-top:-1px;}
.fc_bn p{float:left;width:100%;line-height:15px;font-size:11px;font-family:'dotum' !important;letter-spacing:-0.04em;color:#888;margin-top:-2px;}
a.view2{position:absolute;right:5%;top:22px;width:24px;height:24px;line-height:24px;font-size:22px;font-family:'gulim' !important;font-weight:400;text-align:center;color:#fff;background:#999;}


/* 怨듭��ы빆, �먮ℓ�쒖꽕怨듭� */
#notice{position:relative;float:left;width:92%;margin:8% 4%;border:1px solid #ccc;;}
ul.tabs{float:left;width:100%;height:42px;}
ul.tabs li{float:left;width:50%;height:42px;line-height:42px;background:#ccc;overflow:hidden;position:relative;}
ul.tabs li a{float:left;width:100%;height:42px;line-height:42px;text-align:center;font-size:16px;font-weight:600;color:#666;}
ul.tabs li a:hover{background:#ccc;}
ul.tabs li.active a, ul.tabs li.active a:hover{font-size:18px;color:#fff;background:#707070;}
.tab_container{float:left;width:100%;}
.tab_content{float:left;width:92%;padding:4%;}
ul.board{float:left;width:100%;}/* 寃뚯떆�� */
ul.board li{float:left;width:100%;}
ul.board li a{float:left;width:74%;font-size:12px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}
ul.board li a:hover{text-decoration:underline;}
ul.board li span.date{float:left;width:26%;line-height:24px;font-size:11px;text-align:right;color:#898989;}


/* �ы넗媛ㅻ윭由� */
.gallery{position:relative;float:left;width:92%;padding:8% 4% 4% 4%;background:#f2f2f2;margin-top:8%;}
.gallery ul{position:relative;float:left;width:102%;margin-left:-1%;}
.gallery ul li{float:left;width:48%;margin:0 1%;height:140px;}
.gallery ul li a{float:left;width:100%;}
.gallery ul li a img{float:left;width:100%;height:100px;}
.gallery ul li a p{float:left;width:100%;line-height:100%;font-size:14px;text-align:center;color:#000;margin-top:10px;}


/* �쒖쑉 �ㅼ떆�붽만 */
#address{position:relative;float:left;width:92%;padding:8% 4%;background:url(../img/pattern.gif) repeat;}
#address ul{position:relative;float:left;width:100%;margin-top:3%;border-top:1px solid #5c5c5c;}
#address ul li{float:left;width:96%;line-height:16px;padding:2%;border-bottom:1px solid #5c5c5c;}
#address ul li b{float:left;width:26%;font-size:14px;font-weight:600;color:#fff;}
#address ul li p{float:left;width:74%;font-size:12px;font-weight:400;color:#fff;}





/*================================== �섎떒 ==================================*/
/* �쒗뭹�뚭컻 */
.f_roll_w{position:relative;float:left;width:92%;margin:30px 4%;background:#fff;overflow:hidden;}
#f_roll{position:absolute;left:0;top:0;width:400%;height:104px;}
#f_roll ul{position:relative;float:left;width:100%;border-top:1px solid #ccc;}
#f_roll ul li{position:relative;float:left;width:206px;border:1px solid #ccc;background:#fafafa;margin:-1px -1px 0 0;}
#f_roll ul li a{position:relative;float:left;width:186px;height:82px;text-align:center;padding:10px;}
#f_roll ul li a img{float:left;width:184px;height:52px;margin:0 0 6px 0;border:1px solid #e0e0e0;}
#f_roll ul li a b{float:left;width:90%;line-height:20px;font-size:14px;padding:0 5%;color:#000;}
#f_roll ul li a p{float:left;width:90%;line-height:17px;font-size:12px;padding:0 5%;color:#888;margin:6px 0 0 0;white-space:normal;}
#f_roll ul li a span{position:absolute;left:0;bottom:10px;width:100%;line-height:100%;font-size:11px;font-family:'dotum' !important;color:#000;}


#footer{position:relative;float:left;width:100%;background:#fafafa;border-top:1px solid #aaa;}
.copy{position:relative;float:left;width:100%;padding-top:4%;color:#999;font-size:11px;}
.copy p{text-align:center;}


/* 踰꾪듉 style */
#button{position:relative;float:left;width:100%;background:#fafafa;padding:4% 0 6% 0;text-align:center;color:#fff;}
.btn{margin:1%;padding:2% 4%;font-size:14px;color:#fff;border:none;background:#aaa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}





/*================================== �쒕툕 ==================================*/
#sub_content{position:relative;float:left;width:100%;height:auto;min-width:320px;}

/* �쒕툕 硫붾돱 */
.sub_menu{position:relative;float:left;width:94%;padding:0 3%;background:#f4f4f4;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.sub_menu h3{float:left;width:100%;font-size:20px;line-height:28px;letter-spacing:-1px;font-weight:600;color:#333;margin:15px 0;}
.sub_menu ul{float:left;width:100%;margin:0 0 15px 0;}
.sub_menu ul li{float:left;padding:0 3%;line-height:13px;border-left:1px solid #999;}
.sub_menu ul li:first-child{padding-left:0;border-left:none}
.sub_menu ul li a{float:left;font-size:13px;font-weight:bold;color:#aaa;}
.sub_menu ul li a.on{font-weight:bold;color:#fff;}

.page_content{position:relative;float:left;width:94%;padding:3%;margin:4% 0;}


/* �쒕툕 �섏씠吏� �� */
.sub_tab{position:relative;float:left;width:100%;overflow:hidden;}
.sub_tab ul{float:left;width:100.2%;margin-left:-1px;}
.sub_tab ul li{float:left;width:50%;text-align:center;}
.sub_tab ul li a{float:left;width:99.8%;height:32px;line-height:16px;font-size:12px;font-weight:600;letter-spacing:-0.03em;padding:5px 0;color:#777;background:#fff;border:1px solid #555;margin:-1px -1px 0 0;}
.sub_tab ul li a:hover{background:#f9f9f9;}
.sub_tab ul li a.on{color:#fff;background:#555;border:1px solid #555;}




/*=================================== 怨듯넻 style =================================== */
.stitle1{float:left;width:100%;line-height:26px;font-size:20px;font-weight:600;letter-spacing:-1px;color:#000;margin:8% 0 4% 0;}
.stitle1 b{display:inline-block;vertical-align:top;line-height:24px;font-size:26px;margin-right:5px;color:#34aee6;}


.tbl{position:relative;float:left;width:100%;overflow:hidden;}
.tbl table{float:left;width:100.5%;margin-left:-1px;}
.tbl table th{line-height:20px;font-size:14px;font-weight:600;color:#000;background:#f7f7f7;}
.tbl table td{line-height:18px;font-size:13px;color:#666;}
.tbl table th,.tbl table td{text-align:left;padding:2%;border:1px solid #ccc;}
.tbl table td a{display:inline-block;line-height:17px;font-size:11px;font-weight:400;font-family:'dotum' !important;vertical-align:top;text-align:right;padding:0 7px;color:#000;border:1px solid #aaa;border-radius:3px;background:#fafafa;margin-top:7px;}
.tbl table td b{font-size:13px;font-weight:600;color:#000;}
.tbl table td strong{float:left;width:100%;font-size:13px;font-weight:600;color:#000;margin-bottom:10px;}

.tbl ul{float:left;width:100%;margin-top:-5px;}
.tbl ul li{float:left;width:96.7%;line-height:18px;font-size:13px;color:#666;margin-top:5px;padding-left:16px;background:url(../img/bullet.png) no-repeat 0 5px;background-size:10px;}

.sTxt{float:left;width:94%;line-height:18px;font-size:13px;color:#333;padding:2.7%;border:2px solid #eee;background:#fafafa;}
.sTxt ul{float:left;width:100%;margin-top:-7px;}
.sTxt ul li{float:left;width:100%l;ine-height:18px;font-size:13px;margin-top:7px;padding-left:16px;background:url(../img/bullet.png) no-repeat 0 3px;}

.sTxt2{float:left;width:92%;padding:3.3%;border:1px solid #eee;background:#f9f9f9;margin:8px 0 12px 0;}
.sTxt2 b{float:left;width:100%;line-height:18px;font-size:13px;font-weight:600;color:#000;}
.sTxt2 b span{line-height:18px;font-size:13px;font-weight:400;color:#555;}

.sPoint{float:left;width:100%;line-height:17px;font-size:12px;color:#d64f4f;margin-top:10px;}
.sPoint2{float:left;width:100%;line-height:17px;font-size:12px;color:#777;margin-top:10px;}




/*=================================== �댁슜 ===================================*/
/* �몄궗留� */
.greeting{position:relative;float:left;width:100%;}
.gree_title{float:left;width:100%;line-height:24px;font-size:18px;font-weight:600;letter-spacing:-1px;color:#0496da;}
.greeting p{float:left;width:100%;line-height:18px;font-size:13px;color:#5d5d5d;margin:5% 0;}
.greeting p b{color:#000;}
.greeting ul{float:left;width:100%;margin-bottom:5%;}
.greeting ul li{float:left;width:94%;height:36px;padding:3%;background:#e9effb;margin-bottom:2%;}
.greeting ul li b{float:left;width:16%;line-height:36px;font-size:20px;letter-spacing:-1px;text-align:right;color:#255fd5;margin-right:4%;}
.greeting ul li span{float:left;width:80%;line-height:18px;font-size:14px;font-weight:600;color:#555;}


/* �쒖꽕�덈궡 */
.facility{position:relative;float:left;width:100%;}
.facility ul{float:left;width:102%;margin:-1.5% 0 0 -1.5%;}
.facility ul li{float:left;width:30.333%;height:200px;margin:1.5%;}
.facility ul li a{float:left;width:100%;}
.facility ul li img{float:left;width:100%;}
.facility ul li p{float:left;width:100%;line-height:26px;font-size:13px;text-align:center;margin-top:3%;}


/* MOU 由ъ뒪�� */
#mou_w{position:relative;float:left;width:100%;overflow:hidden;}
.mou_list{position:relative;float:left;width:100%;margin-top:30px;overflow:hidden;}
.mou_list ul{float:left;width:100%;border-top:1px solid #ccc;}
.mou_list ul li{float:left;width:49.5%;text-align:center;border:1px solid #ccc;background:#fafafa;margin:-1px -1px 0 0;}
.mou_list ul li a{position:relative;float:left;width:100%;height:80px;padding:10px 0;}
.mou_list ul li a img{float:left;width:89.5%;height:54px;margin:0 5% 6px 5%;border:1px solid #e0e0e0;}
.mou_list ul li a b{float:left;width:90%;line-height:18px;font-size:14px;padding:0 5%;color:#000;}
.mou_list ul li a p{float:left;width:90%;line-height:15px;font-size:11px;padding:0 5%;color:#555;margin:8px 0 10px 0;}
.mou_list ul li a span{position:absolute;left:0;bottom:10px;width:100%;line-height:100%;font-size:11px;font-family:'dotum' !important;color:#999;}


/* 李얠븘�ㅼ떆�붽만 */
.root_daum_roughmap{width:100% !important;border:none !important;padding:0 !important;height:230px !important;}
.wrap_map{height:260px !important;}






/* �대�吏��ш린 �쒕찇��濡쒖씪�� 議곗젙�댁＜�� style */
@media screen and (min-width:0) and (max-width:420px) {
.gallery ul li{height:140px;}
.gallery ul li a img{height:100px;}

.facility ul li{width:47%;height:150px;}
.facility ul li img{height:100px;}

.mou_list ul li a img{height:38px;}
}

@media screen and (min-width:421px) and (max-width:767px) {
.gallery ul li{height:220px;}
.gallery ul li a img{height:170px;}

.facility ul li{width:47%;height:210px;}
.facility ul li img{height:160px;}

.mou_list ul li a img{height:49px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.gallery ul li{height:280px;}
.gallery ul li a img{height:220px;}

.facility ul li{height:170px;}
.facility ul li img{height:130px;}

.mou_list ul li{width:33.15%;}
.mou_list ul li a img{height:61px;}
}

@media screen and (min-width:1024px) and (max-width:1920px) {
.gallery ul li{height:320px;}
.gallery ul li a img{height:240px;}

.facility ul li{height:180px;}
.facility ul li img{height:140px;}

.mou_list ul li{width:24.87%;}
.mou_list ul li a img{height:59px;}
}