/* Written By MJS */
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;color:#282828;}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
/* 나눔고딕 폰트 적용 */
@font-face { /* 나눔고딕 Regular */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
html, body {
font-family: 'Nanum Gothic', sans-serif;
min-width:1100px;
height:100%;
}
/*=================================== 상단 ===================================*/
/* 로고 */
.logo{float:left;width:240px;height:45px;filter:alpha(opacity=100);opacity:1;}
.logo a:hover{filter:alpha(opacity=30);opacity:0.7;}
.logo a img{float:left;width:100%;}
/* 즐겨찾기, 한영 */
.top_right{position:absolute;right:0;top:15px;}
.top_right ul{float:left;}
.top_right ul li{float:left;border-left:1px solid #ccc;margin-left:15px;padding-left:15px;}
.top_right ul li:first-child{border-left:none;}
.top_right ul li a{float:left;font-size:13px;color:#666;}
/* 메뉴 */
#gnb_contain{position:relative;float:left;width:100%;height:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;}/* 메뉴 가로 100% */
#gnb{position:relative;width:1100px;margin:0 auto;}
#gnb ul{float:left;width:100%;border-left:1px solid #ccc;}
#gnb ul li{float:left;width:218px;height:50px;border-right:1px solid #ccc;}
#gnb ul li a{float:left;width:100%;line-height:50px;font-size:18px;font-weight:600;color:#000;text-align:center;}
/* 넓이 100% 서브메뉴 */
#snb{position:absolute;left:0;top:51px;display:none;width:100%;background:#f0f0f0;border-bottom:1px solid #ccc;/*filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.1;*/}
#submenu{position:relative;width:1102px;margin:0 auto;}
#submenu ul{float:left;width:218px;height:208px;border-right:1px solid #ccc;}
#submenu ul:first-child{border-left:1px solid #ccc;}
#submenu ul li{float:left;width:100%;}
#submenu ul li a{float:left;width:92.2%;padding:8px 0 8px 8%;line-height:18px;font-size:14px;font-weight:600;;color:#564339;text-align:left;}
#submenu ul li a:hover{background:#999;color:#fff;}/* 서브메뉴 마우스오버 시 액션 */
#submenu ul 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;}
#submenu ul 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;}
/*=================================== 메인 ===================================*/
/* 메인 비주얼 */
#slide{position:relative;float:left;width:100%;height:500px;overflow:hidden;}
#wrapper{position:absolute;top:0;left:0;width:100%;height:500px;background:#e0e0e0;overflow:hidden;}
#slideshow{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
#slides{position:relative;width:2000px;height:500px;}
#slides li{float:left;}
/* 교육상담 */
.main_call{position:absolute;right:0;top:0;width:200px;height:140px;background:url(../img/cs_call.png) no-repeat right bottom 0;z-index:1000;}
.main_cs{position:relative;float:left;width:100%;height:94px;z-index:11;}
.cs_title{float:left;line-height:24px;font-weight:600;letter-spacing:-1px;font-size:20px;color:#fff;}
.cs_num{float:left;margin:0 40px;}
.cs_num b{float:left;width:40px;height:46px;line-height:46px;font-size:40px;color:#8133b2;font-weight:bold;font-weight:1000;text-align:center;margin:0 1px;background:#fff;}
.cs_num span{float:left;height:46px;line-height:46px;font-size:40px;color:#fff;padding:0 5px;}
.cs_text{float:left;font-size:14px;line-height:24px;color:#fff;}
/* 메인타이틀, 더보기 */
.m_title{float:left;width:202px;}
.m_title b{float:left;width:100%;line-height:100%;font-size:32px;font-weight:600;letter-spacing:-2px;color:#000;margin:30px 0 40px 0;}
.m_title p{float:left;width:100%;font-size:12px;line-height:16px;color:#000;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.m_title span{float:left;width:40px;height:4px;background:#000;}
.m_title2{float:left;width:100%;line-height:100%;font-size:32px;font-weight:600;text-align:center;color:#000;margin-bottom:30px;background:url(../img/m_bg_icon1.png) no-repeat right;background-size:48px;margin-left:-29px;padding-right:10px;}
.m_title3{float:left;width:100%;line-height:100%;font-size:32px;font-weight:600;color:#000;margin-bottom:30px;}
.m_title4{position:relative;float:left;width:100%;height:50px;line-height:50px;text-align:center;margin-bottom:30px;z-index:999;}
.m_title4 b{display:inline-block;height:50px;line-height:50px;font-size:32px;font-weight:bold;color:#fff;text-align:center;padding-left:70px;background:url(../img/add_circle.png) no-repeat;background-size:50px;background-position:0 0;}
/* 강의안내 */
.subject{position:relative;float:left;width:898px;}
.subject ul{float:left;width:100%;}
.subject ul li{float:left;width:167px;height:140px;padding:30px 0;background:#fff;border:1px solid #aaa;box-shadow:2px 2px 2px #ccc;;border-radius:10px;margin:0 0 10px 10px;}
.subject ul li a{float:left;width:100%;display:block;text-align:center;}
.subject .sj_icon{display:inline-block;width:50px;height:50px;padding:15px;border-radius:100%;text-align:center;}
.subject .sj_icon img{width:100%;}
.subject ul li a p{float:left;width:90%;line-height:20px;font-size:16px;font-weight:600;text-align:center;color:#000;margin:14px 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:298px;height:198px;padding:30px;border:1px solid #ccc;background:url(../img/m_bg_icon3.png) no-repeat 252px 156px;background-size:84px;}
.bn_title2{float:left;width:100%;line-height:100%;font-size:28px;font-weight:600;margin-bottom:14px;}
#nal_edu p{float:left;width:101%;line-height:20px;font-size:14px;color:#555;margin-top:8px;}
a.more2{position:absolute;left:0;bottom:30px;width:206px;line-height:40px;font-size:16px;padding-left:30px;color:#fff;background:#0f5b9b;}
a.more2 span{position:absolute;right:30px;top:0;background:url(../img/m_bg_icon3.png) no-repeat 252px 154px;}
a.view{position:absolute;left:30px;bottom:30px;width:120px;height:30px;line-height:30px;font-size:14px;font-weight:400;text-align:center;color:#fff;background:#999;}
/* 내일배움카드,시설안내 */
#bn_box{position:relative;float:left;width:358px;height:258px;background:#fff;border:1px solid #ccc;border-left:none;}
.bn_title{float:left;width:100%;line-height:100%;font-size:18px;font-weight:600;margin-bottom:14px;}
.tm_card{position:relative;float:left;width:298px;height:69px;padding:30px;background:url(../img/m_bg_icon1.png) no-repeat 252px center;background-size:84px;}
.tm_card a{float:left;width:100px;line-height:40px;height:40px;font-size:16px;font-weight:600;text-align:center;color:#fff;margin-right:1px;}
.fc_bn{position:relative;float:left;width:298px;height:78px;padding:30px;border-top:1px solid #ccc;background:url(../img/m_bg_icon2.png) no-repeat 252px center;background-size:84px;}
.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:0;top:0;width:30px;height:30px;line-height:30px;font-size:30px;font-family:'gulim' !important;font-weight:400;text-align:center;color:#fff;background:#999;}
/* 공지사항, 판매시설공지 */
#notice{position:relative;float:left;width:380px;height:259px;border:1px solid #ccc;border-left:none;border-top:none;}
ul.tabs{float:left;width:100%;height:56px;}
ul.tabs li{float:left;width:50%;height:56px;line-height:56px;background:#ccc;overflow:hidden;position:relative;}
ul.tabs li a{float:left;width:100%;text-align:center;font-size:18px;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:20px;color:#fff;background:#707070;}
.tab_container{float:left;width:100%;}
.tab_content{float:left;margin:22px 24px 24px 24px;height:134px;}
ul.board{float:left;width:100%;}/* 게시판 */
ul.board li{float:left;width:100%;}
ul.board li a{float:left;width:74%;font-size:13px;line-height:28px;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:28px;font-size:12px;text-align:right;color:#898989;}
/* 포토갤러리 */
ul.gallery{position:relative;float:left;width:100%;}
ul.gallery li{float:left;width:33.3%;background:#fff;}
ul.gallery li a{float:left;width:99.8%;border:1px solid #ccc;margin:0 -1px -1px 0;}
ul.gallery li a img{float:left;width:100%;height:275px;}
ul.gallery li a p{float:left;width:100%;height:50px;line-height:50px;font-size:18px;font-weight:600;text-align:center;color:#000;}
a.more{position:absolute;right:0;top:3px;width:30px;height:30px;line-height:30px;font-size:30px;font-family:'gulim' !important;font-weight:400;text-align:center;color:#fff;background:#888;}
/* 오시는길 */
.address{position:relative;float:left;width:50%;margin-left:50%;}
.address ul{position:relative;float:left;width:100%;border-top:1px solid #5c5c5c;}
.address ul li{float:left;width:94%;line-height:84px;padding:0 3%;border-bottom:1px solid #5c5c5c;}
.address ul li b{float:left;width:24%;font-size:20px;font-weight:600;color:#fff;}
.address ul li p{float:left;width:76%;font-size:18px;font-weight:400;color:#fff;}
/*==================================== 우측퀵바 ====================================*/
#quick{position:absolute;top:170px;right:-38px;z-index:100000000;}
#quick .side{position:fixed;display:block;width:100px;background:none;z-index:10000;}
#quick .side ul{float:left;width:96px;background:#fff;border:2px solid #000;}
#quick .side ul li{float:left;width:100%;border-top:1px solid #ccc;}
#quick .side ul li:first-child{border-top:none;}
#quick .side ul li a{float:left;width:100%;display:block;padding:12px 0;text-align:center;}
#quick .side ul li a:hover{background:#f4f4f4;}
#quick .side ul li a img{width:40px;height:40px;text-align:center;}
#quick .side ul li a p{float:left;width:100%;line-height:14px;font-size:12px;color:#000;font-weight:600;text-align:center;margin-top:6px;}
#quick a.top{float:left;width:50px;height:50px;margin:15px 0 0 25px;}
/*=================================== 하단 ===================================*/
/* MOU 롤링배너 */
#rolling {position:relative;float:left;width:1100px;margin:20px 0;overflow:hidden;}
.roll_arrow{position:absolute;left:0;top:0;width:100%;z-index:20;}
.roll_arrow a#left{position:absolute;left:0;top:0;width:31px;height:110px;background:#fff;border:1px solid #ccc;}
.roll_arrow a#right{position:absolute;right:0;top:0;width:31px;height:110px;background:#fff;border:1px solid #ccc;}
.roll_arrow img{position:absolute;left:50%;top:50%;width:10px;height:19px;margin:-9px 0 0 -6px;}
#rolling .roll_img {position:relative;float:left;width:1037px;height:112px;overflow:hidden;margin:0 32px;}
#rolling .roll_img ul {position:absolute;left:0;top:1px;width:101%;}
#rolling .roll_img ul:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#rolling .roll_img ul li{position:relative;float:left;width:206px;text-align:center;border:1px solid #ccc;background:#fafafa;margin:-1px -1px 0 0;}
#rolling .roll_img ul li a{position:relative;float:left;width:100%;height:80px;padding:15px 0;}
#rolling .roll_img ul li a img{float:left;width:89.5%;height:54px;margin:0 5% 6px 5%;border:1px solid #e0e0e0;}
#rolling .roll_img ul li a b{float:left;width:90%;line-height:20px;font-size:15px;padding:0 5%;color:#000;}
#rolling .roll_img ul li a p{float:left;width:90%;line-height:17px;font-size:12px;padding:0 5%;color:#888;margin:6px 0 0 0;}
#rolling .roll_img ul li a span{position:absolute;left:0;bottom:15px;width:100%;line-height:100%;font-size:12px;font-family:'dotum' !important;color:#000;}
#rolling #control {text-align:center;}
/* 하단메뉴~맨위로 */
.f_menu{float:left;width:100%;padding:18px 0;}
.f_menu ul{float:left;width:100%;}
.f_menu ul li{float:left;border-left:1px solid #aaa;padding-left:20px;margin-left:20px;}
.f_menu ul li:first-child{border-left:none;padding-left:0;margin-left:0;}
.f_menu ul li a{float:left;width:100%;line-height:100%;font-size:13px;color:#fff;}
/* 카피라이트 */
.f_logo{float:left;width:28%;margin-top:6px;}
.copy{float:left;width:72%;text-align:left;line-height:20px;font-size:13px;color:#999;}
/* 관리자 */
a.admin{line-height:20px;font-size:13px;font-weight:600;color:#d10000;cursor:pointer;}
/*=================================== 서브 ===================================*/
/* 서브비주얼 */
#sub_visual{position:relative;float:left;width:100%;height:300px;overflow:hidden;z-index:-9999;}
.s_visual{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
/* 좌측 메뉴 */
.left{position:relative;float:left;width:100%;}
/* 좌측 타이틀 */
.left_title{position:relative;float:left;width:100%;height:100px;line-height:100px;font-size:28px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;background:#6e219e;}
/* 좌측 메뉴 리스트 */
.left_mn_w{position:relative;float:left;width:100%;background:#b171d9;}
ul.left_mn{position:relative;float:left;width:100%;}
ul.left_mn li{position:relative;float:left;width:100%;border-bottom:1px solid #c6c6c6;}
ul.left_mn li a{float:left;width:170px;display:block;line-height:50px;padding:0 15px;font-size:16px;font-weight:400;background:#f7f7f7;color:#797979;}
ul.left_mn li a:hover,ul.left_mn li a.on{font-weight:600;color:#fff;background:#b171d9;background:url(../img/lm_on_bg.png) no-repeat right 50%;}
ul.left_mn li a.line2{padding:10px 15px;line-height:20px}
/* 서브컨텐츠 */
.sub_content{float:left;width:100%;min-height:600px;padding-bottom:100px;}
.page_title{float:left;width:100%;line-height:28px;padding-bottom:10px;font-size:26px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;margin-bottom:38px;}/* 페이지 타이틀 */
.navi{position:absolute;right:0;top:50px;}
.navi a{font-size:12px;letter-spacing:1px;}
.page{float:left;width:100%;margin-top:44px;}
/* 서브 페이지 탭 */
.sub_tab{position:relative;float:left;width:100%;}
.sub_tab ul{float:left;width:100%;}
.sub_tab ul li{float:left;width:25%;text-align:center;}
.sub_tab ul li a{float:left;width:99.8%;vertical-align:middle;height:44px;line-height:22px;font-size:16px;font-weight:600;letter-spacing:-0.03em;padding:10px 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:30px;font-size:28px;font-weight:600;color:#000;margin:60px 0 30px 0;}
.stitle1 b{float:left;line-height:30px;font-size:32px;margin-right:10px;color:#34aee6;}
.tbl{position:relative;float:left;width:100%;overflow:hidden;}
.tbl table{float:left;width:100.3%;margin-left:-1px;}
.tbl table th{line-height:26px;font-size:18px;font-weight:600;color:#000;background:#f7f7f7;}
.tbl table td{line-height:22px;font-size:16px;color:#666;}
.tbl table th,.tbl table td{text-align:left;padding:14px;border:1px solid #ccc;}
.tbl table td a{display:inline-block;line-height:21px;font-size:11px;font-weight:400;font-family:'dotum' !important;vertical-align:top;text-align:right;padding:0 12px;color:#000;border:1px solid #aaa;border-radius:3px;background:#fafafa;}
.tbl table td b{font-size:16px;font-weight:600;color:#000;}
.tbl table td strong{float:left;width:100%;font-size:16px;font-weight:600;color:#000;margin-bottom:10px;}
.tbl ul{float:left;width:100%;margin-top:-5px;}
.tbl ul li{float:left;width:96.5%;line-height:20px;font-size:15px;color:#666;margin-top:5px;padding-left:18px;background:url(../img/bullet.png) no-repeat 0 4px;}
.sTxt{float:left;width:94%;line-height:22px;font-size:16px;color:#333;padding:2.7%;border:3px solid #eee;background:#fafafa;}
.sTxt ul{float:left;width:100%;margin-top:-7px;}
.sTxt ul li{float:left;width:100%;line-height:22px;font-size:16px;margin-top:7px;padding-left:20px;background:url(../img/bullet.png) no-repeat 0 3px;}
.sTxt2{float:left;width:96%;padding:1.6%;border:1px solid #eee;background:#f9f9f9;margin:8px 0 12px 0;}
.sTxt2 b{float:left;width:100%;line-height:22px;font-size:16px;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:18px;font-size:13px;color:#d64f4f;margin-top:18px;}
.sPoint2{float:left;width:100%;line-height:18px;font-size:13px;color:#777;margin-top:18px;}
/*=================================== 내용 ===================================*/
/* 인사말 */
.greeting{position:relative;float:left;width:100%;height:960px;background:url(../img/greeting_bg.png) no-repeat left bottom;}
.gree_title{float:left;width:100%;line-height:100%;font-size:34px;font-weight:600;letter-spacing:-2px;color:#0496da;}
.greeting p{float:left;width:100%;line-height:28px;font-size:20px;color:#5d5d5d;margin:40px 0;}
.greeting p b{color:#000;}
.greeting ul{float:left;width:100%;}
.greeting ul li{float:left;width:100%;height:70px;line-height:70px;background:url(../img/gree_point.png) no-repeat;}
.greeting ul li b{float:left;width:8%;line-height:84px;font-size:28px;letter-spacing:-1px;text-align:right;color:#fff;}
.greeting ul li span{float:left;width:90%;line-height:84px;font-size:20px;font-weight:600;color:#0c3280;margin-left:2%;}
/* 시설안내 */
.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:240px;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:22px;font-size:16px;text-align:center;margin-top:10px;}
/* MOU 리스트 */
#mou_w{position:relative;float:left;width:100%;}
.mou_list{position:relative;float:left;width:100%;margin-top:30px;}
.mou_list ul{position:relative;float:left;width:100%;border-top:1px solid #ccc;}
.mou_list ul li{position:relative;float:left;width:24.88%;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:15px 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:20px;font-size:15px;padding:0 5%;color:#000;}
.mou_list ul li a p{float:left;width:90%;line-height:17px;font-size:12px;padding:0 5%;color:#888;margin:6px 0 0 0;}
.mou_list ul li a span{position:absolute;left:0;bottom:15px;width:100%;line-height:100%;font-size:12px;font-family:'dotum' !important;color:#000;}
/* 찾아오시는길 */
.root_daum_roughmap{width:100% !important;border:none !important;padding:0 !important;height:370px !important;}
.wrap_map{height:400px !important;}