@charset "utf-8";

/* font */
@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:100;
    src:local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/resources/css/fonts/eot/NotoSansKR-Thin-Hestia.eot),
    url(/resources/css/fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/resources/css/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/resources/css/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans Light'), local('NotoSans-Light'),
    url(/resources/css/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(/resources/css/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/resources/css/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/resources/css/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:350;
    src:local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/resources/css/fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
    url(/resources/css/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/resources/css/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/resources/css/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:400;
    src:local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/resources/css/fonts/eot/NotoSansKR-Regular-Hestia.eot),
    url(/resources/css/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/resources/css/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/resources/css/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans Korean';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/resources/css/fonts/eot/NotoSansKR-Medium-Hestia.eot),
    url(/resources/css/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/resources/css/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/resources/css/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}


/* nanum-myeongjo */
@font-face {
font-family: 'Nanum Myeongjo';
font-style: normal;
font-weight: 400;
src:url(/resources/css/fonts/NanumMyeongjo.eot); src: local(※),
url(/resources/css/fonts/NanumMyeongjo.eot) format('embedded-opentype'),
url(/resources/css/fonts/NanumMyeongjo.woff) format('woff'),
url(/resources/css/fonts/NanumMyeongjo.ttf) format('truetype');
}

/*  한국어 */
:lang(ko) { font-family:'Noto Sans Korean', FontAwesome, sans-serif; }

/** HOSEO FUND Common Style **/

body { position: relative; color: #333333; font-size: 16px; font-family: Noto Sans KR, sans-serif; font-weight: 400; line-height: 1; letter-spacing:-1px ; }
section { position: static; margin-bottom:100px;}
.fix-layout { position: static;  width: 100%; max-width: 1500px; padding: 0 16px!important; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  box-sizing: border-box; }
a:hover,
a:focus { text-decoration: none; }

/************************************************
	Site Menu
*************************************************/
#tnb { position: static; float: right; background-color: transparent; border-bottom: 0; }
#tnb ul { float: left; height: auto; }
#tnb li { position: static; padding: 0; }
#tnb li a:before,
#tnb li a:after { content: none; }

#tnb .sns-site{ display:none; margin-right:12px; line-height:40px;}
#tnb .sns-site li{display:inline-block; vertical-align:middle; margin-left:4px;}

#tnb .tnb-login{padding-top:8px;}
#tnb .tnb-login li > a { margin-right: 15px; font-size: 16px; }
#tnb .tnb-login li:first-child{position:relative;}
#tnb .tnb-login li:first-child:after{content:""; display:block; background-color:#fff; width:1px;height:18px; position:absolute; top:2px; right:0;}
#tnb .tnb-login li:last-child > a { margin-right: 0; }
#tnb .tnb-login li > a > span { padding-left: 16px; font-weight: 500; vertical-align: middle; color:#fff;}

#tnb .tnb-site{margin-left:16px;}
#tnb .tnb-site li a {display:block; width:40px; height:40px; border:1px solid #fff; text-align:center; padding-top:7px;}
#tnb .search-icon > span,
#tnb .sitemap-icon > span { display: none; }


#site_search_box { display: none; }

/************************************************
	Header
*************************************************/
header { position: absolute; width:100%; min-height: 0;  background: transparent; padding-top: 0; z-index: auto; }
header h1 { position: static; z-index: auto; }

#header{z-index:200; position:relative; background-color:transparent;}
#header.on{background-color:#222;}
#header .header-top {  padding:30px 0 0; border-bottom: 1px solid rgba(255,255,255,.3);}
#header .header-top h1 { float: left; margin-right:20px;}
#header .header-top h1 a { display: block; float: left; }
#header .header-top h1 a img{margin-right:14px;}
#header .header-top h1 a span{color:#fff; letter-spacing:-2px; font-size:18px; font-weight:400; position:relative; /*padding-left: 14px;*/ line-height:18px; padding-left: 24px; }
#header .header-top h1 a span.eng-name{font-size:11px; font-weight:300; letter-spacing:0px;}
#header .header-top h1 a span.eng-name::before{display:none;}
#header .header-top h1 a span:before{position:absolute; content:""; display:block; width:1px; /* height:40px;*/ height:70px; background-color:#fff; top:5px	; left: 10px;}

#header .header-bottom .btn-gnb-view { display: none; }
#header .header-top h1 .dept-link { position: relative;top: -10px;}
#header .header-top h1 a .major-ko {display: block;margin-bottom: 0px; /* em과 영문 사이 간격 조절 */ font-weight: 400;font-size: 18px;line-height: 1.2; padding-left: 24px;}
#header .header-top h1 a .school-mark {font-style: normal; display: inline-block;background-color: #c80000;color: #fff;font-size: 14px;font-weight: 500;padding: 5px 20px;line-height: 1;white-space: nowrap;clip-path: polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);letter-spacing: -1px; margin-bottom: 4px;}





/************************************************
	Footer
*************************************************/
#footer { margin:0 auto;  background-color:#fff; border-top:1px solid #969696; padding:40px 0;}
#footer .tit{border-left:none; padding-left:0; margin-bottom:0 !important;}
#footer .footer-left { float: left; text-align:left;}
#footer .footer-left h1{display:inline-block; margin-right:24px; vertical-align:middle;}
#footer .footer-left .footer-left-top{margin-bottom:12px;}
#footer .footer-left .footer-left-top div{display:inline-block; vertical-align:middle;}
#footer .footer-left .footer-left-top a{padding:0 20px; color:#555; position:relative; font-size:15px;}
#footer .footer-left .footer-left-top a:after{content:""; display:block; width:1px; height:14px; background-color:#555; position:absolute; top:4px; right:0;}
#footer .footer-left .footer-left-top a:last-child:after{display:none;}
#footer .footer-left p{font-size:16px;color:#555;  line-height:1.5;}
#footer .footer-left p span{color:#b11f1f; margin-right:16px;}

#footer .footer-right { float: right; z-index:1; position:relative;}

 .futil-wr .inPkg {position:relative;box-sizing:border-box;padding:0; margin-bottom:24px;}
 .fsitelink-wr:after {clear:both;content:"";display:block}
.fsitelink-wr .fsitelink {display:block;width:200px;position:relative;float:left;box-sizing:border-box;z-index:200;margin:0 4px 0 0}
.fsitelink-wr .fsitelink:last-child {margin:0}
.fsitelink-wr .fsitelink .tit a {display:block;position:relative;background-color:#fff; border:1px solid #dcdcdc; padding:16px 96px 16px 19px;color:#525252;font-size:16px;font-weight:400;white-space:nowrap;letter-spacing:-.05em}
.fsitelink-wr .fsitelink .tit a:hover, #footer-wr .fsitelink-wr .fsitelink .tit a:active, #footer-wr .fsitelink-wr .fsitelink .tit a:focus {text-decoration: none; }
.fsitelink-wr .fsitelink .tit a .gogo {/* display:block;*/ display:none; position:absolute;box-sizing:border-box;right:0;top:0;height:100%;color:#4b403a;background:#fff;font-weight:500;line-height:1;padding:7px 11px 0 12px}
.fsitelink-wr .fsitelink .tit a:after {content:"";display:block;position:absolute;/* right:50px;*/ right:10px;top:14px;background:url(/resources/images/sbd/common/footer-btn.png) no-repeat 0px 0;width:20px;height:20px;transition:all .3s ease}
.fsitelink-wr .fsitelink.is-open .tit a:after {transform:rotate(180deg);margin-top:-7px}
.fsitelink-wr .fsitelink .fsitelink-cate-box {position:absolute;bottom:100%;left:0;background:#3e4549;width:100%;height:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease}
.fsitelink-wr .fsitelink.is-open .fsitelink-cate-box {display:block;height:261px;overflow-y:auto;border:1px solid #fff;border-bottom:0}
.fsitelink-wr .fsitelink .fsitelink-cate-box .inwr {height:240px;margin:10px;box-sizing:border-box}
.fsitelink-wr .fsitelink .fsitelink-cate-box ul {margin:0px 10px}
.fsitelink-wr .fsitelink .fsitelink-cate-box li {margin:1px 0}
.fsitelink-wr .fsitelink .fsitelink-cate-box li a {display:block;padding:2px 0}
.fsitelink-wr .fsitelink .fsitelink-cate-box li a span {font-size:14px;color:#bfa89c;transition:all .3s ease}
.fsitelink-wr .fsitelink .fsitelink-cate-box li a:hover span,
.fsitelink-wr .fsitelink .fsitelink-cate-box li a:focus span,
.fsitelink-wr .fsitelink .fsitelink-cate-box li a:active span {text-decoration:underline;color:#fff}

.footer-sns{float:right;}
.footer-sns li{display:inline-block; vertical-align:middle; margin-left:8px;}


/************************************************
	GNB Menu Style
*************************************************/
#gnb-wrap{float:left; /*width:58%;*/width:55%; z-index:100;}
#gnb { position: static; z-index:10;}
#gnb li { position: static; }
#gnb > ul > li { float: left; width: 16.666%; position: relative; }

#gnb > ul > li > a { display: block; color: #ffffff; text-align: center; line-height: 36px;  font-size:20px; display:block; padding-bottom:30px;}
#gnb > ul > li > a.on { background-image:url(/resources/images/sbd/common/gnb-on.gif); background-repeat:no-repeat; background-size:100% 5px; background-position:bottom left;}

.gnb-bg,
#gnb > ul > li > ul { background-color: #222; position: absolute;  top:67px; height:0; width:100%;}
.gnb-bg { top: 97px; z-index: 5; width:100%; left:0;} 	
#gnb .has-sub-menu > ul {height: 0; overflow: hidden; z-index: 7; padding:0 4px;}
#gnb .has-sub-menu > ul > li:first-child { margin-top: 18px; }
#gnb .has-sub-menu > ul a {word-break:keep-all;display: block; padding: 9px 0; color: #fff; font-size: 0.85em; font-weight: 400; text-align: center; }
#gnb .has-sub-menu span{display:none;}
#gnb > ul > li:first-child span{display:block;}

.btn-gnb-close { display: none; position: absolute; top: 13px; right: 262px; z-index: 3; }
.btn-gnb-close a{display:block; padding:8px; background-color:#333; border-radius:8px;}
.btn-gnb-close a img{width:18px; height:18px;}

.left-gnb{height:0; overflow:hidden; width:300px; background-color:#750303; top:97px; position:absolute; background-image:url(/resources/images/sbd/common/sub-gnb-logo.png);
background-repeat:no-repeat; background-position:left 50px; z-index:6; }
.left-gnb:before{height:280px; width:250px; background-color:#750303; left:-250px; display:block; content:""; position:absolute;}
.left-gnb span{font-size:14px; color:#fff; padding-top:150px; display:block; line-height:1.5;}

/************************************************
	LNB Menu Style
*************************************************/
#lnb-wrap{margin-top:-30px; z-index:1; position:relative;}
#lnb {top: 0; height: 60px;  background-color:#202020;/*bottom: 0; right: 10px; z-index: 20; top: 170px;*/}
/*#lnb:after	{ content: ""; display: block; position: relative; clear: both; }*/
#lnb a {display: block;/* border:solid #ebeff3;border-width:0 1px */}
#lnb i[class*="xi-"]{display:block;font-size:1.125em;line-height:1em;color:#000}
#lnb .home {float: left; width: 59px; height: 100%; background-color:#b92929;}
#lnb .home .fa-home:before{color:#fff;}
#lnb .home > a {padding: 18px 0; text-align: center;}
#lnb .home > a:hover{background-color:rgba(0,0,0,.5);}
/* #lnb p {margin: 0;} */

.lnb-item {width: 245px; height: 60px; font-weight: 400; position:relative; }
.lnb-item:after{position:absolute; width:1px; height:23px; background-color:#313131; display:block; right:0; top:20px; content:"";}
.lnb-item.first{border-left:none;}
.lnb-item:nth-child(3),.lnb-item:nth-child(4) {border-left: 0px solid #ddd !important;}
.lnb-item > ul {padding-top: 59px; z-index: 100;}
.lnb-item > ul .check {height: 60px;}
.lnb-item > ul .check.open a{ color: #fff ; font-weight: 400; background:#084499; }
.lnb-item > ul .check.open a:active, .lnb-item > ul .check.open a:focus { color: #ffffff ; }
.lnb-item > ul:hover {background-color:rgba(0,0,0,.5); }

.lnb-item a	{height: 60px; line-height: 60px; color: #fff;}
.lnb-item .check > a {bottom: 0; padding:0 16px;}
.lnb-item .check > a:after {content: ""; display: block; position: absolute; width: 30px; height: 50px; background: url('/resources/images/sbd/common/ico-lnb-open.png') no-repeat 50% 50%; right: 6px; top: 5px; }
.lnb-item .check.open > a:after	{background-image: url('/resources/images/sbd/common/ico-lnb-open.png'); }
.lnb-item ul > li {text-align:left;}


/*.lnb-item.first > ul		{ top: -50px; font-size: 25px;}*/
.lnb-item.first {}
.lnb-item.first a			{ border-left-width: 1px; }
.lnb-item.first a:after		{ /*display: none;*/ }
.lnb-item.first > a:after		{ content: ""; display: block; position: absolute; width: 30px; height: 30px; background: url('/resources/images/mech2/common/ico-lnb-open.png') no-repeat 50% 50%; right: 0px; top: 5px; }
.lnb-item.first.open > a:after	{ background-image: url('/resources/images/mech2/common/ico-lnb-close.png'); }



.jconfirm-box-container {width:35%; display:block; float:center; margin:0 auto; }/*알림메세지*/
/** HOSEO FUND Common Style Responsive **/

/* tab */
.tab-list ul { position: relative; margin: 0; padding: 0; }
.tab-list li { float: left; }
.tab-list li a { position: relative; float: left; }
.tab-list li a > span { display: inline-block; cursor: pointer; }
.tab-list li ul { position: absolute; left: 0; display: none; width: 100%; margin: 0; padding: 0; }
.tab-list li li { position: relative; float: none; margin: 0 0 8px 0; color: #999; }
.tab-list li li.more { position: absolute; top: 0; right: 0; }

.mobile-view { display: none !important; }

.pageNavi > strong:before{ color:#333 !important; border:4px solid #333  !important}
.ui-btn.red{ background:#2763bb !important; border-color:#2763bb !important}

/* pageTop */
#pageTop {position: fixed; bottom: 20px; right: 1%; z-index: 9999; margin-bottom: 0; }
#pageTop a { background-color: #2763bb; color: #ffffff; display: block; width: 98px; height: 98px; text-align: center; padding-top: 17px; border:solid 1px #ffffff; }
#pageTop a > span { display: block; font-size: 1.65em; line-height: 1; }
#pageTop a > i { font-size: 1.5em; margin-right: 0 !important;}
#pageTop a:hover { text-decoration: none; opacity: 0.7; }


@media all and (max-width:1520px){
	#header .header-top h1{margin-top:6px; margin-right:24px;}
	#header .header-top h1 a img{width:120px; }
}
@media all and (max-width:1400px){
	#header .header-top h1{margin-top:6px;}
	#header .header-top h1 a img{width:120px; }
	#gnb-wrap{width:50%;}
	#tnb .tnb-login li > a > span{padding-left:8px;}
}
@media all and (max-width:1300px){
	#gnb-wrap{width:50%;}
}
@media all and (max-width:1700px) {
	/* pageTop */
	#pageTop a { position: fixed; bottom: 0px;right: 0 !important; z-index: 9999; margin-bottom: 0;}
}


@media all and (max-width:1410px) {
	/* pageTop */
	#pageTop {right: 0%;}
}

@media all and (max-width: 1200px) { 

	/************************************************
		Site Menu
	*************************************************/
	#tnb .tnb-login,
	#header .header-bottom { position: absolute; right: 0; width: 255px; z-index: 3; }
	#tnb .tnb-login { display: none; float: none; top: 0; background-color: #2c57b9; }
	#tnb .tnb-login li { width: 50%; }
	#tnb .tnb-login li > a { margin: 0; margin: 18px 0 20px; text-align: center; }
	#tnb .tnb-login li:first-child > a { border-right: 1px solid #ffffff; }
	#tnb .tnb-login li > a > span { color: #ffffff; }
	#tnb .tnb-login .mobile-view { display: inline-block !important; }
	#tnb .tnb-site li img { width: 22px; height: auto; }
	#tnb .tnb-site li a { margin-top: 12px; margin-left: 17px; }
	#tnb .tnb-site li:first-child a { margin-left: 0; }
	
	/************************************************
		Header
	*************************************************/
	#header { position: relative; }
	#header .header-top{padding: 0px 0;}
	#header .header-top h1 { margin-top:0px; padding-top:5px  }
	#header .header-top h1 img { width: 220px; height: auto; }
	#header .header-top h1 .h1-text { font-size: 1.1575em; line-height: 2.16; }
	
	#tnb .tnb-site li a{margin-top:20px;}
	#tnb .tnb-login{padding-top:0;}
	#tnb .tnb-login li:first-child:after{top:21px;}
	/************************************************
		Footer
	*************************************************/
	#footer .footer-left{margin-bottom:24px;}
	
	
	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb-wrap{position:absolute; max-width:255px; width:100%; right:0; top: 165px; display: none; background-color: #2f2e37; border-bottom: 0; }
	#gnb > ul > li { float: none; width: auto; }
	#gnb > ul > li > a { background: url(/resources/images/sbd/common/gnb_icon_m.png) no-repeat 90% center; border-bottom : 1px solid #4b4a4f; border-right: 0; padding: 18px 10px 18px 27px; line-height: 1; text-align: left; }
	#gnb > ul > li.open > a { background-color: #049ca6; border-bottom: 1px solid #d7d8db; color: #ffffff; }
	#gnb > ul > li.open > ul { border-bottom: 1px solid #d7d8db; }
	#gnb > ul > li:first-child > a { border-left: 0; }
	
	#gnb .has-sub-menu > ul { display: none; position: static; height: auto; border-right: 0; padding: 6px 0; background-color: #ffffff; z-index: auto; }
	#gnb .has-sub-menu:first-child > ul { border-left: 0; }
	#gnb .has-sub-menu > ul > li:first-child { margin-top: 0; }

	#gnb .has-sub-menu > ul a { background: url(/resources/images/sbd/common/gnb_bullet_m.gif) no-repeat 90% center; padding: 9px 10px 9px 25px; color: #252525; font-size: 0.875em; text-align: left; }
	#gnb .has-sub-menu > ul a:before {content: "-"; padding-right: 10px; color: #25539e; }
	#gnb .has-sub-menu > ul a:hover { background-image: url(/resources/images/sbd/common/gnb_bullet_m_hover.gif)}
	#gnb .has-sub-menu > ul a:hover { background-color: #ffffff; color: #cf1e1e; }

	/************************************************
		LNB Menu Style
	*************************************************/
	/*LNB Menu Style*/
	#lnb{height:40px;}
	#lnb .home{width:40px; height:100%;}
	.lnb-item:after{display:none;}
	.lnb-item{height:40px; border-right:1px solid #555}
	.lnb-item a{height:100%; line-height:40px;}
	.lnb-item > ul .check{height:40px;}
	.lnb-item .check > a:after{height:30px;}
	#lnb .home > a{padding:10px 0;}
	.lnb-item > ul{padding-top:40px;}
	
	/** HOSEO FUND Common Style Responsive **/
	.pc-view { display: none !important; }
	.mobile-view { display: block !important; }
	
	/** HOSEO FUND Common Style Responsive **/
	.pc-view { display: none !important; }
	.mobile-view { display: block !important; }
}

@media all and (max-width:1000px){
	#lnb:before{display:none;}
}

@media all and (max-width: 767px) { 
	body { font-size: 14px; -webkit-text-size-adjust: 100%;}
	.jconfirm-box-container {width:80%;  }/*알림메세지*/
	/************************************************
		Site Menu
	*************************************************/
	#tnb .tnb-login li > a { font-size: 0.9285em; }
	#tnb .sns-site { display:inline-block;}

	/************************************************
		Header
	*************************************************/
	#header .header-top { border-bottom: 1px solid #c3c3c3; }
	#header .header-top h1 img { width:210px }
	#header .header-top h1 a img{margin-top:5px}
	#header .header-top h1 a span.eng-name{line-height:1;}
	#header .header-top h1 .h1-text { padding-left: 7px font-size: 1.101em; line-height: 2.2; }
	
	#gnb-wrap{top:53px}
	
	/************************************************
		Footer
	*************************************************/
	#footer .footer-left,
	#footer .footer-right { float: none; width: auto; width:100%; text-align:center; }
	#footer .footer-left h1{margin-right:0; margin-bottom:12px;}
	
	#footer .footer-right a:first-child { margin-left: 0; }

	/************************************************
		GNB Menu Style
	*************************************************/
	#gnb > ul > li > a { font-size: 1.1428em; }
	#gnb .has-sub-menu > ul a { font-size: 1em; }
	
	
	/************************************************
		LNB Menu Style
	*************************************************/
	.sub-page #lnb-wrap { display: none; }
	
	
	/* pageTop */
	#pageTop { opacity:0.3; }
	#pageTop a { padding-top:0; width:50px; height:50px; background-color:#000000; }
	#pageTop a > span { display:none; }
	#pageTop a > i { margin-top:14px; font-size:2em; }
	/*
	#pageTop {display: none ;position: fixed;bottom: 0px;right: 13%;z-index: 9999;margin-bottom: 0;}
	#pageTop a {background-color: #be222f;color: #ffffff;display: none;width: 68px;height: 68px;text-align: center;padding-top: 14x;}
	#pageTop a > span {display: block;font-size: 1.3em;line-height: 1; margin-top: -10px;}
	#pageTop a > i { font-size: 1.5em; margin-right: 0 !important;}
	#pageTop a:hover { text-decoration: none; opacity: 0.7; }
	*/
    #header .header-top h1 a span:before { height:40px;}
	#header .header-top h1 .dept-link { top: 0px;}
    #header .header-top h1 a .major-ko {display: inline-block ;margin-bottom: 0px; /* em과 영문 사이 간격 조절 */padding-left: 0px;}
    #header .header-top h1 a .school-mark { font-size:12px; margin-left: 10px;}
	


	

}

@media all and (max-width: 640px) { 
/* 검색 btn style*/
.page-search-box button.ui-btn {height: 30px; padding: 0 8px;}
.page-search-box input { width: 80px;}
.page-search-box input,
.page-search-box select {height: 30px; }
.page-search-box select {padding:4px; }

.page-search-box select{ min-width:50px}
table.ui-list tbody td.num{ background-size:20px !important}
#header .header-top h1 a span{font-size:14px;}

#footer .footer-left .footer-left-top{margin-bottom:12px;}
#footer .footer-left .footer-left-top div{display:block;}
#footer .footer-left .footer-left-top a{padding:4px 0; display:block;}
#footer .footer-left .footer-left-top a:after{display:none;}
.fsitelink-wr .fsitelink{width:100%; margin:4px 0;}
.fsitelink-wr .fsitelink .tit a{padding:16px 0;}

#tnb .tnb-site li a { margin-top:10px;}

}

@media all and (max-width:500px){
	#tnb .tnb-site{margin-left:0;margin-top:0px}
	#tnb .tnb-site li a{width:24px; height:24px; padding-top:2px}
	#tnb .tnb-site li img{width:13px; height:auto;}
	#header .header-top {padding:0}
	#header .header-top .fix-layout{padding:0 5px!important}
	#header .header-top h1{margin-right:0;}
	#header .header-top h1 a span{padding-left:5px; display:block; font-size:10px}
	#header .header-top h1 a span.eng-name{padding-left:15px; font-size:6px}
	#header .header-top h1 a img{width:56px; margin-right:5px; margin-top:10px;}
	#header .header-top h1 a span:before{height:24px;}
	#tnb .sns-site li img{width:20px;}
}
 
/* blind */
.blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; }


/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* backdrop */
 .backdrop { background-color: rgba(0, 0, 0, 0.42); width: 100%; height: 100%; position: fixed; cursor: pointer; z-index: 2; top:0; left:0; }

/*20221014 모바일 메뉴 수정*/
#tnb .mobile-menu{display:none;}
#tnb .tnb-login li.mobile-menu{width:100%; background:#404040;}
#tnb .tnb-login li.mobile-menu ul{float:none; width:100%;}
#tnb .tnb-login .mobile-menu > ul > li:first-child:after{display:none;}
#tnb .tnb-login .mobile-menu > ul > li a{color:#fff}
#tnb .tnb-login .mobile-menu > ul > li:first-child a{border-right:0}
@media all and (max-width:1200px){
	#tnb .mobile-menu{display:block;}
}

/* 20221027 추가 */
.only_m{display:none;}

@media all and (max-width:767px){
	.only_m{display:block;}
	.only_pc{display:none !important;}
}