@charset "utf-8";

/*#header{border-bottom:1px solid #4e525d}*/

/*서브비주얼*/
#sub_visual{width:100%; height:283px; background:url('/images/ingu-youth/sub/svis_bg.jpg') no-repeat 50% 0; border-radius:0 0 100px 100px; text-align:center; padding-top:80px; }
.sub_visual_txt{font-family: 'Gmarket SansB'; color:#171a19; font-size:60px; }



/* 콘텐츠 */
#contents_bg{padding-bottom:35px; width:100%; z-index:10; margin-top:-159px;}
#contents_box{ position:relative; margin:0 auto; display: flex; justify-content: space-between;}

/* 레프트메뉴 */
#snb{position:relative; width:293px; }
#snb h1{display: flex; justify-content: center; align-items: center; width:100%; height:222px; letter-spacing:-1px; text-align:center; font-size:40px; color:#fff; background:url('/images/ingu-youth/sub/snb_bg.jpg') 0 0 no-repeat;  box-shadow:9px 8px 16px rgba(0, 0, 0, 0.1); border-radius:40px; font-family: 'Gmarket SansB';}

#snb .depth01{position:relative; width:100%; padding:30px 40px;  box-shadow:0 0 16px rgba(0, 0, 0, 0.1); border-radius:40px; margin-top:-25px;background:#fff;}
#snb .depth01 li.close .depth02 {display:none;}
#snb .depth01 > li {display:block;  color:#FFF; font-size:18px;  padding:23px 0 18px; border-bottom: 1px solid #ebebeb; }
#snb .depth01 li a{color:#222; padding-left: 7px;}
#snb .depth01 li a:hover {text-decoration:underline;  text-decoration-thickness: 1px;text-underline-offset:3px; text-decoration-color:#666;}
#snb .depth01 li.on {display:block; color:#fff;}
#snb .depth01 li.on a {color:#0058d9;}
#snb a {display:block;}
#snb .depth01 ul li a:hover {text-decoration:underline;}
#snb .depth01 li.more ul li a {background:none;}
#snb .depth01 .depth02 {display:block; font-size:12px;  }

#snb .depth01 .depth02 {background: #f5f4f6; padding: 20px; border-radius: 10px; margin-top: 8px;}
#snb .depth01 .depth02 li {padding:0 0 0 10px; color:#6d6c6c; background:url('/images/www/main/notice_icon.gif') 0 11px no-repeat; margin-bottom:5px;}

#snb .depth01 .depth02 li a {color:#6d6c6c; text-decoration:none; font-size: 15px; line-height: 180%;}
#snb .depth01 .depth02 li.on {color:#353535;}
#snb .depth01 .depth02 li.on a {color:#353535; text-decoration:underline;  text-decoration-thickness: 1px;text-underline-offset:3px; text-decoration-color:#666;}

#snb a.new_win {padding:0; background:url(/images/www/sub/icoNewWin5.gif) no-repeat right 0 !important;}
#snb ul.depth01 a.new_win {padding:0 20px 0 0; background:url(/images/www/sub/icoNewWin5.gif) no-repeat 100% 4px !important;}

#snb2{display:none;}

#sub_con{margin-top: 159px; width:calc(100% - 380px); background:#FFF; }
.title_navi{position:relative;}
.title_navi li{background:url('/images/www/sub/navi_icon.gif') no-repeat 0 8px; padding:0 8px 0 10px; float:left;}
.title_navi li.frist{background:transparent; padding-left:10px; height:21px;}
.title_navi .icon_home{background:url('/images/www/sub/home_icon.gif')  no-repeat 2px 6px; width:15px; height:16px; display:block; text-indent:-99999em;	}

#title_box{position:relative; border-bottom:1px solid #ddd; margin-bottom:60px }	
.title{ font-size:40px; color:#222; font-family: 'Gmarket SansB'; padding: 50px 0 20px; }


.title_navi{position:relative; color:#4f4f4f; margin-top:10px;  line-height: 1.2; display: flex; justify-content: center; align-items: center;  font-family: 'Gmarket SansL'; font-weight:bold;}
.title_navi a{margin:0 20px; font-size:16px;  position: relative; color:#4f4f4f; }
/*.title_navi a:after{content:">";  display:inline-block; width:5px; height:10px; position:absolute; right: -23px;  top: 5px;}*/
.title_navi a:last-child:after{display:none;}
.title_navi a img{vertical-align:middle}
.title_navi a:first-child img{display:none; }
.title_navi a:first-child{ background:#fff url('/images/ingu-youth/sub/home_ico.png') no-repeat 50%; display: inline-block;
    width: 30px;height: 30px;  border-radius: 50%; }


#title_box .excel_word{float:right; margin-right:0px; padding:25px 0 0 0;}
#title_box .excel_word ul{}
#title_box .excel_word li{float:left; margin-right:5px;margin-bottom:5px;}

.list_table {background:url(/images/board/new_board_thead.gif) repeat-x;}
.list_table_n {border-top: 1px solid #DDDDDD;}

#sub_search {position:relative; width:100%; height:75px; margin:0; padding-top:20px;text-align:center; background:url(/images/www/sub/info_search_bg.gif) repeat-x;}
#sub_search_1 {float:left; width:100%; padding:0; margin:18px 0 0 0; border:0; display:inline;}
#sub_search_1 legend {visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
#sub_search_1 label {float:left; width:90px; margin:0; padding:0 0 3px 0;}
#sub_search_1 input {vertical-align:top;}
#sub_search_1 .searchstring {width:100px;}


/* qr code */
#qrcode {border:1px solid #b3d8e7;/* float:left; *//* clear:both; */width:100%;margin-top:40px;padding-left: 140px;height: 132px;overflow:hidden;/* box-sizing: border-box; */position: relative;}
#qrcode dt { position:relative; top:16px; left:0;}
#qrcode .img {position: absolute;top: 5px;left:5px;}
#qrcode .img img { width:120px; height:120px; border:3px solid #0099cc; }
#qrcode .txt {position:relative; top:26px;/* left:140px; */}
#qrcode .txt span { color:#ff7200; font-weight:bold;}
form#satisfaction_survey_form{box-sizing:border-box;}
.satisfaction_survey_comment .satisfaction_survey,
.satisfaction_survey_comment .satisfaction_survey dt,
.satisfaction_survey_comment .satisfaction_survey dd{box-sizing:border-box;}


@media all and (max-width: 1039px) {
	#contents_bg{margin-top:0}
	#contents_box{padding-top:0; flex-wrap: wrap;}

	/* 모바일 메뉴 */
	#snb{display:none;}
	
	/*2차 메뉴*/
	#snb2{position: relative;  clear: both; z-index: 11; display: block; width:100%; margin: 0 auto; border-radius: 50px; margin-top: -20px;}
	.blackSheet { display:none;position:absolute;width:100%;height:100%;opacity:0.60;;z-index:100; }
	.blackSheet.active { display:block;z-index:1009;height:100%;  }
	.blackSheetIn { display:none;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.75);z-index:10000; }
	.blackSheetIn.active { display:block;  }
	div.topNav {height:50px;}
	div.topNav ul.firstDepth { position:relative;clear:both;width:100%; }
	div.topNav ul.firstDepth li { position:relative; width:100%;  color:#afaeb1; height:50px;line-height:50px; font-size:15px; font-weight:bold;  background:url('/images/www/sub/snb2_arrow1.png') right center no-repeat; }
	div.topNav ul.firstDepth li a { display:block; width:102%; margin-left: -1%; color:#FFF; height:100%; padding-left:30px;background:linear-gradient(
146deg, #2d83e4 0%, #40adcb 50%, #8b6bf6 110%); border-radius: 50px;}
	div.topNav ul.firstDepth li:before {position: absolute; top: 16px; right:20px; width:8px; height:8px; display: block; content: ""; border-top: 2px solid #fff;  border-left: 2px solid #fff; border-bottom: 2px solid transparent; border-right: 2px solid transparent; transform:rotate(-225deg);}
	div.topNav ul.firstDepth li span { height:34px; margin:3px 0; color:#FFF; text-indent:-9999px; overflow:hidden; }
	div.topNav ul.firstDepth li.civic span {color:#FFf;}
	div.topNav ul.firstDepth li.civic.active span { color:#FFf; }
	div.topNav ul.firstDepth li.civic.activeIn span {color:#FFf; }
	ul.secondDepth {position:absolute;top:-10px;left:0; width:0;height:0;overflow:hidden;z-index:10000;} 

	ul.secondDepth.active {width:100%; top:50px; height:auto;overflow:visible }
	ul.secondDepth.active li { min-height:35px;line-height:35px; font-size:15px; font-weight:600; }
	ul.secondDepth.active li a { display:block;}
	ul.secondDepth.active li > a { padding:0 20px; }
	ul.secondDepth.active li dl {	width:100%;height:40px;overflow:hidden; }
	ul.secondDepth.active li.active dl { height:auto;overflow:visible; }
	ul.secondDepth.active li dl dt {  height:40px;line-height:40px;padding:0 20px; font-size:15px; }
	ul.secondDepth.active li dl dt a { background:url('/images/www/sub/snb2_arrow2.png') right center no-repeat; }
	ul.secondDepth.active li dl dd { padding:0 25px;height:40px;line-height:40px; }
	ul.secondDepth.active li dl dd a { font-size:14px; font-weight:500;background:url('/images/www/sub/snb_dot.gif') 0 15px no-repeat; }
	ul.secondDepth.active li dl dd:last-child {  }
	ul.secondDepth.blue { background:#f6f7ff; border-radius: 30px;overflow: hidden; /*border: 1px solid #0ea04f;*/}
	
	ul.secondDepth.blue li:first-child{padding-top:10px;}
	ul.secondDepth.blue li:nth-last-child(2) {padding-bottom:10px;}
	ul.secondDepth.blue li {border-top:1px solid #e4ebdb;color:#555c63;  }
	ul.secondDepth.blue li a { color:#222; font-weight:normal; }
	ul.secondDepth.blue li dl dt { color:#fff; }
	ul.secondDepth.blue li dl dd { color:#282828;background-color:#676a7d;border-bottom:1px solid #ddd; }
	ul.secondDepth.blue li dl dd a { color:#fff; }
	ul.secondDepth.active li:first-child { border-top:0; }
	ul.secondDepth li.secondLast {display:none;  background: transparent;}
	ul.secondDepth li.secondLast a {font-size:0.8em;font-weight:normal;padding:3px 8px;;line-height:20px; background-color:#434343;color:#fff;}
	


	#sub_con{ width:100%; margin-top:30px;}
	.title {font-size: 33px; padding: 10px 0 0;}
	 .title_navi li{background:url('/images/www/sub/navi_icon.gif') no-repeat 0 8px; padding:0 8px 0 10px; float:left;}
	 .title_navi li.frist{background:transparent; padding-left:10px; height:21px;}
	 .title_navi .icon_home{background:url('/images/www/sub/home_icon.gif')  no-repeat 2px 6px; width:15px; height:16px; display:block; text-indent:-99999em;	}

	 #title_box{position:relative; height:auto; border-bottom:none; margin-bottom: 20px; }	
	 .title{padding:0; }

	  #title_box .excel_word{float:right; margin-right:10px;}
	  #title_box .excel_word ul{}
	  #title_box .excel_word li{float:left; margin-right:2px;}

	.list_table {background:url(/images/board/new_board_thead.gif) repeat-x;}

	/* qr code */
	#qrcode {display:none;}
	
	.satisfaction_survey_comment .satisfaction_survey label{font-size:14px;}
	
	#sub_visual {height: 250px; padding-top:70px; background-size: cover;}
	.sub_visual_txt {font-size: 40px;}
	
}

@media all and (max-width:765px) {
	
	#sub_visual {height: 163px; padding-top:50px;}
	#sub_con{ width:100%; padding:0;}
	.title_navi{display:none;}
	.title{font-size:24px; letter-spacing:-1px}
}

*직종검색 팝업*/
#search_jik{width:66%;height:380px;border:2px solid #003333; position:absolute;z-index:100;background:#fff;display:none;}
#search_title{float:left;text-align:center; width:88%; padding:10px;font-size:20px;} 
#search_jik_close{float:left;text-align:right;width:40px;padding:10px;}
#contents{margin-left:15px; margin-top:30px; width:100%;}
#search_jik2{width:66%;height:380px;border:2px solid #003333; position:absolute;z-index:100;background:#fff;display:none;}
#search_title2{float:left;text-align:center; width:88%; padding:10px;font-size:20px;} 
#search_jik_close2{float:left;text-align:right;width:40px;padding:10px;}

.jik{float:left; width:27%; height:250px; border:1px solid #ccccff; overflow:auto; white-space:nowrap;}
.jik li{cursor:pointer; margin-bottom:5px;}
.arrow{float:left; width:10px; padding:15px; padding-top:120px; }
.levels{font-size:20px;text-align:center;padding-top:115px;}