@charset "utf-8";


/* .wrap{position:relative;min-width:1180px;overflow:hidden;min-height:650px;} */
.container{display: flex;position:relative;width:1180px;margin:0 auto;clear:both;padding-top:30px;padding-bottom:100px;}
.container:after {display:block;clear:both;content:'';}


.lnbNone #contents{float:none;position:relative;width:100%;min-height:650px;}

.infoContents{background:#fff;margin:49px 0;overflow:hidden;border-radius:7px;padding:60px 88px 160px 88px;min-height:500px}
.btnTop{display:none;width:59px;height:59px;text-indent:-9999px;position:fixed;left:50%;bottom:20px;margin-left:577px;z-index:100;background:url('/nrsc/images/common/btn_mb_top.png') no-repeat;}
.btnTop.nofixed{position:absolute;bottom:0}
.lineSection {margin-top:50px;margin-bottom:30px;padding-bottom:30px;border-top:1px dashed #123867;border-bottom:1px solid #aaaaaa;}
.lineSection.noBorT {border-top:none;}


/* skipNavi */
#skipNavi {position:absolute;top:-100px;z-index:10000;width:98%;}
#skipNavi li {float:left;width:100%;position:absolute;top:0;left:0;}
#skipNavi a {overflow:hidden;text-align:center;color:#fff;} 
#skipNavi a:focus, 
#skipNavi a:active {position:absolute;top:100px;left:0;height:auto;width:100%;margin-bottom:10px;padding:5px;font-weight:bold;background:#d2d2d2;color:#000;}

/* Header */
#header{position:relative;width:100%;background:#fff}
#header:after{display:block;clear:both;content:'';}

#header .gnbArea {position:relative;width:100%;height:50px;}
#header .gnbInner:after {display:block;clear:both;content:''}
#header .gnbInner {z-index:8;position:absolute;width:100%;height:50px;;}
#header .gnbInner.active {height:380px;border-bottom:2px solid #007dc3;background:#fff;}
#header .gnbInner #gnb {position:absolute;left:0;top:0;height:50px;width:100%;background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#header .gnbInner #gnb .gnbDep1 {display:table;position:relative;width:1180px;margin:0 auto;}
#header .gnbInner #gnb .gnbDep1:after{display:block;content:'';clear:both}
#header .gnbInner #gnb .gnbDep1 > li {display:table-cell;position:relative;float:left;font-size:17px;color:#000;text-align:center;}
#header .gnbInner #gnb .gnbDep1 > li > a {display:inline-block;padding:15px 46px;color:#000;font-family:'NanumSquareB'; font-size:18px; border-left:1px solid #e5e5e5; }

#header .gnbInner #gnb .gnbDep1 > li > a:hover  { color:#000; font-weight:bold}
#header .gnbInner #gnb .gnbDep1 > li > ul {height:317px;display:none;padding-top:10px;border-left:1px solid #e5e5e5;}
#header .gnbInner #gnb .gnbDep1 > li:last-child > ul {border-right:1px solid #e5e5e5;}
#header .gnbInner #gnb .gnbDep1 > li > ul > li {margin-bottom:5px;padding-left:15px;text-align:left;}
#header .gnbInner #gnb .gnbDep1 > li > ul > li > a {display:inline-block;font-size:14px;line-height:1.2;}
#header .gnbInner #gnb .gnbDep1 > li > ul > li > a:hover {color:#dc0000; background:#F6F6F6}
#header .gnbInner.active #gnb .gnbDep1 > li > ul {display:block;}
#header .searchBox {position:absolute;top:12px;left:430px;text-align:center;width:280px}
#header .searchBox .searchBar {display:inline-block;margin:0 auto;border:2px solid #007dc3;}
#header .searchBox .searchBar input {display:inline-block;border:none;width:210px;margin:0 10px;font-size:13px;color:#555;line-height:20px;}
#header .searchBox .searchBar input:placeholder {color:#aaa;}
#header .searchBox .searchBar .btn {display:inline-block;width:34px;height:30px;line-height:28px;background:#007dc3;}
#header .headerF {float:right;margin-top:15px;}
#header .headerF .util {float:left;}
#header .headerF .util a {position:relative;display:inline-block;padding:0 10px;font-size:14px;color:#888888;}
#header .headerF .util a:hover, #header .headerF .util a:focus, #header .headerF .util a:active, #header .headerF .util a.active {color:#005e93;}
#header .headerF .util a:after {display:inline-block;position:absolute;right:-3px;top:5px;content:'';width:1px;height:13px;background:#dddddd;}
#header .headerF .util a:last-child:after {background:none;}
#header .headerF .util a.login {color:#007dc3;}
#header .headerF .control {float:left;;width:62px;height:18px;background:url('/nrsc/images/common/ico_font_control.png') no-repeat left top;}
#header .headerF .control a {display:inline-block;width:18px;height:18px;font-size:0;vertical-align:top}
#header .mobileHeader{display:none;}							

.gnb_last { background:#FC0} 


/* 2024.12월 메뉴 추가 */
#headerN .gnbAreaN {position:relative;width:100%;height:60px;}
#headerN .gnbAreaN .gnbInner:after {display:block;clear:both;content:''}
#headerN .gnbAreaN .gnbInner {z-index:8;position:absolute;width:100%;height:60px;;}
#headerN .gnbAreaN .gnbInner.active {height:380px;border-bottom:2px solid #007dc3;background:#fff;}
#headerN .gnbAreaN .gnbInner #gnb {position:absolute;left:0;top:0;height:60px;width:100%;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 {display:table;position:relative;margin:0 auto;}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1:after{display:block;content:'';clear:both}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li {display:table-cell;position:relative;float:left;font-size:19px;color:#000;text-align:center;}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li > a {display:inline-block;padding:21px 46px;color:#272727;font-family:'EliceDXNeolli-M'; font-size:19px; }
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li > a:hover  { color:#dc0000; }
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li > ul {height:317px;display:none;padding-top:10px;border-left:0px solid #e5e5e5;}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li:last-child > ul {border-right:0px solid #e5e5e5;}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li > ul > li {margin-bottom:5px;padding-left:0px;}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li > ul > li > a {display:inline-block;font-size:16px;line-height:1.2; font-family: var(--main-font-style);}
#headerN .gnbAreaN .gnbInner #gnb .gnbDep1 > li > ul > li > a:hover {color:#dc0000; background:#F6F6F6}
#headerN .gnbAreaN .gnbInner.active #gnb .gnbDep1 > li > ul {display:block;}
#headerN .gnbAreaN .searchBox {position:absolute;top:12px;left:430px;text-align:center;width:280px}
#headerN .gnbAreaN .searchBox .searchBar {display:inline-block;margin:0 auto;border:2px solid #007dc3;}
#headerN .gnbAreaN .searchBox .searchBar input {display:inline-block;border:none;width:210px;margin:0 10px;font-size:13px;color:#555;line-height:20px;}
#headerN .gnbAreaN .searchBox .searchBar input:placeholder {color:#aaa;}
#headerN .gnbAreaN .searchBox .searchBar .btn {display:inline-block;width:34px;height:30px;line-height:28px;background:#007dc3;}
#headerN .gnbAreaN .headerF {float:right;margin-top:15px;}
#headerN .gnbAreaN .headerF .util {float:left;}
#headerN .gnbAreaN .headerF .util a {position:relative;display:inline-block;padding:0 10px;font-size:15px;color:#888888;}
#headerN .gnbAreaN .headerF .util a:hover, #header .headerF .util a:focus, #header .headerF .util a:active, #header .headerF .util a.active {color:#005e93;}
#headerN .gnbAreaN .headerF .util a:after {display:inline-block;position:absolute;right:-3px;top:5px;content:'';width:1px;height:13px;background:#dddddd;}
#headerN .gnbAreaN .headerF .util a:last-child:after {background:none;}
#headerN .gnbAreaN .headerF .util a.login {color:#007dc3;}
#headerN .gnbAreaN .headerF .control {float:left;;width:62px;height:18px;background:url('/nrsc/images/common/ico_font_control.png') no-repeat left top;}
#headerN .gnbAreaN .headerF .control a {display:inline-block;width:18px;height:18px;font-size:0;vertical-align:top}
#headerN .gnbAreaN .mobileHeader{display:none;}		


#headerN .gnbAreaN .gnb_last { background:rgb(233, 8, 8)} 

.app_ing {position: absolute; left: 60px; top: -7px;}

/* Main */
.mainWrap {width:100%;padding-bottom:50px;}
.mainWrap .pgTit {font-size:0;line-height:0;margin-bottom:0;}
.mainWrap .mainCon {position:relative;width:1180px;margin:0 auto;}
.mainWrap .mainMidCon {overflow:hidden;;margin:20px 0;}
.mainWrap .mainVisArea {width:100%;overflow:hidden;min-height:100px;}
.mainWrap .mainVisArea .mainVisDesc {text-align:center;color:#6a8695;margin-bottom:22px;}
.mainWrap .mainVisArea .mainVisDesc h4 {margin-bottom:5px;font-size:22px;color:#015d90;}
/*2018.10.19 추가*/
.mainWrap .mainVisArea .mainVisDesc .highlight { color: #ee3c45; }
/* Main Slider  */
.mainWrap .mainVisArea .mainSliderInner > li {height:455px;background:#eaf4fb;}
.mainWrap .mainVisArea .mainSliderInner > .mainVis01 { background:url("../../images/main/banner/sildeimg_welfare_bg.jpg") no-repeat center top; }
.mainWrap .mainVisArea .mainSliderInner > .mainVis02 {background:url("../../images/main/banner/sildeimg_childcare_bg.jpg") no-repeat center top; }
.mainWrap .mainVisArea .mainSliderInner > .mainVis03 {background:url("../../images/main/banner/sildeimg_infants_bg.jpg") no-repeat center top; }
.mainWrap .mainVisArea .mainSliderInner > .mainVis04 {background:url("../../images/main/banner/sildeimg_health_bg.jpg") no-repeat center top; }
.mainWrap .mainVisArea .mainSliderInner > .mainVis05 {background:url("../../images/main/banner/sildeimg_Diploma_bg.jpg") no-repeat center top;}
.mainWrap .mainVisArea .mainSliderInner > .mainVis06 { background:url("../../images/main/banner/sildeimg_korean_bg.jpg") no-repeat center top; }

.mainWrap .mainVisArea .mainStepArea {width:1180px;margin:0 auto;padding:60px 0 10px 0;}


			
.mainVisInfoTxt {font-size:0 !important;}

.mainWrap .mainVisArea .bx-wrapper {margin-bottom:0;height:455px !important;}
.mainWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {z-index:50;width: auto;margin: 0 auto;right:auto;left:665px;}
.mainWrap .bx-wrapper .bx-pager, .mainWrap .bx-wrapper .bx-controls-auto {width:auto;bottom:-210px;}
.mainWrap .bx-controls {position: relative;width: 1180px;margin: 0 auto;top: -250px;}
.mainWrap .bx-wrapper .bx-controls-direction a {top:50%;margin-top:00px;width:60px;height:60px;z-index:10;}
.mainWrap .bx-wrapper .bx-prev {left:-5%;background: url('../../images/main/banner/btn_sliderControl_prev.png') no-repeat left top;}
.mainWrap .bx-wrapper .bx-next {right:-5%;background: url('../../images/main/banner/btn_sliderControl_next.png') no-repeat left top;}
.mainWrap .bx-wrapper .bx-pager.bx-default-pager {margin-left:505px;}
.mainWrap .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;width:12px;height:12px;margin: 3px 5px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
.mainWrap .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#d30000;width:35px;height:13px;}
.mainWrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center;width:auto;z-index:50;}
.mainWrap .bx-wrapper .bx-controls-auto .bx-stop {width:20px;height:20px;background: url('../../images/main/banner/btn_stop.png') no-repeat left top;}
.mainWrap .bx-wrapper .bx-controls-auto .bx-start {width:20px;height:20px;background: url('../../images/main/banner/btn_play.png') no-repeat left top;}


.mainWrap .quick_subject {  width:100%; background:rgba(242,242,242,10); z-index:1000;}
.mainWrap .quick_subject ul {overflow:hidden;  width:1180px; margin:auto}
.mainWrap .quick_subject ul li { width:13.9%; float:left; display:table; text-align:center;border-right:#E8E8E8 solid 1px; height:60px; }
.mainWrap .quick_subject ul li a { display:table-cell; color:#000; height:60px; vertical-align:middle; font-size:18px;  font-family: 'NanumSquareR';}
.mainWrap .quick_subject ul li a:hover, 
.mainWrap .quick_subject ul li a.active { background:#000; color:#fff; }

.mainWrap .quick_subject ul li:first-child { color:#b4cfed; line-height:60px; background:url(../../images/main/quick_subject_bg.png) right no-repeat; border-right:0px }

.main_vis_btn { width:350px; margin:auto; text-align:center}
.visu_more { display:inline-block;   width:146px; height:39px; border:1px solid #fff; border-radius:5px; line-height:39px; color:#fff; font-size:16px; font-family:'NanumSquareR'; margin:0px auto 0; background:rgba(255,255,255,0.3);}
a:hover.visu_more { border:1px solid #F00; color:#fff; background:#F00}


