@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');

#hd_h1{ position:absolute; font-size:0; line-height:0; overflow:hidden; }
#skip_to_container a{ z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

html, body{ overflow:auto; }
body:not(.ispop):not(.ismobile){ min-width:1400px; }

header{}
section{ color:#333333; }

/* wrap */
.wrap{ position:relative; width:1100px; margin:0 auto; box-sizing:border-box; word-break:keep-all; }
.wrap:after{ display:block; visibility:hidden; clear:both; content:""; }
/* wrap */

/* header */
header.header{ position:relative; min-width:fit-content; overflow:hidden; background:#ffffff; color:#494949; }
header.header .qbanner{ position:relative; height:260px; }
header.header .qbanner:before{ display:block; content:""; position:absolute; top:0; left:-100vh; right:-100vh; height:100%; background:#000000; }
header.header .qbanner img{ position:absolute; top:0; left:50%; transform:translate(-50%, 0); height:100%; }
header.header .qmenu{ height:34px; }
header.header .qmenu:before{ display:block; content:""; position:absolute; top:-1px; left:-100vh; right:-100vh; height:100%; background:#fafafa; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; }
header.header .qmenu ul{ float:right; position:relative; height:100%; font-family:dotum; }
header.header .qmenu ul li{ float:left; height:100%; padding:0 2px; font-size:11px; line-height:34px; }
header.header .qmenu ul li a{ display:inline-block; padding:0 5px; color:#858585; }
header.header .qmenu ul li a.user{ height:20px; line-height:20px; padding:0 8px; border:solid 1px #dddddd; border-radius:20px; background:#ffffff; }
header.header .qmenu ul li a.mobile{ position:relative; padding-left:17px; color:#ff6600; }
header.header .qmenu ul li a.mobile i{ position:absolute; top:0; left:5px; font-size:18px; line-height:34px; }
header.header .top{ height:130px; }
header.header .top .logo{ float:left; width:300px; height:100%; line-height:130px; text-align:center; }
header.header .top .logo a img{ width:180px; }
header.header .top .search{ float:left; width:500px; height:130px; padding:10px 20px; vertical-align:bottom; }
header.header .top .search form{ position:relative; display:inline-block; width:100%; height:34px; line-height:34px; }
header.header .top .search form .keyword{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0 10px; border:solid 2px #ff6600; }
header.header .top .search form .keyword:focus::placeholder{ opacity:0; }
header.header .top .search form .submit{ position:absolute; top:0; right:0; height:100%; width:45px; border:none; background:#ff6600; color:#ffffff; font-size:0; }
header.header .top .search form .submit i{ font-size:18px; vertical-align:middle; }
header.header .top .search form .submit:focus{ outline:none; }
header.header .top .search .topsign{ position:relative; height:40px; line-height:40px; padding-left:50px; text-align:left; }
header.header .top .search .topsign:before{ display:block; content:"Ticker"; position:absolute; top:50%; left:0; height:16px; margin-top:-8px; padding:0 5px; border:solid 1px #dbe0e9; color:#cccccc; border-radius:16px; font:normal 9px Arial; line-height:16px; }
header.header .top .search .topsign a{ display:none; width:100%; text-align:left; font-size:14px; color:#494949; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
header.header .top .search .topsign a:first-child{ display:inline-block; }
header.header .top .search .keywords{ height:30px; overflow:hidden; line-height:30px; text-align:left; white-space:nowrap; text-overflow:ellipsis; }
header.header .top .search .keywords a{  margin-right:3px; }
header.header .top .search .keywords a i{ margin-right:2px; color:#cccccc; }
header.header .top .banners{ float:left; width:300px; height:100%; padding:20px 0 0 10px; vertical-align:bottom; text-align:center; }
header.header .top .banners .banner{ position:relative; display:block; height:100%; }
header.header .top .banners .banner:before{ display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; border:solid 1px #dbe0e9; border-radius:10px; }
header.header .top .banners .banner a{ position:relative; display:block; width:240px; height:110px; }
header.header .top .banners .banner a img{ width:100%; height:100%; }
header.header .top .banners .app_download{  }
header.header .top .banners .app_download a{ position:relative; display:block; width:240px; height:50px; margin-bottom:5px; padding-left:70px; border:solid 1px #dbe0e9; border-radius:5px; line-height:50px; text-align:left; color:#333333; }
header.header .top .banners .app_download a i{ position:absolute; top:0; left:30px; font-size:32px; line-height:50px; }
header.header .top .banners .app_download a.android i{ color:#ff6600; }
header.header .top .banners .app_download a.iphone i{ color:#97afff; }
header.header .top .banners .app_download a span{ font-size:13px; }
header.header .menu{ height:48px; }
header.header .menu:before{ display:block; content:""; position:absolute; top:0; left:-100vh; right:-100vh; height:100%; background:#ffffff; border-top:solid 1px #dfdfdf; border-bottom:solid 4px #ff6600; }
header.header .menu nav{ overflow:hidden; }
header.header .menu nav:after{ display:block; visibility:hidden; clear:both; content:""; }
header.header .menu nav ul{ float:left; display:table; position:relative; height:100%; }
header.header .menu nav ul li{ display:table-cell; vertical-align:middle; line-height:48px; }
header.header .menu nav ul li a{ display:inline-block; height:100%; padding:0 15px; font-size:15px; font-weight:600; color:#000000; word-break:keep-all; border:none; }
header.header .menu nav ul li a:hover{ background:#ff6600; color:#ffffff; }
header.header .menu nav ul.main_menu{ float:left; }
header.header .menu nav ul.job_menu{ float:right; }
header.header .menu nav ul.job_menu li a{ position:relative; padding:0 10px 0 30px; font-size:13px; }
header.header .menu nav ul.job_menu li a:hover{ background:none; color:#000000; }
header.header .menu nav ul.job_menu li a i{ position:absolute; top:50%; left:0; transform:translate(0, -50%); width:24px; height:24px; font-size:12px; line-height:24px; border-radius:24px; text-align:center; background:#7174ff; color:#ffffff; }
header.header .menu nav ul.job_menu li a:hover i{ background:#ff6600; }
/* header */

/* footer */
footer.footer{ position:relative; min-width:fit-content; overflow:hidden; margin:0; padding:0 0 10px; background:#ffffff; color:#333333; }
footer.footer .qmenu{ position:relative; display:table; table-layout:fixed; }
footer.footer .qmenu:before{ display:block; content:""; position:absolute; top:0; left:-100vh; right:-100vh; height:100%; background:#f9f9f9; border-top:solid 1px #482C52; border-bottom:solid 1px #dbe0e9; }
footer.footer .qmenu ul{ display:table-row; }
footer.footer .qmenu ul li{ display:table-cell; width:calc(100% / 6); text-align:center; }
footer.footer .qmenu ul li a{ position:relative; font-size:12px; font-weight:bold; line-height:36px; color:#333333; }
footer.footer .info{ display:table; }
footer.footer .info .row{ display:table-row; height:120px; }
footer.footer .info .logo{ display:table-cell; width:250px; vertical-align:middle; }
footer.footer .info .logo img{ opacity:.2; width:160px; filter:grayscale(1); }
footer.footer .info .siteinfo{ display:table-cell; text-align:left; vertical-align:middle; }
footer.footer .info .siteinfo p{ line-height:20px; }
footer.footer .info .siteinfo p.copyright{ font-size:11px; font-weight:bold; }
/* footer */

/* floating */
section.floating{ z-index:1; position:relative; top:15px; width:100%; }
section.floating.fixed{ position:fixed; top:10px; }
section.floating .left{ position:absolute; top:0; left:-100px; width:100px; overflow:hidden; text-align:left; }
section.floating .right{ position:absolute; top:0; right:-100px; width:100px; overflow:hidden; text-align:right; }
section.floating a{ display:inline-block; width:90px; margin-bottom:10px; border:solid 1px rgba(188, 188, 188, 0.5); background:#ffffff; }
section.floating a img{ width:100%; }
section.floating a.top{ position:fixed; bottom:20px; right:50px; width:50px; height:50px; line-height:50px; border-radius:30px; color:#666666; text-align:center; font-size:12px; }
section.floating a.top:hover{ color:#ff6600; }
section.floating a.top i{ font-size:16px; }
section.floating a.top span{ display:none; }
/* floating */

/* top */
section.top{ margin-top:15px; }
section.top .wrap{ display:flex; }
section.top .wrap .row{ width:240px; height:140px; margin-right:10px; }
section.top .wrap .row:last-child{ margin-right:0; }
section.top .wrap .row:nth-child(1){ width:260px; order:0; }
section.top .wrap .row:nth-child(2){ width:260px; order:1; }
section.top .wrap .row:nth-child(3){ width:360px; order:2; }
section.top .wrap .row:nth-child(4){ width:190px; order:3; }
section.top .wrap .row .outlogin{ width:100%; }
section.top .wrap .row .quick_menu{ position:relative; width:100%; height:100%; background:#ffffff; }
section.top .wrap .row .quick_menu:before{ display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:solid 1px #dddddd; }
section.top .wrap .row .quick_menu a{ position:relative; display:block; float:left; width:calc(100% / 3); height:calc(100% / 2); border:solid 1px #efefef; border-width:0 1px 1px 0; text-align:center; color:#999999; }
section.top .wrap .row .quick_menu a:nth-child(3n){ border-right-width:0; }
section.top .wrap .row .quick_menu a:nth-child(n+4){ border-bottom-width:0; }
section.top .wrap .row .quick_menu a i{ display:block; font-size:22px; line-height:30px; margin:10px 0 5px; color:#999999; }
section.top .wrap .row .quick_menu a:hover{ color:#ff6600; }
section.top .wrap .row .top_recruit{ height:100%; border:solid 1px #dddddd; background:#ffffff; }
section.top .wrap .row .top_recruit dl{ width:100%; height:100%; overflow:hidden; }
section.top .wrap .row .top_recruit dl dt{ height:34px; padding:0 0 0 10px; line-height:34px; font-size:13px; font-weight:bold; border-bottom:solid 1px #efefef; }
section.top .wrap .row .top_recruit dl dt i{ float:right; margin-right:10px; line-height:34px; font-size:20px; color:#bbbbbb; }
section.top .wrap .row .top_recruit dl dd{ display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding:10px; }
section.top .wrap .row .top_recruit dl dd a{ display:inline-block; width:calc(100%/5); line-height:21px; text-align:center; font-size:12px; letter-spacing:-.5px; color:#494949; }
section.top .wrap .row .top_recruit dl dd a:hover{ text-decoration:underline; color:#0066cc; }
section.top .wrap .row .top_recruit.theme dl dd a{ width:calc(100%/3); }
/* top */

/* wrapper */
section.wrapper{ padding:15px 0; }
section.wrapper .content_wrap{ margin:0 -5px; }
section.wrapper #container{ float:left; position:relative; width:900px; height:auto !important; min-height:1000px; margin:0 5px; font-size:1em; zoom:1; }
section.wrapper #container:after{ display:none; visibility:hidden; clear:both; content:""; }
section.wrapper #container_title{ font-size:1.333em; margin:0 auto; font-weight:bold; }
section.wrapper #container_title span{ margin:0 auto 10px; display:block; font-size:16px; line-height:30px; }
section.wrapper #sidewrap{ order:0; float:left; width:190px; min-height:200px; margin:0 5px; }
section.wrapper #sidewrap .outlogin{ margin-bottom:5px; }
section.wrapper.wide .content_wrap{ margin:0 auto; }
section.wrapper.wide #sidewrap{ display:none; }
section.wrapper.wide #container{ float:none; width:auto; margin:0 auto; }
section.wrapper.sidemenu_use .sidemenu{ display:block; }
/* wrapper */

/* sidemenu */
.sidemenu{ display:none; position:relative; width:100%; height:100%; min-height:1000px; margin-bottom:5px; padding:20px 30px; border:solid 1px #e5e5e5; background:#ffffff; }
.sidemenu dl{ margin-bottom:20px; }
.sidemenu dl:last-child{ margin-bottom:0; }
.sidemenu dl dt{ font-size:16px; line-height:150%; font-weight:bold; color:#111111; }
.sidemenu dl dd{ padding:5px 0px; border-radius:10px; }
.sidemenu dl dd:after{ display:block; content:""; clear:both; }
.sidemenu dl dd a{ display:block; font-size:13px; line-height:180%; color:#333333; }
.sidemenu dl dd a:hover{ color:#ff6633; text-decoration:underline; font-weight:bold; }
.sidemenu dl dd a.active{ color:#ff6633; text-decoration:underline; font-weight:bold; }
/* sidemenu */

/* sidetags */
.sidetags{ position:relative; width:100%; margin-bottom:5px; border:solid 1px #e5e5e5; background:#ffffff; }
.sidetags dl{ }
.sidetags dl dt{ height:40px; padding-left:10px; border:1px solid #e5e5e5; border-width:1px 0; font-size:12px; line-height:40px; font-weight:bold; color:#333333; background:#fbfbfb; }
.sidetags dl:first-child dt{ border-top:none; }
.sidetags dl dd{ padding:15px 10px; border-radius:2px; background:#ffffff; }
.sidetags dl dd:after{ display:block; content:""; clear:both; }
.sidetags dl dd a{ display:inline-block; padding:0 3px; color:#494949; text-align:center; font-size:12px; line-height:180%; border-radius:5px; }
.sidetags dl dd a:hover{ color:#0066cc; text-decoration:underline; }
.sidetags dl dd a.selected{ background:#0066cc; color:#ffffff; }
/* sidetags */

/* main_content */
.main_content{ margin:0 -5px; }
.main_content:after{ display:block; content:""; clear:both; }
.main_content h2{ padding:15px 5px 10px; font-size:20px; font-weight:700; letter-spacing:-2px; color:#333333; }
.main_content h2 span{ color:#ff6600; }
/* main_content */

/* sub_content */
.sub_content{  }
.sub_content:after{ display:block; content:""; clear:both; }
/* sub_content */

.job_subject{ display:inline-block; padding:2px; font-size:13px; color:#333333; }
.job_subject.bold{ font-weight:bold; }
.job_subject.highlight01{ background:#c8d5ff; }
.job_subject.highlight02{ background:#bfe3ca; }
.job_subject.highlight03{ background:#b1e1f5; }
.job_subject.highlight04{ background:#f5e4ef; }
.job_subject.highlight05{ background:#ffd5d6; }
.job_subject.highlight06{ background:#ffcbe6; }
.job_subject.highlight07{ background:#ffedcc; }
.job_subject.highlight08{ background:#ebddff; }
.job_subject.highlight09{ background:#f9f4e6; }
.job_subject.highlight10{ background:#e3e3e3; }
.job_subject.icon01:after{ display:inline-block; content:""; width:60px; height:16px; background:url(/job/img/recruit_icon_01.gif) no-repeat; background-size:100%; vertical-align:middle; }

.job_highlight01{ color:#333333; background:#c8d5ff; }
.job_highlight02{ color:#333333; background:#bfe3ca; }
.job_highlight03{ color:#333333; background:#b1e1f5; }
.job_highlight04{ color:#333333; background:#f5e4ef; }
.job_highlight05{ color:#333333; background:#ffd5d6; }
.job_highlight06{ color:#333333; background:#ffcbe6; }
.job_highlight07{ color:#333333; background:#ffedcc; }
.job_highlight08{ color:#333333; background:#ebddff; }
.job_highlight09{ color:#333333; background:#f9f4e6; }
.job_highlight10{ color:#333333; background:#e3e3e3; }

.pay_type{ display:inline-block; padding:1px 3px; border-radius:3px; font-size:11px; line-height:normal; color:#ffffff; text-align:center; background:#94949a; }
.pay_type.pay_급여협의{ background:#94949a; }
.pay_type.pay_TC{ background:#97afff; }
.pay_type.pay_시급{ background:#b8b89c; }
.pay_type.pay_일급{ background:#73c9ee; }
.pay_type.pay_주급{ background:#d78aba; }
.pay_type.pay_월급{ background:#fa6bb4; }
.pay_type.pay_건당{ background:#e62d8b; }



a.recruit_premium{ position:relative; display:block; float:left; width:calc((100% / 5) - 10px); height:280px; overflow:hidden; margin:0 5px 10px; color:#555555; border:solid 1px #dddddd; background:#ffffff; box-shadow:1px 0 2px #f5f5f5; border-radius:5px; }
a.recruit_premium:before{ z-index:1; opacity:0; display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:solid 2px #7174ff; border-radius:5px; }
a.recruit_premium:hover:before{ opacity:1; }
a.recruit_premium:after{ z-index:2; opacity:1; display:block; content:"premium"; position:absolute; top:10px; left:-25px; transform:rotate(-35deg); width:100px; height:20px; font-size:13px; line-height:20px; font-family:Kalam; font-weight:400; text-align:center; color:#ffffff; background:#7174ff; }
a.recruit_premium dl{ position:relative; width:100%; height:100%; font-size:11px; }
a.recruit_premium dl dt{ position:relative; width:100%; height:100px; line-height:100px; border-bottom:solid 1px #f5f5f5; background:#666666; background-size:cover; box-shadow:inset 0 0 150px rgba(0, 0, 0, 1); }
a.recruit_premium dl dt:after{ display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; }
a.recruit_premium dl dt h3{ width:100%; height:100%; text-align:center; }
a.recruit_premium dl dt img{ width:180px; height:70px; border-radius:2px; }
a.recruit_premium dl dd{ position:relative; padding:30px 10px 10px; }
a.recruit_premium dl dd .info{ display:inline-block; position:absolute; top:-10px; left:10px; min-width:100px; height:30px; padding:0 10px; font-size:14px; font-weight:bold; line-height:30px; border-radius:10px; background:#ffffff; text-align:center; box-shadow:0 0 3px rgba(0, 0, 0, 0.1); }
a.recruit_premium dl dd .info .name{  }
a.recruit_premium dl dd .subject{ height:75px; overflow:hidden; line-height:22px; overflow:hidden; word-break:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
a.recruit_premium dl dd .subject .job_subject{ display:inline; font-size:13px; word-break:break-all; }
a.recruit_premium dl dd .work{ line-height:22px; }
a.recruit_premium dl dd .work .area{ font-weight:bold; }
a.recruit_premium dl dd .work .type{ float:right; font-weight:bold; }
a.recruit_premium dl dd .pay{ line-height:22px; }
a.recruit_premium dl dd .pay .type{ padding:0 5px; border-radius:5px; color:#ffffff; background:#fa7a7a; }
a.recruit_premium dl dd .pay .money{ display:inline-block; font-weight:bold; }
a.recruit_premium dl dd .tags{ line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
a.recruit_premium dl dd .tags span i{ margin-right:2px; color:#cccccc; }

a.recruit_special{ position:relative; display:block; float:left; width:calc((100% / 5) - 10px); height:180px; overflow:hidden; margin:0 5px 10px; color:#555555; border:solid 1px #dddddd; background:#ffffff; box-shadow:1px 0 2px #f5f5f5; border-radius:5px; }
a.recruit_special:before{ z-index:1; opacity:0; display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:solid 1px #ff6633; border-radius:5px; }
a.recruit_special:hover:before{ opacity:1; }
a.recruit_special:after{ z-index:2; opacity:1; display:block; content:"special"; position:absolute; top:10px; left:-30px; transform:rotate(-35deg); width:100px; height:15px; font-size:11px; line-height:15px; font-family:Kalam; text-align:center; color:#ffffff; background:#ff6633; }
a.recruit_special dl{ position:relative; width:100%; height:100%; font-size:11px; }
a.recruit_special dl dt{ position:relative; width:100%; height:70px; line-height:70px; border-bottom:solid 1px #f5f5f5; background:#ffffff; background-size:cover; box-shadow:inset 0 0 150px rgba(0, 0, 0, 1); }
a.recruit_special dl dt:after{ display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; }
a.recruit_special dl dt h3{ width:100%; height:100%; text-align:center; }
a.recruit_special dl dt img{ width:130px; height:50px; border-radius:2px; }
a.recruit_special dl dd{ position:relative; padding:5px 10px 0; }
a.recruit_special dl dd .info{ height:20px; font-size:12px; font-weight:bold; }
a.recruit_special dl dd .info .name{  }
a.recruit_special dl dd .subject{ height:35px; overflow:hidden; line-height:18px; overflow:hidden; word-break:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
a.recruit_special dl dd .subject .job_subject{ display:inline; padding:1px 2px; font-size:11px; word-break:break-all; }
a.recruit_special dl dd .work{ line-height:22px; }
a.recruit_special dl dd .work .area{ font-weight:bold; }
a.recruit_special dl dd .work .type{ float:right; font-weight:bold; }
a.recruit_special dl dd .pay{ line-height:22px; }
a.recruit_special dl dd .pay .type{ padding:0 5px; border-radius:5px; color:#ffffff; background:#fa7a7a; }
a.recruit_special dl dd .pay .money{ display:inline-block; font-weight:bold; }
a.recruit_special dl dd .tags{ display:none; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
a.recruit_special dl dd .tags span i{ margin-right:2px; color:#cccccc; }

a.recruit_list{ position:relative; display:block; float:left; width:calc((99.99% / 3) - 10px); margin:0 5px 10px; color:#333333; border:solid 1px #dbe0e9; background:#ffffff; }
a.recruit_list:hover{ background:#fdeaf1; }
a.recruit_list dl{ position:relative; width:100%; height:100%; padding:5px; }
a.recruit_list dl dt{ display:none; position:relative; width:100%; padding:0px 5px; }
a.recruit_list dl dt h3{ width:100%; height:100%; font-size:14px; }
a.recruit_list dl dd{ padding:0px 5px; }
a.recruit_list dl dd .info{ line-height:20px; }
a.recruit_list dl dd .info:after{ display:block; content:""; clear:both; }
a.recruit_list dl dd .info .name{ font-size:14px;  }
a.recruit_list dl dd .info .icon{ float:right; }
a.recruit_list dl dd .subject{ line-height:20px; }
a.recruit_list dl dd .subject .job_subject{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
a.recruit_list dl dd .work{ line-height:20px; }
a.recruit_list dl dd .work .area{ font-weight:bold; }
a.recruit_list dl dd .work .type{ font-weight:bold; }
a.recruit_list dl dd .pay{ line-height:20px; }
a.recruit_list dl dd .pay .type{ padding:0 5px; border-radius:5px; color:#ffffff; background:#fa7a7a; }
a.recruit_list dl dd .pay .money{ font-weight:bold; }



/* ispop */
body.ispop{}
body.ispop::-webkit-scrollbar{ width:10px; height:10px; }
body.ispop::-webkit-scrollbar-thumb{ background-color:rgba(50,50,50,0.25); border:2px solid transparent; border-radius:10px; background-clip:padding-box; }
body.ispop::-webkit-scrollbar-track{ background-color: rgba(50,50,50,0.05); }
body.ispop > header{ display:none; }
body.ispop > section:not(.wrapper){ display:none; }
body.ispop > section.wrapper{ padding:0; }
body.ispop > footer{ display:none; }
body.ispop #sidewrap{ display:none; }
body.ispop #container{ float:none; width:100%; min-height:100%; margin:0; }
body.ispop #container_title{ display:none; }
body.ispop #ft{ display:none; }
body.ispop .wrap{ width:100%; }
body.ispop .content_wrap{ margin:0; padding:10px; }
body.ispop .sub_content{  }
/* ispop */

/* body.ismobile */

body.ismobile{ max-width:640px; margin:0 auto; }
body.ismobile .main_content{ display:none; }

body.ismobile header.header{ position:relative; min-width:auto; padding-top:160px; box-shadow:none; background:#ffffff; }
body.ismobile header.header .menu{ z-index:100; position:fixed; top:0; left:0; right:0; height:auto; background:#ffffff; }
body.ismobile header.header .menu:before{ display:none; }

body.ismobile header.header .menu .main_menu{ max-width:640px; overflow-x:scroll; margin:0 auto; white-space:nowrap; font-size:0; }
body.ismobile header.header .menu .main_menu::-webkit-scrollbar{ width:0; height:0; }
body.ismobile header.header .menu .main_menu li{ display:inline-block; width:calc(100% / 6); text-align:center; }
body.ismobile header.header .menu .main_menu li a{ display:inline-block; width:65px; height:60px; line-height:60px; }
body.ismobile header.header .menu .main_menu li a span{ display:inline-block; width:100%; padding:5px 2px 0; font-size:11px; line-height:18px; font-weight:bold; color:#999999; text-align:center; vertical-align:middle; }
body.ismobile header.header .menu .main_menu li a span i{ font-size:20px; }
body.ismobile header.header .menu .main_menu li.active a span{ color:#e62d8b; }

body.ismobile header.header .menu .sub_menu{ width:100vw; max-width:640px; overflow-x:scroll; margin:0 auto; white-space:nowrap; font-size:0; background:#333333; }
body.ismobile header.header .menu .sub_menu::-webkit-scrollbar{ width:0; height:0; }
body.ismobile header.header .menu .sub_menu li{ display:inline-block; padding:5px; }
body.ismobile header.header .menu .sub_menu li a{ display:block; width:50px; height:50px; line-height:50px; border-radius:10px; background:rgba(255, 255, 255, 0.2); box-shadow:1px 1px 5px rgba(0 0 0 /0.2); }
body.ismobile header.header .menu .sub_menu li a span{ display:inline-block; width:100%; padding:5px 2px 0; overflow:hidden; font-size:9px; line-height:16px; letter-spacing:-1px; color:#ffffff; text-align:center; vertical-align:middle; text-overflow:ellipsis;}
body.ismobile header.header .menu .sub_menu li a span i{ font-size:16px; }
body.ismobile header.header .menu .sub_menu li.active a{ background:#e62d8b; }

body.ismobile header.header .ticker{ z-index:100; position:fixed; top:120px; left:0; right:0; max-width:640px; height:40px; line-height:40px; margin:0 auto; padding:0 5px 0 50px; text-align:left; border-bottom:solid 1px #dbe0e9; background:#ffffff; }
body.ismobile header.header .ticker:before{ display:block; content:"Ticker"; position:absolute; top:50%; left:5px; height:16px; margin-top:-8px; padding:0 5px; border:solid 1px #dbe0e9; color:#cccccc; border-radius:16px; font:normal 9px Arial; line-height:16px; }
body.ismobile header.header .ticker li{ display:none; width:100%; text-align:left; font-size:16px; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.ismobile header.header .ticker li:first-child{ display:inline-block; }

body.ismobile .sub_content.job_view{ padding-bottom:100px; }
body.ismobile .sub_content.job_view .floating_menu{ display:block; z-index:10; position:fixed; top:calc(100vh - 50px); left:0; right:0; margin:0; padding:0; background:#ffffff; text-align:center; box-shadow:0 0 10px rgba(0, 0, 0, .5); font-size:0; }
/* body.ismobile */
/* 
body.ismobile .main_content .recruit_premium{ width:calc((100% / 2) - 4px); margin:2px; }
body.ismobile .main_content .recruit_special{ width:calc((100% / 2) - 4px); margin:2px; }
body.ismobile .main_content .recruit_list{ width:calc((100% / 2) - 4px); margin:2px; }
.mobile_banner{ border-bottom:solid 1px #dbe0e9; }
.mobile_banner.recruit_side{ margin-top:10px; font-size:0; }
.mobile_banner.recruit_side li{ display:inline-block; width:calc(100% / 3); margin-bottom:10px; vertical-align:top; text-align:center; }
.mobile_banner.recruit_side li a{ display:inline-block; width:90px; border:solid 1px #dbe0e9; }
.mobile_banner.recruit_side li a img{ width:100%; }
.mobile_banner.recruit_top{ margin-bottom:10px; font-size:0; }
.mobile_banner.recruit_top li{ display:inline-block; width:calc(100% / 2); vertical-align:top; text-align:center; }
.mobile_banner.recruit_top li a{ display:inline-block; width:100%; 100px; }
.mobile_banner.recruit_top li a img{ width:100%; height:100%; }
.mobile_banner.recruit_ticker{ position:relative; height:40px; line-height:40px; padding:0 5px 0 50px; text-align:left; }
.mobile_banner.recruit_ticker:before{ display:block; content:"Ticker"; position:absolute; top:50%; left:5px; height:16px; margin-top:-8px; padding:0 5px; border:solid 1px #dbe0e9; color:#cccccc; border-radius:16px; font:normal 9px Arial; line-height:16px; }
.mobile_banner.recruit_ticker li{ display:none; width:100%; text-align:left; font-size:16px; color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mobile_banner.recruit_ticker li:first-child{ display:inline-block; }
*/