@c-h-a-r-s-e-t "utf-8";
@import url('/Web-home/frame/css/layout_common.css');
/*@import url('/user/hsc/style/css/NotoSans.css');*/



/**********************************************************************************
FONTS
**********************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400&display=swap');
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



* {font-family: "Noto Sans", "Noto Sans KR", "NotoSans-DemiLight", sans-serif  !important;letter-spacing:-1px;} 

#wrap-container{min-width:1280px}
#header-container, #pageTop{height: auto !important;}
#header-container{margin: 0 !important;width:auto !important;min-width:1280px}

/*Gnb Lnb 굵게*/
#menuTopUI ul.ul_1 li.li_1 a.a_1{font-weight:700 !important;}
#menuSubUI ul.ul_1 li.li_1 a.a_1{font-weight:600 !important;}


#header-container:before{content: ''; display: none; position: absolute; z-index: -1; top: 35px; left: -500px; width: 2000px; height: 5px; background-color: #32a13c;}
#header-container:after{content: ''; display: none; position: absolute; z-index: -1; bottom: 0;left: -500px; width: 2000px; height: 45px; background-color: #458dbf;}
#header-container .content-header{position: absolute; z-index: -1; top: 97px; left: 0; width: 2000px; min-width: 1000px; height: 238px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{display:none;position: absolute; top: 44px; right: 500px; width: 1000px; text-align: left; box-sizing: border-box;}
#header-container .content-header .slogan .item-01{margin: 0; line-height: 34px; font-size: 26px; color: #4c4c4c;}
#header-container .content-header .slogan .item-01 strong{color: #0054a7}
#header-container .content-header .slogan .item-02{margin: 0; line-height: 26px; font-size: 16px; font-weight: bold; color: #787878;}

#header{padding-top:0 !important}
#header:before{display:none}
#header .posts ul li a {display: block;padding: 0 !important;height: auto !important;border: none  !important;color:#333;font-size:13px;font-weight:600;}
#header .posts ul li a:hover{color: #000; border-color: #ffffff;background-color: #ffffff;}
#header .posts ul li.item-01 {border-bottom: none !important;;}
#header .posts ul li.item-02 {border-bottom: none !important;margin-left:40px;}
#header .posts ul li.item-02:after{content:"";display:block;width:22px;height:22px;background:url("/user/nhseoul/mycodyimages/icon-shopping.png") no-repeat;position:absolute;top:-18px;right:-21px}


.lnb{height:97px !important;width:910px}
.lnb .logo{display: inline-block;float: left;margin-left: 27px;}
.lnb .logo a{height: 92px;padding-top:0}

.lnb .wizard_func_area #menuTopUI #top_div{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2{width: auto;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2:before{content: '';position:absolute;bottom:-12px;left:0;width:3000px;margin-left:-1000px;height:60px;background-color:rgb(255 255 255);border-top:1px solid #ddd}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul{font-size: 0; white-space: nowrap; text-align: center;}

.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li{display: inline-block !important; float: none !important;}

