@charset "utf-8";
@import url('slick.css');
@import url("swiper.min.css");

@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');

@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'); 
}




/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !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 }
.mb110 { margin-bottom:110px !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; }
.col-box:after { display: block; content: ''; clear: both; }
.col-box .col-left { float:left; }
.col-box .col-right { 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,a,button { font-family:'Roboto','noto','nq', sans-serif; font-size:13px; color: #333; text-decoration: none; }
h1,h2,h3,h4,h5,h6 { font-family:'Roboto','nq', 'noto', sans-serif; font-size:13px; color: #333; text-decoration: none; }
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; }

* {box-sizing: border-box; -webkit-box-sizing:border-box;}
img { max-width:100%; }
ul:after { display: block; content: ''; clear: both; }
.inner { width:1270px; margin: 0 auto; }

.pc_only { }
.mo_only {display:none;}

.ico-star { display: inline-block; vertical-align: middle; background: url(../data/hih_images/last/bu_star.png) no-repeat left 50%; background-size:contain; }
.ico-star.half { display: inline-block; vertical-align: middle; background: url(../data/hih_images/last/bu_star_half.png) no-repeat left 50%; background-size:contain; }
.ico-star.full { display: inline-block; vertical-align: middle; background: url(../data/hih_images/last/bu_star_full.png) no-repeat left 50%; background-size:contain; }
.ico-lemming { display: inline-block; vertical-align: middle; background: url(../img/ico_lemming.svg) no-repeat 50% 50%; background-size:contain; }
.ico-question { display: inline-block; vertical-align: middle; background: url(../img/ico_question.svg) no-repeat 50% 50%; background-size:contain; }

#head { position: relative; z-index:10;
	/* background-color:#edf1f9;	background-repeat: no-repeat, no-repeat; background-position: 2% 40%, 98% 40%; background-size: contain, contain; 	*/ }
/*
#head > .inner { height:200px; position: relative; }
#head h1 { position: absolute; left: 0; top:90px; }
*/
#head > .inner { height:100px; position: relative; }
#head h1 { position: absolute; left: 0; top:25px; }
#head .etc { position: absolute; right:0; top:7px; }
#head .etc a { display:inline-block; padding: 1px 10px; margin:0 2px; border:1px solid #ddd; border-radius:12px; letter-spacing:-0.5px; }
#head .etc a:hover i { color:#d10f30; }
#pc-gnb { border-top:1px solid #ddd; border-bottom:1px solid #aaa; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
#pc-gnb > div { position:relative; height:50px; }
#pc-gnb > div > ul { padding:0; /*display:inline-block; position:relative; left:50%; transform:translateX(-50%);*/ }
#pc-gnb > div > ul > li { float:left; position: relative; }
#pc-gnb > div > ul > li .ico-question { width:16px; height:16px; vertical-align:baseline !important; margin-left:2px; }
#pc-gnb > div > ul > li:after { content:'|'; position:absolute; top:16px; left:0; }
#pc-gnb > div > ul > li .btn-dep1 { display: block; height:50px; font-family: 'nq', sans-serif; line-height: 49px; padding:0 40px; font-size:17px; color: #444; font-weight: 600; }
#pc-gnb > div > ul > li:nth-child(5),
#pc-gnb > div > ul > li:last-child { float:right; }
#pc-gnb > div > ul > li:nth-child(5):after,
#pc-gnb > div > ul > li:last-child:after { left:100%; }
#pc-gnb > div > ul > li:nth-child(5) .btn-dep1,
#pc-gnb > div > ul > li:last-child .btn-dep1 {color:#d10f30;}
#pc-gnb > div > ul > li .btn-dep1:hover { color:#f02a4b; border-bottom:3px solid #f02a4b;}
#pc-gnb .dep2 { display: none;position: absolute; left: 0;  right:0; top:50px; background: #fff; padding:13px 0; border: 1px solid #ddd; }
#pc-gnb .dep2 .btn-dep2 { display: block; text-align: center; line-height: 25px; padding:0 10px; margin:0 -1px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#pc-gnb .dep2 .btn-dep2:hover { background: #f02a4b; color:#fff;}
#pc-gnb > div > ul > li:hover .dep2 { display: block; }

.main { width:1300px; padding:0 15px 40px; margin: 0 auto;}
.main-full { width:100%; padding:40px 0 0; }
.main.flex { width:100%; display:flex; justify-content:center; background:#efefef; padding-bottom:0; margin-bottom:40px; }
.main_banner { padding:0px 15px; width:1300px; margin: 0 auto; }
.main:after, .main_banner:after  { display: block; content: ''; clear: both; }

.main .title,
.main-full .title { margin: 0 auto 30px; width:100%; position:relative; }
.main-full .title { text-align: center; }
.main .title strong, .main-full .title strong { display: inline-block; position: relative; z-index: 2; background:#fff; padding: 0 15px; font-family: 'nq', sans-serif; font-size:24px; color: #222; line-height:1; border-left: 3px solid #f45f78; border-right: 3px solid #f45f78; }
.main .title:after, .main-full .title:after {content:''; display: block; position: absolute; top: 11px; width: 100%; height: 1px; border-top:1px dashed #ddd; }

/* Swiper */
.main .swiper-container { position: relative; width: 100%; height:600px; }
.main .swiper-container .swiper-wrapper { transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); padding-top:5px; }
.main .swiper-container .swiper-slide { text-align: center; background: transparent; /* Center slide text vertically */ display: flex; justify-content: center; align-items: flex-start; }
.main .swiper-container .swiper-slide-link { display: block; height: 520px; position: absolute; width: 100%; z-index: 2; }
.main .swiper-container .swiper-slide .image-slider { background-size: cover; background-position: center center; height: 520px; overflow: hidden; width: 100%; display: flex; align-items: flex-end; transition: all 0.3s ease; }
.main .swiper-container .swiper-slide .image-slider:hover { transform: translate(0, -5px); box-shadow: 0px 10px 20px rgba(0,0,0,0.2); }
.main .swiper-container .swiper-slide .image-slider .caption { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background-color: rgba(255,255,255,0.85); padding: 1rem; position: relative; overflow: hidden; width: 70%; z-index: 3; }
.main .swiper-container .swiper-slide .image-slider .caption .title { font-size:18px; color: #222; font-weight:600; line-height : 1.5; margin:0; padding:0; margin-bottom:10px; word-break:keep-all; text-align:left; }
.main .swiper-container .swiper-slide .image-slider .caption .description { font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #333; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.6em; height:calc(1.6em * 2); text-align:left; }
.main .swiper-container .swiper-pagination-progressbar { background-color: #fff; height: 2px; width: calc(100% - 0px); }
.main .swiper-container .swiper-pagination-progressbar-fill { background-color: #070707; }
.main .swiper-container .swiper-pagination-progressbar.bottom { background-color: #eee; height: 1px; top: auto; bottom: 2.5rem; margin-left: 12rem; width: calc(100% - 24rem); }
.main .swiper-pagination { bottom: 0; }
.main .swiper-control { letter-spacing: .15rem; position: relative; text-transform: uppercase; transition: padding 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); width: auto; }
.main .swiper-control .swiper-pagination { padding: 0 1.5rem; position: relative; }
.main .swiper-control .swiper-button-prev,
.main .swiper-control .swiper-button-next { background-image: none; display: inline-block; margin-top: 0; height: auto; width: auto; position: relative; outline:none; }
.main .swiper-control .swiper-button-prev::before,
.main .swiper-control .swiper-button-next::before { content: ''; background-size: auto; height: 8px; margin: auto 0; position: absolute; opacity: 1; top: 0; bottom: 0; width: 22px; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); }
.main .swiper-control .swiper-button-prev:focus,
.main .swiper-control .swiper-button-next:focus { outline:none; } 
.main .swiper-control .swiper-button-prev { padding-left: 36px; }
.main .swiper-control .swiper-button-prev::before { background-image: url(../img/common/arrow-prev.png); left: 0; }
.main .swiper-control .swiper-button-prev:hover::before { left: -.35rem; }
.main .swiper-control .swiper-button-next { float: right; padding-right: 36px; }
.main .swiper-control .swiper-button-next::before { background-image: url(../img/common/arrow-next.png); right: 0; }
.main .swiper-control .swiper-button-next:hover::before { right: -.35rem; }
.main .swiper-control_bottom { margin-left: auto; margin-right: auto; padding: 0 2.9rem; position: absolute; top: auto; bottom: 2.14rem; left: 0; right: 0; width: 100%; }
@media only screen and (max-width: 768px) {
	.main .swiper-container { height:480px; border-bottom:1px dashed #ddd; margin-bottom:30px; }
	.main .swiper-container .swiper-slide-link { height: 400px; }
	.main .swiper-container .swiper-slide .image-slider { height: 400px; }
	.main .swiper-container .swiper-slide .image-slider .caption {  padding: 1rem; }
	.main .swiper-container .swiper-slide .image-slider .caption .title { font-size:17px; line-height : 1.4; }
	.main .swiper-container .swiper-slide .image-slider .caption .description { font-size:13px;}
	.main .swiper-container .swiper-pagination-progressbar.bottom { margin-left: 8rem; width: calc(100% - 16rem); }
	.main .swiper-control_bottom { padding: 0 1rem; }
}
@media only screen and (max-width: 580px) {
	.main .swiper-container { height:450px; }
	.main .swiper-container .swiper-slide-link { height: 370px; }
	.main .swiper-container .swiper-slide .image-slider { height: 370px; }
}

/*
.main-visual { background-image:url(../img/common/main_bg.jpg); background-color:#373c42; background-repeat: no-repeat; background-position: 0% 45%; background-size:auto 600px; height: 240px; text-align: center; color: #fff; padding:55px 0;  }
.main-visual .txt1 { font-size:44px; padding-bottom: 30px; margin-bottom: 25px; position: relative; }
.main-visual .txt1:before { content: ''; position: absolute; left: 50%; bottom:0; height:1px; background: #fff; width:150px;  margin-left: -75px; }
.main-visual .txt2 { letter-spacing:-0.5px; font-size:16px; line-height: 24px; margin-bottom: 30px; }
*/
.main-visual { width:710px; position: relative; overflow:hidden; }
.main-visual .visual { width:100%; height: 400px; text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; font-family: 'nq', sans-serif; }
.main-visual .visual a { display:block; width:100%; height:100%; }
.main-visual .slick-prev { position: absolute; left:20px; top:50%; width:30px; height: 30px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; z-index:10; background: transparent; /*text-indent: -9999px;*/ color:transparent; transform: rotate(45deg); margin-top:-15px; outline:none; transition: all 0.3s ease;}
.main-visual .slick-next { position: absolute; right:20px; top:50%; width:30px; height: 30px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; z-index:10; background: transparent; /*text-indent: -9999px;*/ color:transparent; transform: rotate(-135deg); margin-top:-15px;outline:none; transition: all 0.3s ease;}
.main-visual .slick-prev:hover, .main-visual .slick-next:hover { border-left: 3px solid #d10f30; border-bottom: 3px solid #d10f30; }
.main-visual .slick-dots { position: absolute;left: 0; right:0; bottom:20px; text-align: center; font-size:0;  }
.main-visual .slick-dots li  {display: inline-block; vertical-align: middle; margin:0 3px; }
.main-visual .slick-dots li button { width:14px; height: 14px; border-radius:7px; background: #fff; text-indent: -9999px; text-align: left; transition: all 0.5s ease; }
.main-visual .slick-dots li.slick-active button { width:40px; background: #d10f30; }

.main .main-community { width:280px; background: #5f7af4; padding: 20px; position:relative; }
.main .main-community .head { display: inline-block; letter-spacing: -0.5px; line-height: 20px; color: #fff; border: 1px solid #fff; border-radius:20px; padding: 3px 10px 2px; margin-bottom:20px; }
.main .main-community .cont .tit { font-family: 'nq', sans-serif; font-size: 17px; color: #fff; font-weight: 600; letter-spacing:-0.1px; overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.4em; height:calc(1.4em * 2); margin-bottom: 10px; }
.main .main-community .cont .hashtag { font-size: 12px; letter-spacing: -0.5px; color: rgba(255,255,255,0.6); line-height: 1.4; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4em; margin-bottom: 10px; }
.main .main-community .cont .txt { font-family: 'Roboto','noto', sans-serif; font-size: 13px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; color:#fff; font-weight:300; 
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 4; line-height: 1.5em; height:calc(1.5em * 4); margin-bottom: 15px; }
.main .main-community .button { position:absolute; left:20px; bottom:20px; width:calc(100% - 40px); }
.main .main-community .button a { display:inline-block; width:100%; height: 57px; background: #fff; padding: 18px 19px; text-align: center; font-size: 14px; transition: all .15s ease-in-out; }
.main .main-community .button a strong { color:#f02a4b; }
.main .main-community .button a:hover { color:#000; box-shadow: 0 3px 6px rgba(0,0,0,0.2); }

.video { width:100%; display:flex; justify-content:center; align-items:flex-start; margin-bottom:20px; }
.video article { width:33.3333%; margin-bottom:30px; padding:0 10px; }
.video article a .img { margin-bottom:10px; border-radius:10px; overflow: hidden; position:relative; } 
.video article a .img:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent url(../data/hih_images/last/ico_play.png) no-repeat center center; background-size: 60px auto; z-index:1; transition: all 0.3s ease; }
.video article a .img img { width:100%; transition: all 0.3s ease; }
.video article a .tit { font-size:18px; color: #222; font-weight:600; line-height : 1.5; margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.video article a .txt { font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #333; line-height : 1.6; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; }
.video article a .info { font-weight:400; color:#999; }
.video article a .info .cate { }
.video article a .info .view { color:#f45f78; }
.video article a .info .comment { color:#d10f30; }
.video article a:hover .img:before { background-color:rgba(0,0,0,0.5); }
.video article a:hover .img img { transform:scale(1.1); }
.video article a:hover .tit, .main article a:hover .txt, .main article a:hover .info { opacity:0.7; }

/* Modal */
.modal-fade { display: none; background: rgba(0, 0, 0, 0.7); overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; -webkit-overflow-scrolling: touch; }
.modal-fade.open { display: block; overflow-x: hidden; overflow-y: auto; }
.modal-fade .modal-dialog { position: relative; width:100%; height:100%; }
.modal-fade .modal-content { position: absolute; top:50%; left:50%; width:calc(100% - 30px); max-width:960px; transform:translate(-50%, -50%); background-color:#fff; }
.modal-fade .modal_close { color: #5f7af4; padding: 0; cursor: pointer; background: transparent; border: 0; /*margin-top: -2px;*/ font-size:2rem; position:absolute; top:-10px; right:-10px; z-index:100; transition: all .15s ease-in-out; }
.modal-fade .modal_close:hover,
.modal-fade .modal_close:focus,
.modal-fade .modal_close:active { color:#0f33d1; outline:none; }
.modal-fade .modal-header { padding:20px; /*text-align:right;*/ position:relative; border-bottom:1px dashed #ddd; }
/*.modal-fade .modal-header:before, .modal-fade .modal-header:after { content: " "; display: table; }*/
.modal-fade .modal-body { padding:20px; position: relative; }
.modal-fade .modal-body .btn_box { margin-top:20px; text-align:right; }

.embed-responsive { position: relative; display: block; width:100%; height: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; -webkit-appearance: none; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }

@media only screen and (max-width: 768px) {
	.video { width:100%; flex-direction:column; }
	.video article { width:100%; padding:0; }
	.video article a .tit { font-size:17px; }
	.video article a .txt { font-size:13px; margin-bottom:0; }
}

.main-biz { /*margin-top:-30px; margin-bottom:40px;*/ margin:0 0 40px; /*height: 300px;*/ background-color:#d10f30; }
.main-biz .inner { /*display: flex; height:inherit; align-items: center; justify-content: center;*/ }
.main-biz .img { /*flex:1; align-self: flex-end;*/ } 
/*
.main-biz .text{ flex:1; text-align: center; } 
.main-biz .text h3  { font-size:47px; color: #fff; font-weight: 700; margin-bottom: 10px;  }
.main-biz .text .color_red { color:#d10f30; }
.main-biz .text .ico-star,
.main-biz .text .ico-lemming { width:48px; height:36px; vertical-align:baseline !important; }
.main-biz .text .t1  { font-family: 'nq', sans-serif; font-size:26px; color: #333; font-weight: 600; margin-bottom: 20px;  }
.main-biz .text .t2 { font-weight: 300; font-size:14px; line-height: 1.5; color: #333; }
*/

.main_bottom { background-color:#fff; padding-top:40px; letter-spacing:-0.02em; }
.main_bottom .inner { display: flex; justify-content:center; align-content: space-around; }
.main_bottom .notice { width:calc(50% - 20px); margin-right:20px; background:#fff; padding:50px; border:1px solid #ddd; }
.main_bottom .cs { width:calc(50% - 20px); margin-left:20px; background:#d10f30; padding:50px; color:#fff; }
.main_bottom .title strong { border-right:none; }
.main_bottom .title:after { top:inherit; bottom:0px; }
.main_bottom .title .btn-more { position: absolute; right: -2px; top: 0; width: 20px; height: 20px; font-size:20px; color:#aaa; transition: all .15s ease-in-out; }
.main_bottom .title .btn-more:hover,
.main_bottom .title .btn-more:focus { color:#d10f30; }
.main_bottom .notice ul li { position:relative; margin-left:8px; margin-bottom:5px; width:calc(100% - 8px); }
.main_bottom .notice ul li:last-child { margin-bottom:0; }
.main_bottom .notice ul li a { display:inline-block; width:100%; font-size:14px; line-height: 1.7; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.main_bottom .notice ul li a:hover { color:#d10f30; }
.main_bottom .notice ul li:before { content:''; position:absolute; left:-8px; top:8px; width:3px; height:3px; background:#f45f78; }
.main_bottom .cs .title strong { background:#d10f30; color:#fff; }
.main_bottom .cs .title .btn-more:hover,
.main_bottom .cs .title .btn-more:focus { color:#fff; }
.main_bottom .cs .tel { display: block; margin-bottom: 15px; }
.main_bottom .cs .tel a { font-size: 24px; color:#fff; }
/*.main_bottom .cs .tel a:hover { color:#d10f30; }*/
.main_bottom .cs .sns { margin-bottom: 5px; }
.main_bottom .cs .sns a { display: inline-block; font-size:15px; background:#FEE500; padding:3px 7px; word-break:keep-all; }
.main_bottom .cs .sns i { font-size: 20px; vertical-align:-3px; }
.main_bottom .cs dl dt,
.main_bottom .cs dl dd { line-height: 1.7; font-size: 14px; word-break:keep-all; }
.main_bottom .cs dl dt { font-weight: 600; }
.main_bottom .cs dl dt { float:left; padding-right:10px; }
.main_bottom .cs dl dt:before { content:'|'; margin-right:10px; }


@media all and (max-width:768px) {
	.main_bottom .inner { display:block; }
	.main_bottom .notice,
	.main_bottom .cs { width:100%; margin:0; padding:20px; }
	.main_bottom .inner > div + div { margin-top:40px; }
	.main_bottom .title { margin-bottom:20px; }
	.main_bottom .notice ul li { margin-bottom:2px; }
	.main_bottom .notice ul li a { font-size:13px; }
	.main_bottom .cs .tel a { font-size:20px; }
	.main_bottom .cs .sns a { font-size:13px; }
	.main_bottom .cs dl dt,
	.main_bottom .cs dl dd { font-size: 13px; }
}

.main .best {width:50%; float:left; padding-right:20px; border-right:1px dashed #ddd; }
.main .best .chef { margin-bottom:20px; }
.main .best .chef ul { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items: flex-start; }
.main .best .chef ul li { width:33.3333%; margin-bottom: 30px; }
.main .best .chef ul li a { display:block; padding:0 10px; position:relative; }
.main .best .chef ul li a .img { margin-bottom: 10px; overflow:hidden; border-radius:50%; }
.main .best .chef ul li a .img img { transition: all 0.3s ease; }
.main .best .chef ul li a .nick { font-size:18px; color: #222; font-weight:600; line-height : 1.5; text-align:center; }
.main .best .chef ul li a:hover .img img { transform:scale(1.1); }
.main .best .chef ul li a:hover .nick { opacity:0.7; }
.main .best .keyword ul { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items: flex-start; }
.main .best .keyword ul li { width:33.3333%; margin-bottom: 25px; }
.main .best .keyword ul li a { display:inline-block; padding-left:44px; width:100%; height:36px; position:relative; line-height:36px; font-size:16px; font-weight:400; letter-spacing:-0.5px; }
.main .best .keyword ul li a:hover { font-weight:600; }
.main .best ul li a:before { position:absolute; top:0; left:0px; display:block; background:rgba(255,255,255,0.9); border:1px solid #f45f78; border-radius : 6px; width:36px; height:36px; line-height:36px; text-align:center; font-family: 'nq', sans-serif; font-size:20px; font-weight:900; color:#f45f78; z-index:10; transition: all 0.1s ease; }
.main .best ul li:nth-child(1) a:before { content:'1'; background:rgba(255, 107, 129,0.9); color:#fff; }
.main .best ul li:nth-child(2) a:before { content:'2'; }
.main .best ul li:nth-child(3) a:before { content:'3'; }
.main .best ul li:nth-child(4) a:before { content:'4'; }
.main .best ul li:nth-child(5) a:before { content:'5'; }
.main .best ul li:nth-child(6) a:before { content:'6'; }
.main .best ul li:nth-child(7) a:before { content:'7'; }
.main .best ul li:nth-child(8) a:before { content:'8'; }
.main .best ul li:nth-child(9) a:before { content:'9'; }
.main .best ul li:nth-child(10) a:before { content:'10'; }
.main .best ul li:nth-child(11) a:before { content:'11'; }
.main .best ul li:nth-child(12) a:before { content:'12'; }
.main .best ul li a:hover:before { background:#f8b6b7; color:#fff; }

.main .ebook {width:50%; float:left; padding-left:20px;}
.main .ebook .magazine { margin-bottom:20px; }
.main .ebook ul { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:flex-start;}
.main .ebook ul li { width:calc(33.33% - 6px); margin:0 3px; }
.main .ebook ul li a .img { width:100%; height: 216px; border:1px solid #ddd; margin-bottom:13px; overflow: hidden; text-align:center; }
.main .ebook ul li a .img img { width:100%; height: 100%; object-fit: cover; vertical-align:middle; transition: all 0.3s ease; }
.main .ebook ul li a .tit { font-size:18px; color: #222; font-weight:600; line-height : 1.4; text-align:center; margin-bottom:25px; word-break:keep-all; }
.main .ebook ul li a .info { display:block; color:#999; font-size:13px; font-weight:400; letter-spacing:-0.5px; margin-top:5px; }
.main .ebook ul li a:hover .img img { transform:scale(1.1); }
.main .ebook ul li a:hover .tit { opacity:0.7; }

.aside { position: fixed; top: 170px; }
.aside.left { left:50%; margin-left:-720px; width:200px; }
.aside.right { right:50%; margin-right:-720px; width:200px; }
.aside .banner ul li { margin-bottom:5px; box-sizing:border-box; }

/*
.main .latest1 { float:left; width:240px; }
.main .title { font-size:24px; color: #222; margin-bottom: 10px; }
.main .title a { float:right; font-size:13px; letter-spacing:-0.5px; padding-top:5px; }
.main .latest1 .article + .article { padding-top:10px; margin-top:10px; border-top:1px solid #ddd; }
.main .latest1 .article a { display: block; color: #454545; overflow: hidden;}
.main .latest1 .article a .date { font-size:12px; color: #888; display: block; margin-bottom: 3px;}
.main .latest1 .article a .subj { font-size:14px; color:#fff; background:#85bcc1; display: inline-block; vertical-align: middle; padding:4px 7px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .latest1 .article a .txt { font-size:12px; line-height: 16px; max-height:32px; overflow: hidden; margin-top:5px; }
.main .latest2 { float:left; margin:0 20px; width:240px; }
.main .latest2 ul li { }
.main .latest1 ul li a, .main .latest2 ul li a { display: block; font-size:13px; color: #444; line-height: 26px; padding-left: 14px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main .latest1 ul li a:before, .main .latest2 ul li a:before { content: ''; position: absolute; left: 0; top:9px; width:4px; height: 4px; border: 2px solid #777; border-radius:100%; }
.main .banners { float:right; width:463px; position: relative; padding-right:206px;}
.main .banners > a { display: block; margin-bottom: 13px; }
.main .banners p { position: absolute; right:0; top:0px; width:193px;}
.main .banners p.floating { position: fixed; right:20px; top:30%; width:193px; }
*/

.main .myinfo { width:280px; }
.scroller .myinfo { width:100%; } 
.main .myinfo .login { height:calc(100% - 260px); }
.scroller .myinfo .login { height:140px; border-bottom:1px solid rgba(255,255,255,0.6); }
.myinfo .login { background:#d10f30; padding:20px; position:relative; }
.myinfo .login:after  { display: block; content: ''; clear: both; }
.myinfo .login p { color:#fff; margin-bottom:5px; }
.myinfo .login p strong { font-size:15px; }
.myinfo .login > a { font-size: 13px; letter-spacing:-0.025em; font-weight:600; display: inline-block; vertical-align: middle; line-height: 1.4; color:rgba(255,255,255,0.75); transition: all .15s ease-in-out; }
.myinfo .login > a:hover { color:#fff; }
.myinfo .login > a:fist-child { float:left; }
.myinfo .login > a:nth-child(2) { float:right; }
.myinfo .login a.logout { position:absolute; top:18px; right:20px; border:1px solid rgba(255,255,255,0.75); color:rgba(255,255,255,0.75); padding: 5px 10px; text-align: center; }
.myinfo .login a.logout:hover { color:#f02a4b; border-color:#fff; background:#fff; }
.myinfo .login a.user i { padding:0 0 0 0px; transition: padding 0.15s ease; }
.myinfo .login a.user:hover i { padding:0 0 0 4px; }
.myinfo .login .button { display:flex; justify-content:center; align-items:center; margin-bottom:15px; }
.myinfo .login .button a { width:calc(50% - 2px); margin:0 1px; height:60px; display:flex; justify-content:center; align-items:center; background:#fff; color:#333; padding: 10px 20px; text-align: center; font-size: 14px; transition: all .15s ease-in-out; }
.myinfo .login .button a:hover { color:#000; box-shadow: 0 3px 6px rgba(0,0,0,0.2); }
.myinfo .login .quick_button { position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:center; align-items:center; border-top:1px solid rgba(255,255,255,0.6); }
.myinfo .login .quick_button li { width:25%; border-right:1px solid rgba(255,255,255,0.6); }
.myinfo .login .quick_button li:last-child { border-right:none; }
.myinfo .login .quick_button li a { position:relative; display:block; height:55px; display:flex; justify-content:center; align-items:center; color:#fff; text-align:center; line-height:1.3; transition: all .15s ease-in-out; }
.myinfo .login .quick_button.num li a { padding-top:8px; }
.myinfo .login .quick_button li a .num { position: absolute; top: -16px; left: 0; text-align: center; display: block; width: 100%; }
.myinfo .login .quick_button li a .num span { display: inline-block; margin-top: 5px; font-size: 14px; font-weight: 700; background: #fff; color:#f02a4b; padding: 2px 7px 1px; border-radius: 30px; }
.myinfo .login .quick_button li a:hover { background:rgba(255,255,255,0.2); }
.myinfo .recommend { height:220px; background:#fff; }
.myinfo .recommend > .tit { height:40px; line-height: 40px; font-family: 'nq', sans-serif; font-size:17px; font-weight:600; padding-left:20px; border-bottom:1px solid #ddd; }
.myinfo .card_mini { display:flex; justify-content:center; height:180px; }
.myinfo .card_mini > li { width:50%; }
.myinfo .card_mini > li:last-child { border-left: 1px solid #ddd; }
.myinfo .card_mini > li a { display:inline-block; width:100%; height:100%; padding:20px; }
.myinfo .card_mini .company { font-size: 12px; letter-spacing: -0.5px; color: #333; line-height: 1.6; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.myinfo .card_mini .tit { font-family:'Roboto','noto', sans-serif; font-size: 14px; letter-spacing: -0.5px; color: #222; font-weight: 600; overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.4em; height:calc(1.4em * 2); margin-bottom: 10px; }
.myinfo .card_mini .hashtag { font-size: 12px; letter-spacing: -0.5px; color: #bbb; line-height: 1.4; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.4em; height:calc(1.4em * 2); margin-bottom: 10px; }
.myinfo .card_mini i { font-size:16px; line-height:20px; }
.myinfo .card_mini .fa-star-o { color:#999; }
.myinfo .card_mini .fa-star { color:#f02a4b; }
.myinfo .card_mini .info { float:right; } 
.myinfo .card_mini .info li { display:inline-block; font-size: 12px; letter-spacing: -0.5px; color: #999; line-height:20px; }
.myinfo .card_mini .info .quick { color:#f02a4b; border:1px solid #f02a4b; padding:0 4px; }
.myinfo .card_mini .info .today { color:#d10f30; }
.myinfo .rolling { width:100%; }
.myinfo .rolling .tit { display: inline-block; float: left; width:30px; line-height: 40px; font-size:16px; color: #fff; background:#434a54; text-align:right; }
.myinfo .rolling .roll_tit { width:calc(100% - 60px); height: 40px; position: relative; float: left; overflow: hidden; background:#434a54; }
.myinfo .rolling .roll_tit li{ width:100%; height: 40px; position: absolute; top: 100%; padding:0 5px; }
.myinfo .rolling .roll_tit li:first-child { top:0; }
.myinfo .rolling .roll_tit li a.data { display: block; width:100%; height:40px; line-height: 40px; color: rgba(255,255,255,0.6); font-size:13px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.myinfo .rolling .roll_tit li a.data:hover { color:#fff; }
.myinfo .recommend a.plus { display: inline-block; float: right; width:30px; line-height: 40px; font-size:16px; color: rgba(0,0,0,0.6); }
.myinfo .rolling a.plus { display: inline-block; float: right; width:30px; line-height: 40px; font-size:16px; color: rgba(255,255,255,0.6); background:#434a54; }
.myinfo .recommend a.plus:hover { color:#000; }
.myinfo .rolling a.plus:hover { color:#fff; }
.myinfo .rolling i { vertical-align: -2px; }

#footer {background:#f0f0f0; margin-top:20px; }
#footer .etc { padding:10px 0; background:#f0f0f0; text-align: center; }
#footer .etc a { display:inline-block; margin:0 15px; }
#footer .etc ul { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#footer .etc ul li { width:20%; }
#footer .etc ul li img { width:50px; }
#footer .etc ul li .txt1 { font-size:13px; color:#666; font-weight:300; line-height : 1.7; text-align:center; word-break:keep-all; }
#footer .etc ul li .txt2 { display:block; font-size:17px; color: #222; font-weight:600; line-height : 1.7; letter-spacing:-0.5px; }
#footer .etc ul li br.mo {display:none;}
#footer .copy { background:#f0f0f0; }
#footer .copy .inner { padding:20px 0 30px 190px; position: relative;}
#footer .copy .logo { position: absolute; left: 0; top:20px; }
#footer .copy .menu { margin-bottom: 15px; word-break:keep-all; }
#footer .copy .menu a { margin-right:20px; font-size:13px; letter-spacing:-0.5px; color: #333;}
#footer .copy .addr { font-size:12px; line-height: 17px; letter-spacing:-0.25px; color: #999; word-break:keep-all; }

.btn-m { display: none;position: absolute; left: 0; top:0; width:45px; height: 45px; background: url(../data/hih_images/last/ico_nav.png) no-repeat 50% 50%; background-size:25px auto;}
.bg-gnb { display: none; position: fixed; /* left: 0; */ left: 280px; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7);z-index:2500; }
#m-gnb {position:fixed; left: 0; top:0; bottom:0; z-index:5000; width:280px; left:-280px; background: #fff;  height: 100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
#m-gnb .scroller { position: absolute; left: 0; top:0; bottom:0; width:100%; overflow-y:scroll; text-align: left; padding:0 0 40px;}
#m-gnb .scroller .gnb > li { border-bottom: 1px solid #ddd; }
#m-gnb .scroller .gnb a,
#m-gnb .scroller .welcome a { display: block; padding:10px 15px; font-family: 'nq', sans-serif; font-size:18px; color: #555; position: relative; }
#m-gnb .scroller .gnb > li:nth-child(6) .btn-dep1,
#m-gnb .scroller .gnb > li:last-child .btn-dep1 {color:#d10f30;}
#m-gnb .scroller .gnb > li.dep1 .btn-dep1:before { content: ''; position: absolute; right:15px; top:12px; width:10px; height: 10px; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 
#m-gnb .scroller .gnb > li .btn-dep1 .ico-question { width:16px; height:16px; vertical-align:baseline !important; margin-left:2px; }
#m-gnb .scroller .gnb .dep2 { display: none; }
#m-gnb .scroller .gnb .btn-dep2 { border-top: 1px solid #ddd; background: #f2f2f2; font-family: 'Roboto','noto','nq', sans-serif; font-size:15px; padding-left: 20px;}
#m-gnb .scroller .gnb > li .btn-dep1.active:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); top:17px; }
#m-gnb .scroller .welcome a { background: #434a54; font-family: 'nq', sans-serif; color: #fff; padding:20px 15px;}
#m-gnb .scroller .prev { text-align: right; }
#m-gnb .scroller .prev a { display: inline-block; width:45px; height: 45px; background: url(../img/common/ico_m_close.png) no-repeat 50% 50%; background-size:20px auto; text-indent: -9999px; text-align: left; opacity:0.5;}
#m-gnb .scroller .etc { position: static; padding: 20px 15px 0; text-align:center; }
#m-gnb .scroller .etc a { display:inline-block; padding: 5px 10px; margin:4px 2px; border:1px solid #ddd; border-radius:20px; font-family: 'Roboto','noto','nq', sans-serif; font-size:14px; letter-spacing:-0.5px; }
#m-gnb .scroller .etc a:hover i { color:#d10f30; }

body.fixed .bg-gnb { display: block;  }
body.fixed #m-gnb { left:0; }


.sub-visual { width:100%; min-width:1300px; background:#ccc no-repeat right 0; background-size:contain; /* background-image: url(../img/common/main_bg.jpg); */ text-align: center; color: #fff; padding:25px 15px; /*margin-bottom: 40px;*/ }
.sub-visual .txt1 { font-family: 'nq', sans-serif; font-size:30px; padding-bottom: 20px; margin-bottom: 15px; position: relative; padding-top:10px; color: #333; }
.sub-visual .txt1:before { content: ''; position: absolute; left: 50%; bottom:0; height:1px; background: #333; width:150px;  margin-left: -75px; }
.sub-visual .txt1 .ico-question { width:24px; height:24px; vertical-align:baseline !important; margin-left:2px; }
.sub-visual .txt2 { font-size:13px; line-height: 20px; letter-spacing:-0.5px; }
.sub-visual .txt3 { display: none; }

#e-container { width:1270px; margin: 0 auto;}
#e-container:after { display: block; content: ''; clear: both; }
#e-lnb { float:left; width:193px; margin-top:40px; }
#e-lnb .e-nav { padding:3px; border: 1px solid #ddd; background: #f2f2f2; padding-bottom: 90px; }
#e-lnb .e-nav .title { font-family: 'nq', sans-serif; height:57px; line-height: 57px; padding-left: 15px; font-size:22px; font-weight: 600; color: #fff; background:#434a54/*  url(../img/common/bg_sub_title.png) no-repeat 100% 100% */; margin-bottom: 2px;}
#e-lnb .e-nav ul li a { display: block;padding:15px; font-size:17px; color: #999; border-bottom: 1px solid #ddd;  transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
#e-lnb .e-nav ul li a:hover { background: #666; color: #fff !important;}
#e-lnb .e-nav ul li.active a { color: #222; font-weight: 600;}
#e-lnb .cs { padding:15px 0;}
#e-content { float:right; width:1050px; padding:40px 0 50px; }
#e-content.full { float: none; width:100%; }
#e-content h3 { font-size:30px; font-weight: 900; padding-left:15px; height:35px; line-height: 35px; position: relative; margin-bottom: 20px;}
#e-content h3:before { content: ''; position: absolute; left: 0; top:0; bottom:0; width:5px; background: #333;}

#e-content article {margin:50px 0 0;}
#e-content .sub_wrap { width:100%; display: flex; justify-content:center; align-content: space-around; margin-bottom:30px; }
#e-content .sub_wrap .sub_inner1 { width:50%; padding-right: 50px; padding-bottom:50px; }
#e-content .sub_wrap .sub_inner2 { width:50%; padding-left: 50px; padding-bottom:50px; }
#e-content .sub_wrap img { max-width:100%; display:block; margin:0 auto; }

#e-content h4 { margin-bottom:30px; width:100%; position:relative; }
#e-content 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 #f45f78; border-right: 3px solid #f45f78; }
#e-content h4:after {content:''; display: block; position: absolute; top: 11px; width: 100%; height: 1px; background-color:#ddd; }
#e-content .about .tit { font-size:18px; font-weight: 600; line-height: 1.5; margin-bottom: 20px; word-break:keep-all; letter-spacing:-0.5px; }
#e-content .txt { width:100%; font-size:14px; font-weight:300; line-height: 1.75; letter-spacing:-0.5px; word-break:keep-all; word-wrap:break-word; }
#e-content .txt1.center { text-align:center; }
#e-content .about ul li a { font-size:1em; }
#e-content .btn_download { display: inline-block; vertical-align: middle; margin:20px auto; height: 3em; line-height: 3em; text-align: center; border-radius: 1.5em; font-size: 14px; color: #fff; padding: 0 20px; font-weight: 500; background: #222; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#e-content .btn_download:hover { background:#d10f30; }
#e-content q { display:inline-block; font-size:24px; font-weight: 600; line-height: 1.6; margin-bottom: 20px; word-break:keep-all; }
#e-content mark { background:#bfff00; }

#e-content .about .list { margin-bottom:20px; }
#e-content .list > li { font-size:14px; line-height: 1.6; font-weight:400; letter-spacing:-0.5px; margin:10px 0; padding-left:25px; position:relative; word-break:keep-all; }
#e-content .list > li > ul > li { font-size:13px; font-weight:300; padding-left:10px; margin:5px 0; position:relative; word-break:keep-all; }
#e-content .list li em { color:#d10f30; }
#e-content .list > li:before { content: '▶ '; color:#aaa; position:absolute; top:0; left:0; }
#e-content .list > li > ul > li:before { content: '- '; color:#d10f30; position:absolute; top:0; left:0; font-weight:600; }
#e-content .list_num { font-size:21px; line-height: 1.3; color: #555; margin-bottom:20px; padding-left:21px; }
#e-content .list_num > li { margin-bottom:15px; }
#e-content .list_num ul { margin-top:10px; }
#e-content .list_num ul li { font-size:18px; line-height: 1.5; color: #555; margin-bottom:5px; word-break:keep-all; }
#e-content .list_num ul li:before {content:'- ';}
#e-content .list_col { display: flex; flex-direction:row; flex-wrap:wrap; align-content: space-around; align-items:stretch; }
#e-content .list_col li { width:calc(50% - 10px); margin:5px; background:#efefef; padding: 20px 10px; }
#e-content .list_col li dt { font-size:20px;  line-height: 1.4; font-weight:600; margin-bottom:10px; text-align:center; word-break:keep-all; }
#e-content .list_col li dt i { font-size:30px; font-weight:900; line-height:1.7; color:#d10f30; }
#e-content .list_col li dd { font-size:16px; text-align:center; line-height: 1.6; font-weight:300; letter-spacing:-0.5px; word-break:keep-all; }

#e-content .img { margin-bottom:20px; text-align:center; }

.table {width:100%; border-collapse: collapse; }
.table th {padding:10px 18px; text-align:left; font-size:14px; line-height: 1.6; letter-spacing:-0.5px; font-weight:600; color: #222; word-break:keep-all; width:15%; min-width:86px; max-width:150px; }
.table td {font-size:14px; line-height: 1.6; letter-spacing:-0.5px; padding:10px 18px; word-break:keep-all; }
.table td.account { text-align:right; letter-spacing:0; }
.table thead th,
.table thead td { background:#f02a4b; border:none; text-align:center; font-size:15px; font-weight:500; color: #fff; width:auto; }
.table tbody tr { border-bottom: 1px dashed #ddd; }
/* .table tbody tr:first-child { border-top: 1px dashed #ddd; } */
.table tbody tr:last-child { border-bottom:none; }
.table tfoot th,
.table tfoot td { background:#efefef; text-align:center; font-size:15px; font-weight:500; color: #222; width:auto; }
.table tfoot td strong { color:#f02a4b; }
.table .fa-star-o,
.table .fa-heart-o { color:#999; }
.table .fa-star,
.table .fa-heart { color:#f02a4b; }
.table .sch_word { color: #fff; }

.table.responsive {width:100%; border-collapse: collapse; border-top:2px solid #d10f30; border-bottom: 1px solid #ddd; }
.table.responsive th { padding:10px; word-break:keep-all; width:auto; min-width:86px; max-width:150px; }
.table.responsive td { padding:10px; text-align:center; }
.table.responsive td.table_tit { text-align:left; }
.table.responsive td.account { text-align:right; letter-spacing:0; }

.table.career td.table_tit { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

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

	.table th { padding:10px; width:7em; }
	.table td { padding:10px; }

	/* Force table to not be like tables anymore */
	.table.responsive thead, .table.responsive tbody, .table.responsive tfoot, .table.responsive th, .table.responsive td, .table.responsive tr { display: block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table.responsive { border-bottom:none; }
	.table.responsive thead tr { display:none; }
	.table.responsive tfoot tr th { display:none; }
	.table.responsive tbody tr { border-bottom: 1px solid #f45f78; }	
	.table.responsive td.table_tit { border: none; }
	.table.responsive td { /* Behave  like a "row" */ font-size: 14px !important; border: none; border-bottom: 1px dashed #ddd !important; position: relative; padding-left: calc(7em + 10px) !important; text-align:left !important; }
	.table.responsive tbody td:last-child,
	.table.responsive tfoot td:last-child { border-bottom:none !important; }
	.table.responsive td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 10px; left: 10px; width:7em !important; padding-right: 10px; white-space: nowrap; color:#222; font-weight:600; }
	
	/* Label the data */
	.table.job_offer tbody tr td:nth-of-type(1):before { content: "회사명"; }
	.table.job_offer tbody tr td:nth-of-type(2):before { content: "모집제목"; }
	.table.job_offer tbody tr td:nth-of-type(3):before { content: "편집툴"; }
	.table.job_offer tbody tr td:nth-of-type(4):before { content: "경력"; }
	.table.job_offer tbody tr td:nth-of-type(5):before { content: "마감일"; }
	.table.job_offer tbody tr td:nth-of-type(6):before { content: "수정일"; }

	.table.career tbody tr td:nth-of-type(1):before { content: "회사명"; }
	.table.career tbody tr td:nth-of-type(2):before { content: "담당업무"; }
	.table.career tbody tr td:nth-of-type(3):before { content: "근무기간"; }
	.table.career tfoot tr td:nth-of-type(1):before { content: "총 경력"; }
}

#e-content .board-srch { display: flex; align-items: center;  padding: 40px 0; background: #eff0f1; justify-content: center; margin-bottom: 40px; }
#e-content .board-srch .inp-box { width:45%;position: relative; }
#e-content .board-srch .inp-box .inp-srch { width:100%; border: 0 !important; border-bottom: 2px solid #1f376a !important; height: 60px; font-size:25px; background: none; box-shadow:none; outline:none; font-family: 'nq'; font-weight: 400;}
#e-content .board-srch .inp-box .btn-srch { position: absolute; top:0; height: 60px; right:0; width:60px; background: url(../img/sub/ico_srch.png) no-repeat 50% 50%; outline:none; text-indent: -99999px; }

#e-content .board-list .filter { margin-bottom:20px; }
#e-content .board-list .filter p { display:inline-block; float:left; }
#e-content .board-list .filter ul { display:inline-block; float:right; }
#e-content .board-list .filter:after { display: block; content: ''; clear: both; }
#e-content .board-list .filter ul li { display:inline-block; }
#e-content .board-list .filter ul li ~ li:before { content:'|'; margin:0 7px 0 5px; }
#e-content .board-list .filter ul li a { transition: all 0.15s ease-in-out; }
#e-content .board-list .filter ul li.current a { color: #f02a4b; font-weight:600; }
#e-content .board-list .filter ul li a:hover,
#e-content .board-list .filter ul li a:focus { color:#d10f30; }

#e-content .board-list-img { /*padding: 20px 0;*/ margin-bottom:50px; }
#e-content .board-list-img ul li { padding:30px 0; display: flex; flex-direction:row; flex-wrap:wrap; align-items: center; position:relative; }
#e-content .board-list-img ul li + li { border-top:1px dashed #ddd; }
#e-content .board-list-img ul li:last-child { border-bottom:1px dashed #ddd; }
#e-content .board-list-img ul li .img {  flex: 2; margin-right:25px; margin-bottom: 0; overflow:hidden; }
#e-content .board-list-img ul li .desc { flex: 3; margin-right:25px; }
#e-content .board-list-img ul li .tit dt { font-family: 'nq', sans-serif; font-size:18px; color: #222; font-weight:600; line-height : 1.5; margin-bottom:5px; }
#e-content .board-list-img ul li .tit dd { font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #888; line-height : 1.6; margin-bottom:10px; }
#e-content .board-list-img ul li .desc em { display: inline-block; vertical-align: middle; padding:2px 15px 3px; font-size:12px; color: #777; border: 1px solid #ddd; transition: all 0.5s ease; }
#e-content .board-list-img ul li .stress { color: #f02a4b; }
#e-content .board-list-img ul li .info { text-align:right; flex: 1; }
#e-content .board-list-img ul li .info .price { margin-bottom:10px; }
#e-content .board-list-img ul li .info .price del { display:inline-block; padding-right:3px; color:#999; }
#e-content .board-list-img ul li .info .price .stress { font-family: 'nq', sans-serif; font-size:17px; }
#e-content .board-list-img ul li .info .price .stress small { font-family: 'Roboto','noto', sans-serif; font-size:13px; padding-left:3px; }
#e-content .board-list-img ul.ranking li > a { display: flex; flex-direction:row; flex-wrap:wrap; align-items: center; position:relative; }
#e-content .board-list-img ul.ranking li a:before { position:absolute; top:0; left:6px; display:block; background:rgba(255,255,255,0.9); border-radius : 0 0 6px 6px; width:40px; height:40px; line-height:40px; text-align:center; font-family: 'nq', sans-serif; font-size:20px; font-weight:900; color:#f45f78; z-index:10; }
#e-content .board-list-img ul.ranking li:nth-child(1) a:before { content:'1'; background:rgba(255, 107, 129,0.9); color:#fff; }
#e-content .board-list-img ul.ranking li:nth-child(2) a:before { content:'2'; }
#e-content .board-list-img ul.ranking li:nth-child(3) a:before { content:'3'; }
#e-content .board-list-img ul.ranking li:nth-child(4) a:before { content:'4'; }
#e-content .board-list-img ul.ranking li:nth-child(5) a:before { content:'5'; }
#e-content .board-list-img ul.ranking li:nth-child(6) a:before { content:'6'; }
#e-content .board-list-img ul.ranking li a .img img { transition: all 0.5s ease; }
#e-content .board-list-img ul.ranking li a:hover .img img { transform:scale(1.2); }
#e-content .board-list-img ul.ranking li .desc dl dt { font-family: 'nq', sans-serif; font-size:18px; color: #222; font-weight:600; line-height : 1.5; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
#e-content .board-list-img ul.ranking li .desc dl dd { font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #888; line-height : 1.6; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; -webkit-line-clamp: 2; line-height: 1.6em; height: calc(1.6em * 2); }
#e-content .board-list-img ul.ranking li .special { font-size:14px; letter-spacing:-0.5px; font-weight:300; color: #666; margin-bottom:15px; }
#e-content .board-list-img ul.ranking li .special strong { font-family: 'nq', sans-serif; font-size:17px; color:#d10f30; }
#e-content .board-list-img ul.ranking li .ico-star { width:16px; height:16px; vertical-align:-2px; }
#e-content .board-list-img ul.ranking li .info { text-align:left; font-weight:400; color:#999; }
#e-content .board-list-img ul.ranking li .info .cate { }
#e-content .board-list-img ul.ranking li .info .view { color:#f45f78; }
#e-content .board-list-img ul.ranking li .info .comment { color:#d10f30; }
#e-content .board-list-img ul.ranking li a:hover .desc { opacity:0.7; }
#e-content .board-list-img ul.ranking li a:hover .info em { background: #d10f30; border-color:#d10f30; color: #fff; }

#e-content .board-list-id { padding: 20px 0; }
#e-content .board-list-id ul { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items: flex-start; }
#e-content .board-list-id ul li { width:33.3333%; padding-top:30px; border-top:1px dashed #ddd; margin-bottom: 30px; }
#e-content .board-list-id ul li a { display:block; padding:0 10px; position:relative; }
#e-content .board-list-id ul li a:before { position:absolute; top:0; left:0px; display:block; background:rgba(255,255,255,0.9); border:1px solid #f45f78; border-radius : 6px; width:36px; height:36px; line-height:36px; text-align:center; font-family: 'nq', sans-serif; font-size:20px; font-weight:900; color:#f45f78; z-index:10; }
#e-content .board-list-id ul li:nth-child(1) a:before { content:'1'; background:rgba(255, 107, 129,0.9); color:#fff; }
#e-content .board-list-id ul li:nth-child(2) a:before { content:'2'; }
#e-content .board-list-id ul li:nth-child(3) a:before { content:'3'; }
#e-content .board-list-id ul li:nth-child(4) a:before { content:'4'; }
#e-content .board-list-id ul li:nth-child(5) a:before { content:'5'; }
#e-content .board-list-id ul li:nth-child(6) a:before { content:'6'; }
#e-content .board-list-id ul li:nth-child(7) a:before { content:'7'; }
#e-content .board-list-id ul li:nth-child(8) a:before { content:'8'; }
#e-content .board-list-id ul li:nth-child(9) a:before { content:'9'; }
#e-content .board-list-id ul li a .img { margin-bottom: 10px; overflow:hidden; border-radius:50%; }
#e-content .board-list-id ul li a .img img { transition: all 0.5s ease; }
#e-content .board-list-id ul li a .nick { font-family: 'nq', sans-serif; font-size:18px; color: #222; font-weight:600; line-height : 1.5; text-align:center; }
#e-content .board-list-id ul li a:hover .img img { transform:scale(1.2); }
#e-content .board-list-id ul li a:hover .nick { opacity:0.7; }

@media all and (max-width:768px) {
	#e-content .board-list .filter ul li ~ li:before { margin: 0 3px 0 0px; }
}

#e-content .pagination { text-align: center; font-size:0; margin:30px 0; }
#e-content .pagination li { display: inline-block; vertical-align: middle; margin-right: -1px;}
#e-content .pagination li a { display: block; width: 43px; height: 43px; border: 1px solid #d7dae2; color: #4d4f5c; line-height: 41px; background-color: #fff; font-size: 14px; transition: all 0.5s ease;}
#e-content .pagination li.prev a { background: url(../img/sub/page_prev.png) no-repeat 50% 50%; }
#e-content .pagination li.next a { background: url(../img/sub/page_next.png) no-repeat 50% 50%; }
#e-content .pagination li a:hover,
#e-content .pagination li.active a{ background-color: #d10f30; border-color:#d10f30; position: relative; z-index:2; color: #fff;}

#e-content .map { display:block; width:100%; border: 1px solid #dedede; height: 300px; margin: 10px 0; }

.contact #map { border: 1px solid #ddd; width:100%; margin-bottom: 20px; }
.contact .contact-txt { padding-left: 83px; position: relative; font-size:17px; line-height: 24px; color: #333; background: url(../img/common/ico_map.png) no-repeat 0 50%;}

.area:after { display: block; content: ''; clear: both; }
.area .section { overflow: hidden;}
.area .article { float:left; width:250px; background: #f2f2f2; padding:15px;  line-height: 22px; margin-bottom: 15px; padding-bottom: 40px; }
.area .article + .article { margin-left: 10px; }
.area .article .tit { font-size:30px; font-weight: 600; border-bottom: 1px solid #ccc; line-height: 1.2; padding-bottom: 7px}
.area .article .txt { font-size:14px; padding:15px 0; }
.area .article ul li { font-size:14px; }
.area .article ul li:before { content: 'ㆍ'; display: inline; margin-right:5px; }

.feature { overflow: hidden; }
.feature .title { float:left; margin-right:30px; }
.feature .title p { font-size:30px; line-height: 1.2; font-weight: 200; margin-bottom: 15px; letter-spacing:-0.05em; }
.feature .title p strong { display: block; }
.feature .text { overflow: hidden; padding:30px; background: #f9f9f9; border-radius:5px; }
.feature .text ul li { font-size:13px; line-height: 1.4; color: #999; position: relative; padding-left: 10px; }
.feature .text ul li:before { content: ''; position: absolute;left: 0; top:8px; width:2px; height: 2px; background: #ccc; }
.feature .text ul li + li { margin-top:10px; }
.feature .text ul li.stress { color: #f45f78; }

@media all and (max-width:768px) {
	.feature .title { float:none; text-align: center; margin: 0 0 20px; }
	.feature .title p { font-size:24px; }
	.feature .title p strong { display:inline; }
	.feature .text { padding:20px; }
}

.family .title { height:48px; line-height: 48px; font-size:20px; color: #fff; font-weight: 600;padding-left: 80px; background: #797979 url(../img/common/ico_user.png) no-repeat 10px 100%; margin-bottom: 30px; }
.family ul { margin-bottom: 60px;}
.family ul li { float:left; width:50%; margin-bottom: 30px; overflow: hidden;}
.family ul li .thum { float:left; margin-right:15px; border: 1px solid #ccc; }
.family ul li .info { overflow: hidden; font-size:13px; line-height: 20px; padding-top:10px; }
.family ul li .info strong { display: block; font-size:24px; color: #222; margin-bottom: 10px;}

a.highlight { display:inline-block; position:relative; z-index:2; font-weight:600 !important; word-break:keep-all; }
a.highlight:after { content:""; position:absolute; left:0; bottom:10%; width:100%; height:0.6em; background:rgba(255,107,129,0.2); z-index:-1; }
a.highlight:hover { color:#f02a4b; }

/* ===== 공고 card ===== */

.card_wrap { display:flex; flex-wrap:wrap; margin:-5px; }
.card_wrap .card { margin:5px; border:none; }
.card_wrap .card a { display:block; height:100%; border:1px solid #bbb; transition: all 0.15s ease-in-out; overflow:hidden; }
.card_wrap .card a:hover { border-color:#f45f78; }
.card_wrap .card .card_head,
.card_wrap .card .card_body { margin-bottom:15px; }
.card_wrap .card .logo { /*width:100%; height:56px; text-align:center; display:flex;*/ justify-content:center; align-items:center; }
.card_wrap .card .company { font-size: 12px; letter-spacing: -0.5px; color: #333; line-height: 1.6; margin-bottom: 5px; }
.card_wrap .card .tit { font-family:'Roboto','noto', sans-serif; font-size: 15px; letter-spacing: -0.5px; color: #222; font-weight: 600; overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.4em; height:calc(1.4em * 2); }
.card_wrap .card .info { float:right; } 
.card_wrap .card .info li { display:inline-block; font-size: 12px; letter-spacing: -0.5px; color: #999; line-height:20px; }
.card_wrap .card .info li ~ li { margin-left:5px; }
.card_wrap .card .info .quick { color:#f02a4b; border:1px solid #f02a4b; padding:0 4px; }
.card_wrap .card .info .today { color:#f02a4b; }
.card_wrap .card .info .ico_video { color:#333; }
.card_wrap .card i { font-size:16px; line-height:20px; }
.card_wrap .card .fa-star-o,
.card_wrap .card .fa-heart-o { color:#999; }
.card_wrap .card .fa-star,
.card_wrap .card .fa-heart { color:#f02a4b; }

.card_wrap.profile .card .card_body { padding:0 20px; } 
.card_wrap.profile .card .card_foot { padding:0 20px 20px 20px;  }
.card_wrap.profile .card .person { font-size: 12px; letter-spacing: -0.5px; color: #999; line-height: 1.6; }
.card_wrap.profile .card .tit { margin-bottom: 5px; }
.card_wrap.profile .card .ico { display:inline-block; font-size: 14px; letter-spacing: -0.5px; color: #fff; line-height: 1; padding:4px 4px 2px 3px; background:#f45f78; border-radius:3px; }
.card_wrap.profile .card .ico.minute { background:#e1cc4f; }
.card_wrap.profile .card .ico.hour { background:#5fc5f4; }
.card_wrap.profile .card .ico.month { background:#8e5ff4; }
.card_wrap.profile .card .ico.year { background:#f19260; }
.card_wrap.profile .card .price { display:inline-block; font-size: 14px; letter-spacing: -0.5px; color: #333; line-height: 1.6; font-weight:600; }

.card_wrap .card.blank a { border:1px solid #ddd; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; }
.card_wrap .card.blank a span { display: inline-block; padding: 5px 15px;  border: 1px solid #ddd; border-radius: 30px; font-weight:400; transition: all 0.15s ease-in-out; }
.card_wrap .card.blank a:hover span { border-color:#d10f30; background:#d10f30; color:#fff; }
.card_wrap .card.blank a .card_foot { padding:0; }

.card_wrap.premium .card a { border-color:#f45f78; border-top:6px solid #f45f78; padding:20px; }
.card_wrap.premium .card a:hover { border-color:#d10f30; border-top:6px solid #d10f30; }
.card_wrap.premium .card.blank a { border-color:#ddd; border-top:6px solid #ddd; }

.main .card_wrap .card { width:calc(20% - 10px); }
#e-content .card_wrap .card { width:calc(20% - 10px); } 
#e-content .card_wrap .card .logo.img { margin-bottom:0; }

#e-content .swiper-container { width:calc(100% + 20px); padding-bottom:40px; margin:0 -10px; }
#e-content .swiper-container .swiper-slide { text-align: center; padding:0 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#e-content .swiper-container .swiper-slide a { display:block; width: 100%; height: 100%; }
#e-content .swiper-container .swiper-slide a .img { overflow: hidden; position:relative; margin-bottom:10px; }
#e-content .swiper-container .swiper-slide a .img:before { content:'BEST'; font-size:10px; text-indent:15px; line-height:20px; position:absolute; top:0; right:0; width: 0px; height: 0px; border-bottom: 40px solid transparent; border-right: 40px solid rgba(0,0,0,0.5); color:#fff; z-index:2; transition: all 0.3s ease; }
#e-content .swiper-container .swiper-slide a .img:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; opacity:0.5; z-index:1; transition: all 0.3s ease; }
#e-content .swiper-container .swiper-slide a .img.video:after { background:transparent url(../data/hih_images/last/ico_play.png) no-repeat center center; background-size: 40px auto; }
#e-content .swiper-container .swiper-slide a .img img { width:100%; transition: all 0.3s ease; }
#e-content .swiper-container .swiper-slide a .tit { font-family:'Roboto','noto', sans-serif; font-size: 15px; letter-spacing: -0.5px; color: #222; font-weight: 600; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.4em; height:calc(1.4em * 2); width:100%; word-break:keep-all; }
#e-content .swiper-container .swiper-slide a:hover .img:before { border-right: 40px solid #000; }
#e-content .swiper-container .swiper-slide a:hover .img:after { background-color:rgba(0,0,0,0.5); opacity:1; }
#e-content .swiper-container .swiper-slide a:hover .img img { transform:scale(1.05); }
#e-content .swiper-container .swiper-pagination-bullet { width:14px; height: 14px; border-radius:7px; background: #f45f78; opacity:0.5; transition: all 0.5s ease; }
#e-content .swiper-container .swiper-pagination-bullet-active { width:40px; opacity:1; background: #d10f30; }

.play { width:100%; }
.play .player { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; background: #000; }
.play .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }

@media only screen and (max-width: 768px) {
	.main .card_wrap .card,
	#e-content .card_wrap .card { width:calc(50% - 10px); }
	.card_wrap .card .tit,
	#e-content .swiper-container .swiper-slide a .tit { font-size:14px; }
}

/* ===== 공고 list ===== */

.form.filter { margin: 0 0 50px; }

.table td h5.tit { font-family: 'Roboto','noto','nq', sans-serif; font-weight: 400; }
.table td h5.tit a { line-height:1.5; font-size: 15px; font-weight: 600; letter-spacing: -0.5px; word-break: keep-all; }
.table td h5.tit i { display:inline-block; font-size: 16px; margin-left:5px; }

.table.job_offer td { padding:15px 10px; }
.table.job_offer td .work_type { margin-top:5px; margin-bottom:-5px; }
.table.job_offer td .work_type li { display: inline-block; margin: 0 5px 5px 0; font-size:13px; color: #666; border: 1px solid #aaa; border-radius: 20px; background:#fff; padding: 3px 10px 1px; }
.table.job_offer td .role { display:inline-block; margin-top:5px; }
.table.job_offer td .ico { display:inline-block; font-size: 14px; letter-spacing: -0.5px; color: #fff; line-height: 1; padding:4px 4px 2px 3px; background:#f45f78; border-radius:3px; }
.table.job_offer td .ico.minute { background:#e1cc4f; }
.table.job_offer td .ico.hour { background:#5fc5f4; }
.table.job_offer td .ico.month { background:#8e5ff4; }
.table.job_offer td .ico.year { background:#f19260; }
.table.job_offer td .quick { display: inline-block; font-size:13px; color:#f02a4b; height:21px; padding:0 4px; margin-bottom:4px; border:1px solid #f02a4b; background:#fff; }
.table.job_offer td .today { color:#f02a4b}
.table.job_offer td .register_date { font-size:13px; color:#999; }
.table.job_offer tr.closed { background:#fbfbfb; }
.table.job_offer tr:hover { background:rgba(253, 223, 228, 0.2); }

.list_job.job_offer > li { border-bottom: 5px solid #ddd; }
.list_job.job_offer > li:first-child { border-top: 5px solid #ddd; }
.list_job.job_offer > li.closed { background: #fbfbfb; }
.list_job.job_offer > li .list_head { padding: 15px 0; position:relative; border-bottom: 1px solid #ddd; }
.list_job.job_offer > li .list_foot { padding: 15px 0; position:relative; text-align:center; border-top: 1px solid #ddd; }
.list_job.job_offer > li a { display: block; padding: 15px 0; position:relative; }
.list_job.job_offer > li a .company { font-size: 12px; letter-spacing: -0.5px; color: #333; line-height: 1.6; margin-bottom: 5px; }
.list_job.job_offer > li a .tit { font-family: 'Roboto','noto', sans-serif; font-size: 14px; letter-spacing: -0.5px; color: #222; font-weight: 600; margin-bottom: 5px; /* word-break:keep-all; */ }
.list_job.job_offer > li a .role { margin-bottom:10px; }
.list_job.job_offer > li a .work_type { margin-top:10px; margin-bottom:5px; }
.list_job.job_offer > li a .work_type li { display: inline-block; margin: 0 2px 5px 0; font-size:12px; color: #666; border: 1px solid #aaa; border-radius: 20px; line-height:20px; padding: 2px 7px 1px; }
.list_job.job_offer > li .info li { display: inline-block; margin-right: 12px; font-size: 12px; letter-spacing: -0.5px; color: #999; position: relative; }
.list_job.job_offer > li .info li:after { content:''; position:absolute; top:50%; right:-9px; width:1px; height:13px; margin-top:-6.5px; background:#aaa; }
.list_job.job_offer > li .info li:last-child { margin-right:0;}
.list_job.job_offer > li .info li:last-child:after { display:none; }
.list_job.job_offer > li .info li .today { color:#f02a4b }
.list_job.job_offer > li .info li .dday { letter-spacing:0; }
.list_job.job_offer > li .info.block li { display:block; }
.list_job.job_offer > li .info.block li:after { display:none; }
.list_job.job_offer > li .list_head i,
.list_job.job_offer > li a i { font-size: 16px; display:inline-block; position:absolute; top:15px; right:0; }
.list_job.job_offer > li a .quick { display:inline-block; position:absolute; bottom:15px; right:0; font-size: 12px; letter-spacing: -0.5px; color:#f02a4b; border:1px solid #f02a4b; padding:0 4px; }
.list_job.job_offer > li .ico { display:inline-block; letter-spacing: -0.5px; color: #fff; line-height: 1; padding:2px; background:#f45f78; border-radius:3px; }
.list_job.job_offer > li .ico.minute { background:#e1cc4f; }
.list_job.job_offer > li .ico.hour { background:#5fc5f4; }
.list_job.job_offer > li .ico.month { background:#8e5ff4; }
.list_job.job_offer > li .ico.year { background:#f19260; }

.list_job.job_offer > li .list_head ul { display:flex; }
.list_job.job_offer > li .list_head ul li.push { margin-left:auto; }
.list_job.job_offer > li .list_head .radio-color { margin: 0 !important; }
.list_job.job_offer > li .list_head .radio-color .helper { top:calc(50% - 12px); }
.list_job.job_offer > li .list_head .switch-button { vertical-align:3px; margin-left:3px; }
.list_job.job_offer > li .list_head .stress_more { padding:0 4px; margin:0; vertical-align:-2px; }

#e-content ul li .fa-star-o,
#e-content ul li .fa-heart-o,
#e-content ul li .xi-trash-o { color:#999; }
#e-content ul li .fa-star,
#e-content ul li .fa-heart { color:#f02a4b; }

/* ===== 공고 view ===== */

#e-content .view.head { border:1px solid #aaa; padding:30px; margin-top:50px; }
#e-content .view.head .sub_wrap { align-items:center; margin-bottom:0; }
#e-content .view.head .sub_wrap .sub_inner1 { width:70%; padding-bottom:0; }
#e-content .view.head .sub_wrap .sub_inner2 { width:30%; padding-bottom:0; display:flex; justify-content:flex-end; }
#e-content .view.body .sub_wrap { align-items:stretch; margin-bottom:0; }
#e-content .view.body .sub_wrap .sub_inner1 { width:calc(100% - 911px); }
#e-content .view.body .sub_wrap .sub_inner2 { width:911px; border-left: 1px dashed #aaa; }
/*#e-content .view.body h4:after { display:none; }*/
#e-content .view.foot { border:1px solid #aaa; padding:30px; }
#e-content .view.foot .sub_wrap { align-items:center; margin-bottom:0; }
#e-content .view.foot .sub_wrap .sub_inner1 { padding:0; }
#e-content .view.foot .sub_wrap .sub_inner2 { padding:0; }
#e-content .view.foot.company .sub_wrap .sub_inner1 { width:20%; }
#e-content .view.foot.company .sub_wrap .sub_inner2 { width:40%; padding: 0 50px; }
#e-content .view.foot.company .sub_wrap .sub_inner3 { width:40%; }
/*
#e-content .view.foot.company .sub_wrap .sub_inner1 { width:50%; padding: 0 50px; }
#e-content .view.foot.company .sub_wrap .sub_inner2 { width:50%; padding: 0 50px; }
*/
#e-content .view.foot.person .sub_wrap .sub_inner1 { width:60%; }
#e-content .view.foot.person .sub_wrap .sub_inner2 { width:40%; padding:0 50px; }
#e-content .view.foot.person .img img { width:100%; max-width:640px; }
#e-content .view.foot .img { margin:0; }
#e-content .view.foot .map { height:216px; } 
#e-content .view.foot .swiper-container { width: 100%; margin-left:auto; margin-right:auto; padding-bottom:0; }
#e-content .view.foot .swiper-slide { padding:0; }
#e-content .view.foot .swiper-slide img { width:100%; }
.gallery-top { width: 100%; }
.gallery-thumbs { box-sizing: border-box; padding: 10px 0; margin-bottom:0; }
.gallery-thumbs .swiper-slide { width: 20%; height: 100%; opacity: 0.4; }
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }

.view.head .company,
.view.head .person { font-size: 16px; letter-spacing: -0.5px; color: #333; line-height: 1.6; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.view.head .tit { font-family: 'Roboto','noto', sans-serif; font-size: 24px; letter-spacing: -0.035em; color: #222; font-weight: 600; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; width: auto; -webkit-line-clamp: 2; line-height: 1.4em; height: calc(1.4em * 2); }
.view.head .interest { height:80px; width:35%; }
.view.head .quick { height:80px; width:calc(65% - 10px); margin-left:10px; }
.view.head button { position: relative; font-size:16px; font-weight:700; }
.view.head button .num,
.view.head button .dday { position: absolute; bottom: -12px; left: 0; text-align: center; display: block; width: 100%; }
.view.head button span { display: inline-block; margin-top:5px; font-size: 14px; font-weight: 700; background: #fff; padding: 2px 8px 3px; border-radius: 30px; }
.view.head button .num span { border:1px solid #333; color: #333; }
.view.head button .dday span { border:1px solid #d10f30; color: #d10f30; }
.view.head button .fa-star-o,
.view.head button .fa-heart-o { color:#333; }
.view.head button .fa-star,
.view.head button .fa-heart { color:#f02a4b; }
.view.body .table td a { font-size:14px; line-height: 1.6; letter-spacing:-0.5px; font-weight:500; color: #222; word-break:keep-all; }
.view.body .table td a:hover { color:#f02a4b; }
.view.body .table .ico { display:inline-block; font-size: 14px; letter-spacing: -0.5px; color: #fff; line-height: 1; padding:4px 4px 2px 3px; background:#f45f78; border-radius:3px; }
.view.body .table .ico.minute { background:#e1cc4f; }
.view.body .table .ico.hour { background:#5fc5f4; }
.view.body .table .ico.month { background:#8e5ff4; }
.view.body .table .ico.year { background:#f19260; }

.step_progress { list-style: none; position: relative; width:100%; display: flex; justify-content:center; align-items: center;  align-content: center; }
.step_progress li { display:block; position: relative; padding: 0 30px; width: 33.3333%; text-align: center; vertical-align: top; }
.step_progress li:before { display: block; position: relative; z-index: 1; margin: 5px auto; width: 6em; padding:6px 5px 5px; font-weight: 700; color: #f45f78; border:1px solid #f45f78; border-radius: 20px; font-size: 10px; line-height:1; letter-spacing:0.5px; text-align: center; background: #fff; }
.step_progress li:after { content: ""; position: absolute; left: 0; top: 15px; right: 0; height: 2px; background: #f45f78; }
.step_progress li:first-of-type:after { left: 50%; }
.step_progress li:last-of-type:after { right: 50%; }
.step_progress li:nth-child(1):before { content: "STEP 1"; }
.step_progress li:nth-child(2):before { content: "STEP 2"; }
.step_progress li:nth-child(3):before { content: "STEP 3"; }

@media all and (max-width:768px) {
	#e-content .view.head,
	#e-content .view.foot { padding:30px 18px; }
	#e-content .view.head .sub_wrap .sub_inner1,
	#e-content .view.head .sub_wrap .sub_inner2,
	#e-content .view.body .sub_wrap .sub_inner1,
	#e-content .view.body .sub_wrap .sub_inner2,
	#e-content .view.foot .sub_wrap .sub_inner1,
	#e-content .view.foot .sub_wrap .sub_inner2,
	#e-content .view.foot .sub_wrap .sub_inner3 { width:100% !important; padding:0 !important; }
	#e-content .view.body .sub_wrap .sub_inner2 { border-left: none; }
	#e-content .view.body { margin-bottom:50px; }
	#e-content .view.foot .img { margin-bottom:20px; }
	#e-content .view.foot .map { margin-top:20px; height:300px; }
	.gallery-top { padding-top:20px; }

	.view.head .company,
	.view.head .person { font-size:14px; }
	.view.head .tit { display:block; height:auto; font-size: 20px; margin-bottom:15px; overflow: visible; text-overflow: clip; white-space: normal; word-break:keep-all; }
	.view.head .interest,
	.view.head .quick { height:60px; font-size:14px; }
	.step_progress li { padding: 0 10px; }
}

/* ===== 공고 templet wanted ad ===== */

#e-content .templet_wanted_ad { width:100%; margin:0 auto; }
#e-content .templet_wanted_ad .inner { width:100%; margin:0 auto; }
#e-content .templet_wanted_ad .main { background:#434a54 no-repeat top center; }
#e-content .templet_wanted_ad .main,
#e-content .templet_wanted_ad .cont { width:100%; padding:40px 20px; }
#e-content .templet_wanted_ad .main h4 { font-family: 'Roboto', 'noto', sans-serif; font-size:18px; color: #bfcafb; font-weight:300; line-height: 1; margin:0; margin-bottom:15px; word-break:keep-all; width:auto; }		
#e-content .templet_wanted_ad .main h4:after { display:none; }
#e-content .templet_wanted_ad .main h5 { font-size:24px; color: #fff; font-weight:600; line-height: 1.5; margin:0; margin-bottom:20px; word-break:keep-all; }
#e-content .templet_wanted_ad .main h5 small { font-weight:400; }
#e-content .templet_wanted_ad .main .desc { font-size:14px; color:#fff; font-weight:300; line-height: 1.5; word-break:keep-all; }
#e-content .templet_wanted_ad .tit { background:#f5f5f5; font-size:17px; padding:20px; margin-bottom:15px; }
#e-content .templet_wanted_ad .cont { border:1px solid #ddd; }
#e-content .templet_wanted_ad .cont h6 { margin:0; margin-bottom:20px; width:100%; position:relative; }
#e-content .templet_wanted_ad .cont h6 strong { display: inline-block; position: relative; z-index: 1; background:#fff; padding: 0 15px 0 15px; font-size:18px; font-weight:600; color: #222; line-height:1; border-left: 3px solid #5f7af4; word-break:keep-all; }
#e-content .templet_wanted_ad .cont article { margin:0; margin-bottom:40px; }
#e-content .templet_wanted_ad .cont article:last-child { margin-bottom:0; }
#e-content .templet_wanted_ad .cont dl { line-height: 1.5; }
#e-content .templet_wanted_ad .cont dl dt { color: #5f7af4; font-size:16px; margin-bottom:5px; }
#e-content .templet_wanted_ad .cont dl dd { margin:0; margin-bottom:15px; }
#e-content .templet_wanted_ad .list { margin:0; margin-bottom:15px; list-style:none; }
#e-content .templet_wanted_ad .list > li { list-style:none; position:relative; text-align:left; line-height: 1.5; word-break:keep-all; margin-left:8px; margin-bottom:5px; padding-left:0; }
#e-content .templet_wanted_ad .list > li:before { content:''; position:absolute; left:-8px; top:8px; width:3px; height:3px; background:#5f7af4; }
#e-content .templet_wanted_ad .notes { color:#f45f78; font-weight:300; line-height: 1.5; word-break:keep-all; }

/* ===== 궁금하지 list ===== */

#e-content .qa_expert { width:100%; }
#e-content .qa_expert .head { display: inline-block; letter-spacing: -0.5px; line-height: 20px; border: 1px solid #222; border-radius:20px; padding: 3px 10px 2px; margin-bottom:20px; }
#e-content .qa_expert .cont .tit { font-family: 'nq', sans-serif; font-size: 17px; line-height: 1.4em; font-weight: 600; letter-spacing:-0.1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:keep-all; margin-bottom: 10px; position:relative; }
#e-content .qa_expert .cont .hashtag { letter-spacing: -0.5px; }
#e-content .qa_expert .cont .txt { font-size: 14px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; word-break: normal; 
	display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; line-height: 1.5em; height:calc(1.5em * 2); margin-bottom: 15px; }
#e-content .qa_expert .info {}
#e-content .qa_expert .info li { display:inline-block; margin-right:12px; color:#666; line-height: 20px; position:relative; }
#e-content .qa_expert .info li:after { content:''; position:absolute; top:2px; right:-8px; width:1px; height:14px; background:#aaa; }
#e-content .qa_expert .info li:last-child { margin-right:0;}
#e-content .qa_expert .info li:last-child:after { display:none; }
#e-content .qa_expert .info li strong { color:#f02a4b; }
#e-content .qa_expert .answer { width:calc(100% + 45px); margin:15px -15px 0 -30px; background:#f5f5f5; color:#666; padding:10px 15px 15px 0; font-size: 14px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; }
#e-content .qa_expert .answer .capital { display:inline-block; width:30px; text-align:center; font-size:24px; color:#f02a4b; z-index:1; }

#e-content .qa_expert .recommend { display:flex; margin:50px -10px 0; }
#e-content .qa_expert .recommend li { width:33.3333%; margin:0 10px; }
#e-content .qa_expert .recommend li a { display:block; border-radius: 3px; padding: 30px; }
#e-content .qa_expert .recommend li:nth-child(1) a { background-color:#d10f30; }
#e-content .qa_expert .recommend li:nth-child(2) a { background-color:#f45f78; }
#e-content .qa_expert .recommend li:nth-child(3) a { background-color:#434a54; }
#e-content .qa_expert .recommend li .head { color:#fff; border-color:#fff; }
#e-content .qa_expert .recommend li .cont .tit { color:#fff; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; width:auto; -webkit-line-clamp: 2; height:calc(1.4em * 2); }
#e-content .qa_expert .recommend li .cont .hashtag { font-size: 12px; color:rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4em; margin-bottom: 10px; }
#e-content .qa_expert .recommend li .cont .txt { color:#fff; margin-bottom: 0; }

#e-content .qa_expert .qalist { width:100%; }
#e-content .qa_expert .qalist > li { border-bottom:1px dashed #ddd; }
#e-content .qa_expert .qalist > li:first-child { border-top:1px dashed #ddd; }
#e-content .qa_expert .qalist > li a { display:block; padding: 20px 15px 20px 30px; }
#e-content .qa_expert .qalist > li a:hover { background:rgba(253, 223, 228, 0.2); }
#e-content .qa_expert .qalist .cont .tit { width:calc(100% + 30px); margin-left:-30px; margin-bottom: 15px; }
#e-content .qa_expert .qalist .cont .tit .capital { display:inline-block; width:30px; text-align:center; font-size:24px; color:#f02a4b; z-index:1; }
#e-content .qa_expert .qalist .cont .txt { color:#aaa; }
#e-content .qa_expert .qalist .hashtag { margin-bottom:5px; }
#e-content .qa_expert .qalist .hashtag li { display:inline-block; margin:0 5px 10px 0; line-height: 20px; color:#666; border: 1px solid #aaa; border-radius:20px; padding: 3px 10px 2px; background:#fff; }
#e-content .qa_expert .qalist .hashtag li:before { content:'#'; padding-right:1px; }

#e-content .qa_expert .keyword ul li { display:inline-block; }
#e-content .qa_expert .keyword ul li a { display:inline-block; margin:0 5px 10px 0; line-height: 20px; color:#f45f78; border: 1px solid #f45f78; border-radius:20px; padding: 3px 10px 2px; transition: all 0.15s ease-in-out; }
#e-content .qa_expert .keyword ul li a:before { content:'#'; padding-right:1px; }
#e-content .qa_expert .keyword ul li a:hover { color:#fff; border-color:#d10f30; background:#d10f30; }

#e-content .qa_expert .filter { margin:50px 0 20px; }
#e-content .qa_expert .filter p { display:inline-block; float:left; }
#e-content .qa_expert .filter ul { display:inline-block; float:right; }
#e-content .qa_expert .filter:after { display: block; content: ''; clear: both; }
#e-content .qa_expert .filter ul li { display:inline-block; }
#e-content .qa_expert .filter ul li ~ li:before { content:'|'; margin:0 7px 0 5px; }
#e-content .qa_expert .filter ul li a { transition: all 0.15s ease-in-out; }
#e-content .qa_expert .filter ul li.current a { color: #f02a4b; font-weight:600; }
#e-content .qa_expert .filter ul li a:hover,
#e-content .qa_expert .filter ul li a:focus { color:#d10f30; }

@media all and (max-width:768px) {
	#e-content .qa_expert .recommend li { width:50%; margin:0 10px; }
	#e-content .qa_expert .recommend li:nth-child(3) { display:none; }
	#e-content .qa_expert .qalist > li a { display:block; padding: 15px 15px 15px 30px; }
	#e-content .qa_expert .qalist .cont .tit { padding-left:30px; overflow: visible; text-overflow: clip; white-space: normal; word-break:keep-all; }
	#e-content .qa_expert .qalist .cont .tit .capital { margin-left:-30px; }
	#e-content .qa_expert .filter ul li ~ li:before { margin: 0 3px 0 0px; }
}
@media all and (max-width:560px) {
	#e-content .qa_expert .recommend li { width:100%; margin:0 10px; }
	#e-content .qa_expert .recommend li:nth-child(2) { display:none; }
}

/* ===== 마이페이지 ===== */

.flex_box { height:100%; display:flex; }
.flex_box .col1 { width:100%; }
.flex_box .col2 { width:calc(100% / 2); }
.flex_box .col3 { width:calc(100% / 3); }
.flex_box .col4 { width:calc(100% / 4); }
.flex_box .col5 { width:calc(100% / 5); }

.nav-tabs{ width:100%; display:flex; border-bottom: 1px solid #e9e9e9; position: relative; padding:0 30px; }
.nav-tabs .nav-item { display: block; width:auto; padding: 15px 0; cursor: pointer; z-index:1; text-align:center; margin-right:30px; }
.nav-tabs .nav-link { display: block; width:100%; height:100%; color: #aaa; position: relative; font-size:15px; font-weight:600; letter-spacing: -0.05em; word-break:keep-all; }
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { color: #222; }
.nav-tabs .nav-item.current .nav-link,
.nav-tabs .nav-item.current .nav-link:focus,
.nav-tabs .nav-item.current .nav-link:hover { color: #d10f30; }
.nav-tabs .nav-item.current .nav-link:after { content:''; position: absolute; height: 2px; width:100%; left:0; bottom: -15px; background:#d10f30; }
.tab-content { width:100%; position:relative; padding: 30px; }
.tab-content .tab-panel{ display: none; width:100%; }
.tab-content .tab-panel.current{ display: inherit; }

.profile_box { background:#fff; padding:30px 0; text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.profile_box .tit { color:#222; font-size:15px; font-weight:600; letter-spacing: -0.05em; padding: 15px 0; }
.profile_box .img.face { display:inline-block; width:60px; height:60px; border-radius:50%; overflow:hidden; margin:5px 0 !important; }
.profile_box .img.logo { display:inline-block; width:100%; height:auto; margin:5px 0 !important; }
.profile_box .name { font-size:17px; color:#000; margin:10px 0; font-weight:400; }
.profile_box p { color:#aaa; margin:5px 0 15px; letter-spacing: -0.05em; }
.profile_box p a { color:#aaa; letter-spacing: -0.05em; }
.profile_box p a:hover { color: #222; }
.tab_box { width:calc(100% - 30px); background:#fff; padding:30px 0; margin-left:30px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); } 
.tab_box .btn_box { text-align:right; }
.tab_box .table ~ .btn_box { margin-top:20px; }

.table td .stress { color: #f02a4b; font-size:13px; font-weight:normal; }
.table td .stress.gray { color: #999; }
.table td .stress_more { display: inline-block; font-size: 13px; color: #f02a4b; height: 21px; padding: 0 4px; margin-bottom: 4px; border: 1px solid #f02a4b; background: #fff; }
.table td .stress_more.gray { color: #999; border-color: #999; }
.list_job.job_offer > li .stress { color: #f02a4b; border-color:#f02a4b; font-size:12px; font-weight:normal; }
.list_job.job_offer > li .stress.gray { color: #999; }
.list_job.job_offer > li .stress_more { display: inline-block; font-size: 12px; color: #f02a4b; height: 21px; padding: 1px 4px 0; margin-bottom: 4px; border: 1px solid #f02a4b; background: #fff; }
.list_job.job_offer > li .stress_more.gray { color: #999; border-color: #999; }

.tab-content .tab-panel .table.responsive .checkbox-color { margin: 0 !important; }
.tab-content .tab-panel .table.responsive .checkbox-color label::before { top:-15px;  }
.tab-content .tab-panel .table.responsive .checkbox-color label::after { top:-15px; }
.tab-content .tab-panel .table.responsive .radio-color { margin: 0 !important; }
.tab-content .tab-panel .table.responsive .radio-color .helper { top:calc(50% - 14px); }
.tab-content .tab-panel .mypage_form { margin-bottom:15px; }

@media only screen and (max-width: 768px){
	.flex_box { flex-direction:column; }
	.flex_box .col { width: 100%; height:auto; margin:15px 0; }
	.flex_box.mobile { flex-direction:row; }
	.flex_box.mobile .col1 { width:100%; }
	.flex_box.mobile .col2 { width:calc(100% / 2); }
	.flex_box.mobile .col3 { width:calc(100% / 3); }
	.flex_box.mobile .col4 { width:calc(100% / 4); }
	.flex_box.mobile .col5 { width:calc(100% / 5); }

	.profile_box { padding:0; }
	.nav-tabs { padding:0 15px; }
	.nav-tabs .nav-link { font-size:12px; }
	.nav-tabs .nav-item {margin-right:15px; }
	.tab_box { width:100%; margin-left:0; padding: 20px 0; }
	.tab_box .btn_box { text-align:center; }
	.tab-content { padding:20px 0; padding-bottom:0; }
	.tab-content .list_job.job_offer > li { padding:0 15px; }
	.tab-content .tab-panel .mypage_form { padding:0 15px; }
}

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

.j-pro, .j-pro > * { font-family: 'noto', AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; font-size:14px; }
.j-wrapper { margin:0; padding: 0; }
.j-pro { box-shadow: none; /*border: 1px solid rgba(0, 0, 0, 0.15);*/ }
.j-pro .j-header { background-color: #f45f78; border-top: 1px solid #f45f78; box-shadow: none; }
.j-pro .j-content { padding: 20px 20px 0; }
.j-pro .j-unit { margin-bottom:20px; }
.j-pro .j-icon-right { border-left: 1px solid rgba(0, 0, 0, 0.32); }
.j-pro .j-icon-left { border-right: 1px solid rgba(0, 0, 0, 0.32); }
.j-pro .j-icon-right.required i { color:#f45f78 !important; }
.j-pro .j-footer { background-color: #fff; /*border-top: 1px dashed #ccc;*/ border-top: transparent; padding: 20px 25px; position: inherit; text-align:right; }
.j-pro .j-footer button { margin:0 0 0 5px; }
.j-pro .j-divider-text span { font-family:'nq'; 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 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 textarea, .j-forms select {
	border: 1px solid rgba(0, 0, 0, 0.15); font-size:14px; }
.j-pro input[type="text"]:required:invalid, .j-pro input[type="number"]:required:invalid, .j-pro input[type="tel"]:required:invalid, .j-pro input[type="password"]:required:invalid, .j-pro input[type="email"]:required:invalid, .j-pro input[type="search"]:required:invalid, .j-pro input[type="url"]:required:invalid, .j-pro textarea:required:invalid, .j-pro select:required:invalid,
.j-forms input[type="text"]:required:invalid, .j-forms input[type="number"]:required:invalid, .j-forms input[type="tel"]:required:invalid, .j-forms input[type="password"]:required:invalid, .j-forms input[type="email"]:required:invalid, .j-forms input[type="search"]:required:invalid, .j-forms input[type="url"]:required:invalid, .j-forms textarea:required:invalid, .j-forms select:required:invalid {
	border: 1px solid rgba(244,95,120,0.5); }
.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 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 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 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 textarea:focus, .j-forms select:focus {
	border: 1px solid #f45f78; }
.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 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 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: #f45f78; }
.j-pro .j-tooltip:before, .j-pro .j-tooltip-image:before { border-color: #f45f78 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: #f45f78; }
.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: #d10f30; }
.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: #d10f30; }
.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: #f45f78; 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: #f45f78; border-top: 1px solid #f45f78; box-shadow: none; }
.j-forms .divider-text span { color: #222; }
.j-forms .widget .addon, .j-forms .widget .addon-btn { background-color: #f45f78; 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: #f45f78; }
.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: #f45f78; }
.j-forms .stepper .stepper-arrow:hover { background-color: #d10f30; }
.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; }
.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, .j-pro .j-divider-text { border-top: none; }
	.j-forms .j-divider-text span, .j-pro .j-divider-text span { white-space: unset; background: transparent; border: none; }
*/
	.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; }
}

/* ===== 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 #ccc; border-radius: 2px; box-sizing: border-box; background-color: #fff; transition: all 0.15s ease-in-out; }
.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: #ccc; }
.checkbox-color input[type="checkbox"]:checked + label::before { border-color: #f45f78; background-color: #f45f78; }

.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: #f45f78; }
.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: all 0.15s ease-in-out; }
.radio-color .helper::before { border: 1px solid rgba(0, 0, 0, 0.32); }
.radio-color .helper::after { background-color: #f45f78; border: 1px solid #f45f78; }
.radio-color label:hover .helper { color: #f45f78; }
.radio-color input:checked ~ .helper::after { transform: scale(0.5); }
.radio-color input:checked ~ .helper::before { border-color: #f45f78; }

.btn-square { font-family: 'noto', AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; color:#333; background-color: rgb(239, 239, 239);
	display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 3px; border: 1px solid transparent; line-height: 1.25; text-transform: capitalize; font-size: 15px; padding: 10px 19px; cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .15s ease-in-out; }
.btn-square:hover,
.btn-square:focus,
.btn-square:active { background-color: #ddd; border-color: #ddd; }
.btn-round { font-family: 'noto', AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; color:#333; background-color: rgb(239, 239, 239);
	display: inline-block !important; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 30px; border: 1px solid transparent; line-height: 1.25; text-transform: capitalize; padding: 10px 19px; cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .15s ease-in-out; }
.btn-round:focus,
.btn-round:hover,
.btn-round:active { background-color: #ddd; border-color: #ddd; }
.btn-primary { background-color: #f45f78; color:#fff !important; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background-color: #d10f30; border-color: #d10f30; }
.btn-success { background-color: #aacc77; color:#fff !important; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active { background-color: #73993a; border-color: #73993a; }
.btn-info { background-color: #5f7af4; color:#fff !important; }
.btn-info:hover,
.btn-info:focus,
.btn-info:active { background-color: #0f33d1; border-color: #0f33d1; }
.btn-delete { background-color: #ddd; color:#fff !important; }
.btn-delete:hover,
.btn-delete:focus,
.btn-delete:active { background-color: #aaa; border-color: #aaa; }

.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; }

.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: .15s; transition: .15s; }
.onoff-switch:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .5s; transition: .4s; 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: all.4s; -moz-transition: all.4s; -ms-transition: all.4s; -o-transition: all.4s; transition: all.4s; }
.form-control:hover,
.form-control:focus { border: 1px solid #d10f30; outline:none; }

.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: all.4s; -moz-transition: all.4s; -ms-transition: all.4s; -o-transition: all.4s; transition: all.4s; }
.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: all ease-in 0.3s; }

@media all and (max-width:768px) {
	.btn-square { padding: 10px 10px !important; font-size:14px; }
	.btn-round { padding: 5px 10px !important; font-size:12px; }
	.j-pro input[type="date"].form-control { width:calc(100% - 150px); }
}

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

/* ===== register ===== */

.register.intro .desc li { color:#999; text-align:center; letter-spacing: -0.5px; word-break: keep-all; }
.register.intro .join { display:flex; margin:0 -40px; }
.register.intro .join > li { width:50%; }
.register.intro .join > li a { margin:40px; padding:40px; border:1px solid #ddd; border-radius: 5px; display:flex; align-items:center; transition: all 0.15s ease-in-out; }
.register.intro .join > li a:hover { border-color:#f02a4b }
.register.intro .join > li a div { flex:1; }
.register.intro .join > li a .img { margin:0 !important; }
.register.intro .join > li a .img img { width:100%; max-width:180px; }
.register.intro .join > li a .txt { padding-left:30px; }
.register.intro .join > li a .txt h5 { height: 40px; line-height: 40px; font-family: 'nq', sans-serif; font-size: 20px; font-weight: 700; border-bottom: 1px solid #ddd; margin-bottom:20px; }
.register.intro .join > li a .txt ul li { line-height: 1.4; font-size:14px; margin: 10px 0; padding-left: 20px; letter-spacing: -0.5px; position: relative; word-break: keep-all; }
.register.intro .join > li a .txt ul li:before { content:'\e928'; font-family:xeicon; color: #f02a4b; font-weight:bold; position: absolute; top: 0; left: 0; }

@media all and (max-width:768px) {
	.register.intro .join { display:block; margin:0; }
	.register.intro .join > li { width:100%; }
	.register.intro .join > li a { margin:30px 0; padding:30px 20px; border-color:#f45f78; }
	.register.intro .join > li a .txt { padding-left:20px; }
 }

.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; }
/*
.j-pro .preview_imgs .j-file-button { width:100% !important; line-height:1.3 !important; top:0 !important; background-color:#fff !important; border:1px solid #bbb !important; color:#bbb !important; position:relative !important; cursor:pointer !important;
	font-size: 13px; display:flex; flex-direction:column; align-content:center; justify-content:center; transition: all .15s ease-in-out; }
.j-pro .preview_imgs.j-span2 .j-file-button { height:95px !important; }
.j-pro .preview_imgs.j-span3 .j-file-button { height:112.5 !important; }
.j-pro .preview_imgs .j-file-button i { font-size:3em; }
.j-pro .preview_imgs .j-file-button input[type=file],
.j-pro .preview_imgs .j-file-button input#file-upload-button { width:100% !important; top:0 !important; left:0 !important; bottom:0 !important; margin:0 !important; padding:0 !important; }
.j-pro .preview_imgs.j-span2 .j-file-button input[type=file],
.j-pro .preview_imgs.j-span2 .j-file-button input#file-upload-button { height: 95px !important; }
.j-pro .preview_imgs.j-span3 .j-file-button input[type=file],
.j-pro .preview_imgs.j-span3 .j-file-button input#file-upload-button { height: 112.5 !important; }
.j-pro .preview_imgs .j-file-button:hover { border-color: #f45f78 !important; color: #f45f78 !important; }
*/
@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; }
}

/* ===== mediaquery ===== */

@media all and (max-width:1540px) {
/*
	.aside { position:static; }
	.aside.left { width:52.75%; float:left; margin:0; }
	.aside.right { width:47.25%; float:left; margin:0; }
	.aside .banner ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; }
	.aside .banner ul li { margin:3px; width:calc(50% - 6px); }
*/
	.main-biz .text h3 {font-size:40px;}
}
@media all and (max-width:1300px) {
	.main.flex { width:1300px; }
	.main_banner {display:none;}	
}

@media all and (max-width:768px) {
	#head { position:fixed; width:100%; background:#f0f0f0; }
	#head .inner { height:45px; position: relative;}
	#head h1 { position:static; text-align: center; padding-top:9px; transform: translateX(0%); }
	#head h1 img { height:25px; }
	#pc-gnb { display: none; }
	.btn-m { display: block; }
	.inner { width:auto; }

	.main.flex { width:100%; }
	.main .main-community {display:none;}
	.main .myinfo {display:none;}

	.sub-visual { min-width:100%; padding-top:60px; }
	/*
	.main-visual { height: auto; padding:70px 15px; background-size: auto 100% ; }
	.main-visual .txt1 { font-size:20px; line-height: 1.3; padding-bottom: 20px; margin-bottom: 15px;}
	.main-visual .txt2 { font-size:12px; line-height: 1.4;}
	*/
	.main-visual { width:calc(100% + 30px); margin:0 -15px; padding:0; padding-top:45px; }
	.main-visual .visual { height:55vw; background-size:cover; }
	.main-visual .slick-prev,
	.main-visual .slick-next { display:none !important; }
	.main-full { padding:80px 0 0; }
	.main { width:auto; padding:0 15px 40px; }
	.main .news, .main .ebook {width:100%; clear:both; }
	.main .news article:last-child { margin-bottom:30px; }
	.main .news.left, .main .ebook { padding:0; border:none; }
	.main .news.left {margin-bottom:20px;}
	.main .news.left article a .img { width:calc(35% - 20px); height:calc(1.625em * 5); float:right; margin-left:20px; margin-right:0; }
	.main .news.left article a .txt { -webkit-line-clamp: 5; height: calc(1.6em * 5); }
	.main .best {width:100%; clear:left; padding-right:0; border-right:none; margin-bottom:30px; }
	.main .best .chef, .main .ebook .magazine { margin-bottom:30px; }
	.main .best .chef, .main .best .keyword, .main .ebook .magazine { border-bottom:1px dashed #ddd; }
	.main .best .chef ul li a .nick { font-size:17px; }
	.main .best .keyword ul li a { font-size:14px; }
	.main .ebook ul li a .img { height:40vw; }
	.main .ebook ul li a .tit { font-size:17px; }
	.main .ebook ul li a .info { margin-top:0; }

	.aside.left { float:none; width:100%; clear:both; }
	.aside.right { float:none; width:100%; clear:both; }
	.aside .banner ul li img {width:100%;}
	.main .latest1 { width:49%; }
	.main .latest2 { width:49%; float:right; margin: 0;}
	.main .banners { float:none; width:auto; clear:both; }
	.main .banners p { right:0px; top:0px; }
	.main .banners p.floating { position: absolute; right:0px; top:0px; display:none; }

	.main-biz { height: auto; background-image:none;}
	.main-biz .inner { height: auto; }
	.main-biz .img { /*display: none;*/ }
	.main-biz .text { padding:20px 0; }
	.main-biz .text h3 { font-size:25px; }
	.main-biz .text .ico-star { width:18px; height:18px; }
	.main-biz .text .ico-lemming { width:27px; height:20px; }
	.main-biz .text .t1 { font-size:20px; }
	.main-biz .text .t2 { font-size:12px; }

	.area .article { width:100%; float:none; margin: 0 0 20px !important;}

	#footer {padding-bottom:40px;}
	#footer .copy .logo { left:15px; }

	.sub-visual { background: #ccc no-repeat right bottom; background-size:auto 120px; }
	.sub-visual .txt1:before { display:none; }
	.sub-visual .txt2 { display:none; }

	#e-container { width:auto; padding:0 15px; /*서브비주얼 없을 때*/ padding-top:40px; }
	#e-lnb { display:none; }
	#e-content { float:none; width:100%; }

	#e-content .sub_wrap { flex-direction: column; }
	#e-content .sub_wrap .sub_inner1,
	#e-content .sub_wrap .sub_inner2 { width:100%; padding:0; }
	#e-content .list > li { font-size:14px; padding-left:18px; }
	#e-content .list_num { font-size:18px; padding-left:18px; }
	#e-content .list_num ul li { font-size:14px; }
	#e-content .list_col li dt { font-size:18px; }
	#e-content .list_col li dd { font-size:14px; }

	#e-content .board-srch { padding:25px 0 ; margin-bottom: 20px; }
	#e-content .board-srch .inp-box { width:80%; }
	#e-content .board-srch .inp-box .inp-srch { height: 45px; font-size:20px; }
	#e-content .board-srch .inp-box .btn-srch { width:45px; height: 45px; background-size:30px auto; }

	#e-content .board-list-img ul li { display:block; padding:15px 0; }
	#e-content .board-list-img ul li > div { width:100%; margin:0; }	
	#e-content .board-list-img ul li > div + div { margin-top:15px !important; }
	#e-content .board-list-img ul li .tit dd { margin-bottom:5px; }
	#e-content .board-list-img ul li .img img { width:100%; }
	#e-content .board-list-img ul li .info { text-align:left; }
	#e-content .board-list-img ul li .info .price { display:inline-block; margin:0; margin-right:10px; }
	#e-content .board-list-img ul.ranking { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; }
	#e-content .board-list-img ul.ranking:after { display:none; }
	#e-content .board-list-img ul.ranking li { width:calc(50% - 10px); }
	#e-content .board-list-img ul.ranking li > a { flex-flow:column; }
	#e-content .board-list-img ul.ranking li .img { flex: 1; margin-right:0; width:100%; margin-bottom: 15px; }
	#e-content .board-list-img ul.ranking li .desc { flex: 1; width:100%; margin-right: 0; }
	#e-content .board-list-img ul.ranking li .desc dl dt { overflow: visible; text-overflow: clip; white-space: normal; }

	#e-content .pagination li a { width:35px; height: 35px; line-height: 33px; font-size:13px; }

	.family ul li { float:none !important; width:100%; clear:both; }
	.family ul li .thum { width:130px; }

	br.pc {display:none;}

	.pc_only {display:none !important;}
	.mo_only {display:inherit;}
}

@media all and (max-width:560px) {
	.main-visual .txt1 { padding-bottom: 10px; margin-bottom: 10px; }
	.main-visual .txt1:before { width:50px;  margin-left: -25px; }
	.main-visual .txt2 { margin-bottom: 10px; }
	.main .news article a .tit { overflow: visible; text-overflow: clip; white-space: normal; }
	.main .news article { padding-top:30px; border-top:1px dashed #ddd; }
	.main .news.left article:nth-child(2) { padding-top:0; border:none; }
	.main .news.left article a .img { width:100%; height:55vw; float:none; clear:both; margin-left:0; }
	.main .news.left article a .txt { width:100%; -webkit-line-clamp: 3; line-height: 1.6em; height: calc(1.6em * 3); }
	.main .latest1 { float:none; width:100%; }
	.main .latest2 { float:none; width:100%; margin:20px 0; }
	.main .banners { padding-right:0; }
	.main .banners > a { float:left; width:calc(50% - 5px); margin:0; margin-bottom:10px; }
	.main .banners > a + a { float:right; margin-left:10px;}
	.main .banners p, .main .banners p.floating { position: static; padding:0; margin-top:15px; width:calc(50% - 5px); float:left; }
	.main .banners p.floating { display:block; margin-left:10px;}
	.main .banners img { width:100%; }
	#footer .etc ul li img { width:40px; }
	#footer .etc ul li .txt1 { font-size:12px; line-height:1.3; }
	#footer .etc ul li .txt2 { font-size:12px; font-family: 'noto', sans-serif; }
	#footer .etc ul li br.mo {display:block;}
	#footer .copy .inner { padding:15px; }
	#footer .copy .inner .logo { position: static; margin-bottom: 15px; }

	#e-content .board-list-img ul.ranking { display:block; }
	#e-content .board-list-img ul.ranking li { width:100%; }

	.gall_row .col-gn-4, .gall_row .col-gn-3 { width:50%; }

}

input[type="password"] { font-family:'noto',"돋움",dotum !important;}
/* #mb_login #login_fs { border-bottom:1px solid #cfded8; margin-bottom:15px; } */
/* 데이터피커 수정 */
.ui-datepicker {z-index:3 !important;}
/* 그누보드 */
.td_name { text-align:center !important; }
/*
#container_title,
#bo_v_table,
#bo_vc,
#bo_vc_w,
#bo_v_act,
#login_info { display:none; }
*/
#bo_gall .bo_tit, #bo_gall .bo_cnt, #bo_v_con,
#fboardlist table th, #fboardlist table td, #fboardlist table a { font-family: 'Roboto','noto','nq', sans-serif; }
#bo_gall .bo_tit { line-height: 1.5 !important; margin-bottom:10px !important;  }
.ctt_privacy,
.ctt_use{ max-width:1270px; margin:30px auto !important;  padding:0 15px; }
@media all and (max-width:768px) {
	/* 그누보드 */
	#bo_list .tbl_head01 table thead th:nth-child(1),
	#bo_list .tbl_head01 table thead th:nth-child(4),
	#bo_list .tbl_head01 table thead th:nth-child(5),
	#bo_list .tbl_head01 table thead th:nth-child(6){ display:none;}
	#bo_list .tbl_head01 table tbody td:nth-child(1),
	#bo_list .tbl_head01 table tbody td:nth-child(4),
	#bo_list .tbl_head01 table tbody td:nth-child(5),
	#bo_list .tbl_head01 table tbody td:nth-child(6){ display:none;}
	#bo_sch #sfl { }
	#bo_sch .frm_input { width:30%; }

}
#map1 { width:100%; height:500px; border: 1px solid #ccc; margin-bottom: 45px;  }

/* --- search --- */
/*.search-box{ width:calc(100% - 300px); height:70px; position: absolute; top:80px; right:0; z-index:10; }*/
.search-box{ width:calc(100% - 380px); height:70px; position: absolute; top:25px; right:0; z-index:10; }
.search-box h3 { float:left; line-height:50px; font-size:17px; font-weight:600; font-family: 'nq', sans-serif; margin-right:1rem; }
.search-box h3:before{content:'＊'; font-family: 'noto', sans-serif; color:#d10f30; }
.search-box .search-inner { width:57.5%; display:block; float:left; }
.search-box .keyword-inner { width:42.5%; display:block; float:right; text-align:right; }
.search-box ul { display:inline-block; max-width:calc(100% - 80px); height:52px; overflow:hidden; }
.search-box ul li{float:left; line-height:52px; margin-right:0.5rem;}
.search-box ul li:last-child{margin-right:0rem;}
.search-box ul li a{display:block; font-family: 'noto', sans-serif; font-size:13px; color:#bbb;  }
.search-box ul li a:before {content:'#'; }
.search-box ul li a:hover{color:#333;}
.search-box fieldset{ position: relative; display: inline-block; padding: 0 0 0 40px; background: #fff; border:1px solid #ddd; border-radius: 5px; float:left; }
.search-box fieldset input,
.search-box fieldset button { position: relative; width: 300px; height: 50px; padding: 0; display: inline-block; float: left; outline: 0 none; }
.search-box fieldset input { color: #575756; z-index: 2; border: 0 none; }
.search-box fieldset input:hover,
.search-box fieldset input:focus {outline: none !important; border-color: transparent !important; border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background:#fff !important;}
.search-box fieldset input:focus + button { outline: 0 none;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.search-box fieldset input:focus + button .xi-search { color: #fff;
  -webkit-transform: translate(0px, 0);
      -ms-transform: translate(0px, 0);
          transform: translate(0px, 0);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;  
}
.search-box fieldset button { z-index: 1; width: 50px; border: 0 none; background: #d10f30; cursor: pointer; border-radius: 0 5px 5px 0;  
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.search-box .xi-search { font-size: 1.4rem; color: #d10f30; z-index: 3; top: 25%;
  -webkit-transform: translate(-290px, 0);
      -ms-transform: translate(-290px, 0);
          transform: translate(-290px, 0);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
}
@media all and (max-width:768px) {
	.search-box { display:none; }
}