@charset "utf-8";
@import url(/Web-home/frame/css/layout_common.css);
@import url(/Web-home/user/common/css/button.css);
@import url(/Web-home/user/common/css/button_black.css);
@import url(/Web-home/user/common/css/button_gray.css);
@import url(/user/hsc/style/css/NotoSans.css);
@import url(/user/hsc/style/css/NotoSans_url.css);

#header .util ul li + li::after {background:none !important;}
#header .util ul li {font-size:11px !important; color:#888 !important;}



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


body{font-size:13px; color:#666;font-family:"Noto Sans", "Noto Sans KR", "NotoSansKR-Regular", "NotoSans","맑은 고딕" !important}

.lnb .logo{margin: 0;}
.lnb .logo a{height: 80px;}

/**/
#wrap-container{position:relative}
#wrap-container #header{padding-top:34px}
#wrap-container #header:before{border-bottom: 0;background-color: #fff;}
#wrap-container #header-container{position:absolute;left:50%;top:0;margin-left: -500px;z-index:2}
#wrap-container #header{width:1000px;margin:0 auto}
#wrap-container #header-container:before{top:34px;height:82px;z-index: 9;background:#fff;}

#header-container:before{content: ''; display: block; position: absolute; z-index: -1; bottom: 0; left: -500px; width: 2000px; height: 1px; background-color: #dddddd;}
#header-container .content-header{position: absolute; top: 116px; left: 50%; z-index:0;margin-left: -1000px; width: 2000px; min-width: 1000px; height: 160px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{display:none;position: absolute; z-index: 10; top: 206px; right: 500px; width: 1000px; text-align: right; box-sizing: border-box;}
#header-container .content-header .slogan .item-01{display:none;display: block; line-height: 24px; font-size: 18px; color: #7c7c7c;}




/*
#menuTopUI ul.ul_1 li.li_1 a.a_1{font-size: 16px;font-weight: bold;}
#menuTopUI ul.ul_1 li.li_1 a.a_1.active{background-position: center bottom !important;}
#menuSubUI .menuSubTitle{line-height:20px}
#menuSubUI ul.ul_1 li.li_1 a.a_1.active{border-bottom:0}

#top_div{width: auto !important;}
#top_div>ul{width: auto !important;}
#top_div>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#top_div>ul>li{position: static !important;}
#top_div>ul>li .div_2{left: auto !important; width: auto;}
#top_div>ul>li .div_2>ul{font-size: 0; white-space: nowrap; text-align: center;}
#top_div>ul>li .div_2>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#top_div>ul>li .div_2>ul>li{display: inline-block !important; float: none !important;}*/


/* 메뉴 공통 */
.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								{position: static !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2							{left: auto !important; width: auto;}
.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{position: absolute; top: 15px; right: 0;}
#mid-container{overflow: visible !important; margin: 300px auto 60px auto;}
#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: 14px;}
#left-container .quick-link ul li{vertical-align: top;}
#left-container .quick-link ul li+li{margin-top: 15px;}
#left-container .quick-link ul li a{display: table; line-height: 20px; font-weight: bold; font-size: 13px; color: #6a6b6b; text-decoration: none;}
#left-container .quick-link ul li a:hover{color: #333333; text-decoration: underline;}
#left-container .quick-link ul li a span{display: table-cell; height: 100%; vertical-align: middle; padding-left: 15px; word-break: keep-all; background-image: url(./../../mycodyimages/s_quick_list.png); background-repeat: no-repeat; background-position:left 8px;}


#content-container .content-header{margin-bottom: 20px;}
#content-container .content-header .h2Title{height: 48px; line-height: 28px; font-size: 28px;font-weight:normal;color: #4b7bd6;border-bottom:7px solid #dbdbdb;letter-spacing: -3px;}
#content-container #pageNavi{position: absolute; right: 0; top: 10px; font-size:12px;}
#content-container #pageNavi strong{color: #38659f;}


#footer:after{top:-1px}
#footer .division-03{width:auto;padding-left:0;}
#footer .division-03:before{width: 294px;left:auto;left:0;background-position: 0 16px;}


#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}


#slide-container{top: 290px;}


.banner-zone .bx-wrapper{width:890px;float:right}
.banner-zone h2{font-size:12px;font-weight:bold;color:#8a8a8a;padding-top: 18px; width:70px;}
.banner-zone{padding:2px 8px;height:44px}
.banner-zone .banner-zone-panels button{width:16px;height:13px;cursor: pointer;background-image: url(./../../mycodyimages/bannerzone_panel.png);}
.banner-zone .banner-zone-panels{bottom: 15px;left: 60px;padding: 0 15px;}
.banner-zone .banner-zone-panels .next{background-position: -15px 0;}
.banner-zone .banner-zone-panels .start{background-position: -76px 0;}
.banner-zone .banner-zone-panels .stop{ background-position: -91px 0;}


.intro{background-image: url(./../../mycodyimages/intro_bg.png);width:770px;height:180px;padding:50px 0 0 50px;}
.intro span.txt01{font-size:24px;color:#555;}
.intro span.txt02{font-size:20px;color:#555;line-height:30px;}
.intro span.txt02 span{font-size:20px;color:#28a444;}


.htmlWrap .k2conWrap .consulting{margin-top:40px}
.htmlWrap .k2conWrap .consulting .indent2step{margin-left:0}
.htmlWrap .k2conWrap .consulting li:first-child{margin-top:0}
.htmlWrap .k2conWrap .consulting li{position:relative; min-height:150px;margin-top:52px;padding:0px 170px 0 200px;background: url(./../../mycodyimages/bg_consulting_info_icon.png) no-repeat;}
.htmlWrap .k2conWrap .consulting li .title{position:relative;font-size:20px;font-weight:normal;line-height: 1;color:#000;padding:15px 0 20px 0; margin:10px 0 0 0;}
.htmlWrap .k2conWrap .consulting li .title:after{content:'';position: absolute;left: 0;bottom: 0;width: 25px;height: 3px;background-color: #36adf4;}
.htmlWrap .k2conWrap .consulting li .cont{font-size:14px;line-height:20px;color:#666;letter-spacing:-1px;margin-top: 20px;}
.htmlWrap .k2conWrap .consulting li .wbr{display:block}
.htmlWrap .k2conWrap .consulting li .aside{position:absolute;top: 0;right: 0;width:150px;height:150px;display: table; padding-top:40px; text-align:center;letter-spacing:-1px;background: url(./../../mycodyimages/bg_consulting_info.png) no-repeat;}
.htmlWrap .k2conWrap .consulting li .aside > span{display: table-cell;vertical-align: middle;}
.htmlWrap .k2conWrap .consulting li.item-02, 
.htmlWrap .k2conWrap .consulting li.item-02 > span{background-position: 0 -202px;}
.htmlWrap .k2conWrap .consulting li.item-03, 
.htmlWrap .k2conWrap .consulting li.item-03 span{background-position: 0 -402px; pading-top:50px}
.htmlWrap .k2conWrap .consulting li.item-01 > .aside{font-size:14px;font-weight:bold;line-height:20px;color:#136643; padding-top:45px;}
.htmlWrap .k2conWrap .consulting li.item-01 > .aside a{font-size:13px;font-weight:bold;color:#558671;width:80px;height:28px;line-height: 2;display:inline-block;margin-top: 10px;background: url(./../../mycodyimages/bg_round_btn.png) no-repeat;}
.htmlWrap .k2conWrap .consulting li.item-02 > .aside strong{display:block;font-size:19px;color:#1480b2;line-height: 1.3;margin-top:5px}
.htmlWrap .k2conWrap .consulting li.item-02 > .aside > span span{font-size:16px;color:#585858;line-height:25px}
.htmlWrap .k2conWrap .consulting li.item-03 > .aside{font-size:18px;color:#585858;line-height: normal;}


.htmlWrap .k2conWrap .edu_plan{display:block;margin-top:40px;margin-bottom:68px;text-align: center;}

.htmlWrap .k2conWrap .edu_process li:first-child{margin-top:0}
.htmlWrap .k2conWrap .edu_process > ul > li{padding:24px 0 22px 170px;margin-top:20px;background:#f4f4f4 url(./../../mycodyimages/bg_edu_process.png) 47px 26px no-repeat;}
.htmlWrap .k2conWrap .edu_process > ul > li > dl dt{font-size:18px;color:#12425c;line-height:20px;letter-spacing:-1px}
.htmlWrap .k2conWrap .edu_process > ul > li > dl dd{font-size:14px;color:#666;line-height:18px;letter-spacing:-1px;margin-top: 8px;margin-bottom:18px;}
.htmlWrap .k2conWrap .edu_process > ul > li .more{display:inline-block;width:96px;height:30px;line-height:30px;font-size:12px;font-weight:bold;color:#fff;text-align:center;background-image: url(./../../mycodyimages/bg_edu_more.png);}
.htmlWrap .k2conWrap .edu_process > ul > li.item-02{background-position: 47px -135px;}
.htmlWrap .k2conWrap .edu_process > ul > li.item-03{background-position: 47px -315px;}
.htmlWrap .k2conWrap .edu_process > ul > li.item-04{background-position: 47px -474px;}

ul.bull-green li:before, p.bull-green:before{content:'';position: absolute;left: 0;top: 50%;width: 3px;height: 3px;background-color: #7dbc18;}
ul.bull-green li, p.bull-green{position:relative;font-size:13px;font-weight:bold;color:#666;line-height:25px;padding-left:10px}
p.bull-green{line-height: 1;}

.banner-zone .banner-zone-panels .next{width:17px;}
.banner-zone .banner-zone-panels.disabled .next{background-position: -44px 100%;}
.banner-zone .banner-zone-panels.disabled .start{background-position: -91px 100%;}

#profile-nhcontainer .list .gallery .no_result{width: 100%;font-size: 13px;height: inherit;}

#board-container .dtype-title1st{font-size:17px; margin:20px 0 10px 0; color:#777} 
#album-container div.list ul.gallery li.no_result{margin-bottom: -200px;}

.wizUser .listTop select{font-family:"Noto Sans KR", "NotoSansKR-Regular", "NotoSans","맑은 고딕" !important;}
.listTopSearch select{font-family:"Noto Sans KR", "NotoSansKR-Regular", "NotoSans","맑은 고딕" !important;; font-size:13px;}

.nopadding table{table-layout:fixed;}
.nopadding table th{background-color:#fbfbfb;}
.nopadding table .middle{padding:10px 0 !important;}

#menuSubUI ul#sub_k2wiz_GNB li ul{padding-left: 10px;border-bottom: 1px solid #ddd;overflow: hidden; width: 180px; background: #fbfbfb; padding-top:5px; padding-bottom: 10px;}

/*
#top_div>ul>li .div_2{background: #678ED5 !important;padding-right: 10px;height: 176px;}
#top_div>ul>li .div_2:hover{background: #4A7BD6 !important}*/
#menuSubUI ul.ul_2 li.li_2 a.a_2{letter-spacing: -1px;}
#menuSubUI ul#sub_k2wiz_GNB li ul li.li_2 ul.ul_3{display:none;border-bottom:none;padding-top:0}

#album-container div.list ul.gallery li{min-height: auto !important;}
.movieView iframe{height: 500px !important}

.wizUser textarea.full{width: 98% !important;}


.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;}

.weekThumList ul.gallery li dl{height: 58px !important;}
.weekThumList.list ul.gallery li dl dt a{width: 336px !important;}

#siteFunction_menu_2_5_3_1522823099971101 .introduce .introduce_hit{display:none}
.yf .editor {height:200px !important;;}
.yf textarea{width:100% !important;}
.yf #cont {height:200px !important;;}
.yf_text{display:none}


.yf #mapImg_div::after {content:"※  1.지원신청서, 2.설문서, 3.서약서를 압축(ZIP)파일로 첨부하여 주시기 바랍니다. (양식 : 교육자료실)";color:red;font-weight:bold;}


/* 리뉴얼 */
.re-wrap{width: auto !important;overflow: hidden;}
.re-wrap .re-title{text-align: center;}	
.re-wrap .re-title:after{content:"";display: block;position: absolute;top:0;height:200px;left:0;right:0;background-color:#1b46b6;z-index: -1;}							
.re-wrap .re-title img{}	
.re-wrap .re-content{margin-top: 68px;text-align: center;;}								
.re-wrap .re-content img{}	

					
/* 하단주소 */
#footer .division-03 .coop-site ul li{color:#a3a3a3 !important}
.coop-site{margin-top:40px !important}

/* 상단유틸*/								
#header .util ul li a{color:#000;font-size:12px}

.write table tbody tr td textarea{width: 90%;}