@charset "utf-8";
@import url('default.css');
@import url('slick.css');
@import url('aos.css');
@import url('swiper.min.css');
@import url('../fonts/fontawesome-free-6.4.2-web/css/all.min.css');
@import url('../fonts/XEIcon-2.3.3/xeicon.min.css');

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

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

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

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

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

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

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

@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/NanumSquareL.eot'); 
  src: local('※'), url('../fonts/NanumSquareL.woff') format('woff'), url('../fonts/NanumSquareL.ttf') format('truetype'); 
}  
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumSquareR.eot'); 
  src: local('※'), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype'); 
} 
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/NanumSquareB.eot'); 
  src: local('※'), url('../fonts/NanumSquareB.woff') format('woff'), url('../fonts/NanumSquareB.ttf') format('truetype'); 
} 
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NanumSquareEB.eot'); 
  src: local('※'), url('../fonts/NanumSquareEB.woff') format('woff'), url('../fonts/NanumSquareEB.ttf') format('truetype'); 
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('../js/fontawesome-free-6.1.2-web/css/all.min.css');


/**************************************************************************************************************
	공통
**************************************************************************************************************/

.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.mb130 { margin-bottom:130px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }
.clear:after { display: block; content: ''; clear: both; }
.fl { float:left; }
.fr { float:right; }

