@charset "utf-8";


	


/* media-query */


@media screen and (max-width:800px) {


	#content-container {width:100% !important;}


	#header-container, #header-container #pageTop {height:92px !important;}


    #hd_wrap {position:relative; z-index:5;}


	#top_Banner {min-width:100%; background:url('/user/hufs/mycodyimages/top_popup/bg_topBanner.gif') center top repeat-x;}


	#top_Banner .tB_wrap {width:100%; background:url('/user/hufs/mycodyimages/top_popup/tB_symbol.png') center top no-repeat;}


	#top_Banner .tB_wrap .bx-wrapper .bx-viewport li {width:100% !important;}


	#top_Banner .tB_wrap .bx-wrapper .bx-viewport li ul li {width:100% !important; text-align:center; line-height:30px; overflow:hidden;}


	#top_Banner .tB_wrap .bx-wrapper .bx-viewport li ul li a {width:90% !important; background:none; padding-left:0; font-size:13px !important; overflow:hidden;}


	#top_Banner .tB_wrap .tB00 li ul li a .w2 {font-size:17px; display:none;}


	#top_Banner .tB_wrap .tB00 li ul li a .w, 


	#top_Banner .tB_wrap .tB00 li ul li .ww, 


	#top_Banner .tB_wrap .tB00 li ul li a img, 


	#top_Banner .bx-controls-auto, 


	#top_Banner .tB_wrap .bx-controls .bx-pager {display:none;}


	#hd_quick {width:100%;}


	#hd_quick .quick_menuL {}


	#hd_quick .lan {display:none;}


	#hd_quick .quick_menuR {width:auto; padding-right:15px;}


	#hd_quick .quick_menuR ul {float:left; display:inline-block;}


	#hd_quick .eng, #hd_quick .eng a {margin:3px 0px 0px 5px}


	#hd_quick .quick_menuR .r0 {margin-right:0px; padding-right:0px; background:none;}	


	#hd_quick .quick_menuR .btn_search {display:block; position:absolute; top:32px; right:0px; width:50px; height:57px; cursor:pointer; font-size:0; background:url("/user/hufs/mycodyimages/new/btn_search.png") center 13px no-repeat;}


	#hd_quick .quick_menuR .btn_search.active {background:url("/user/hufs/mycodyimages/new/btn_close1.png") center 16px no-repeat;}


	#hd_quick .quick_menuR .search_box {display:none; position:absolute; top:89px; left:0px; width:100%; height:40px; border-bottom:solid 2px #9f815f; background:#f5f5f5;}
	#hd_quick .quick_menuR .search_box.open {display:block;}
	#hd_quick .quick_menuR form {width:100%; position:relative;}
	#hd_quick .quick_menuR form fieldset {width:100%;}
	#hd_quick .quick_menuR input {width:100%; height:40px; padding:0 60px 0 20px; font-size:1.3em; background:none; z-index:5; color:#666666;}
	#globalsearch { border-bottom:none;}
	#hd_quick .quick_menuR form #search_img {position:absolute; top:-13px; right:0; width:50px; height:40px; border:none; background:url("/user/hufs/mycodyimages/new/btn_search1.png") center center no-repeat; z-index:6;}


	.quick_sitemap, .quick_sitemap .sm_contents {display:none;}


	#hd_quick .sm_contents .sm_wrap01, 


	#hd_quick .sm_contents .sm_wrap02, 


	#hd_quick .sm_contents .sm_wrap03, 


	#hd_quick .sm_contents .sm_wrap04, 


	#hd_quick .sm_contents .sm_wrap05, 


	#hd_quick .sm_contents .sm_wrap06 {display:none;}


	#hd_menu {height:65px;}


	#hd_menu h1 {top:34px; margin-left:-110px;}


	#hd_menu h1 a {width:220px; height:44px; background:url("/user/hufs/mycodyimages/new/mlogo.gif") center center no-repeat; background-size:80%;}


	#hd_menu #hd_gnb_mobile {position:absolute; top:-61px; left:-100%; display:block; width:75%; height:100vh; margin-left:0; padding-top:89px; background:#152c46 url("/user/hufs/mycodyimages/new/mlogo.png") 20px 25px no-repeat; background-size:auto 40px; 


	transition:.4s; -webkit-transition:.4s; -moz-transition:.4s; z-index:99;}


	#hd_menu .all_menu {display:block; position:absolute; top:32px; left:0px; width:50px; height:50px; cursor:pointer; font-size:0; background:url("/user/hufs/mycodyimages/new/btn_menu.png") center center no-repeat;}


	#hd_menu .close_all_menu {display:block; position:absolute; top:20px; right:-50px; width:50px; height:50px; cursor:pointer; font-size:0; background:url("/user/hufs/mycodyimages/new/btn_close.png") center center no-repeat; 


	transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}


	.dim {position:fixed; top:0; left:0; width:100%; height:100%; background:#000000; z-index:12; opacity:0.7; filter:alpha(opacity=70); /* IE8 and lower */ zoom:1; /* Triggers "hasLayout" in IE 7 and lower */}	


	#hd_gnb {display:none;}


	#hd_gnb_mobile {display:block;}


	#hd_gnb_mobile ul {}	


	#hd_menu #hd_gnb_mobile.open {left:0;}


	#hd_menu #hd_gnb_mobile > ul {width:100%; border-bottom:solid 1px #384c62;}


	#hd_gnb_mobile li {float:inherit; font-family:'hufs_l'; font-weight:600;}


	#hd_gnb_mobile li a {display:block;}


	#hd_gnb_mobile, #hd_gnb_mobile ul, #hd_gnb_mobile ul li, #hd_gnb_mobile ul li a {margin:0; padding:0; border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


	#hd_gnb_mobile {width:200px; font-family:Helvetica, Arial, sans-serif; color:#ffffff;}


	#hd_gnb_mobile ul ul {display:none;}


	.align-right {float:right;}


	#hd_gnb_mobile > ul > li > a {padding:15px 20px; border-left:1px solid #152c46; border-right:1px solid #152c46; cursor:pointer; z-index:2; font-size:1.5em;; font-weight:bold; text-decoration:none; color:#ffffff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); background:#36aae7; background:-webkit-linear-gradient(#36aae7, #1fa0e4); background:-moz-linear-gradient(#36aae7, #1fa0e4); background:-o-linear-gradient(#36aae7, #1fa0e4); background:-ms-linear-gradient(#36aae7, #1fa0e4); background:linear-gradient(#36aae7, #1fa0e4); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15);}


	#hd_gnb_mobile > ul > li > a:hover, #hd_gnb_mobile > ul > li.active > a,


	#hd_gnb_mobile > ul > li.open > a {color:#ffffff; background:#152c46; border-bottom:solid 1px #0d223a;}


	#hd_gnb_mobile > ul > li.open > a {box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); border-bottom:1px solid #152c46;}


	#hd_gnb_mobile > ul > li:last-child > a, #hd_gnb_mobile > ul > li.last > a {border-bottom:1px solid #0d223a;}


	.holder {width:12px; height:12px; position:absolute; top:0; right:0;}


	.holder::before {display:block; position:absolute; content:""; width:12px; height:12px; right:20px; z-index:10;}


	.holder::after {top:20px;}


	#hd_gnb_mobile > ul > li > a:hover > span::after, #hd_gnb_mobile > ul > li.active > a > span::after, #hd_gnb_mobile > ul > li.open > a > span::after {border-color:#eeeeee;}


	.holder::before {top:18px;}


	#hd_gnb_mobile ul ul li a {cursor:pointer; border-bottom:1px solid #846f52; padding:12px 25px; z-index:1; text-decoration:none; font-size:1.3em; color:#eeeeee; background:#9f815f; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}


	#hd_gnb_mobile ul ul li:first-child > a {box-shadow:none;}


	#hd_gnb_mobile ul ul ul li:first-child > a {box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}


	#hd_gnb_mobile ul ul ul li a {padding:10px 0px 10px 35px; background:#eeeeee; border-bottom:1px solid #dddddd; font-family:'Noto Sans KR'!important; color:#494949; font-size: 15px;}


	#hd_gnb_mobile > ul > li > ul > li:last-child > a, #hd_gnb_mobile > ul > li > ul > li.last > a {border-bottom:0;}


	#hd_gnb_mobile > ul > li > ul > li.open:last-child > a, #hd_gnb_mobile > ul > li > ul > li.last.open > a {border-bottom:1px solid #b5997a;}


	#hd_gnb_mobile > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom:0;}


	#hd_gnb_mobile ul ul li.has-sub > a::after {display:block; position:absolute; content:""; width:12px; height:12px; right:20px; z-index:10; top:13px; background:url("/user/hufs/mycodyimages/new/btn_plus.png") no-repeat;}


	#hd_gnb_mobile ul ul li.active > a::after, #hd_gnb_mobile ul ul li.open > a::after, #hd_gnb_mobile ul ul li > a:hover::after {border-color:#ffffff;}


	#hd_gnb_mobile ul ul li.active > a::after, #hd_gnb_mobile ul ul li.open > a::after {background:url("/user/hufs/mycodyimages/new/btn_minus.png") no-repeat;}





	/* about footer */ 


	#ft_wrap .ft_add {width:94% !important;}


}





@media screen and (max-width:767px) {


		#top_Banner .tB_wrap .bx-wrapper .bx-viewport li ul li a  {font-size:15px; white-space:nowrap;}


		#top_Banner .tB_wrap .tB00 li ul li a .w2 {font-size:14px; letter-spacing:-1px;  display:none;}


}





@media screen and (max-width:375px) {


		#top_Banner .tB_wrap .bx-wrapper .bx-viewport li ul li a  {font-size:13px;}

		#top_Banner .tB_wrap .bx-wrapper .bx-viewport li+li ul li a  {letter-spacing:-1px;}

		#top_Banner .tB_wrap .bx-wrapper .bx-viewport li+li+li ul li a  {letter-spacing:0px;}


		#top_Banner .tB_wrap .tB00 li ul li a .w2 {font-size:12px;  display:none;}


}





@media screen and (max-width:360px) {


		#hd_menu h1 a {background-size:70%;}


		#hd_menu #hd_gnb_mobile {background-size: auto 35px;}


}