@charset "utf-8";
/* skip navigation */
#skip{position:relative;z-index:1000;margin-left:20px}
#skip a{position:absolute;top:-30px;left:0;width:128px;border:1px solid #4ec53d; background-color:#000; text-align:center;outline:none}
#skip a:active,
#skip a:focus{top:0;text-decoration:none;cursor:pointer;}
#skip span{display:inline-block;padding:2px 6px 0 0;font-size:11px;line-height:26px;color:#fff;letter-spacing:-1px}

/*공통*/
.bgfa{ background:#fafafa; width:100%; overflow:hidden;}

.web_width{width:1024px; margin:0 auto;}
@media (max-width:1024px){
	.web_width{ width:100%; padding:0 10px; box-sizing:border-box;}
}

@media(min-width:480px){
	span.br1{ display:block;}
}

@media(max-width:800px){
	span.br2{ display:block;}
}


/*상단배너*/
.top_banner{ width:100%; overflow:hidden; position:relative; border-bottom:1px solid #ddd;}
.top_banner p{ width:1024px; margin:0 auto; text-align:right; padding:3px 0;}
@media(max-width:1024px){
	.top_banner p{ width:100%; padding:0 10px; box-sizing:border-box;}
}
.top_banner p input{ margin-right:10px;}
.top_banner button{border:none; background:#000; color:#fff; padding:0 10px; font-size:0.9em; border-radius:4px; line-height:23px; height:20px; margin-left:10px; }

/* .top_banner > a{ display:block; width:100%; overflow:hidden; text-align:center; border-bottom:1px solid #ddd; background: #001123} */
.top_banner > a{ display:block; width:100%; overflow:hidden; text-align:center; border-bottom:1px solid #ddd; }

.top_banner > a img{ max-width:100%; }

@media(min-width:1024px){
	.top_banner button{ position:absolute; top:10px; right:50%; background:#aaa url(/html/images/web/common/icon_topbanner_close.png) no-repeat 50% 50%; background-size:60%;  margin-right:-543px; text-indent:-9999px; width:30px; height:30px; border-radius:0 4px 4px 0;}
}

.banner_pc{ display:inline-block;}
.banner_mobile{ display:none;}
@media(max-width:768px){
	.banner_pc{ display:none;}
	.banner_mobile{ display: inline-block;}
}

.top_banner .dotnavi {position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-35px;}
.top_banner .dotnavi a {display:block; width:12px; height:12px; margin-bottom:5px;}
.top_banner .dotnavi a img{ margin:0; padding:0; vertical-align:top;}

@media all and (max-width:1024px){
  .top_banner .dotnavi {left:5%; margin-left:0;}
}

/*헤더 */
/*헤더 유틸*/
/* .header {background-color:#7cdacf;}  */
/*.header {background-color:#a8d9ff;} */

.header .util {padding:5px 0 0 0;}
.header .util ul { text-align:right;}
.header .util ul li{ display:inline-block; font-size:0.8em;}
.header .util ul li a{ display:inline-block; padding:0 8px 0 9px; line-height:27px; background:url(/html/images/web/common/bar_submenu.gif) no-repeat 0 50%;}
.header .util ul li:first-child a{ background:none;}
.header .util ul li.sns a{ padding:0; background:none;}
@media(max-width:768px){
	.header .util {display:none; }
}
/*헤더 로고,메뉴,검색*/
.header .header_in{clear:both; position:relative; padding:10px 0;}
.header .header_in .logo{position:absolute; top:0; left:0;}
.header .header_in .header_btn{position:absolute; top:15px; right:0;}

/*헤더 메뉴 : 2020-03-20 */
.header .header_in .menu{ padding:0 100px 0 120px; display:table; width:100%; box-sizing:border-box;}
.header .header_in .menu>li{display:table-cell; min-width:70px; padding:0 10px; box-sizing:border-box; position:relative;}
.header .header_in .menu>li>a {display:block; font-size:1.2em; padding:10px 0; box-sizing:border-box; text-align:center; }

.header .header_in .menu>li .gnb_submenu {padding:10px; width:130px; background-color: #229cbb; position:absolute; top:50px; left:0;
  -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
  -webkit-box-shadow: 10px 7px 20px 0px rgba(0,0,0,0.21);
  -moz-box-shadow: 10px 7px 20px 0px rgba(0,0,0,0.21);
  box-shadow: 10px 7px 20px 0px rgba(0,0,0,0.21);
}
.header .header_in .menu>li .gnb_submenu ul {}
.header .header_in .menu>li .gnb_submenu ul li {padding:0 10px;}
.header .header_in .menu>li .gnb_submenu ul li a {color:#fff; font-size:14px; letter-spacing:-1px;}
.header .header_in .menu>li .gnb_submenu ul li a:hover {text-decoration:underline;}

@media(max-width:900px){
	.header .header_in .menu li a{ font-size:1em; letter-spacing:-0.5px;}
}
@media(max-width:820px){
	.header .header_in .menu li a{ font-size:0.95em;}
}
@media(max-width:768px){
	.header .header_in{height:50px;}
	.header .header_in .menu{ display:none; }
	.header .header_in .logo{position:absolute; top:8px; left:10px;}
	.header .header_in .header_btn{position:absolute; top:15px; right:0;}
}








/*비주얼*/
.visual_wrap {overflow:hidden; position:relative; clear:both;}


/*비주얼 이미지영역*/
/*.visual_wrap .visual{ width:100%; height:400px; overflow:hidden; position:relative; background:#eee;}
.visual_wrap .visual .inner div{ width:100%; height:400px !important;background-position:50% 50% !important; background-size:cover !important; float:left;} */
.visual_wrap .visual{ width:100%; height:300px; overflow:hidden; position:relative; background:#eee;}
.visual_wrap .visual .inner div{ width:100%; height:300px !important;background-position:50% 50% !important; background-size:cover !important; float:left;}
.visual_wrap .visual .inner .txt a{ width:1024px; margin:0 auto; color:#fff; padding-top:150px; position:relative !important; display:block; height:400px; box-sizing:border-box;}
.visual_wrap .visual .slidesjs-pagination{display:none;}
@media (max-width:1124px){
	.visual_wrap .visual .inner .txt a{width:100%; padding:150px 50px 0 50px; box-sizing:border-box;}	
}
.visual_wrap .visual .inner .txt .p01{ display:block; font-size:3em;line-height:1.2; background:url(/html/images/web/common/underline.gif) no-repeat 5px bottom; padding-bottom:15px}
.visual_wrap .visual .inner .txt .p02{ display:block; margin-top:20px; padding-left:10px;}

.visual_wrap .visual .slidesjs-previous,
.visual_wrap .visual .slidesjs-next{ width:40px; height:80px; background:none; border:none; margin-top:-40px; z-index:10; text-indent:-9999px; overflow:hidden;}
.visual_wrap .visual .slidesjs-previous{ position:absolute; top:50%; left:10px; background:url(/theme/ydream/images/common/vis_prev.png) no-repeat 50% 50%;}
.visual_wrap .visual .slidesjs-next{ position:absolute; top:50% ; right:10px;background:url(/theme/ydream/images/common/vis_next.png) no-repeat 50% 50%;}

@media(max-width:1024px){
	.visual_wrap .visual .slidesjs-previous{ position:absolute; top:50%; left:0;}
	.visual_wrap .visual .slidesjs-next{ position:absolute; top:50%; right:0 ;}
}

@media(max-width:640px){
	.visual_wrap .visual .slidesjs-previous,
	.visual_wrap .visual .slidesjs-next{ width:34px; height:34px; padding:3px 6px; box-sizing:border-box; background:none; border:none; background:#000; border-radius:50%; }
	.visual_wrap .visual .slidesjs-previous img,
	.visual_wrap .visual .slidesjs-next img{ width:100%; height:100%;}
	.visual_wrap .visual .slidesjs-previous{ position:absolute; top:60px; left:auto; right:53px; background:#000 url(/theme/ydream/images/common/vis_prev.png) no-repeat 50% 50%; background-size:1.5em 1.2em;}
	.visual_wrap .visual .slidesjs-next{ position:absolute; top:60px; right:15px; background:#000 url(/theme/ydream/images/common/vis_next.png) no-repeat 50% 50%;background-size:1.5em 1.2em;}
}

@media(max-width:768px){
	.visual_wrap .visual{ width:100%; height:300px;}
	.visual_wrap .visual .inne{ height:300px;}
	.visual_wrap .visual .inner div{ height:300px !important;}
	.visual_wrap .visual .inner .txt a{ padding:120px 50px 0 50px; height:300px;}
}
@media(max-width:640px){
	.visual_wrap .visual .inner .txt a{ padding:120px 15px 0 15px;}
}


@media(max-width:400px){
	.visual_wrap .visual{ width:100%; height:240px;}
	.visual_wrap .visual .inner{ height:240px;}
	.visual_wrap .visual .inner div{ height:240px !important;}
	.visual_wrap .visual .inner .txt a{ font-size:0.9em; height:240px;}
	.visual_wrap .visual .inner .txt .p01{ font-size:2.6em; line-height:1.2; padding-bottom:0.4em;}
	.visual_wrap .visual .inner .txt .p02{ margin-top:1em; padding-left:0.5em;}
}


@media(max-width:340px){
	.visual_wrap .visual{ width:100%; height:200px;}
	.visual_wrap .visual .inner { height:200px;}
	.visual_wrap .visual .inner div{ height:200px !important;}
	.visual_wrap .visual .inner .txt a{ padding:85px 10px; letter-spacing:-0.5px; height:200px;}
	.visual_wrap .visual .inner .txt .p01{ font-size:2em;}
}



/*비주얼 탭영역*/
.visual_wrap .visual_tab{ overflow:hidden; width:100%; background:#fff; }
.visual_wrap .visual_tab ul{}
.visual_wrap .visual_tab ul li{ width:20%; float:left;}
@media(min-width:769px){
.visual_wrap .visual_tab{ display:none;}
}

@media(max-width:768px){
	.visual_wrap .visual_tab{ border:1px solid #ddd; border-width:1px 0; }
	.visual_wrap .visual_tab ul li a{ display:block; color:#333;text-align:center; line-height:1.2;border:none; padding:6.5em 0 1em 0; border-left:1px solid #ddd; background-size:auto 5em !important;}	
	.visual_wrap .visual_tab ul li.vitab01 a{ background:url(/html/images/common/quick_icon1.png) no-repeat 50% 1em;}
	.visual_wrap .visual_tab ul li.vitab02 a{ background:url(/html/images/common/quick_icon2.png) no-repeat 50% 1em;}
	.visual_wrap .visual_tab ul li.vitab03 a{ background:url(/html/images/common/quick_icon4.png) no-repeat 50% 1em;}
	.visual_wrap .visual_tab ul li.vitab04 a{ background:url(/html/images/common/quick_icon3.png) no-repeat 50% 1em;}
	.visual_wrap .visual_tab ul li.vitab05 a{ background:url(/html/images/common/quick_icon6.png) no-repeat 50% 1em;}
}

@media(max-width:400px){
	.visual_wrap .visual_tab ul li{ width:33.33%;}
	.visual_wrap .visual_tab ul li.vitab01{width:33.34%;}
	.visual_wrap .visual_tab ul li.vitab01, .visual_wrap .visual_tab ul li.vitab02,  .visual_wrap .visual_tab ul li.vitab03{ border-bottom:1px solid #ddd;}
	.visual_wrap .visual_tab ul li.vitab05{ border-right:1px solid #ddd;}
	.visual_wrap .visual_tab ul li a{ padding:5.5em 0 0.8em 0; background-size:auto 4em !important;}	
	.visual_wrap .visual_tab ul li.vitab01 a{ background:url(/html/images/common/quick_icon1.png) no-repeat 50% 0.8em;}
	.visual_wrap .visual_tab ul li.vitab02 a{ background:url(/html/images/common/quick_icon2.png) no-repeat 50% 0.8em;}
	.visual_wrap .visual_tab ul li.vitab03 a{ background:url(/html/images/common/quick_icon4.png) no-repeat 50% 0.8em;}
	.visual_wrap .visual_tab ul li.vitab04 a{ background:url(/html/images/common/quick_icon3.png) no-repeat 50% 0.8em;}
	.visual_wrap .visual_tab ul li.vitab05 a{ background:url(/html/images/common/quick_icon6.png) no-repeat 50% 0.8em;}
}

@media(max-width:340px){
	.visual_wrap .visual_tab ul li a{ padding:5.5em 0 0.6em 0; background-size:auto 4em !important; font-size:0.9em;}	
}





/*인턴공고*/
.notice_wrap{ width:1200px; margin:50px auto; position:relative;}
.notice_wrap .notice_inner{ width:1024px; margin:0 auto; overflow:hidden; font-size:0.9em;}
.notice_wrap .notice_inner ul{ overflow:hidden; }
.notice_wrap .notice_inner ul li{ float:left; padding:0; box-sizing:border-box; height:200px;}
.notice_wrap .notice_inner ul li:first-child{ margin-left:0;}
.notice_wrap .notice_inner ul li a{ display:block; margin:0 5px;}
.notice_wrap .notice_inner ul li a .img_thumb{ display:table; table-layout:fixed; overflow:hidden; border:1px solid #ddd; width:100%; height:115px;text-align:center; box-sizing:border-box;}
.notice_wrap .notice_inner ul li a .img_thumb span{ display:table-cell; vertical-align:middle; height:115px;}
.notice_wrap .notice_inner ul li a .img_thumb img{ max-height:100%; max-width:90%;}
.notice_wrap .notice_inner ul li a span.txt .title{display:block; font-weight:bold; line-height:1.3;  overflow:hidden; font-size:1.2em; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.notice_wrap .notice_inner ul li a  span.txt .type{display:block; color:#666;}
.notice_wrap .notice_inner ul li a  span.txt .date{ color:#26bdc8; font-size:0.9em;}

.notice_wrap .prev,
.notice_wrap .next{ width:40px; height:60px; border:0;}
.notice_wrap .prev{position:absolute; top:50%; left:0; margin-top:-30px}
.notice_wrap .next{ position:absolute; top:50%; right:0;margin-top:-30px}


@media(max-width:1200px){
	.notice_wrap{ width:100%; padding:0 45px; box-sizing:border-box;}
	.notice_wrap .notice_inner{ width:100%;}
}
@media(max-width:640px){
	.notice_wrap{ margin:20px auto; }
	.notice_wrap .notice_inner ul li a .img_thumb{ height:6em;}
}
@media(max-width:480px){
	.notice_wrap{ padding:0 15px;}
	.notice_wrap .prev, .notice_wrap .next{ display:none;}
	.notice_wrap .notice_inner ul li a{ margin:8px;}
}


.notice_wrap .notice_inner ul li a span.txt .icon1,
.notice_wrap .notice_inner ul li a span.txt .icon2{ display:inline-block; padding:0.4em 0.5em 0em 0.5em; border-radius:4px; font-size:0.8em; line-height:1; box-sizing:border-box; margin-left:5px}
.notice_wrap .notice_inner ul li a span.txt .icon1{border:1px solid #e31a23; color:#e31a23; }
.notice_wrap .notice_inner ul li a span.txt .icon2{border:1px solid #26bdc8; color:#26bdc8; }


/*인턴공고*/
.notice_wrap .bx-prev,
.notice_wrap .bx-next{ width:40px; height:60px; border:0; text-indent:-9999px;}
.notice_wrap .bx-prev{position:absolute; top:50%; left:0; margin-top:-30px; background:url(/theme/ydream/images/web/common/btn_arrow_prev.gif) no-repeat 50% 50%;}
.notice_wrap .bx-next{ position:absolute; top:50%; right:0;margin-top:-30px; background:url(/theme/ydream/images/web/common/btn_arrow_next.gif) no-repeat 50% 50%;}
/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border:1px solid #ccc;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #33cccc;	border:1px solid #33cccc;
}

@media(max-width:640px){
	.notice_wrap .bx-prev,
	.notice_wrap .bx-next{ display:none;}
}

/*탭*/
.main_tab{ width:100%; border-top:1px solid #ddd; background:url(/html/images/web/common/line_d.gif) repeat-x 0 bottom;}
.main_tab ul{width:600px; margin:0 auto; padding-top:5px; overflow:hidden; }
@media(max-width:600px){
	.main_tab ul{ width:100%;}
}
.main_tab ul li {width:25%; float:left; box-sizing:border-box; transition:all 0.5s;}
.main_tab ul li a{ display:block; text-align:center; font-size:1.2em; padding:15px 0; }
.main_tab ul li a.active{color:#ffffff; /*border-bottom:5px solid #30a3e2;*/ padding:15px 0 10px 0; border-radius:50px; background-color:#30a3e2;}

@media(max-width:640px){
	.main_tab{display:none;}
	.main_tab + .bgfa{padding:15px 0;}
}
@media(max-width:480px){
	.main_tab ul li a{ font-size:1em;}	
}
@media(max-width:380px){
	.main_tab ul li a{ font-size:0.9em;}	
}
/*카드형 UI*/
.main_grid{ overflow:hidden;}
.main_grid li{width:31%; padding:1px 1px 3px 1px; margin:1.165%; box-sizing:border-box; background:#fff;}
.main_grid li a{ display:block;position:relative; border:1px solid #ddd;   overflow:hidden;  border-radius:2px;}
.main_grid li a > img{ width:100%;}
.main_grid li a .thumb{ width:100%;}
.main_grid li a .type{display:inline-block; padding:0 5px; margin:15px 10px; height:19px; line-height:20px; font-size:0.85em; color:#fff; border-radius:4px;}
/*.main_grid li a .thum {display:inline-block; width:100%; height:200px; background-repeat:no-repeat; background-position:center top; background-size:cover;}*/
.main_grid li a .thum {display:inline-block; width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:contain;}


.category1 .type {background-color:#58b34e;}
.category2 .type {background-color:#38cac4;}
.category3 .type {background-color:#ff3a62;}
.category4 .type  {background-color:#ff9514;}

.main_grid li a .title{ display:block;  width:100%;  box-sizing:border-box; margin-bottom:5px; padding:0 10px 10px 10px; font-weight:bold; font-size:1.2em; line-height:1.4;
	height:2.6em; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.main_grid li a .con{ display:block;  width:100%;  box-sizing:border-box; padding:10px; margin-bottom:5px; color:#999; font-size:0.9em;
	height:7em; 
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
.main_grid li a .info{ display:block;  width:100%;  box-sizing:border-box;padding:10px; color:#999; font-size:0.9em;border-top:1px dotted #ccc;}
.main_grid li a .info .like{ display:inline-block; float:right; background:url(/html/images/web/common/icon_like.gif) no-repeat 0 50%; padding-left:25px;}
@media(max-width:640px){
	.main_grid li{width:48%; margin:10px 1%; }
}
@media(max-width:360px){
	.main_grid li{width:100%; margin:5px 0; }
}











/*푸터*/
.footer{  width:100%; border-top:1px solid #ddd; padding-bottom:1em; overflow:hidden;}
.footer .f_txt{ text-align:center; padding:0.8em;}
.footer .f_txt .f_link{ margin-bottom:0.3em; color:#ccc;}
.footer .f_txt .f_link a{ display:inline-block; padding:0.3em 0.5em; color:#333; letter-spacing:-0.5px;}
.footer .f_txt .f_address{ font-size:0.9em; color:#999;}
.footer .f_sns { text-align:center;}
.footer .f_sns a{ display:inline-block;}
.footer .f_sns a img{/*width:2em; height:2em;*/ width:25px; height:25px;}

.footer .btntop{ display:block; position:fixed; bottom:10px; right:10px; width:50px; height:34px; background:#666; text-align:center; color:#fff; line-height:34px; font-size:0.8em; z-index:9}

@media(min-width:768px){
	.footer{padding:20px 0 50px 0;}
	.footer .f_txt{ text-align:left; float:left; padding:0;}
	.footer .f_txt .f_address{padding-left:10px;}
	.footer .f_sns { float:right; margin-top:5px;}
}






@media(min-width:1024px){
#content-wrap{ font-size:1.05em;}
.sub_top,
.sub_content,
.sub_content ~ .bgf0{ width:1024px; margin:0 auto;}
.sub_content + .bgf0 {margin-bottom:20px !important;}

.sub_top .depth02_tab li:first-child.on{ border-left:1px solid #ddd;}
.sub_top .depth02_tab li:last-child.on{ border-right:1px solid #ddd;}



/*서브상단*/
 .sub_top h2.depth01{  font-size:34px; padding:50px 0 30px;}
.sub_top .depth02_tab li a{ padding:0.75em 0; font-size:1.05em;}


.sub_content{padding:40px 0 60px 0;}


}
@media(min-width:768px){
/*
.thumb_list_right li{}
.thumb_list_right li span.txt{ padding:5px 20px 5px 20px;}
.thumb_list_right li span.img_thumb{ width:200px; padding:0 20px;}
.thumb_list_right li span.img_thumb img{ height:140px}
*/

.more_loading{ height:50px; line-height:50px; margin:40px 0 20px 0;}

/*당첨자보기*/
.open_board li.thead{ padding:15px 0 !important;}
.open_board li>a { padding:18px 0 !important;}
.open_board li .edit_con{  padding:25px 20px; }

}

/*로케이션*/
#wrapper .location{background:url(/html/images/web/common/visual1.jpg) #a8d9ff no-repeat 50% bottom; /*background-size:cover;*/ border:0px solid #ccc; /*border-width:1px 0; */font-size:0.9em; color:#fff; padding:150px 0 10px 0;}
#wrapper .location h2{ font-size:36px; text-align:center; letter-spacing:10px;}

.location .inner{ width:1024px; margin:0 auto;}
.location .inner ul{ display:inline-block;}
.location .inner ul li{ display:inline-block; }
.location .inner ul li a{ display:block; padding:5px 10px 5px 20px; color:#fff; background:url(/html/images/common/arrow_bg2.png) no-repeat 0 45%; background-size:auto 0.8em;}
.location .inner ul li:first-child a{ background:none; padding-left:0;}
@media(max-width:1024px){
.location .inner{ width:100%; padding:0 10px; box-sizing:border-box;}
}
@media(max-width:640px){
	#wrapper .location{ background:#a8d9ff; border:0; padding:0px 10px;}
}

.sub_visual{ width:100%; height:120px; }
.sub_visual{text-align:center; color:#fff;}



















/*전체메뉴*/
@media (min-width:769px){
.allmenu { padding:0 0 30px 0;}

.menu_list{background-color:#fff;}
.menu_list > li{ overflow:hidden; display:table; width:100%; vertical-align:top; padding:5px 20px; border-bottom:1px solid #ddd; box-sizing:border-box; }
.menu_list > li.menu1{/*border-top:1px solid #ddd;*/}
.menu_list > li > a{display:table-cell;  font-weight:bold; width:130px;  padding:5px 15px 5px 38px;}
.menu_list > li > a:hover{ color:#26bdc8; transition:all 0.5s;}
.menu_list > li > ul{ display:table-cell; text-align:left; background:url(/html/images/web/common/bar_submenu.gif) no-repeat 0 50%;padding-left:20px;}
.menu_list > li > ul li{ display:inline-block; background:url(/html/images/common/line_d.gif) no-repeat 0 50%; background-size:3px;}
.menu_list > li > ul li:first-child{ background:none;}
.menu_list > li > ul li a{ display:block; padding:5px 15px; font-size:0.9em;}
.menu_list > li > ul li a:hover{  color:#26bdc8; font-weight:bold; transition:all 0.5s;}
.sidemenu_top, 
li.mobile_view,
.btn_sidemenu_close{ display:none;}


.menu_list > li.menu1 >  a{ background:url(/html/images/common/menu1.png) no-repeat 0 50%; background-size:28px;}
.menu_list > li.menu2 >  a{ background:url(/html/images/common/menu2.png) no-repeat 0 50%; background-size:28px;}
.menu_list > li.menu3 >  a{ background:url(/html/images/common/menu3.png) no-repeat 0 50%; background-size:28px;}
.menu_list > li.menu4 >  a{ background:url(/html/images/common/menu4.png) no-repeat 0 50%; background-size:28px;}
.menu_list > li.menu5 >  a{ background:url(/html/images/common/menu5.png) no-repeat 0 50%; background-size:28px;}
.menu_list > li.menu6 >  a{ background:url(/html/images/common/menu6.png) no-repeat 0 50%; background-size:28px}

}


@media (max-width:768px){
/*사이드 메뉴*/
.allmenu{ display:none; left:100%; }
.allmenu{ width:100%; height:100%; position:fixed; top:0; z-index:100;overflow:hidden;}
.allmenu + .black{background:url(/html/images/common/black_bg80.png);width:100%; height:100%;}
.allmenu .inner{ background:#fff; width:80%; height:100%;  float:right; position:absolute; top:0; right:0;}


.allmenu + .black{ display:none; z-index:99; position:fixed; top:0; left:0; width:100%; height:100%;}
.allmenu .inner, .btn_sidemenu_close{z-index:99;}

.allmenu .sidemenu_top{ overflow:hidden; padding:0.5em 10px 0.5em 10px;}
.allmenu .sidemenu_top .side_logo{ width:auto; height:2em;}
.allmenu .sidemenu_top .btn_group{ float:right;}
.allmenu .sidemenu_top .btn_group a{ display:inline-block;  padding:0 1em; line-height:32px; height:30px; border-radius:4px; color:#fff;}
.allmenu .sidemenu_top .btn_group a.login{ background:#26bdc8 url(/html/images/common/login_btn.png) no-repeat 10px 50%; padding-left:2em; background-size:auto 1em;}
.allmenu .sidemenu_top .btn_group a.logout{ background:#26bdc8;}
.allmenu .sidemenu_top .btn_group a.join{ background:#333333;}

.menu_list{background:#fff; line-height:1.4;}


.menu_list > li:first-child{ border-top:1px solid #ddd;}
.menu_list > li > a{background:#f5f5f5 url(/html/images/common/arrow_bottom.png) no-repeat right 50%; background-size:2em;display:block; padding:0.6em 15px 0.4em 15px; font-size:1.1em; color:#000; border-bottom:1px solid #ddd;}
.menu_list > li.nobg a{ background:#f5f5f5;}

.menu_list li ul{background:#fff; overflow:hidden; background:url(/html/images/common/line_d.gif) repeat-x 0 bottom; }
.menu_list li ul li{width:50%; float:left;  box-sizing:border-box; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.menu_list li ul li:nth-child(even) {border-right:1px solid #fff;}
.menu_list li ul li a{ display:block;padding:0.8em 15px 0.4em 15px; color:#666; background:url(/html/images/common/line_d.gif) no-repeat 8px 50%; background-size:3px;}
.menu_list li a .new{ width:1.2em; margin-left:5px; vertical-align:middle;}
.btn_sidemenu_close{ position:absolute; top:0; right:80%; width:44px; height:44px; padding:15px; box-sizing:border-box;}
.btn_sidemenu_close img{ width:100%; height:14px; vertical-align:top;}
.menu_list > li > a { }
.menu_list > li ul{display:none;}

.menu_list > li.active > a{background:#f5f5f5 url(/html/images/common/arrow_top.png) no-repeat right 50%; background-size:2em;}
}

@media (max-width:320px){
.menu_list li ul li a{ font-size:0.9em; letter-spacing:-0.5px;}
}




.header_btn{ position:relative;}
.header_btn > a{ display:inline-block;}
.seach_layer{ display:none;position:absolute; top:-1px; right:47px; width:240px; z-index:6;}

.inner1{ overflow:hidden; width:100%; border:1px solid #33cccc; border-radius:4px; background:#fff;}
.inner1 input[type="text"]{ float:left;border:none !important; width:198px; height:38px;}
.inner1 .btn_seach_input{ display:inline-block; float:right; width:41px;height:38px; background:url(/html/images/web/common/btn_search2.png) no-repeat 50% 50%; text-indent:-9999px; font-size:0; border:none;}



.inner2{  text-align:right; background:#f5f5f5;}

.inner2 ul li{ overflow:hidden; text-align:left; padding:0px 10px;}
.inner2 ul li:first-child{ padding-top:10px;}
.inner2 ul li:last-child{ padding-bottom:10px;}
.inner2 ul li a{ display:block; padding:3px 10px 3px 15px; background:url(/html/images/common/line_d.gif) no-repeat 3px 50%; background-size:3px; font-size:0.85em;}
.inner2 ul li a:hover,
.inner2 ul li a:focus{ color:#2691c8; font-weight:bold;}
.keyword_delete{  font-size:0.8em; border:0; padding:0 10px 0 30px; line-height:26px; height:26px; border-radius:4px; color:#fff;}

.keyword_delete{ background:#666 url(/html/images/common/btn_delete_w.png) no-repeat 0 0; background-size:25px;}

.empty{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:5; display:none;}

.search_layer_close{ background:#999; border:none; position:absolute; top:0; right:-44px; width:40px; height:40px; padding:10px; box-sizing:border-box; border:1px solid #888; border-radius:4px;}
.search_layer_close img{ width:100%;}









@media(min-width:1024px){
	.bgf0{ padding:0 !important; margin-bottom:60px !important;}
	.bgf0 .box_wrap{ border:2px solid #eee;}
}



/*//////////////////////////////////////////////////////////////////////////////////////////
각 메뉴별 카드형 UI 보정
//////////////////////////////////////////////////////////////////////////////////////////*/
/*인턴공고 UI*/
.main_grid.intern {overflow:hidden;}
.main_grid.intern li{width:31%; padding:1px 1px 3px 1px; margin:1.165%; box-sizing:border-box; background:#fff;}
.main_grid.intern li a{ display:block;position:relative; border:1px solid #ddd;   overflow:hidden;  border-radius:2px;}
.main_grid.intern li a > img{ width:100%;}
.main_grid.intern li a .thumb{ width:100%;}
.main_grid.intern li a .type{display:inline-block; padding:0 5px; margin:15px 10px; height:19px; line-height:20px; font-size:0.85em; color:#fff; border-radius:4px;}
.main_grid.intern li a .thum {display:inline-block; width:100%; height:115px; border-bottom:solid 1px #eee; background-repeat:no-repeat; background-position:center center; background-size:contain;}

.main_grid.intern li a .title{ display:block;  width:100%;  box-sizing:border-box; margin-bottom:5px; padding:0 10px 10px 10px; font-weight:bold; font-size:1.2em; line-height:1.4;
	height:2.6em; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

@media(max-width:640px){
	.main_grid.intern li{width:48%; margin:10px 1%; }
}
@media(max-width:360px){
	.main_grid.intern li{width:100%; margin:5px 0; }
}

/*청꿀티비 UI*/
.main_grid.young_tv {overflow:hidden;}
.main_grid.young_tv li a .thum {display:inline-block; width:100%; height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.main_grid.young_tv li a .title{ display:block;  width:100%;  box-sizing:border-box; margin-bottom:5px; padding:0 10px 10px 10px; font-weight:bold; font-size:1.2em; line-height:1.4;
	height:2.6em; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}


/*청꿀단지 UI*/
.main_grid.sos_guide {overflow:hidden;}
.main_grid.sos_guide li a .thum {display:inline-block; width:100%; height:200px; background-repeat:no-repeat; background-position:center top; background-size:cover;}

.main_grid.sos_guide li a .title{ display:block;  width:100%;  box-sizing:border-box; margin-bottom:5px; padding:10px 10px 10px 10px; font-weight:bold; font-size:1.2em; line-height:1.4;
	height:2.0em; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

/*청년드림뉴스 UI*/
.main_grid.dream_news {overflow:hidden;}
.main_grid.dream_news li a .title{ display:block;  width:100%;  box-sizing:border-box; margin-bottom:5px; padding:10px 10px 10px 10px; font-weight:bold; font-size:1.2em; line-height:1.4;
	height:2.0em; 
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}



/* 메인 UI 변경 :: 2025-08-07 박은진 */
.category-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 40px;
	max-width: 1024px;
  margin: 50px auto;
}

.category-box {
  flex: 1;
}

.category-box h2 {
  font-size: 1.4em;
  margin-bottom: 15px;
  text-align: center;
}

.category_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category_list li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #ddd;
}
.category_list li:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.category_list li:first-child img {
  width: 100%;
  height: auto;
  border-radius: 8px;
	padding-bottom:10px;
}

.category_list .title {
  font-weight: bold;
  font-size: 1em;
	min-height:55px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;
	overflow: hidden;
}

.category_list .info {
  font-size: 0.9em;
  color: #888;
}

.category_list li:not(:first-child) .title {
  display: block;
  font-weight: normal;
  font-size: 0.95em;
}

.category_list li a.rounded {
  text-decoration: none;
  color: inherit;
  display: block;
}

.section_title { margin-top:30px; }

.contest_wrap {
	display: flex;
	gap: 30px;
	width: 50%;
	margin: 50px 0;
}

.contest_left {
	flex: 1;
}
.contest_left .main_post {
	box-sizing: border-box;
	background: #fff;
	position: relative;
	overflow: hidden;
	border-radius: 2px;
}

.contest_left .main_post img {
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
}

.contest_left .title {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 5px;
	padding: 0 10px 10px 10px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4;
	height: 2.6em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contest_right {
	flex: 1;
}

.contest_right .section-title {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}
.contest_right .contest_list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.contest_right .contest_list li {
	margin-bottom: 10px;
	padding:5px 0;
	font-size: 16px;
	width:100%;
	border-bottom:1px solid #ddd;
}

.contest_right .contest_list li a {
	text-decoration: none;
	color: #333;
}

.contest_right .contest_list li a:hover {
	color: #000;
}

.shorts-grid {
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(1, 1fr);
}

/* 반응형 그리드 */
.shorts-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(1, 1fr); /* 모바일 기본 1열 */
	margin:50px 0;
	padding: 20px;
}

/* 태블릿: 2열 */
@media (min-width: 600px) {
	.shorts-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 데스크톱: 3열 */
@media (min-width: 992px) {
	.shorts-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.video-wrap {
	position: relative;
	width: 100%;
	max-width: 300px; /* 세로 쇼츠 느낌으로 중앙에 세로 좁게 */
	margin: 0 auto;
	aspect-ratio: 9 / 16; /* 세로 비율 유지 */
	overflow: hidden;
	border-radius: 10px;
}

.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}