/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#333;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'Roboto', 'noto', sans-serif; font-size:16px; line-height: 1.6; color: #333; text-decoration: none; font-weight:300;}
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
input:focus, select:focus, textarea:focus, button:focus. .inp:focus {outline:0;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
ul:after { display: block; content: ''; clear: both; }
*::-ms-clear { display: none;}
select::-ms-expand { display:none; }
*:focus { outline: none !important; }

:root {
	--color-main : #ba071c;
	--color-sub : #f24249;
	--color-primary : #4b83fe;
	--color-primary-l : #6f9cfe;
	--color-success : #fe4b84;
	--color-success-l :	#fe6f9d;
	--color-admin : #c54bfe;
	--color-admin-l : #d16ffe;

	--color-bd-bk : rgba(0,0,0,0.25);
	--color-bd-wh : rgba(255,255,255,0.25); 
	--color-bg : #f9f9f9;
	
	--font-eng : 'Playfair Display','Roboto','nq','noto',sans-serif;
	--font-tit : 'nq','noto',sans-serif;
	--font-txt : 'Roboto','noto',sans-serif;

	--transition-slow : all 0.3s ease-in-out;
	--transition-fast : all 0.15s ease-in-out;
}

/* Form */
.select { height: 39px; border: 1px solid var(--color-bd-bk); padding:0 30px 0 10px; color: #222; background: #fff url(../img/common/bu_select_bk.png) no-repeat 90% 50%;}
.select option { color: #222; }

/* Button */
/*.btn { display: inline-block; vertical-align: middle; padding:0 50px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #3f7ad2; font-size:20px; color: #3f7ad2; border-radius:3px; }
.btn.btn-blue { background: #3f7ad2; color: #fff; }*/

.select { vertical-align:middle; padding:0 35px 0 15px; height:48px; background:#fff url(../img/common/bu_select_bk.png) no-repeat 100% 50%; background-position: right 12px center; border:1px solid var(--color-bd-bk); /*font-size:14px; color:#bbb;*/ }
.select.wh { background:transparent url(../img/common/bu_select_wh.png) no-repeat 100% 50%; background-position: right 12px center; border:1px solid var(--color-bd-wh); color:#bbb; }
.inp { vertical-align:middle; padding:0 0 0 15px; height:48px; background:#fff; border:1px solid var(--color-bd-bk); color:#444; }
#wr_content { padding:15px 10px; height:300px; background:var(--color-bg); border:1px solid var(--color-bd-bk); line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.w100 { width:100%; }
.btn-type0 { display:inline-block; vertical-align:middle; border:0; width:211px; height:60px; line-height:59px; background:#333;  font-size:20px; color:#fff; }
.btn-type2 { display:inline-block; vertical-align:middle; border:0; width:211px; height:60px; line-height:59px; background:#aaaaaa; font-size:20px; color:#fff; }
.btn-type1 { display:inline-block; vertical-align:middle; border:0; padding:0 40px; height:48px; line-height:48px; background:#333;  font-size:17px; color:#fff; }
.btn-view { display: inline-block; padding:0.5em 1.25em; background:transparent; color: var(--color-main); border: 1px solid var(--color-main); border-radius:2em; font-size:1.125em; transition: var(--transition-fast); }
.btn-view.white { background:transparent; color: #fff; border: 1px solid #fff; }
.btn-view:after { content: '\e90b'; font-family:'xeicon'; display: inline-block; padding: 0 0.5em; transition: padding 0.15s ease; /* vertical-align: middle; background: url(../img/main/ico_arrw.png) no-repeat 0 0; width:30px; height: 9px; margin:-5px 0 0 30px;*/ }
.btn-view:hover { background:var(--color-main); color:#fff; }
.btn-view.white:hover { background:#fff; color: var(--color-main); }
.btn-view:hover:after { padding:0 0 0 1em; }
@media all and (max-width:1000px) {
	.btn-view { font-size:1em; }
}

::-webkit-input-placeholder { color: #aaa;}
:-moz-placeholder { color: #aaa;}
:-ms-input-placeholder {  color: #aaa;}
:-moz-placeholder {  color: #aaa;}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

a,a:active,a:visited { text-decoration:none !important; }
p,div { word-break:keep-all; }
img { max-width:100%; }
strong { font-weight: 600;}
b { font-weight: 700;}


.inner { max-width:1230px; margin: 0 auto; padding:0 15px; }
.hidden { overflow: hidden; }  /* AOS 스크롤 이슈 제거 */
/*********************************************************************************************************************************************************************
	Common
*********************************************************************************************************************************************************************/

#s-header2 { height: 90px; position:fixed; left:0;right:0;top:0; z-index:50; transition: var(--transition-slow); background:#fff; border-bottom:1px solid var(--color-bd-bk); }
#s-header2 .inner { position: relative;}
#s-header2 h1 { position: absolute; left: 10px; top:0; height: 90px; z-index:30; }
#s-header2 h1 span { display: table; width:100%; height: 100%; }
#s-header2 h1 span a { display: table-cell; vertical-align: middle; }
#s-header2 h1 span a img { vertical-align: top; max-height:70px; }
#s-header2 .btn-all { display:none; position: absolute; right:0; top:0; font-size:0; width:40px; height:45px; padding-top:12px; text-align: right; }
#s-header2 .btn-all span { display:block; height:2px; background: #333; width:28px; }
#s-header2 .btn-all span:nth-child(2) { width:28px; margin:7px 0 7px 0; }
#s-header2 .btn-search { position:absolute; right:0; top:27.5px; width:30px; height:30px; line-height:30px; font-size:30px; color:#333; z-index:10; transition: var(--transition-slow); }
#s-header2 .bg-menu { position: absolute; left: 0; right:0; top:0; height:200px; display:none; background: rgba(17,17,17,0.9);  }
#s-header2 .lang { position: absolute; right:40px; top:27.5px; border-radius:30px; border: 1px solid #333; padding:0 0.5em; transition: var(--transition-slow); }
#s-header2 .lang a { float:left; padding:0 0.75em; font-size:12px; color: #333; line-height: 30px; position: relative; transition: var(--transition-slow); }
#s-header2 .lang a + a:before { content: ''; position: absolute;left: 0; top:9px; bottom:7px; width:1px; background: #333; transition: var(--transition-slow); }
#s-header2 .lang a.active { font-weight: 600; }
#s-header2.active #s-gnb2 .lang{ border-color:rgba(255,255,255,0.75); }
#s-header2.active #s-gnb2 .lang a { color:rgba(255,255,255,0.75); }
#s-header2.active #s-gnb2 .lang a + a:before { background:rgba(255,255,255,0.75); }
#s-header2.active #s-gnb2 .lang a:hover { color:#fff; }
#s-header2.active #s-gnb2 .btn-search { color:rgba(255,255,255,0.75); }
#s-header2.active #s-gnb2 .btn-search:hover { color:#fff; }

#s-gnb2 {  margin:0 0 0 240px; position: relative; z-index:2; } 
#s-gnb2 > ul:after { display: block; content: ''; clear: both; }
#s-gnb2 > ul > li {float:left; position: relative; padding:0 20px; transition: var(--transition-slow); }
#s-gnb2 .btn-dep1 { display: block; height:90px; line-height: 90px; font-size:18px; color:#333; padding: 0 8px; position: relative; font-family: var(--font-eng); font-weight: 700; transition: var(--transition-slow); }
#s-gnb2 .dep2 { display: none; position: absolute; left: 0; right:0; top:90px; height: 110px; padding-top:15px; z-index:10; padding-left: 28px; transition: var(--transition-slow); }
#s-gnb2 .btn-dep2 { display: block; font-size:15px; line-height: 26px; color:rgba(255,255,255,0.75); font-family: 'noto'; font-weight: 300; white-space: nowrap; transition: var(--transition-slow); }
#s-header2.active #s-gnb2 .btn-dep1 { color:rgba(255,255,255,0.75); }
#s-header2.active #s-gnb2 > ul > li:hover,
#s-header2.active #s-gnb2 > ul > li:hover .dep2 { background: var(--color-bd-wh); }
#s-header2.active #s-gnb2 > ul > li:hover .btn-dep1 { color: #fff; }
#s-header2.active #s-gnb2 .btn-dep2:hover { font-weight: 400; color: #fff !important; }

/* Subpage */
/*
#s-header2.sub #s-gnb2:hover .lang { border-color: rgba(255,255,255,0.75); }
#s-header2.sub #s-gnb2:hover .lang a { color: rgba(255,255,255,0.75); }
#s-header2.sub #s-gnb2:hover .lang a + a:before { background: rgba(255,255,255,0.75); }
#s-header2.sub .btn-search { color:#222; }
#s-header2.sub #s-gnb2:hover ~ .btn-search { color:#fff; }
#s-header2.sub .lang:hover { background: var(--color-bd-wh); border-color:#fff; }
#s-header2.sub .lang:hover a { color:#fff !important; }
#s-header2.sub #s-gnb2 > ul > li:hover .btn-dep1 { color: #fff; }
#s-header2.sub #s-gnb2 .btn-dep1 { color: #222; }
#s-header2.sub #s-gnb2:hover .btn-dep1 { color: rgba(255,255,255,0.75); }
#s-header2.sub .btn-all span {  background: var(--color-main); }
#s-header2.sub .lang { border-color: #777; }
#s-header2.sub .lang a { color: #777; }
#s-header2.sub .lang a + a:before { background: #777; }
*/

.main-visual3 { position:relative; margin-top:90px; }
.main-visual3 .article { height: 700px; padding-top:100px;  background-repeat: no-repeat; background-size:cover; background-position: 50% 50%; }
.main-visual3 .article h2 { font-size:55px; color: #fff; font-weight: 200; line-height: 1.2; margin-bottom: 15px;  padding-top:70px;letter-spacing:-0.05em; text-shadow:0 0 15px rgba(0,0,0,0.5); }
.main-visual3 .article h2 strong { font-weight:700; }
.main-visual3 .article .txt { font-size:16px; color: #fff; font-weight:200; line-height: 1.5; text-shadow:0 0 10px rgba(0,0,0,0.5); }
.main-visual3 .btn-box { position:absolute; left: 50%; width:auto; margin-left: -600px; top:120px; z-index:10; font-size:18px; }
.main-visual3 .btn-box .swiper-pagination,
.main-visual3 .btn-box .swiper-button-next,
.main-visual3 .btn-box .swiper-button-prev { position: static; top:0; display:inline-block; width:auto; background:transparent; transform: translate3d(0,0,0); height:30px; line-height:30px; color:rgba(255,255,255,0.75); }
.main-visual3 .btn-box .swiper-button-next,
.main-visual3 .btn-box .swiper-button-prev { vertical-align:-4px; margin-right:10px; font-size:1.5em; font-weight:bold; }
.main-visual3 .btn-box .swiper-button-next:hover,
.main-visual3 .btn-box .swiper-button-next:focus,
.main-visual3 .btn-box .swiper-button-prev:hover,
.main-visual3 .btn-box .swiper-button-prev:focus { color:#fff; transition: var(--transition-slow); }
.main-visual3 .btn-box .swiper-pagination-current { color:#fff; font-weight:bold; }
.main-visual3 .bullet-box { position:absolute; bottom:140px; left:50%; z-index:10; margin-left:-39px; }
.main-visual3 .bullet-box:after { content: ''; clear: both; display: block; }
.main-visual3 .bullet-box li { width:35px; height: 35px; margin:0 2px; float:left; }
.main-visual3 .bullet-box li a { display:block; width:35px; height: 35px; border-radius:100%; background: none; border: 1px solid transparent; position: relative; transition: var(--transition-slow); opacity:1; outline:none; }
.main-visual3 .bullet-box li.active a { border-color:#fff;  }
.main-visual3 .bullet-box li a:before { content: ''; position: absolute; left: 13px; top:13px; right:13px; bottom:13px; border-radius:100%; background: #fff; opacity:0.5; transition: var(--transition-slow);}
.main-visual3 .bullet-box li a:hover:before { opacity:1; }
.main-visual3 .bullet-box li.active a:before { background: #fff; opacity:1; }
@media all and (max-width:1230px) {	
	.main-visual3 .btn-box { left: 15px; margin: 0; }	
}
@media all and (max-width:1000px) {
	#s-header2 .btn-search { left:0; top:0; width:40px; height:45px; padding-top:6px; text-align:right; /*color:#fff;*/ }
	/*#s-header2.sub .btn-search { color:var(--color-main); }*/
	.main-visual3 { margin-top:45px; }
	.main-visual3 .btn-box { top:100px; font-size:14px; }
	.main-visual3 .article{ height: 600px; padding-top:150px;}
	.main-visual3 .article h2 { padding-top:0; font-size:40px; }
	.main-visual3 .article .txt { font-size:14px; }
	.main-visual3 .bullet-box { bottom:90px; }
}
@media all and (max-width:480px) {
	.main-visual3 .btn-box { top:50px; }
	.main-visual3 .article{ height: 480px; padding-top:100px; }
	.main-visual3 .article h2 { font-size:36px; }
}

.main-visual-btns { margin:-100px 0 60px; position: relative; z-index:20; }
.main-visual-btns .inner { max-width:1200px; padding: 0; }
.main-visual-btns ul:after { content: ''; clear: both; display: block; }
.main-visual-btns ul li { float:left; width:20%; text-align: center; }
.main-visual-btns ul li a  { position: relative; display: block; transition: var(--transition-slow); }
.main-visual-btns ul li a .img { overflow: hidden; }
.main-visual-btns ul li a .img img { width:100%; transition: var(--transition-slow); }
.main-visual-btns ul li a .info { opacity:1; position: absolute;left:0; background:transparent; right:0; top:0; bottom:0; display: flex; align-items: center; transition: var(--transition-slow); }
.main-visual-btns ul li:last-child a .info { background: var(--color-main); }
.main-visual-btns ul li a .info div { flex: 1; color: #fff;  }
.main-visual-btns ul li a .info div strong { display: block; font-size:24px; font-weight: 500; padding-bottom: 10px; margin-bottom: 15px; position: relative; }
.main-visual-btns ul li a .info div strong:before { content: ''; position: absolute;left: 50%; bottom:0; width:40px; margin-left: -20px; height: 1px; background: #fff; }
.main-visual-btns ul li a .info div p { font-size:14px; line-height: 1.4; }
.main-visual-btns ul li a .info div .number { display:inline-block; margin-top:15px; border:1px solid #fff; height:42px; line-height:40px; padding: 0 20px; transition: var(--transition-slow); }
.main-visual-btns ul li:nth-child(1) a .info div .number { background: #c54bfe; border-color:#c54bfe; }
.main-visual-btns ul li:nth-child(2) a .info div .number { background: #6c4bfe; border-color:#6c4bfe; }
.main-visual-btns ul li:nth-child(3) a .info div .number { background: #4b83fe; border-color:#4b83fe; }
.main-visual-btns ul li:nth-child(4) a .info div .number { background: #4bddfe; border-color:#4bddfe; }
.main-visual-btns ul li a .info div .number b { font-size:24px; font-weight: 700; }
.main-visual-btns ul li a:hover { transform: translateY(-30px); box-shadow:5px 5px 15px rgba(0,0,0,0.2); }
.main-visual-btns ul li a:hover .info { opacity:1; }
.main-visual-btns ul li:nth-child(1) a:hover .info { background: /*#c54bfe*/ rgba(197, 75, 254, 0.9); }
.main-visual-btns ul li:nth-child(2) a:hover .info { background: /*#c54bfe*/ rgba(108, 75, 254, 0.9); }
.main-visual-btns ul li:nth-child(3) a:hover .info { background: /*#4b83fe*/ rgba(75, 131, 254, 0.9); }
.main-visual-btns ul li:nth-child(4) a:hover .info { background: /*#4bddfe*/ rgba(75, 221, 254, 0.9); }
.main-visual-btns ul li a:hover .img img { transform: scale(1.1); }
.main-visual-btns ul li a:hover .info div .number { background: transparent; border-color: #fff; }

.main-btns3 { margin:-120px 0 70px; position: relative; z-index:20; }
.main-btns3 .inner { max-width:960px; box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); background: rgba(51, 51, 51, 1); padding: 0;  }
.main-btns3 ul { display: flex; align-items: center; }
.main-btns3 ul li { flex:1; padding:35px 0; }
.main-btns3 ul li + li a { border-left: 1px solid var(--color-bd-wh); }
.main-btns3 ul li a { display: block; text-align: center; font-family: var(--font-tit); font-size:18px; color:rgba(255,255,255,0.75); font-weight: 500; transition: var(--transition-slow); }
.main-btns3 ul li a p { margin-top:20px; }
.main-btns3 ul li a:hover { color: #fff; }

@media all and (max-width:1000px) {
	.main-visual-btns { margin:-50px 0 30px; }
	.main-visual-btns .inner { width:100%; box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); background: #fff; }
	.main-visual-btns ul { display: flex; align-items: center; }
	.main-visual-btns ul li { float:none; flex:1; padding:15px 0; }
	.main-visual-btns ul li + li a { border-left: 1px solid var(--color-bd-bk); }
	.main-visual-btns ul li a { display: block; text-align: center; font-size:15px; font-weight: 500;}
	.main-visual-btns ul li a .img { display:none; }
	.main-visual-btns ul li a .info { position:static; opacity:1; background:transparent !important; }
	.main-visual-btns ul li a .info div { color:#222; }
	.main-visual-btns ul li a .info div strong { font-size:14px; margin:0; padding:0; }
	.main-visual-btns ul li a .info div strong:before { display:none; }
	.main-visual-btns ul li a .info div strong span { display:none; }
	.main-visual-btns ul li a .info div p { display:none; }
	.main-visual-btns ul li a .info div .number { background:transparent !important; border:none !important; height:auto; line-height:28px; margin:0; padding:0; }
	.main-visual-btns ul li:nth-child(1) .number b { color:#c54bfe; }
	.main-visual-btns ul li:nth-child(2) .number b { color:#6c4bfe; }
	.main-visual-btns ul li:nth-child(3) .number b { color:#4b83fe; }
	.main-visual-btns ul li:nth-child(4) .number b { color:#4bddfe; }
	.main-visual-btns ul li:last-child a .info div .number { background:var(--color-main) !important; padding:1px 7px 0; color:#fff; }
	.main-visual-btns ul li a:hover { transform:none; box-shadow:none; }

	.main-btns3{ margin:-50px 0 30px; }
    .main-btns3 ul li {padding:15px 0;}
    .main-btns3 ul li a{font-size:13px;}
	.main-btns3 ul li a p { margin-top:10px; }
    .main-btns3 ul li a img{width:50px; height:50px;}
}

.main-news { padding-bottom:70px; background: var(--color-bg);  }
.main-news h3 { font-family: var(--font-eng); font-size:36px; color: var(--color-main); font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid var(--color-bd-bk); margin-bottom: 35px; }
/*
.main-news .body { padding-right:400px; position: relative; }
.main-news .body ul { overflow: hidden; }
.main-news .body ul li { float:left; width:50%; padding-right:25px; margin: 10px 0; }
.main-news .body ul li dl { display: flex; align-items: center; }
.main-news .body ul li dl dt { text-align: center; font-size:17px; color: var(--color-main); }
.main-news .body ul li dl dt strong { display: block; font-size:70px; line-height: 1; }
.main-news .body ul li dl dd { max-height: 72px;  font-size:16px; line-height: 1.5; color: #666; padding-left: 25px;-webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.main-news .body .video { position: absolute; right:0; top:0; }
.main-news .body .video span { position: absolute; left:0; right:0; bottom:0; top:0; background:url(../img/main/ico_play.png) no-repeat 50% 50%; }
*/
.main-news .cards { display:flex; flex-wrap:wrap; margin:0 -5px; }
.main-news .cards li { width:calc(25% - 10px); margin:5px; }
.main-news .cards li a { display:block; height:100%; background:#fff; padding:25px; padding-bottom:75px; position:relative; transition: var(--transition-slow); }
.main-news .cards li a:hover { box-shadow:0px 0px 15px rgba(0,0,0,0.2); }
.main-news .cards li a .cate { font-size:14px; font-weight:700; letter-spacing:0.1em; color: var(--color-main); text-transform:capitalize; }
.main-news .cards li a .tit { font-size:17px; font-weight:500; letter-spacing:-0.025em; margin:10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-news .cards li a .info { font-size:14px; color:#888; letter-spacing:-0.025em; line-height: 1.4; }
.main-news .cards li a .info dt { width:5em; float: left; padding-left: 0.5em; margin-bottom:5px; }
.main-news .cards li a .info dt:before { content: '-'; margin-left: -0.5em; padding-right: 0.25em; }
.main-news .cards li a .info dd { padding-left:5em; margin-bottom:5px; }
.main-news .cards li a .info:after { display: block; content: ''; clear: both; }
.main-news .cards li a .card-bottom { display:flex; justify-content:space-between; align-items:center; position:absolute; width:calc(100% - 50px); height:60px; bottom:0; border-top: 1px solid var(--color-bd-bk); font-size:13px; font-weight:400; }
.main-news .cards li a .career mark { line-height:1; padding:3px 5px; margin-right:3px; color:#fff; border-radius:3px; }
.main-news .cards .senior { background-color:#c54bfe; }
.main-news .cards .junior { background-color:#6c4bfe; }
.main-news .cards .intern { background-color:#4b83fe; }
.main-news .cards .ordinary { color:#000; letter-spacing:-0.025em; }
.main-news .cards li a .date time { font-style:italic; }
.main-news .cards li a .date .dday { color:#FC427B; font-size:14px; font-weight:600; letter-spacing: 0.01em; }
@media all and (max-width:1000px) {
	.main-news .cards li { width:calc(50% - 10px); }
	.main-news .cards li a { padding:15px; padding-bottom:60px; }
	.main-news .cards li a .card-bottom { width:calc(100% - 30px); height:50px; }
	.main-news .cards li a .info dt,
	.main-news .cards li a .info dd { font-size:13px; }
}
@media all and (max-width:480px) {
	.main-news .cards { margin:0; }
	.main-news .cards li { width:100%; margin:5px 0; }
}

/*.main-about { background: var(--color-bg) url(../img/main/bg_about.jpg) repeat-x 50% 0; padding:70px 0; }*/
.main-about {padding:70px 0; padding-bottom:0; overflow-x:hidden; }
.main-about h3 { font-family: var(--font-eng); font-size:36px; color: #fff; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid var(--color-bd-wh); margin-bottom: 35px; }
.main-about .t1 { font-size:55px; color: #fff; font-weight: 200; line-height: 1.2; margin-bottom: 15px; text-transform: uppercase; letter-spacing:-0.025em; }
.main-about .t1 strong { font-weight:700; }
.main-about .t2 { font-size:16px; color: #fff; font-weight: 200; line-height: 1.5; margin-bottom: 35px; }
.main-about .swiper-pagination-bullet { width:35px; height: 35px; border-radius:100%; background: none; border: 1px solid transparent; position: relative; transition: var(--transition-slow); opacity:1; margin:0 2px; outline:none; }
.main-about .swiper-pagination-bullet-active { border-color:#fff;  }
.main-about .swiper-pagination-bullet:before { content: ''; position: absolute; left: 13px; top:13px; right:13px; bottom:13px; border-radius:100%; background: #fff; opacity:0.5; transition: var(--transition-slow); }
.main-about .swiper-pagination-bullet:hover:before { opacity:1; }
.main-about .swiper-pagination-bullet-active:before { background: #fff; opacity:1; }
.main-about .swiper-box { background: #fff; box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); }
.main-about .article { display: flex; }
.main-about .article .img { width:50%; align-items: flex-end; }
.main-about .article .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: middle; }
.main-about .article .text { width:50%; align-self: center; padding:30px; }
.main-about .article .text .t3 { font-family: var(--font-tit); font-size:25px; font-weight:600; line-height: 1.3; margin-bottom: 20px; padding-bottom: 20px; letter-spacing: -0.025em; position: relative; }
.main-about .article .text .t3:before { content: ''; position: absolute;left: 0; bottom:0; width:50px; height: 1px; background: var(--color-bd-bk);}
.main-about .article .text .t4 { font-size:20px; color: var(--color-sub); font-weight: 400; margin-bottom: 10px; letter-spacing: -0.025em; }
.main-about .article .text .t5 { font-size:15px; color: #777; letter-spacing: -.01em; margin-bottom: 20px; }
.main-about .btn-box { margin-bottom: 30px;}
.main-about .swiper-pagination { position: static; text-align: left; }
@media all and (max-width:1000px) {
	.main-about {padding: 30px 0; padding-bottom:0; background-position:35% 0 !important; }
	.main-about .t1 {font-size: 30px;}
	.main-about .t2 {font-size: 14px;} 
	.main-about .article{display:block;}
	.main-about .article .img { width:100%; text-align:center; }
	.main-about .article .text{ width:100%; padding:20px; }
	.main-about .article .text .t3 { font-size: 20px; }
	.main-about .article .text .t4 { font-size: 17px; }
	.main-about .article .text .t5 { font-size: 13px; }
	.main-about .swiper-pagination { text-align:center; }
}

.main-latest { background: var(--color-bg); }
.main-latest h3 { font-family: var(--font-eng); font-size:36px; color: var(--color-main); font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid var(--color-bd-bk); margin-bottom: 35px; }
/*
.main-biz ul li { float:left; width:25%; }
.main-biz ul li:first-child { width:50%; }
.main-biz ul li a { display: block; position: relative; }
.main-biz ul li .img { }
.main-biz ul li .info { padding:25px;  }
.main-biz ul li .info h4 { font-size:19px; font-weight: 600; margin-bottom: 15px;}
.main-biz ul li .info .txt { font-size:16px; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  }
.main-biz ul li:first-child .info { position: absolute; left: 40px; bottom:40px; right:40px;}
.main-biz ul li:first-child .info h4 { font-size:30px; color: #fff;}
.main-biz ul li:first-child .info .txt {  color: #fff;}
*/
.main-latest .list_wrap_notice { width:100%; display:flex; }
.main-latest .list_wrap_notice .latest { width:25%; height:420px; transition:var(--transition-slow); box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); }
.main-latest .list_wrap_notice .latest a { display:block; width:100%; height:100%; background:#fff; position:relative; }
.main-latest .list_wrap_notice .latest a .img { width:100%; height:220px; overflow:hidden; } 
.main-latest .list_wrap_notice .latest a .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: middle; transition: var(--transition-slow);
	/* -webkit-filter: grayscale(100%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .3s ease-in-out; -o-filter: grayscale(100%); -o-transition: .3s ease-in-out; */ }
.main-latest .list_wrap_notice .latest a:hover .img img { transform:scale(1.1);
	/* -webkit-filter: grayscale(0%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .3s ease-in-out; -o-filter: grayscale(0%); -o-transition: .3s ease-in-out; */ }
.main-latest .list_wrap_notice .latest a .tit { font-family:var(--font-tit); font-size:19px; color:#333; line-height:30px; font-weight:600; letter-spacing:-0.025em; margin-bottom:20px; padding:0 35px; padding-top:25px; 
	width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-latest .list_wrap_notice .latest a .txt { font-size:16px; font-weight:300; letter-spacing:-0.025em; margin-bottom:15px; padding:0 35px; 
	width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:3; line-height:1.65em; height: calc(1.65em * 3); }
.main-latest .list_wrap_notice .latest a .ico_round { display:inline-block; width:30px; height:30px; overfiow:hidden; line-height:32px; border-radius:50%; border:1px solid var(--color-main);
	text-align:center; color: var(--color-main); font-size:16px; font-weight:400; margin-left:35px; transition: var(--transition-fast); display:none; }
.main-latest .list_wrap_notice .latest a:hover .ico_round { background: var(--color-main); color:#fff; }
.main-latest .list_wrap_notice .latest:first-child { width:50%; }
.main-latest .list_wrap_notice .latest:first-child a { background:transparent; background-image:linear-gradient(180deg, rgba(51,51,51,0.1) 0%, rgba(51,51,51,0.8) 100%); margin-top:0; }
.main-latest .list_wrap_notice .latest:first-child a .img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.main-latest .list_wrap_notice .latest:first-child a .tit { padding-top:245px; color:#fff; font-size:24px; }
.main-latest .list_wrap_notice .latest:first-child a .txt { color:#fff; -webkit-line-clamp:3; height: calc(1.65em * 3); }
.main-latest .list_wrap_notice .latest:first-child a .ico_round { display:none; }
@media all and (max-width:1000px) {
	.main-latest .list_wrap_notice { display:block; }
	.main-latest .list_wrap_notice .latest { box-shadow:none; }
	.main-latest .list_wrap_notice .latest,
	.main-latest .list_wrap_notice .latest:first-child { width:100%; height:auto; }
	.main-latest .list_wrap_notice .latest a,
	.main-latest .list_wrap_notice .latest:first-child a { background:transparent; height:auto; padding:0; }
	.main-latest .list_wrap_notice .latest a .img,
	.main-latest .list_wrap_notice .latest:first-child a .img { position:static; width:100%; height: auto; overflow:hidden; margin-bottom:20px; border: 1px solid var(--color-bd-bk); border-radius: 3px; }
	.main-latest .list_wrap_notice .latest a .tit,
	.main-latest .list_wrap_notice .latest:first-child a .tit { color:#333; font-size:17px; padding:0; margin-bottom:10px; }
	.main-latest .list_wrap_notice .latest a .txt,
	.main-latest .list_wrap_notice .latest:first-child a .txt { color:#555; font-size:13px; padding:0; margin-bottom:30px; -webkit-line-clamp:2; height: calc(1.65em * 2); }
	.main-latest .list_wrap_notice .latest a .ico_round { display:none; }
}

.main-keyword { background: var(--color-bg); padding:70px 0; }
.main-keyword h3 { font-family: var(--font-eng); font-size:36px; color: var(--color-main); font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid var(--color-bd-bk); margin-bottom: 35px; }
@media all and (max-width:1000px) {
	.main-keyword { padding: 30px 0; }
}

/*.main-incruit { background:url(../img/main/bg_intro.jpg) no-repeat 50% 50%; background-size:cover; padding:160px 0; }*/
.main-incruit { background-color: var(--color-main); padding:70px 0; }
.main-incruit .inner { display: flex; align-items:center; }
.main-incruit .inner .text { width:50%; }
.main-incruit .inner .video,
.main-incruit .inner .img { width:50%; text-align:center; }
.main-incruit .inner .img img {max-height:400px; }
.main-incruit .txt { color:#fff; font-size:35px; line-height: 1.5; margin-bottom: 30px; font-weight:200; letter-spacing:-0.05em; }
/*
.main-incruit a { display: inline-block; padding:8px 29px; border-radius:30px; font-size:18px; color: var(--color-main); border: 1px solid var(--color-main); }
.main-incruit a:after { content: ''; display: inline-block; vertical-align: middle; background: url(../img/main/ico_arrw.png) no-repeat 0 0; width:30px; height: 9px; margin:-5px 0 0 30px; }
*/
.main-incruit .player { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
.main-incruit .player video,
.main-incruit .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }

@media all and (max-width:1000px) {
	.main-incruit { background-position:100% 50% !important; }
	.main-incruit .inner { display:block; }
	.main-incruit .inner .text { width:100%; }
	.main-incruit .inner .video { width:100%; }
	.main-incruit .inner .img { display:none; }
	.main-incruit .txt { font-size:20px; }
}


#layerPop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
#layerPop .full-frame {width:100%; height:100%;}
#layerPop .btn_close {position:absolute; top:15px; right:15px; width:80px; height:120px;}
#layerPop .btn_close img {width:100%;}

#s-footer2 { padding:30px 0; background: #333; }
#s-footer2 .menu { text-align: center; }
#s-footer2 .menu a { display: inline-block; vertical-align: middle; margin:0 10px; }
/*#s-footer2 .menu a p { display: flex; align-items:center ; width:120px; height: 120px; background: #3c3c3c; border-radius:100%;  }*/
#s-footer2 .menu a div.foot_p { display: flex; align-items:center ; width:120px; height: 120px; background:var(--color-bd-wh); border-radius:100%; transition: var(--transition-slow); }
#s-footer2 .menu a:hover div.foot_p { background:rgba(255,255,255,0.25); }
#s-footer2 .menu a div.foot_p span { flex:1; }
#s-footer2 .menu a strong { font-family:var(--font-tit); font-weight: 400; font-size:17px; display: block; color:rgba(255,255,255,0.75); padding-top:20px; transition: var(--transition-slow); }
#s-footer2 .menu a:hover strong { color:#fff; }
#s-footer2 .inner { padding:0; }
#s-footer2 .fnb { display:flex; }
#s-footer2 .fnb li { flex:1; padding:0 15px; }
#s-footer2 .fnb li a { display:flex; word-break:keep-all; }
#s-footer2 .fnb li a .img { display: flex; align-items:center; justify-content:center; width:80px; height:80px; background:var(--color-bd-wh); border-radius:50%; overflow:hidden; margin-right:20px; }
#s-footer2 .fnb li a .txt { flex:1; }
#s-footer2 .fnb li a .txt strong { font-size:18px; color:rgba(255,255,255,0.75); font-weight:600; font-family: var(--font-tit); transition: var(--transition-slow); }
#s-footer2 .fnb li a .txt p { margin-top:5px; font-size:15px; color:#999; font-weight:300; letter-spacing: -.01em; transition: var(--transition-slow); }
#s-footer2 .fnb li a:hover .txt strong { color:#fff; }
#s-footer2 .fnb li a:hover .txt p { color:#ccc; }
#s-footer2 .inner + .inner { padding: 0 200px 0 200px; position: relative; border-top:1px solid var(--color-bd-wh); padding-top:30px; margin-top:30px; }
/*#s-footer2 .inner { padding: 0 200px 0 200px; position: relative; }*/
#s-footer2 .lnb { margin-bottom: 10px; }
#s-footer2 .lnb a { margin-right:10px; font-size:14px; color: #eee; }
#s-footer2 .addr { font-size:14px; color: #999; line-height: 1.4; }
#s-footer2 .addr a { color:#ccc; }
#s-footer2 .logo { position: absolute;left:15px; top:30px; }
#s-footer2 .logo img { max-height:60px; }
#s-footer2 .select { position: absolute; right:15px; top:30px; font-size:14px; }

@media all and (max-width:1000px) {
	#s-footer2 .fnb { justify-content:center; }
	#s-footer2 .fnb li { flex:none; }
	#s-footer2 .fnb li a { flex-direction:column; justify-content:center; align-items:center; }
	#s-footer2 .fnb li a .img { margin:0; margin-bottom:10px; }
	#s-footer2 .fnb li a .txt strong { font-size:13px; }
	#s-footer2 .fnb li a .txt p { font-size:12px; display:none; }
	#s-footer2 .inner { padding: 0 15px !important; }
	#s-footer2 .inner + .inner { padding-top:20px !important; margin-top:20px !important; }
}



.all-menu { display: none; z-index:200;  position:fixed; top:0; bottom:0; background: var(--color-main); width:300px; right:-300px;
	transition: var(--transition-slow); -webkit-transition: var(--transition-slow); /*background-image:url(../img/common/bg_menu_all_mobile.jpg);*/ }	
.all-menu .btn-close { position:absolute; right:15px; top:7.5px; width:27px; height: 27px; background: url(../img/common/btn_all_close.png) no-repeat 50% 50%;  background-size:27px auto;
	transition: var(--transition-slow); -webkit-transition: var(--transition-slow); transition-delay: 0.5s; -webkit-transition-delay: 0.5s; border: 0; }
body.mobile .all-menu .head .btn-close { transform: rotate(180deg)}
.all-menu .body { position: absolute; left: 0; right:0; top:45px; bottom:0; overflow: auto; padding-top:10px; }

.all-menu .body .lang { position: static; display: flex; border-radius:30px; border: 1px solid rgba(255,255,255,0.5); padding:0 15px; margin: 0 15px 5px; transition: var(--transition-slow); }
.all-menu .body .lang a { flex: 1; padding: 2px 10px 0; font-size: 14px; color: #fff; line-height: 36px; text-align: center; position: relative; }
.all-menu .body .lang a + a:before { content: ''; position: absolute; left: 0; top: 7px; bottom: 7px; width: 1px; background: rgba(255,255,255,0.5); }
.all-menu .body .lang a.active { font-weight: 600; }

.all-menu .body .menu { position: static; transform: translateY(0); -webkit-transform: translateY(0)}
.all-menu .body .menu > ul { display: block; }
.all-menu .body .menu > ul > li { display: block; width:auto; }
.all-menu .body .menu .dep2 .btn-dep2 { display:block; font-size:16px; line-height:2.2; color:#fff; font-weight: 200; transition:var(--transition-slow); -webkit-transition:var(--transition-slow);  white-space:nowrap; }
.all-menu .body .menu .dep2 .btn-dep2:hover { font-weight: 400; }
.all-menu .body .menu .dep2 { display: none;  padding:0 15px; background:var(--color-bd-wh); }
.all-menu .body .menu .btn-dep1 { display:block; font-size:20px; color:#fff; margin-bottom: 0; padding:15px 15px; position:relative; font-family: var(--font-eng); font-weight:700; }
.all-menu .body .menu .btn-dep1:before { content:''; position:absolute; left:15px;  height:1px; background:rgba(255,255,255,0.5); width:40px; bottom:10px; }
.all-menu .body .menu .dep2 .btn-dep2 { font-size:14px; }

body.mobile .all-menu { right:0; opacity:1;}
body.mobile:before { content: ''; position: fixed; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index:100;}
body.mobile .all-menu .btn-close { transform: rotate(180deg)}


/* .sub-visual { height:360px; display: flex; align-items: center; background: url(../img/sub/bg_subhead.jpg) no-repeat 50% 50%; background-size:cover; text-align: center;} */
.sub-visual { height:320px; display: flex; align-items: center; background-size: cover !important; text-align: center; margin-top:90px; }
.sub-visual h2 { color: #fff; font-size:40px; font-family: var(--font-eng); font-weight: 700; padding-bottom: 30px; }
.sub-visual h2 span{ display:block; font-size:1.125rem; font-family: var(--font-txt); font-weight:400; }

.tabs { margin:-30px 0 70px; }
.tabs ul:after { display: block; content: ''; clear: both; }
.tabs ul { display: flex; box-shadow:5px 5px 15px rgba(0,0,0,0.1); }
.tabs ul li { flex: 1; }
.tabs ul li a { display: block; line-height: 60px; background: #fff; text-align: center; font-size:18px; color: #777; position: relative; }
.tabs ul li + li a:before { content: ''; position: absolute;left: 0; top:0;bottom:0;width:1px; background: rgba(0,0,0,0.1); }
.tabs ul li.active a{ background: var(--color-main); color: #fff; font-weight:600; }

.article_wrap { width: 100%; margin-bottom: 40px; }
.sub_wrap { display: flex; flex-wrap:wrap; align-content: space-around; align-items: top; border-bottom:1px dashed var(--color-bd-bk); }
.sub_wrap:first-child { margin-top:-50px; }
.sub_wrap:last-child { border-bottom:none; }
.sub_wrap .sub_half { padding: 50px 0 40px; }
.sub_wrap >.sub_half:first-child { width: calc(100% / 4); }
.sub_wrap >.sub_half:last-child { width: calc(100% / 4 * 3); }
@media all and (max-width:1000px) {
	.sub_wrap { display:block; padding:20px 0 0; }
	.sub_wrap:first-child { margin-top:-20px; }
	.sub_wrap .sub_half { width:100% !important; padding: 0; }
	.sub_wrap .sub_half:first-child { margin-bottom:0px; }
	.sub_wrap .sub_half:last-child { margin-bottom:30px; }
}

.txt-common1 { font-size:32px; font-weight: 200; line-height: 1.5; margin-bottom: 70px; text-align:center; font-family:var(--font-tit); }
.txt-common2 { font-size:17px; font-weight: 300; line-height: 1.8; margin-bottom: 10px; color: #777; }
.txt-common3 { font-size:24px; font-weight: 400; line-height: 1.8; margin-bottom: 10px; }
.txt-common3 strong { font-weight: 600; color: var(--color-main); font-family:var(--font-tit); }
.txt-common1 + .txt-desc { margin:-50px 0 70px; }
.img-common { margin-bottom: 70px; }
@media all and (max-width:1000px) {
	.txt-common1 { font-size:24px; margin-bottom:20px; }
	.txt-common2 { font-size:14px; }
	.txt-common3 { font-size:20px; }
	.txt-common1 + .txt-desc { margin:-10px 0 20px; }
	.img-common { margin-bottom:30px; }
}

.feature1 .icons {justify-content: center; display:flex; margin:0 -15px; }
.feature1.wrap .icons { flex-wrap:wrap; }
.feature1 .icons li {text-align: center; flex:1; }
.feature1.wrap .icons.col3 li { width:33.33333%; flex:none; }
.feature1 .icons li section { padding:0 15px 40px;}
.feature1 .icons li section .ico { width:100%; max-width:300px; aspect-ratio: 1 / 1; display:flex; align-items: center;
	border: 1px solid var(--color-bd-bk); border-radius:100%; color:var(--color-sub); text-align: center; transition:var(--transition-slow); }
.feature1 .icons li section .ico p { width:100%; }
.feature1 .icons li section .ico p i { font-size:90px; }
.feature1 .icons li section:hover .ico { background: var(--color-main); color:#fff }
.feature1 .icons li strong { font-size:17px; color: var(--color-main); display: block; padding:10px 0 0;}
.feature1 .icons li dl dt { font-size:24px; font-weight: 500; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.feature1 .icons li dl dt:before { content: ''; position: absolute;left: 50%; bottom: 0; width:30px; height: 2px;  margin-left: -15px; background: var(--color-main);}
.feature1 .icons li dl dd { font-size:17px; color: #888; line-height: 1.5; }
@media all and (max-width:1000px) {
	.feature1 .icons {flex-direction: column;}
	.feature1 .icons li { justify-content: center; }
	.feature1.wrap .icons li { width:100% !important; }
	.feature1 .icons li section .ico { margin: 0 auto;}
	.feature1 .icons li dl dt { font-size:20px; }
	.feature1 .icons li dl dd { font-size:14px; }
}

/* 회사개요 */
.feature1 table{width:100%; border-collapse: collapse; border-top:2px solid var(--color-main);}
.feature1 th{background:var(--color-bg); border-bottom: 1px solid var(--color-bd-bk); height:60px; text-align:center; font-size:18px; font-weight:500; color: #555; width: calc(100% / 6);}
.feature1 td{border-bottom: 1px solid var(--color-bd-bk); font-size: 16px; color: #555; padding:0 40px;}
.feature1 tr:last-child th, .feature1 tr:last-child td{border-bottom: 1px solid var(--color-bd-bk);}
@media all and (max-width:1000px) {
	.feature1 th { width:auto; font-size:15px; padding:0 1rem; }
	.feature1 td { font-size:14px; padding:0 1rem; }
}
@media all and (max-width:540px) {
	.article_wrap .sub_wrap.portfolio_wr br {display:none;}
}

/* 찾아오시는길 */
.map{margin-top:50px;}
.map_img{width:100%; height: auto; background:#ddd; overflow:hidden;}


/* 주요사업 */

.txt-common2.cf{clear:both; content:''; display:block; margin-top:70px;}
.txt-box strong { color: var(--color-main); }
.txt-left { text-align:left; }
.cf> div {display:inline-block}
.cf> .img-box{height:600px; overflow:hidden;}

/* 게시판 */
#bo_gall{margin-bottom: 50px;}
#bo_list{padding-bottom: 50px;}
.bo_fx{display:none;}
#bo_v_share .btn{width: auto;}
#bo_v_info .profile_info .profile_info_ct{line-height:20px;}

.board-list { margin-bottom:20px; }
.board-list table { width:100%; border-collapse: collapse; border-top: 2px solid var(--color-main); border-bottom:none; }
.board-list table thead th { height: 60px;  background:var(--color-bg); font-size:16px; font-weight: 400; border-bottom: 1px solid var(--color-bd-bk); }
.board-list table tbody td { padding: 17px 5px; font-size:16px; font-weight:300; border-bottom: 1px solid var(--color-bd-bk); }
.board-list table tbody td.show-subj { text-align:left; display:none; }
.board-list table tbody tr { transition: all 0.5s ease;}
.board-list table tbody tr.active { background: var(--color-bg-gray); }
.board-list table tbody td .qa { text-align: left; padding:15px 0; position: relative; }
.board-list table tbody td .qa .btns { position: absolute; right:15px; top:15px; }
.board-list table tbody td .qa .btns a { display: inline-block; vertical-align: middle; font-size:14px; font-weight: 300; color: var(--color-gray); margin-left: 15px; padding-left: 15px; position: relative; }
.board-list table tbody td .qa .btns a:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 12px; margin-top:-6px; background: #ccc; }
.board-list table tbody td .qa .btns a:first-child:before { display: none; }
.board-list table tbody td .qa > div { padding:16px 16px 16px 0; display: flex; background: var(--color-bg-gray); margin-bottom: 6px; }
.board-list table tbody td .qa .t { width:85px; text-align: center; font-size:40px; font-weight: 700; }
.board-list table tbody td .qa  .txt { flex: 1; font-size:16px; line-height: 1.6; font-weight: 300; }
.board-list table tbody td .qa .q { padding-right:120px;}
.board-list table tbody td a span { color: #ff3300; }
.board-list table tbody td .subj .label-notice { display: none; }
.board-list table tbody td .subj { display: flex; align-items: center; }
.board-list table tbody td .subj img { margin:-5px 5px 0 5px; }
.board-list .bo_cate_link { background: var(--color-sub); color: #fff; font-size:0.8em; }
#bo_v_title .bo_v_cate { background: var(--color-sub); color: #fff; }
#bo_list .td_name { text-align:center; }
#bo_list tbody .even td { background:#fff; }

@media all and (max-width:1160px) {
	#s-gnb2 { margin-left:180px; }
	#s-gnb2 > ul > li { padding: 0 0.5em; }
}

@media all and (max-width:1000px) {
	body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-size:14px; }
	span.pc { display:none; }
	br.pc { display:none; }	

	#s-header2 { height:45px; }
	#s-header2 h1 { position:static; text-align:center; height:45px;  }
	#s-header2 h1 span a img { max-height:32px;  }
	#s-header2 .lang { display: none; }
	#s-gnb2 { display:none; }
	#s-header2 .btn-all { display:block; z-index:101; }
	.all-menu { display:block; }

	.main-news {padding-bottom:10px;}
	.main-news h3{margin-bottom:20px; padding-bottom:10px;}
	.main-news .body{padding-right:0;}
	.main-news .body ul li dl dt strong{font-size: 50px;}
	.main-news .body ul li dl dt span{font-size: 13px;}
	.main-news .body ul li dl dd{font-size: 15px;}
	.video{display:none;}

	.main-biz{padding-bottom: 30px;}
	.main-biz ul li:first-child{width: 100%;}
	.main-biz ul li{width:50%;}
	.main-biz ul li .info{background: #ddd;}
	.main-biz ul li:first-child .info{background:none; left:0; bottom:0; right:0;}	

	#s-footer2 { text-align:center; }
	#s-footer2 .inner { padding: 0 15px; }
	#s-footer2 .logo { position: static; margin-bottom: 15px; }
	#s-footer2 .logo img { height: 20px; }
	#s-footer2 .select { position: static;  height: 40px; font-size:12px;  }
	#s-footer2 .lnb a { font-size:11px; }
	#s-footer2 .addr { font-size:11px; margin-bottom: 15px;  }
	
	#s-footer2 .menu a { margin-bottom: 15px;}
	#s-footer2 .menu a p { width:80px; height: 80px; }
	#s-footer2 .menu a p span img { max-width:50px; max-height: 40px; }
	#s-footer2 .menu a strong { font-size:13px; padding-top:10px; }
	#s-footer2 .inner + .inner { margin-top:10px;}
	
	.sub-visual { height: 160px; margin-top:45px; }
	.sub-visual h2 { font-size:30px; padding-bottom: 0; }
	.sub-visual h2 span { font-size:13px; }
	
	.tabs { margin:0 0 30px;  }
	.tabs .inner { padding: 0; }
	.tabs ul li a { line-height: 35px; font-size:12px; }

	.txt-common2.cf{margin-top:20px;}
	.cf>.img-box{height:300px;}
	.cf>div{font-size:16px !important; }
	  /* 게시판*/

	.gall_row .col-gn-4{width:50%;}
	#bo_gall{margin-bottom: 30px;}
	#bo_gall .bo_tit{font-size:0.9em;}
	#bo_gall .bo_cnt{display:none;}
	#bo_gall .gall_info{font-size: 15px; font-weight:300;}
	#bo_gall .gall_box{margin: 0 0 20px 0}

	#bo_list{padding-bottom: 0;}

	.board-list { font-size:14px; }
	.board-list table thead,
	.board-list table colgroup { display: none; }
	.board-list table tbody,
	.board-list table tbody tr{ display: block; }
	.board-list table tbody tr::after { content: ""; clear: both; display: block; }
	.board-list table tbody td { display: none; font-size:13px; height:auto; }
	.board-list table tbody td.show-subj { display: block; }
	.board-list table tbody td .bo_cate_link { margin-right:5px; font-size:12px; }
	.board-list table tbody td .subj { align-items:center; }
	.board-list table tbody td .subj .label-notice { flex: 0 0 50px; display: block; width:50px; height: 20px; line-height: 19px; font-size:10px; margin-right:7px;  }
	.board-list table tbody td .subj img { max-height: 18px; }
	.board-list table tbody td .etc { display: block; font-size:0; padding-top:8px; }
	.board-list table tbody td .etc span { display: inline-block; vertical-align: middle; font-size:12px; margin-right: 5px; padding-right: 7px; position: relative;}
	.board-list table tbody td .etc span:last-child { margin-right:0; padding-right:0; }
	.board-list table tbody td .etc span:before {content: ''; position: absolute;right: 0; top:50%; width:1px; height: 10px; margin-top:-5px; background: var(--color-bd-bk); }
	.board-list table tbody td .etc span:last-child:before { display: none; }
	.board-list table tbody td .etc span .label { display:inline-block; color:#fff; text-align:center; line-height:1; padding:3px; }
	.board-list table tbody td .etc span .label.label_rdy { background:#ccd1d9; }
	.board-list table tbody td .etc span .label.label_done { background:#f6bb42; }
	.board-list table tbody td .etc + .etc { padding-top:0; }
	.board-list table tbody td .qa { padding: 10px 0 10px; }
	.board-list table tbody td .qa .t { width:50px; font-size:25px; }
	.board-list table tbody td .qa .txt { font-size:12px; }
	.board-list table tbody td .qa .btns { right:10px; top:-35px; background: none; padding: 0; margin-bottom: 0; }
	.board-list table tbody td .qa .btns a { font-size:12px; padding-left: 10px; margin-left: 10px; }
	#bo_v_top { position:static; }
	.empty_table { padding: 2em 0 !important; text-align:center !important; }
}

/* ===== form component ===== */

.checkbox-color { display: inline-block; cursor: pointer; margin:5px 0; margin-right: 20px; }
.checkbox-color label { display: inline-block; position: relative; padding-left: 10px; line-height: 20px; font-size: 14px; }
.checkbox-color label::before { content: ""; display: inline-block; position: absolute; top: 0; width: 20px; height: 20px; left: 0; right: 0; box-sizing:border-box;
	text-align: center; margin-left: -16px; border: 1px solid var(--color-bd-bk); border-radius: 2px; box-sizing: border-box; background-color: #fff; transition: var(--transition-fast); }
.checkbox-color label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: -1px; top: 0;
	margin-left: -15px; padding-left: 3.5px; padding-top: 1px; font-size: 13px; color: #fff; }
.checkbox-color input[type="checkbox"] { opacity: 0; }
.checkbox-color input[type="checkbox"]:focus + label::before { outline: none; }
.checkbox-color input[type="checkbox"]:checked + label::after { font-family: 'xeicon'; content: "\e928"; font-weight:bold; }
.checkbox-color input[type="checkbox"] + label::before { border-color: var(--color-bd-bk); }
.checkbox-color input[type="checkbox"]:checked + label::before { border-color: var(--color-main); background-color: var(--color-main); }

.radio-color { display: inline-block; margin:5px 0; margin-right: 20px; }
.radio-color label { display: block; position: relative; padding-left: 26px; text-align: left; font-size:14px; line-height:20px; vertical-align:-2px; cursor: pointer; }
.radio-color input { width: auto; opacity: 0; position: absolute; left: 0; padding: 0; }
.radio-color .helper { position: absolute; top: calc(50% - 10px); left: 0; cursor: pointer; display: block;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--color-main); }
.radio-color .helper::after { transform: scale(0); }
.radio-color .helper::before,
.radio-color .helper::after { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background:#fff; box-sizing: border-box; border-radius: 50%; transition: var(--transition-fast); }
.radio-color .helper::before { border: 1px solid rgba(0, 0, 0, 0.32); }
.radio-color .helper::after { background-color: var(--color-main); border: 1px solid var(--color-main); }
.radio-color label:hover .helper { color: var(--color-main); }
.radio-color input:checked ~ .helper::after { transform: scale(0.5); }
.radio-color input:checked ~ .helper::before { border-color: var(--color-main); }

.btn-square { color:var(--color-main); background-color: #fff; border-color: var(--color-main);
	display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 3px; border: 1px solid; line-height: 1.25; text-transform: capitalize; font-size: 1em; padding: 0.75em 1em 0.6em; cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: var(--transition-fast); }
.btn-square:hover { color:#fff; background-color: var(--color-sub); border-color: var(--color-sub); }
.btn-square.active { color:#fff; background-color: var(--color-main); border-color: var(--color-main); }
.btn-round { color:var(--color-main); background-color: #fff; border-color: var(--color-main);
	display: inline-block !important; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 30px; border: 1px solid; line-height: 1.25; text-transform: capitalize; padding: 0.75em 1em 0.6em; cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: var(--transition-fast); }
.btn-round:hover { color:#fff; background-color: var(--color-sub); border-color: var(--color-sub); }
.btn-round.active { color:#fff; background-color: var(--color-main); border-color: var(--color-main); }
.btn-normal { color:#999; background-color: #fff; border-color: var(--color-bd-bk); }
.btn-normal:hover,
.btn-normal:focus,
.btn-normal:active { color:#fff; background-color: #555; border-color: #555; }
.btn-primary { background-color: var(--color-primary); border-color:var(--color-primary); color:#fff !important; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background-color: var(--color-primary-l); border-color: var(--color-primary-l); }
.btn-success { background-color: var(--color-success); border-color:var(--color-success); color:#fff !important; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active { background-color:var(--color-success-l); border-color:var(--color-success-l); }
.btn-admin { background-color: var(--color-admin); border-color:var(--color-admin); color:#fff !important; }
.btn-admin:hover,
.btn-admin:focus,
.btn-admin:active { background-color:var(--color-admin-l); border-color:var(--color-admin-l); }
.btn-delete { background-color: #ddd; border-color: #ddd; color:#fff !important; }
.btn-delete:hover,
.btn-delete:focus,
.btn-delete:active { background-color: #aaa; border-color: #aaa; }
@media all and (max-width:1000px) {
	.btn-square { padding: 0.6em 0.75em 0.5em; font-size:1em; }
	.btn-round { padding: 0.6em 0.75em 0.5em; font-size:12px; }
}

.btn-heart:before { content:"\ea11"; font-family:xeicon; }
.btn-bookmark:before { content:"\ea1d"; font-family:xeicon; }
.btn-heart.active:before { content:"\ea10"; }
.btn-bookmark.active:before { content:"\ea1c"; }

.switch-button { position: relative; display: inline-block; width: 36px; height: 20px; }
.switch-button input { opacity: 0; width: 0; height: 0; }
.onoff-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #ccc; box-shadow: inset 1px 4px 8px rgba(0,0,0,0.3); -webkit-transition: var(--transition-fast); transition: var(--transition-fast); }
.onoff-switch:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: var(--transition-slow); transition: var(--transition-slow); border-radius:20px; box-shadow: 1px 2px 4px rgba(0,0,0,0.3); }
.switch-button input:checked + .onoff-switch { background-color: #f02a4b; box-shadow: inset 1px 4px 8px rgba(209,15,48,0.3); }
.switch-button input:checked + .onoff-switch:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); box-shadow: 1px 2px 4px rgba(209,15,48,0.3); }

.form-control { background: #fff; border-radius: 3px; display: block; font-family: inherit; height: 30px; line-height: 28px; padding: 10px; /*padding-right: 28px;*/ width:100%; border: 1px solid rgba(0, 0, 0, 0.15);
	outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: var(--transition-slow); -moz-transition: var(--transition-slow); -ms-transition: var(--transition-slow); -o-transition: var(--transition-slow); transition: var(--transition-slow); }
.form-control:hover,
.form-control:focus { border: 1px solid var(--color-primary-l); outline:none; }

/* pagination */

.pagination { display:flex; justify-content:center; align-items:center; margin-top:20px; }
.pagination .page_num { margin:0 4px; display:flex; justify-content:center; align-items:center; }
.pagination .btn_page,
.pagination .btn_page_num,
.pagination .text_ellipsis { display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:16px; margin:0 4px; 
	font-size:13px; line-height:1; background:#fff; color:#555; font-weight:400; transition: var(--transition-slow); }
.pagination .btn_page { border:1px solid var(--color-bd-bk); margin:0; }
.pagination .btn_page:hover { color:var(--color-sub); font-weight:500; }
.pagination .btn_page_num:hover { color:var(--color-sub); font-weight:500; }
.pagination .btn_page_num.active { background:var(--color-main); color:#fff; font-weight:500; }
@media (max-width: 600px){
	.pagination .page_num { margin:0 2px; }
	.pagination .btn_page,
	.pagination .btn_page_num,
	.pagination .text_ellipsis { width:28px; height:28px; border-radius:14px; margin:0 2px; } 
}

/* board */

.thumbnail { width:100%; border:1px solid var(--color-bd-bk); border-radius:3px; position:relative; overflow: hidden; background:var(--color-bg) no-repeat center center / cover; transition: var(--transition-slow); }
.thumbnail img { width:100%; height:100%; object-fit:cover; vertical-align: middle; transition: var(--transition-slow); }
.thumbnail button { position:absolute; top:0; right:0; border:none; background:transparent; height:32px; width:26px; color:#aaa; text-align:center; line-height:32px; z-index:2; }
.thumbnail button { font-size:1.5em; transition: var(--transition-slow); }
.thumbnail button:hover { color: var(--color-sub); }
.thumbnail button.active { color: var(--color-main); }
.thumbnail .icon { display:flex; align-items:center; justify-content:center; position:absolute; top:0.5rem; left:0; z-index:1; min-width:5.5em; padding: 0.5em 0.75em 0.4em; border-radius: 0 2em 2em 0; font-size:11px; font-weight:500; }
.thumbnail .icon_package { background: var(--color-main); color:#fff; }

.board.gallery { width:100%; display: grid; grid-template-rows: 1fr; grid-gap: 2rem 1.5rem; gap: 2rem 1.5rem; }
.board.gallery.col2 { grid-template-columns: repeat(2, 1fr); }
.board.gallery.col3 { grid-template-columns: repeat(3, 1fr); }
.board.gallery.col4 { grid-template-columns: repeat(4, 1fr); }
.board.gallery li { overflow: hidden; min-width: 0; position:relative; }
.board.gallery li .chk_box { position:absolute; top:0; left:0; }
.board.gallery a { display:block; width:100%; }
.board.gallery .thumbnail { margin-bottom:1rem; width:100%; aspect-ratio: 435 / 300; }
.board.gallery a:hover .thumbnail { border-color:var(--color-sub); }
.board.gallery a:hover .thumbnail img { transform:scale(1.05); }
.board.gallery .no_image { margin-bottom:1rem; width:100%; border:1px solid var(--color-bd-bk);
	display:flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; background: var(--color-bg); color: #aaa; }
.board.gallery a .cate { font-size: 14px; font-weight: 700; letter-spacing: 0.1em; color: var(--color-main); text-transform:capitalize; }
.board.gallery a .tit { font-family: var(--font-tit); font-size:20px; font-weight:600; word-break: normal; word-wrap: break-word; letter-spacing: -.025em; max-width: 100%; margin-bottom:0.5rem; line-height:1.4; }
.board.gallery a .desc { font-size: 16px; letter-spacing: -.01em; word-break: normal; word-wrap: break-word; max-width: 100%; }
.board.gallery a .keyword { display: flex; flex-wrap: wrap; margin-bottom:0.5rem; }
.board.gallery a .keyword span { font-size:14px; display: inline-block; margin-right:0.5em; border-radius: 2rem; letter-spacing: -.01em; color: #aaa; }
.board.gallery a .keyword span:before { content:'#'; }
.board.gallery a .date { font-size:14px; color: #aaa; margin-top:0.5em; }

.board_webzine { display: flex; flex-direction: row-reverse; align-items: flex-start; }
.board_webzine h3 { font-family: var(--font-eng); font-size: 36px; color: var(--color-main); font-weight: 700; }
.board_webzine .board_webzine_list,
.board_webzine .board_webzine_view { flex:1; }
.board_webzine .aside { position: sticky; top:calc(90px + 1rem); width:280px; margin-left:50px; padding-bottom:70px; }
.board_webzine .aside h4 { font-size:16px; line-height:1.4; }
.board_webzine .aside ul li { margin-top:1rem; padding-top:1rem; border-top: 1px solid var(--color-bd-bk); }
.board_webzine .aside ul a { display:flex; align-items:center; }
.board_webzine .aside ul .thumbnail { width:calc(50% - 1rem); margin-right:1rem; aspect-ratio: 211 / 146; }
.board_webzine .aside ul a:hover .thumbnail { border-color:var(--color-sub); }
.board_webzine .aside ul a:hover .thumbnail img { transform:scale(1.1); }
.board_webzine .aside ul a h4 { width:50%; font-family: var(--font-txt); font-size:16px; font-weight:600; letter-spacing: -.025em; line-height:1.5; word-break:normal; }
.board_webzine .btn_box.admin { margin-bottom:1rem; }

@media all and (max-width:1000px) {
	.board.gallery.col2,
	.board.gallery.col3,
	.board.gallery.col4 { grid-template-columns: repeat(2, 1fr); grid-gap: 30px 15px; gap: 30px 15px; }
	.board.gallery a .tit { font-size:18px; }
	.board.gallery a .desc { font-size:14px; }
	.board.gallery a .date { font-size:12px; }

	.board_webzine { display:block; }
	.board_webzine .aside { position:static; top:0; width:100%; margin-left:0; margin-bottom:3rem; display:none; }
	.board_webzine .aside ul { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px 15px; gap: 30px 15px;  }
	.board_webzine .aside ul a { display:block; }
	.board_webzine .aside ul a img { width:100%; margin-right:0; }
}
@media all and (max-width:600px) {
	.board.gallery.col2,
	.board.gallery.col3,
	.board.gallery.col4 { grid-template-columns: repeat(1, 1fr); grid-gap: 30px 15px; gap: 30px 15px; }
}

.webzine_head { margin-bottom:2rem; padding-bottom:2rem; border-bottom: 1px solid var(--color-bd-bk); }
.webzine_head .cate { font-size: 14px; font-weight: 700; letter-spacing: 0.1em; color: var(--color-main); text-transform:capitalize; }
.webzine_head .tit { font-family:var(--font-tit); font-size: 36px; line-height: 1.5; font-weight:600; letter-spacing: -0.025em; }
.webzine_head .desc { font-size: 20px; letter-spacing: -.01em; }
.webzine_head .info { display:flex; margin-top:1rem; color: #aaa; }
.webzine_head .info .mark_box { margin-left:auto; }
.webzine_head .info .info_box span { display:inline-block; margin-right:0.75em; font-size:14px; }
.webzine_head .info .mark_box span { display:inline-block; margin-left:0.75em; font-size:14px; }
.webzine_head .info .mark_box span:first-child { margin-left:0; padding-left:0; }
.webzine_body { width:100%; }
.webzine_foot { margin-top:2rem; padding-top:2rem; border-top: 1px solid var(--color-bd-bk); }
.webzine_foot .title { font-size: 14px; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 0.5rem; }
.webzine_foot .btn_box { margin-bottom:2rem; }
.webzine_foot .keywords { margin-bottom:1rem; }
@media all and (max-width:1000px) {
	.webzine_head .tit { font-size: 24px; }
	.webzine_head .desc { font-size: 18px; }
	.webzine_head .info { display:block; }
	.webzine_foot .btn_box { display:block; }
	.webzine_foot .btn_box .buttons { justify-content:center; }
	.webzine_foot .btn_box .buttons.right { margin-top:1rem; }
}

.btn_box { display:flex; align-items:center; }
.btn_box .buttons { display:flex; gap:0.25em; }
.btn_box .buttons.right { margin-left:auto; }

.hidden_cont { max-height:100vh; overflow-y:hidden; position:relative; }
.hidden_cont:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px;
	background: rgb(255,255,255); background: linear-gradient( 0deg , rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%); }
.visible_cont { max-height:auto; }
.hidden_cont + .btn_box.login,
.visible_cont + .btn_box.login { flex-direction:column; justify-content:center; margin: 3rem 0; }
.hidden_cont + .btn_box.login p,
.visible_cont + .btn_box.login p { font-size: 35px; line-height: 1.5; margin-bottom: 1rem; font-weight: 200; letter-spacing: -0.05em; text-align:center; }
.visible_cont + .btn_box.login { display:none; }
@media all and (max-width:1000px) {
	.hidden_cont + .btn_box.login p { font-size: 20px; }
}

.keywords { display: flex; flex-wrap: wrap; margin-bottom:-1rem; }
.keywords li { margin: 0 0.75% 1rem 0; }
.keywords li a { padding: 0.6em 0.75em 0.5em; display: inline-block; background: #fff; color: #999; border: 1px solid var(--color-bd-bk); font-size:1.125em; border-radius: 2rem; line-height:1; transition: var(--transition-fast); }
.keywords li a:before { content:'#'; }
.keywords li a:hover { color:#fff; background:var(--color-sub); border-color:var(--color-sub); }
@media all and (max-width:1000px) {
	.keywords { margin-bottom:-0.5rem; }
	.keywords li { margin: 0 0.75% 0.5rem 0; }
	.keywords li a { font-size:1em; }
}

.highlight { display:inline-block; padding:0 2px; color: #000; font-weight:400; background-image: linear-gradient(120deg, rgba(186, 7, 28, 0.1) 0%, rgba(186, 7, 28, 0.1) 100%);
	background-repeat: no-repeat; background-size: 100% 30%; background-position: 0 80%; transition: background-size 0.15s ease; }
.highlight:hover { background-size: 100% 100%; }

#bo_cate { margin:25px 0 }
#bo_cate li { display:inline-block; padding:2px }
#bo_cate a { display:block; line-height:28px; padding:5px 15px 4px; border-radius:30px; border:1px solid var(--color-sub); color:var(--color-sub); }
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active { text-decoration:none; background:var(--color-sub); color:#fff; }
#bo_cate #bo_cate_on {z-index:2; background:var(--color-main) !important; color:#fff; font-weight:bold; border:1px solid var(--color-main); box-shadow:none}


/* ===== j-pro-modern custom ===== */

.j-pro, .j-pro > * { font-family:'Roboto', 'noto', sans-serif; font-size:16px; }
.j-wrapper { margin:0; padding: 0; }
.j-pro { box-shadow: none; /*border: 1px solid rgba(0, 0, 0, 0.15);*/ background-color: var(--color-bg); }
.j-pro .j-header { background-color: var(--color-main); border-top: 1px solid var(--color-main); box-shadow: none; }
.j-pro .j-content { padding: 20px 20px 0; }
.j-pro .j-unit { margin-bottom:20px; }
.j-pro .j-icon-left, .j-pro .j-icon-right { color: var(--color-sub); opacity: 1; }
.j-pro .j-icon-right { border-left: 1px solid rgba(0, 0, 0, 0.15); }
.j-pro .j-icon-left { border-right: 1px solid rgba(0, 0, 0, 0.15); }
.j-pro .j-footer { background-color: #fff; /*border-top: 1px dashed #ccc;*/ border-top: transparent; padding: 20px 20px; position: inherit; text-align:right; }
.j-pro .j-footer button { margin:0 0 0 5px; }
.j-pro .j-divider-text span { font-family:var(--font-tit); font-size:17px; font-weight:600; color: #222; padding: 5px 15px; }
.j-pro .btn-primary:disabled, .j-pro .btn-primary.disabled, .j-pro .btn-success:disabled, .j-pro .btn-success.disabled, .j-pro .btn-info:disabled, .j-pro .btn-info.disabled,
.j-pro .sweet-alert button.disabled.confirm, .sweet-alert .j-pro button.disabled.confirm, .j-pro .wizard > .actions a.disabled, .wizard > .actions .j-pro a.disabled,
.j-pro .sweet-alert button.confirm:disabled, .sweet-alert .j-pro button.confirm:disabled, .j-pro .wizard > .actions a:disabled, .wizard > .actions .j-pro a:disabled {
	background-color: #999; border-color: #999; }
.j-pro input[type="text"], .j-pro input[type="number"], .j-pro input[type="tel"], .j-pro input[type="password"], .j-pro input[type="email"], .j-pro input[type="search"], .j-pro input[type="url"], .j-pro input[type="file"], .j-pro textarea, .j-pro select,
.j-forms input[type="text"], .j-forms input[type="number"], .j-forms input[type="tel"], .j-forms input[type="password"], .j-forms input[type="email"], .j-forms input[type="search"], .j-forms input[type="url"], .j-forms input[type="file"], .j-forms textarea, .j-forms select {
	border: 1px solid rgba(0,0,0,0.15); font-size:14px; }
.j-pro input[type="text"]:hover, .j-pro input[type="number"]:hover, .j-pro input[type="tel"]:hover, .j-pro input[type="password"]:hover, .j-pro input[type="email"]:hover, .j-pro input[type="search"]:hover, .j-pro input[type="url"]:hover, .j-pro input[type="file"]:hover, .j-pro textarea:hover, .j-pro select:hover,
.j-pro input[type="text"]:focus, .j-pro input[type="number"]:focus, .j-pro input[type="tel"]:focus, .j-pro input[type="password"]:focus, .j-pro input[type="email"]:focus, .j-pro input[type="search"]:focus, .j-pro input[type="url"]:focus, .j-pro input[type="file"]:focus, .j-pro textarea:focus, .j-pro select:focus, .j-pro .j-file-button:hover + input,
.j-forms input[type="text"]:hover, .j-forms input[type="number"]:hover, .j-forms input[type="tel"]:hover, .j-forms input[type="password"]:hover, .j-forms input[type="email"]:hover, .j-forms input[type="search"]:hover, .j-forms input[type="url"]:hover, .j-forms input[type="file"]:hover,  .j-forms textarea:hover, .j-forms select:hover,
.j-forms input[type="text"]:focus, .j-forms input[type="number"]:focus, .j-forms input[type="tel"]:focus, .j-forms input[type="password"]:focus, .j-forms input[type="email"]:focus, .j-forms input[type="search"]:focus, .j-forms input[type="url"]:focus, .j-forms input[type="file"]:focus, .j-forms textarea:focus, .j-forms select:focus {
	border: 1px solid var(--color-main); }
.j-pro input[type="text"]:disabled, .j-pro input[type="number"]:disabled, .j-pro input[type="tel"]:disabled, .j-pro input[type="password"]:disabled, .j-pro input[type="email"]:disabled, .j-pro input[type="search"]:disabled, .j-pro input[type="url"]:disabled, .j-pro input[type="file"]:disabled, .j-pro textarea:disabled, .j-pro select:disabled,
.j-forms input[type="text"]:disabled, .j-forms input[type="number"]:disabled, .j-forms input[type="tel"]:disabled, .j-forms input[type="password"]:disabled, .j-forms input[type="email"]:disabled, .j-forms input[type="search"]:disabled, .j-forms input[type="url"]:disabled, .j-forms input[type="file"]:disabled,  .j-forms textarea:disabled, .j-forms select:disabled {
	background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.15) !important; cursor:default; }
.j-pro .j-radio-toggle, .j-pro .j-checkbox-toggle, .j-pro .j-inline-group .j-radio-toggle, .j-pro .j-inline-group .j-checkbox-toggle { padding: 9px 0 18px 0; }
.j-pro .j-tooltip, .j-pro .j-tooltip-image { background-color: var(--color-main); }
.j-pro .j-tooltip:before, .j-pro .j-tooltip-image:before { border-color: var(--color-main) transparent; }
.j-pro .j-primary-btn, .j-pro .j-file-button, .j-pro .j-secondary-btn, .j-pro .j-widget .j-addon-btn { background-color: var(--color-main); }
.j-pro .j-primary-btn:hover, .j-pro .j-file-button:hover, .j-pro .j-secondary-btn:hover, .j-pro .j-widget .j-addon-btn:hover { background-color: var(--color-main); }
.j-pro .j-ratings input + label:hover, .j-pro .j-ratings input + label:hover ~ label,
.j-pro .j-ratings input:checked + label, .j-pro .j-ratings input:checked + label ~ label { color: var(--color-main); }
.j-unit .checkbox-fade { display: block; margin-top: 20px; }
.j-forms { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15); }
.j-forms button i { margin-right: 0; }
.j-forms .checkbox-fade,
.j-forms .checkbox-color { margin-top: 10px; }
.j-forms .checkbox-fade .disabled-view,
.j-forms .checkbox-color .disabled-view { opacity: 0.5; cursor: not-allowed; }
.j-forms .link { color: var(--color-main); border-bottom: none; text-transform: capitalize; margin-bottom: 15px; }
.j-forms .label { margin-bottom: 15px; }
.j-forms .btn-primary:disabled, .j-forms .btn-success:disabled, .j-forms .btn-info:disabled,
.j-forms .sweet-alert button.confirm:disabled, .sweet-alert .j-forms button.confirm:disabled, .j-forms .wizard > .actions a:disabled, .wizard > .actions .j-forms a:disabled { background-color: #e0e0e0; border-color: #e0e0e0; }
.j-forms .radio-toggle, .j-forms .checkbox-toggle, .j-forms .inline-group .radio-toggle, .j-forms .inline-group .checkbox-toggle { padding: 9px 0 8px 0px; }
.j-forms .header { background-color: var(--color-main); border-top: 1px solid var(--color-main); box-shadow: none; }
.j-forms .divider-text span { color: #222; }
.j-forms .widget .addon, .j-forms .widget .addon-btn { background-color: var(--color-main); color: #fff; }
.j-forms .widget .addon:hover, .j-forms .widget .addon:focus, .j-forms .widget .addon-btn:hover, .j-forms .widget .addon-btn:focus { background-color: var(--color-main); }
.j-forms .widget .addon:hover i, .j-forms .widget .addon:focus i, .j-forms .widget .addon-btn:hover i, .j-forms .widget .addon-btn:focus i { color: #fff; }
.j-forms .widget .addon i, .j-forms .widget .addon-btn i { color: #fff; }
.j-forms .footer { background-color: #fff; border-top: 1px dashed #1abc9c; padding: 20px 25px; position: inherit; }
.j-forms .footer button { float: right; margin-bottom: 0; }
.j-forms .stepper .stepper-arrow { background-color: var(--color-main); }
.j-forms .stepper .stepper-arrow:hover { background-color: var(--color-sub); }
.j-forms .stepper .stepper-arrow.up:after { border-bottom: 7px solid #fff; }
.j-forms .stepper .stepper-arrow.down:after { border-top: 7px solid #fff; }

.j-pro .image-preview { text-align:center; }
.j-pro .image-preview img { width:87.5px; max-width:100%; }
.j-pro .j-inline-group .j-select { vertical-align:top; position:relative; }
.j-pro .j-inline-group .j-select:after { content:'\e942'; font-family:'xeicon'; top:50%; right:0; }
.j-pro .j-inline-group .j-select select { padding-right:3em; }
.j-pro .j-title { min-height:48px; line-height:1.5; padding-top:14px; font-size:14px; word-break:keep-all; }
.j-pro .j-title .required { font-weight:600; padding-right:15px; }
.j-pro .j-unit button { margin:4px 0; }
.j-pro .j-line-height { min-height:48px; padding-top:9px; }
.j-pro .j-groups { border-top: 1px dashed #ccc; position:relative; padding-top:25px; }
.j-pro .j-groups > .btn-square.btn-delete { position:absolute; top:-1px; right:0; padding:3px 6px; border-radius:3px; font-size:20px; }
.j-pro .j-footer.fixed { padding: 20px 25px; border:1px solid #ddd; position: fixed; bottom:50%; right:50%; margin-right:-635px; transform:translateY(50%); width:250px; text-align:left; z-index:2; }
.j-pro .j-footer.fixed .quick_list { margin-top:-10px; margin-bottom:20px; }
.j-pro .j-footer.fixed .quick_list li { margin: 10px 0; }
.j-pro .j-footer.fixed .quick_list li a { line-height: 1.4; font-size: 16px; padding-left: 20px; letter-spacing: -0.5px; position: relative; word-break: keep-all; }
.j-pro .j-footer.fixed .quick_list li a:before { content: '\e928'; font-family: xeicon; color:#efefef; font-weight: bold; position: absolute; top: -2px; left: 0; }
.j-pro .j-footer.fixed .quick_list li a:hover { color: #f02a4b; font-weight:600; }
.j-pro .j-footer.fixed .quick_list li a:hover:before { color: #f02a4b; }
.j-pro .j-footer.fixed button { display:block; width:100%; margin:5px 0; }
.j-pro iframe { background:#fff; }

@media all and (max-width:768px) {
	.j-pro .j-inline-group { width:100%; }
	.j-pro .j-footer { text-align:center; }
	.j-forms .footer button, .j-forms .j-footer button, .j-pro .footer button, .j-pro .j-footer button { margin: 5px; }

	.j-pro .j-title { height:auto; min-height:auto; padding-top:0; margin-bottom:6px; }
	.j-pro .j-line-height { height:auto; padding-top:0; }
	.j-pro .j-groups { padding-top:45px; }
	.j-pro .j-unit button { margin:0 0; }

	.j-pro .j-footer.fixed { padding:0; border:none; bottom:0; left:0; margin:0; transform:translateY(0); width:100%; height:50px; }
	.j-pro .j-footer.fixed:after { display: block; content: ''; clear: both; }
	.j-pro .j-footer.fixed .quick_list { display:none; }
	.j-pro .j-footer.fixed button { display:block; float:left; width:50%; margin:0; border-radius:0; height:50px; }

	.j-pro .j-groups > .btn-square.btn-delete { padding: 3px 6px !important; }
}

@media only screen and (max-width: 480px) {
	.j-wrapper { padding: 0; border: none; background-color: transparent; }
	.j-forms, .j-pro { border: none; background-color: #fff; }
	.j-forms .footer, .j-forms .j-footer, .j-pro .footer, .j-pro .j-footer { border-top: none; }
	.j-forms .j-content, .j-pro .j-content { padding: 0; }
	.j-forms .j-divider-text span, .j-pro .j-divider-text span { background:#fff; }
	.j-forms .icon-right ~ input, .j-forms .j-forms .icon-right ~ textarea, .j-pro .icon-right ~ input, .j-pro .j-forms .icon-right ~ textarea { padding-right: 0; }
}

.board-list ~ .bo_fx,
.btn_group { margin:10px 0; text-align:right; }
.btn_group:after { display:block;visibility:hidden;clear:both;content:''; }
a.btn_frmline:hover, button.btn_frmline:hover,
a.btn_frmline:focus, button.btn_frmline:focus { background-color: #636d7c; }

.j-pro .form-control { background: #fff; border: 1px solid rgba(0, 0, 0, 0.15); font-size: 14px; color: rgba(0,0,0,.87); display: inline-block; font-family: inherit; height: 48px; padding: 10px 15px; width: auto; outline: none;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: var(--transition-slow); -moz-transition: var(--transition-slow); -ms-transition: var(--transition-slow); -o-transition: var(--transition-slow); transition: var(--transition-slow); }
.j-pro .j-inline-group input[type="date"].form-control { min-width:185px; max-width:100%;}
.j-pro input[type="number"].form-control { width:auto; }

.input-group { position: relative; display: flex; width: 100%; }
.input-group-inline { top:-48px; margin-bottom:-48px; }
.input-group .form-control, .input-group-addon, .input-group-btn { position: relative; z-index: 2; align-items: center; margin:0 !important; }
.input-group-addon, .input-group-btn { height: 48px; vertical-align:middle; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 13px 10px; }
.input-group-addon { margin-bottom: 0; font-weight: 400; line-height: 1 !important; text-align: center; }
.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn, .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group>.btn, .input-group-btn:not(:last-child)>.dropdown-toggle {
	border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-control+.input-group-addon:not(:first-child) { border-left: 0; }
.input-group-button .input-group-addon { transition: var(--transition-slow); }

@media all and (max-width:768px) {
	.j-pro input[type="date"].form-control { width:calc(100% - 150px); }
}

.daterangepicker > * { font-family: "Open Sans", 'noto', AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; }

.j-pro .preview_imgs { position:relative; }
.j-pro .preview_imgs .img { margin-bottom:0 !important; }
.j-pro .preview_imgs.j-span2 .img { min-height:95px; }
.j-pro .preview_imgs.j-span3 .img { min-height:112.5px; }
.j-pro .preview_imgs .img img { position:relative; width:100%; height:auto; object-fit: cover; vertical-align:middle; }
.j-pro .preview_imgs.j-span2 .img img { max-height:95px; }
.j-pro .preview_imgs.j-span3 .img img { max-height:112.5px; }
.j-pro .preview_imgs .btn-delete { position:absolute; top:0; right:10px; margin:0 !important; padding: 4px 5px !important; background:rgba(0,0,0,0.4); }
.j-pro .preview_imgs .btn-delete:hover { border-color: transparent !important; background: #aaa; }
.j-pro .preview_imgs .btn-delete:focus { border-color: transparent !important; }
.j-pro .preview_imgs .j-file-button { width:100%; position:relative; border-radius: 2px; }
@media all and (max-width:768px) {
	.j-pro .preview_imgs.j-span2 .img,
	.j-pro .preview_imgs.j-span3 .img { min-height:100%; }
	.j-pro .preview_imgs.j-span2 .img img,
	.j-pro .preview_imgs.j-span3 .img img { max-height:100%; }
	.j-pro .preview_imgs .btn-delete { padding: 7px 8px !important; }
}

/* member */
#fregisterform #captcha { opacity:100%; left:0; transform: translateY(0); }
#fregisterform #captcha #captcha_img { height: 48px; border: 1px solid rgba(0,0,0,0.15); border-radius: 3px; display:inline-block; margin:0; }
#fregisterform #captcha #captcha_key { background: #fff; border: 1px solid rgba(0,0,0,0.15); font-size: 14px; border-radius: 3px; color: rgba(0,0,0,.87); height: 48px; padding: 10px 15px; display:inline-block; }
#fregisterform #captcha #captcha_reload { border-radius: 3px; width:48px; height:48px; background-size:48px auto; background-position:0 -48px; }
#fregisterform #captcha #captcha_mp3 { border-radius: 3px; width:48px; height:48px; background-size:48px auto; }
#fregisterform #captcha #captcha_info { display: block; font-size: 13px; height: 13px; line-height: 13px; margin-top: 5px; padding: 0 2px; }

.mbskin .mbskin_box { border-color:#ccc; }
.mbskin .j-pro .j-flex { display:flex; align-items:center; }
.mbskin .j-pro .j-flex .login_if_lpl { margin-left:auto; }
#login_password_lost { color:var(--color-main); border-color:#ccc; font-size:14px; }
@media only screen and (max-width: 480px) {
	.mbskin { width:100%; max-width:360px; }
	.mbskin .j-pro .j-content { padding: 15px 15px 0; }
	.mbskin .j-pro .j-unit { margin-bottom:15px; }
	.mbskin .j-pro .j-footer { padding: 15px; }
}

/* form resume */
.form.resume article { margin: 50px 0; }
.form.resume h4 { font-family:var(--font-tit); margin-bottom: 24px; width: 100%; position: relative; }
.form.resume h4:after {	content: ''; display: block; position: absolute; top: 11px; width: 100%; height: 1px; background-color: #ddd; }
.form.resume h4 strong { display: inline-block; position: relative; z-index: 2; background: #fff; padding: 0 15px; font-size: 24px; color: #222; line-height: 1; border-left: 3px solid var(--color-sub); border-right: 3px solid var(--color-sub); }
.form.resume .form-term { overflow-y: scroll; background:#fff; height: 12em; padding: 1em; font-size:0.9em; line-height: 1.6; color: #555; border: 1px solid #ddd; border-radius: 3px; }
.form.resume table { width:100%; border-collapse: collapse; background:#fff; border-top: 1px solid var(--color-sub); }
.form.resume th{ padding:1rem; border-bottom: 1px solid var(--color-bd-bk); line-height: 1.6; font-weight:600; color: #555; text-align:left; }
.form.resume thead th { background:var(--color-sub); padding:0.5rem 1rem; font-size:1.125em; color:#fff; text-align:center; }
.form.resume td{ padding:1rem; border-bottom: 1px solid var(--color-bd-bk); line-height: 1.6; color: #555; font-size:0.9em; }
.form.resume tr:last-child th, .feature1 tr:last-child td { border-bottom: 1px solid var(--color-bd-bk); }
@media all and (max-width:1000px) {
	.form.resume .form-term { font-size:13px; }
	.form.resume th,
	.form.resume thead th { padding:0.5rem 1rem; font-size:14px; }
	.form.resume td { padding:0.5rem 1rem; font-size:13px; }
}

/* search */
.hd-search-wrap { position: fixed; top: 0; left: 0; right: 0; width: 100%; height:auto; z-index:100; display:none; }
.hd-search-wrap .btn-close { position:absolute; top:27.5px; right:15px; width:30px; height:30px; line-height:30px; font-size:30px; color:#fff; background:transparent;
	width:27px; height: 27px; background: url(../img/common/btn_all_close.png) no-repeat 50% 50%; background-size:27px auto;
	transition: var(--transition-slow); -webkit-transition: var(--transition-slow); transition-delay: 0.5s; -webkit-transition-delay: 0.5s; border: 0; }
.hd-search-box { height:33.33333%; background:rgba(186,7,28,0.9); }
.hd-search-info { height:66.66666%; background:rgba(17,17,17,0.9); }
.hd-search-box .inner,
.hd-search-info .inner { position:relative; padding-top:6em; padding-bottom:6em; display:flex; height:100%; }
.hd-search-box .inner { align-items:center; }
.hd-search-info .inner { gap:2rem; }
.hd-search-field { width:40%; margin:0 auto; position:relative; }
.hd-search-field input[type='text'] { appearance: none; border: 0; outline: none; padding-right:30px; height:36px; color:#fff; border-bottom:3px solid #fff; background:transparent;
	width:100%; font-size: 1.25em; }
.hd-search-field input[type='text']::placeholder { color:rgba(255,255,255,0.5); }
.hd-search-btn.search { position:absolute; right:0; bottom:0; width:30px; height:36px; line-height:36px; font-size:30px; color:#fff; background:transparent; }
.hd-search-info .history-box,
.hd-search-info .trend-box { flex:1; }
.hd-search-info h3 { font-family: var(--font-eng); font-size:1.75em; color:#fff; font-weight:600; margin-bottom:20px; }
.hd-search-info h4 { font-size:1.125em !important; color:#fff; font-family: var(--font-txt) !important; font-weight:normal !important; }
.hd-search-info .keywords li a { background:transparent; border-color: rgba(255,255,255,0.5); color:#fff; }
.hd-search-info .keywords li a:hover { border-color:#fff; }
@media all and (max-width:1000px) {
	.hd-search-wrap { display:none; }
	.hd-search-box { background:rgba(186,7,28,1); }
	.hd-search-info { background:rgba(0,0,0,1); }
	.hd-search-wrap .btn-close { top:7.5px; left:15px; }
	.hd-search-box .inner { padding-top:calc(45px + 0.75em); padding-bottom:2em; }
	.hd-search-info .inner { padding-top:2em; padding-bottom:2em; }	
	.hd-search-info .trend-box { display:none; }
	.hd-search-field { width:100%; }

	.hd-search-box.m-search { padding:15px; height:auto; }
	.hd-search-box.m-search .hd-search-field input[type='text'] { font-size:1em; padding-right:1.5rem; }
	.hd-search-box.m-search .hd-search-btn.search { font-size:1.5rem; width:1.5rem; }
}

.sch_more { color:var(--color-main); }
.sch_word { background-color: var(--color-sub); }
#sch_res_ov { display:flex; align-items:center; background:rgba(242, 66, 73, 0.05); border:1px solid var(--color-sub); }
#sch_res_ov h2,
#sch_res_ov ul { display:block; float:none; }
#sch_res_ov h2 { color:#333; }
#sch_res_ov h2 strong { color: var(--color-main); }
#sch_res_ov ul { margin-left:auto; margin-top:0; color:#666; }
#sch_res_ov li { border-color:#666; }
#sch_res_board { margin:25px 0 }
#sch_res_board ul { display:flex; }
#sch_res_board li { display:inline-block; padding:2px }
#sch_res_board a { display:block; line-height:28px; padding:5px 15px 4px; border-radius:30px; border:1px solid var(--color-sub); color:var(--color-sub); }
#sch_res_board a:focus,
#sch_res_board a:hover,
#sch_res_board a:active { text-decoration:none; background:var(--color-sub); color:#fff; }
#sch_res_board .cnt_cmt { color:#333; }
#sch_res_board .sch_on {z-index:2; background:var(--color-main) !important; color:#fff; font-weight:bold; border:1px solid var(--color-main); box-shadow:none}
#sch_res_board .sch_on .cnt_cmt { color:#fff; }
.sch_more { color:var(--color-main); }
.sch_word { background-color: var(--color-sub); }
.search_board_result ul li { display:flex; } 
.search_board_result ul li .thumbnail { width:300px; margin:20px 20px 20px 0; aspect-ratio:435 / 300; }
.search_board_result ul li .infomation { width:calc(100% - 320px); }
@media all and (max-width:1000px) {
	#sch_res_detail .frm_input { height:37px; padding:0 5px; }
	.search_board_result ul li { display:block; }
	.search_board_result ul li .thumbnail { width:100%; margin:20px 0 0; }
	.search_board_result ul li .infomation { width:100%; }
}
@media only screen and (max-width: 480px) {
	#sch_res_ov { flex-direction:column; gap:0.25rem; }
	#sch_res_ov ul { margin-left:0; }
}