.lnb .wizard_func_area{float: left;margin: 24px 0 0 20px;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li > a{letter-spacing: -1px}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li+li:after{content:"";position:absolute;left:14px;top:50%;margin-top:-1px;width:3px;height:3px;background:#333;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a{}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a:hover,
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a.active{}
#sub_k2wiz_GNB{padding-top:10px}

#mid-container{overflow: visible !important; margin: 0; padding-top: 240px;margin-bottom: 60px;width:1200px !important}
#mid-container:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#left-container .quick-link{margin-top: 30px; width: 188px; border: 1px solid #c4d2d2; background-color: #f4f8f8;}
#left-container .quick-link h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#left-container .quick-link ul{list-style: none; margin: 0; padding: 0 14px;}
#left-container .quick-link ul li{vertical-align: top;}
#left-container .quick-link ul li+li{border-top: 1px dashed #dadce1;}
#left-container .quick-link ul li a{display: block; padding: 18px 24px 0 0px; height: 32px; line-height: .9; font-size: 14px; color: #1f5a98; text-decoration: none; font-weight: bold; background-image: url(./../../mycodyimages/s_quick_link.png); background-repeat: no-repeat;}
#left-container .quick-link ul li.item-01 a{background-position: 0 0;}
#left-container .quick-link ul li.item-02 a{background-position: 0 -50px;}
#left-container .quick-link ul li.item-03 a{background-position: 0 -100px;}


#content-container{width:940px !important}
#content-container .h2Title{padding-top: 40px;line-height: 1; font-size: 48px; color: #6ea7cf;text-align: center;margin-bottom: 62px;height:85px;border-bottom:1px solid #ddd;}
#content-container .h2Title span{display: inline-block;position: relative}
#content-container .h2Title span:after{content:"";position:absolute;width:8px;height:8px;background:#6ea7cf;left: -17px;top: 50%;margin-top: -4px;border-radius: 10px;;}
#content-container .h2Title span:before{content:"";position:absolute;width:8px;height:8px;background:#6ea7cf;right: -17px;top: 50%;margin-top: -4px;border-radius: 10px;;}
#content-container #pageNavi{position: absolute; right: 0; top: 23px; font-size:12px;}
#content-container #pageNavi strong{color:#3865a0;}

#footer{background-image: url(./../../mycodyimages/bottom-visual.png);height: 237px;}
#footer-container{margin: 0 !important;width: auto !important;}
#footer .division-03{border-top: none;width: auto !important;margin:0px !important;padding: 44px 0 16px 253px !important;}
#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);left:27px !important;background-position: 0px 45px}
#footer .division-03 .policy{margin-bottom:14px}


#footer .division-03 .policy h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .division-03 .policy ul:after{content:"";display:block;clear:both}
#footer .division-03 .policy ul li{float:left}
#footer .division-03 .policy ul li +li{margin-left:20px}
#footer .division-03 .policy ul li a{font-size:14px;color:#fff}
#footer .division-03 .policy ul li a strong{color: #0033cc;}
#footer .division-03 .coop-site ul li{color: #fff;font-weight:300;letter-spacing:-0.5px}
#footer .division-03 .coop-site ul li+li:before{display:none !important}
#footer .division-03 .coop-site ul li + li{margin-left:10px}
#footer:after{display:none}
#footer:before{display:none}
#slide-container{top: 310px;}
.k2con_155141{}
.information-office-wrap{text-align: center;}
.sub_k2wiz_GNB{margin-top:19px}


.htmlWrap .k2conWrap.typeSlideUp .conbuilPhotoSlide .slideList li img{width:85%}

.movie-wrao{}
.movie-wrao .movie-view{width:938px;height:auto;background:url(/user/nhseoul/image/t_4403079.jpg) no-repeat center;margin:20px 0;border: 1px solid #888;}
.movie-wrao .movie-view video{width:938px}
.movie-wrao .movie-text{font-size: 15px;height: 260px;overflow: auto; border: 1px solid #888; background: #fbfbfb; padding: 20px; text-align: justify;}
.movie-wrao .point{font-size:12px;margin-top:12px;text-align: right;}


#footer .division-01{display:none}

.movie-wrap{}
.movie-wrap .movie-view{width:768px;height:auto;margin:20px 0}
.movie-wrap .movie-view video{width:768px}
.movie-wrap .point{font-size:12px;margin-top:12px;text-align: right;}


.menuSubTitleUI_0_1{font-size: 48px !important;width: 400px;position: absolute !important ;top: -120px;left: 260px;}

#footer .division-03 .copyright{color:#fff;font-weight:300;letter-spacing:0}

/* 컨텐츠 폰트사이즈 */
#survey-container .list table td.period{font-size:12px !important}
#album-container div.list ul.gallery li dl dt, #album-container div.list ul.list li dl dt{font-size:14px !important}
#album-container div.list ul.gallery li div.thumb a{height:180px !important;}
.tabmenu_dep1st li a, .htmlWrap .k2conWrap .conbuilContent{font-size:15px !important}


.nhpolicy, #survey-container, #enongmin, .history_tbl{font-size:15px !important}
.ulDash > li, .ulDot > li{font-size:15px !important}
#board-container .category-finance ul li a,#board-container, #album-container, #movie-container, #homework-container{font-size:15px !important}

.htmlWrap .title1st{font-size:18px !important}

#board-container .finance-notic:after{background-size: contain;top: 8px !important;left: 36px !important;width: 30px !important;height: 30px !important;}

/* 리뉴얼*/
.re-content{width: 900px;margin: 0 auto;position: relative;margin-top: 100px;}
.re-content p{}
.re-content p img{}


/* 상단 유틸 */
.posts-wrap{display: flex;float:right;margin-top: 30px;position: inherit;margin-right:27px}
.posts-wrap:after{content:"";display:block;clear:both}
#header .posts{display: inline-block;position: inherit;float: left;margin:13px 10px 0 0}
.lnb{display: inline-block;}
#header .util ul li+li:after{display:none}
#header .util ul li:nth-child(3) {display:none}
#header .util ul li:nth-child(1){background:url(./../../mycodyimages/login.png) no-repeat 4px center;text-indent:-9999px; font-size:0px;width:25px;height:26px;}
#header .util ul li:nth-child(1) a{width:26px; height:25px;}


#header .util{position: inherit;float: left;}
#header .util ul li{color:#000}
#header .util .util-user-admin,#header .util ul .hscHomeBtn{display:none}
#header .util ul .adminHomeBtn{padding-left: 10px;}

.htmlWrap .k2conWrap.typeSlideThumb .conbuilPhotoSlide .slideThumb .slideList li{width:100px !important; height:70px !important;}
.htmlWrap .k2conWrap.typeSlideThumb .conbuilPhotoSlide .slideThumb .slideList li img{width:100px !important; height:70px !important;}


/* 사이트맵 */
#sitemap{width:940px !important}
#sitemap .sm_inner{width:100% !important}
#sitemap .sm_list{width: 180px !important;margin-right: 55px !important;}								
.sm_list .sm_title{font-size:18px !important;background: transparent !important;width: 100% !important;color: #6ea7cf !important;border: 2px solid #a5c9e2;height: 42px !important;}
.sm_list li a{margin: 5px 0;font-size: 14px !important;}				
.sm_list li li a{font-size:13px !important;line-height: 16px !important;}