#header_wrap {font-family: 'Noto Sans KR', sans-serif;font-weight:300;}



#header {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:20px 0;}

#header:after {display:block;visibility:hidden;clear:both;content:""}



#header ul.left {position:absolute;left:0;bottom:20px;margin:0;padding:0;list-style:none}

#header ul.left:after {display:block;visibility:hidden;clear:both;content:""}

#header ul.left li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#666;font-size:12px;line-height:12px;border-right:solid 1px #ccc;}

#header ul.left li:last-child {margin:0;padding:0;border-right:none;}

#header ul.left li a {display:block;color:#666;font-size:12px;line-height:12px;}



#header ul.right {position:absolute;right:0;bottom:10px;padding:0;list-style:none}

#header ul.right:after {display:block;visibility:hidden;clear:both;content:""}

#header ul.right li {display:block;float:left;margin:0 8px 0 0;padding:0 8px 0 0;color:#666;font-size:12px;line-height:12px;border-right:solid 1px #ccc;}

#header ul.right li:last-child {margin:0;padding:0;border-right:none;}

#header ul.right li a {display:block;color:#666;font-size:12px;line-height:12px;}



#header a.logo {display:block;width:360px;margin:0 auto;}

#header a.logo img {width:100%;height:auto;}



#header_mobile {display:none;position:relative;padding:10px 0;background:#c1272d}

#header_mobile a.logo {display:block;width:160px;margin:0 auto;}

#header_mobile a.logo img {width:100%;height:auto;}

#header_mobile a.btn_side {position:absolute;left:0px;top:50%;width:40px;height:40px;margin:-20px 0 0 0;text-align:center;}

#header_mobile a.btn_side i {color:#fff;font-size:24px;line-height:40px;}



/*#gnb_wrap {border-top:solid 1px #ddd;border-bottom:solid 3px #c1272d}

#gnb {position:relative;width:100%;max-width:1280px;margin:0 auto;}

#gnb:after {display:block;visibility:hidden;clear:both;content:""}



#gnb .gnb_mobile {margin:0 0 0 60px;}

#gnb ul.gnb {margin:0;padding:0;list-style:none;}

#gnb ul.gnb:after {display:block;visibility:hidden;clear:both;content:""}

#gnb ul.gnb li {display:block;float:left;position:relative;margin:0 24px 0 0;padding:0 24px 0 0;background:url(../img/var.gif) no-repeat right 50%;}

#gnb ul.gnb li:last-child {margin:0;padding:0;background:none;}

#gnb ul.gnb li a {display:block;color:#222;font-size:16px;font-weight:500;line-height:40px;}

#gnb ul.gnb li a:hover {color:#ff7700;}

#gnb ul.gnb li ul {display:none;position:absolute;left:0;top:40px;width:160px;background:#fff;border:solid 1px #ddd;box-shadow:5px 5px 8px 3px rgba(0,0,0,0.1);z-index:99;}

#gnb ul.gnb li ul li {float:none;margin:0;padding:0;background:0;border-bottom:solid 1px #ddd;}

#gnb ul.gnb li ul li:last-child {border-bottom:none;}

#gnb ul.gnb li ul li a {display:block;padding:0 10px;color:#666;font-size:13px;font-weight:300;line-height:40px;}*/





#gnb_wrap {background:#ffffff;border-top:solid 1px #fafafa;border-bottom:solid 1px #fafafa;}

#gnb {position:relative;width:100%;max-width:1280px;margin:0 auto;}

#gnb:after {display:block;visibility:hidden;clear:both;content:""}



/* #gnb .gnb_mobile {margin:0 90px 0 30px;} */

#gnb ul.gnb {padding:0;list-style:none;text-align:center;}

#gnb ul.gnb:after {display:block;visibility:hidden;clear:both;content:""}

#gnb ul.gnb li ul {display:none;position:absolute;left:0;top:40px;width:160px;background:#fff;border:solid 1px #ddd;box-shadow:5px 5px 8px 3px rgba(0,0,0,0.1);z-index:999;}

#gnb ul.gnb li ul li {display:block;float:none;width:100%;margin:0;padding:0;background:0;border-bottom:solid 1px #ddd;}

#gnb ul.gnb li ul li:last-child {border-bottom:none;}

#gnb ul.gnb li ul li a {display:block;padding:0 10px;color:#666;font-size:13px;font-weight:300;line-height:40px;}

#gnb ul.gnb li ul li a:hover {color:#ff7700;}

#gnb ul.gnb li ul {display:none;position:absolute;left:50%;width:160px;margin:0 0 0 -80px;border-left:solid 1px #eee;border-top:solid 1px #eee;box-shadow:0 3px 5px 1px rgba(0,0,0,0.1);z-index:999}

#gnb ul.gnb li ul li {display:block;width:100%;background:none;border-right:solid 1px #eee;border-bottom:solid 1px #eee;}

#gnb ul.gnb li ul li a {display:block;height:40px;color:#666;font-size:12px;font-weight:300;line-height:40px;background:#fff;}

#gnb ul.gnb li ul li a:hover {color:#ff7700;background:#f6f6f6;}

#gnb ul.gnb li ul li ul {display:block;position:absolute;left:160px;top:0;width:140px;margin:0;}







#gnb .left {position:absolute;left:0;top:0;}

#gnb .left a {display:block;width:30px;height:40px;text-align:center;}

#gnb .left a i {color:#fff;font-size:20px;line-height:40px;}



#gnb .right {position:absolute;right:0;top:0;}

#gnb .right ul {margin:0;padding:0;list-style:none;}

#gnb .right ul:after {display:block;visibility:hidden;clear:both;content:""}

#gnb .right ul li {display:block;float:left;}

#gnb .right ul li a {display:block;width:30px;height:40px;text-align:center;cursor:pointer;}

#gnb .right ul li a i {color:#fff;font-size:20px;line-height:40px;}



#gnb_all_wrap {display:none;padding:0 20px;border-bottom:solid 1px #ddd;}

#gnb_all_wrap ul {width:100%;max-width:1280px;margin:0 auto;padding:0;list-style:none;}

#gnb_all_wrap ul li {display:block;position:relative;min-height:30px;margin:0;padding:8px 12px;border-bottom:solid 1px #eee;}

#gnb_all_wrap ul li:after {display:block;visibility:hidden;clear:both;content:""}

#gnb_all_wrap ul li:last-child {border-bottom:none;}

#gnb_all_wrap ul li a.depth1 {display:block;float:left;width:140px;color:#222;font-size:15px;font-weight:400;line-height:30px;text-align:center;background:#eee;border:solid 1px #ddd;}

#gnb_all_wrap ul li a.depth1:hover {color:#ff7700;}

#gnb_all_wrap ul li ul {margin:0 0 0 160px;}

#gnb_all_wrap ul li ul li {margin:0;padding:0;border-bottom:none;}

#gnb_all_wrap ul li ul li:last-child {margin:0;}

#gnb_all_wrap ul li ul li a.depth2 {display:block;float:left;width:120px;color:#444;font-weight:400;text-align:left;line-height:30px;}

#gnb_all_wrap ul li ul li a.depth2:hover {color:#ff7700;}

#gnb_all_wrap ul li ul li a.depth3 {display:inline-block;margin:0 12px 0 0;color:#999;font-size:14px;line-height:30px;}

#gnb_all_wrap ul li ul li a.depth3:hover {color:#ff7700;}





#container_wrap {display:block;position:relative;width:100%;max-width:1280px;min-width:320px;min-height:100%;padding-top: 20px;margin:0 auto;

font-family: 'Noto Sans KR', sans-serif;font-size:15px;font-weight:300;}

#container_wrap:after {display:block;visibility:hidden;clear:both;content:""}



/* content */

#content_wrap {display:block;position:relative;float:left;width:74%;padding-top: 10px;}

#content_wrap:after {display:block;visibility:hidden;clear:both;content:""}



#content_part1 {margin:0 0 18px 0;padding:0 0 18px 0;border-bottom:solid 1px #222;}

#content_part1:after {display:block;visibility:hidden;clear:both;content:""}

#content_part2 {margin:0 0 40px 0;}

#content_part2:after {display:block;visibility:hidden;clear:both;content:""}





#content_left {display:block;position:relative;float:left;width:66%;padding:0 14px 0 0;border-right:solid 1px #ddd;}

#content_right {display:block;position:relative;float:right;width:34%;padding:0 0 0 14px;}

#content_right a.banner img {width:100%;height:auto;}

#content_right ul.recent_side {margin:0 0 10px 0;padding:0;list-style:none}

#content_right ul.recent_side:after {display:block;visibility:hidden;clear:both;content:""}

#content_right ul.recent_side li {display:block;margin:14px 0 0 0;padding:14px 0 0 0;border-top:solid 1px #ddd;}

#content_right ul.recent_side li:first-child {margin:8px 0 0 0;}

#content_right ul.recent_side li a {color:#222;font-size:20px;line-height:26px;}

#content_right ul.recent_side li a.img {display:block;margin:8px 0 0 0;}

#content_right ul.recent_side li a.img img {width:100%;height:auto;}

#content_right a.title {display:block;margin:0 0 12px 0;color:#222;font-size:18px;font-weight:500;}

#content_right a.title i {font-size:14px;vertical-align:baseline;}





#top_wrap {display:none;margin:0 0 10px 0;padding:8px 10px;border-bottom:solid 1px #222;}

#top_wrap ul {margin:0;padding:0;list-style:none;}

#top_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}

#top_wrap ul li {display:block;float:left;width:33.33%;padding:0 0 0 18px;border-left:solid 1px #ddd;}

#top_wrap ul li:first-child {padding:0;border-left:none;}

#top_wrap ul li a {display:block;}

#top_wrap ul li a:after {display:block;visibility:hidden;clear:both;content:""}

#top_wrap ul li a .icon {float:left;margin:0 18px 0 0;}

#top_wrap ul li a .icon img {width:50px;}

#top_wrap ul li a .con {color:#222;}

#top_wrap ul li a .con strong {display:block;color:#222;font-weight:500;}

#top_wrap ul li a .con strong i {font-size:16px;vertical-align:baseline;}





.headline {margin:0 0 24px 0;padding:0 0 18px 0;border-bottom:solid 1px #222;}

.headline:after {display:block;visibility:hidden;clear:both;content:""}

.headline a.title {display:block;margin:0 0 18px 0;color:#222;font-weight:500;font-size:40px;text-align:center;line-height:40px;/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');*/}

.headline a.img {display:block;float:left;margin:0 18px 0 0;padding:4px 0 0 0;}

.headline a.img img {width:220px;height:auto;}

.headline a.con {display:block;color:#000;line-height:21px;}





.recent {display:block;border-bottom:solid 1px #ddd;}

.recent a.title {display:block;padding:18px 0;color:#222;font-size:22px;}

.recent a.title:after {display:block;visibility:hidden;clear:both;content:""}



.recent .recent_con {margin:0 0 18px 0;}

.recent .recent_con:after {display:block;visibility:hidden;clear:both;content:""}

.recent .recent_con .img {float:left;margin:0 17px 0 0;}

.recent .recent_con .img img {width:186px;height:auto}

.recent .recent_con .img_big {float:left;margin:0 17px 0 0;}

.recent .recent_con .img_big img {width:440px;height:auto}

.recent .recent_con .con {display:block;color:#444;line-height:21px;}



.recent .recent_con2 {margin:0;}

.recent .recent_con2:after {display:block;visibility:hidden;clear:both;content:""}

.recent .recent_con2 .img {float:left;margin:0 17px 0 0;}

.recent .recent_con2 .img img {width:186px;height:auto}

.recent .recent_con2 .con {display:block;color:#222;font-size:22px;line-height:28px;}



.recent a.small {display:block;position:relative;margin:0 0 18px 0;padding:0 0 0 10px;color:#222;font-size:16px;}

.recent a.small .bullet {display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:#999;border-radius:30px;}

.recent.first a.title {padding:0 0 18px 0;font-size:24px;}

.recent.last {border-bottom:none;}

.recent.last .recent_con {margin:0;}





/* side */

#side_wrap {display:block;position:relative;float:right;width:24%;}

#side_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#side_wrap .title {display:block;margin:0 0 12px 0;padding:0 0 4px 0;color:#222;font-size:18px;font-weight:500;border-bottom:solid 2px #c1272d;}

#side_wrap .title:after {display:block;visibility:hidden;clear:both;content:""}

#side_wrap .title strong {color:#c1272d;font-weight:400;}

#side_wrap .title img {width:40px;height:auto;}

#side_wrap .title i {font-size:14px;vertical-align:baseline;}

#side_wrap .title .subscript {display:block;float:right;font-size:16px;font-weight:300;}

#side_wrap a.banner img {width:100%;height:auto;}





dl.hotclip {display:block;margin:0 0 18px 0;padding:0 16px;background:#fff;border:solid 1px #eee;}

dl.hotclip:after {display:block;visibility:hidden;clear:both;content:""}

dl.hotclip dd {position:relative;padding:14px 0;color:#444;font-size:15px;font-weight:500;border-bottom:solid 1px #ddd;}

dl.hotclip dd:after {display:block;visibility:hidden;clear:both;content:""}

dl.hotclip dd a.subject {display:block;margin:0;color:#222;font-size:20px;font-weight:300;line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}

dl.hotclip dd:last-child {border-bottom:none;}





dl.opini {display:block;margin:0 0 18px 0;padding:0 16px;background:#fff;border:solid 1px #eee;}

dl.opini:after {display:block;visibility:hidden;clear:both;content:""}

dl.opini dd {position:relative;padding:14px 0;color:#444;font-size:15px;font-weight:500;border-bottom:solid 1px #ddd;}

dl.opini dd:after {display:block;visibility:hidden;clear:both;content:""}

dl.opini dd .subject {display:block;margin:0 70px 0 0;color:#222;font-size:20px;font-weight:300;line-height:26px;}

dl.opini dd .img {display:block;float:right;}

dl.opini dd .img img {width:50px;height:auto;border-radius:50%;}

dl.opini dd .img_rec {display:block;float:right;margin:24px 0 0 0;}

dl.opini dd .img_rec img {width:50px;height:auto;}

dl.opini dd:last-child {border-bottom:none;}

dl.opini .bx-wrapper {}



.plan {margin:0 0 24px 0;}



.today {position:relative;margin:0 0 18px 0;padding:6px 12px;overflow:hidden;background:#f6f6f6;}

.today:after {display:block;visibility:hidden;clear:both;content:""}

.today ul {display:block;float:left;width:45%;margin:0;padding:0;list-style:none;}

.today ul li {display:block;border-bottom:solid 1px #ddd}

.today ul li:last-child {border-bottom:none;}

.today ul li a {display:block;padding:6px 4px;color:#222;font-size:15px;}

.today .img {position:absolute;left:50%;bottom:0;box-shadow:0 0 4px 1px rgba(0,0,0,0.2);}



.best {margin:0 0 18px 0;padding:0 16px;background:#fff;border:solid 1px #eee;}

.best .item {position:relative;padding:14px 0;color:#444;font-size:15px;font-weight:500;border-bottom:solid 1px #ddd;}

.best .item:after {display:block;visibility:hidden;clear:both;content:""}

.best .num {display:block;float:left;margin:0;font-family:'roboto';color:#222;font-size:20px;}

.best .item a.subject {display:block;margin:0 60px 0 20px;color:#222;font-size:16px;font-weight:300;line-height:22px;}

.best .item a.img {display:block;float:right;}

.best .item a.img img {width:50px;height:auto;}

.best .item a.img_mobile {display:none;float:right;}

.best .item a.img_mobile img {width:143px;height:auto;}

.best .item .con {display:none;margin:8px 160px 0 20px;color:#444;font-size:14px;font-weight:300;line-height:20px;}

.best .item:last-child {border-bottom:none;}



.banner_slide_area .bx-wrapper {margin:0 0 18px 0;}

.banner_slide_area2 {clear:both;margin:0 0 24px 0;padding:18px 0;border-top:solid 1px #ddd;border-bottom:solid 1px #222}



#recent_thumb {margin:0 0 40px 0;}

#recent_thumb dl {}

#recent_thumb dl:after {display:block;visibility:hidden;clear:both;content:""}

#recent_thumb dl dd {display:block;float:left;width:23%;margin:0 2.66% 0 0;}

#recent_thumb dl dd:last-child {margin:0 0 0 0;}

#recent_thumb dl dd .title {display:block;margin:0 0 12px 0;color:#222;font-size:18px;font-weight:500;}

#recent_thumb dl dd .title:after {display:block;visibility:hidden;clear:both;content:""}

#recent_thumb dl dd .title i {font-size:14px;vertical-align:baseline;}

#recent_thumb dl dd a.con {display:block;background:#fff;border:solid 1px #ddd;}

#recent_thumb dl dd a.con img {width:100%;height:auto;}

#recent_thumb dl dd a.con .subject {padding:10px 20px;color:#222;font-size:18px;line-height:24px;}





#only_wrap {display:none;margin:0 0 24px 0;padding:0 0 18px 0;border-bottom:solid 1px #222;}

#only_wrap .title {display:block;margin:0 0 12px 0;color:#222;font-size:18px;font-weight:500;}

#only_wrap ul {margin:0;padding:12px 16px;list-style:none;border:solid 1px #ddd;}

#only_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}

#only_wrap ul li {display:block;margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:solid 1px #ddd;}

#only_wrap ul li:last-child {margin:0;padding:0;border-bottom:none;}

#only_wrap ul li a {display:block;}

#only_wrap ul li a:after {display:block;visibility:hidden;clear:both;content:""}

#only_wrap ul li a .icon {float:left;margin:0 18px 0 0;}

#only_wrap ul li a .icon img {width:120px;}

#only_wrap ul li a .con {color:#222;font-size:18px;}

#only_wrap ul li a .con strong {display:block;color:#222;font-size:15px;font-weight:500;}

#only_wrap ul li a .con strong i {font-size:16px;vertical-align:baseline;}



.mobile_none {display:block;}







#job_wrap {width:100%;max-width:1280px;margin:0 auto 40px auto;font-family: 'Noto Sans KR', sans-serif;font-weight:300;}

#job_wrap .job_title {display:block;margin:0 0 8px 0;color:#222;font-size:18px;font-weight:500;}

#job_wrap ul.job_premium {margin:0;padding:0;list-style:none;}

#job_wrap ul.job_premium:after {display:block;visibility:hidden;clear:both;content:""}

#job_wrap ul.job_premium li {display:block;float:left;width:19%;margin:0 1.25% 12px 0;}

#job_wrap ul.job_premium li:nth-child(5n) {margin:0 0 12px 0;}

#job_wrap ul.job_premium li a {display:block;border:solid 3px #eee;}

#job_wrap ul.job_premium li a:hover {border:solid 3px #ff7700;}

#job_wrap ul.job_premium li a .logo {display:block;padding:18px 0;text-align:center;border-bottom:solid 1px #eee;}

#job_wrap ul.job_premium li a .logo img {width:128px;height:51px;line-height:80px;vertical-align:middle;}

#job_wrap ul.job_premium li a .con {position:relative;padding:8px 10px 34px 10px;text-align:center;}

#job_wrap ul.job_premium li a .con strong {display:block;margin:0 0 2px 0;color:#222;font-size:16px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}

#job_wrap ul.job_premium li a .con p {display:block;height:40px;color:#666;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#job_wrap ul.job_premium li a .con .location {position:absolute;right:10px;bottom:10px;padding:0 0 0 8px;color:#444;font-size:12px;line-height:14px;text-align:right;background:url(../../img/bullet.png) no-repeat 0 6px;

overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;

}





#job_wrap ul.job_spon {margin:0;padding:0;list-style:none;}

#job_wrap ul.job_spon:after {display:block;visibility:hidden;clear:both;content:""}

#job_wrap ul.job_spon li {display:block;float:left;width:19%;margin:0 1.25% 12px 0;}

#job_wrap ul.job_spon li:nth-child(5n) {margin:0 0 12px 0;}

#job_wrap ul.job_spon li a {display:block;border:solid 3px #ccc;}

#job_wrap ul.job_spon li a:hover {border:solid 3px #4fd3e2}

#job_wrap ul.job_spon li a strong {display:block;padding:0 10px;color:#222;font-size:14px;font-weight:400;line-height:40px;background:#f6f6f6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}

#job_wrap ul.job_spon li a .con {position:relative;padding:8px 10px;}

#job_wrap ul.job_spon li a .con p {display:block;height:36px;color:#666;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#job_wrap ul.job_spon li a .con .location {position:relative;padding:0 0 0 8px;color:#444;font-size:12px;background:url(../../img/bullet.png) no-repeat 0 10px;

overflow:hidden;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}





#job_wrap ul.job_box {margin:0;padding:0;list-style:none;border-top:solid 1px #ccc;border-left:solid 1px #ccc;}

#job_wrap ul.job_box:after {display:block;visibility:hidden;clear:both;content:""}

#job_wrap ul.job_box li {display:block;float:left;width:25%;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;}

#job_wrap ul.job_box li a {display:block;background:#fff;}

#job_wrap ul.job_box li a:hover {background:#e0f8fa;}

#job_wrap ul.job_box li a strong {display:block;padding:0 10px;color:#222;font-size:13px;font-weight:400;line-height:40px;background:#f6f6f6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}

#job_wrap ul.job_box li a:hover strong {background:#4fd3e2;}

#job_wrap ul.job_box li a .con {position:relative;padding:8px 10px;line-height:normal;}

#job_wrap ul.job_box li a .con p {display:block;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}

#job_wrap ul.job_box li a .con .location {color:#444;font-size:11px;padding:0 0 0 8px;background:url(../../img/bullet.png) no-repeat 0 8px;}





#list_type {margin:0 0 20px 0;border-top:solid 1px #222;}

#list_type .item,

#list_type .item_head {font-size:14px;border-bottom:solid 1px #ddd;}

#list_type .item_head {color:#222;font-weight:400;background:#f6f6f6;}

#list_type .item:after,

#list_type .item_head:after {display:block;visibility:hidden;clear:both;content:""}



#list_type .subject {}

#list_type .info {float:right;}

#list_type .subject:after,

#list_type .info:after {display:block;visibility:hidden;clear:both;content:""}



#list_type .area {float:left;width:180px;padding:12px 10px;}

#list_type .job {float:left;width:120px;padding:12px 10px;}

#list_type a.title {display:block;padding:12px 10px;}



#list_type .name {float:left;width:180px;padding:12px 10px;}

#list_type .date {float:left;width:120px;padding:12px 10px;}



#list_type .area_mobile {display:none;float:left;}

#list_type .job_mobile {display:none;float:left;}



.btn_area {}

.btn_area a {display:inline-block;width:180px;height:40px;color:#222;font-size:14px;text-align:center;font-weight:400;line-height:38px;background:#fff;border:solid 1px #ccc;border-radius:3px;}

.btn_area a:hover {background:#f6f6f6;}



ul.banner_job {margin:20px 0 0 0;padding:0;list-style:none;}

ul.banner_job:after {display:block;visibility:hidden;clear:both;content:""}

ul.banner_job li {display:block;float:left;width:25%;}

ul.banner_job li a {display:block}

ul.banner_job li a img {width:100%;height:auto;}





#footer {width:100%;max-width:600px;margin:0 auto;padding:40px 0;font-family: 'Noto Sans KR', sans-serif;font-weight:300;border-top:solid 1px #ddd;}

#footer:after {display:block;visibility:hidden;clear:both;content:""}



#footer .logo {display:block;float:left;margin:4px 40px 0 0;}

#footer .logo img {width:200px;height:auto;}

#footer .copy {display:block;float:left;font-size:13px;line-height:24px;}

#footer .copy .var {display:inline-block;width:1px;height:14px;margin:0 12px;background:#ccc;vertical-align:middle;}



.banner_bottom {margin:0 0 10px 0;}

.banner_bottom ul {margin:0;padding:0;list-style:none;}

.banner_bottom ul:after {display:block;visibility:hidden;clear:both;content:""}

.banner_bottom ul li {display:block;float:left;width:19.5%;margin:0 0.62% 8px 0;}

.banner_bottom ul li:nth-child(5n) {margin:0 0 8px 0;}

.banner_bottom ul li img {width:100%;height:auto;}









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

#header {display:none;}



#header_mobile {display:block}



#gnb .gnb_mobile {margin:0 40px;overflow-x:auto;}



#gnb ul.gnb {min-width:600px}



#gnb .right ul li {display:none;}

#gnb .right ul li:nth-child(2n) {display:block;}





#container_wrap {max-width:700px;margin:0 auto;padding:30px 0 0 0;}



#content_wrap {float:none;width:100%;}

#side_wrap {float:none;width:100%;}



#top_wrap {display:none;}



#only_wrap {display:block;}



#recent_thumb dl dd {display:block;float:left;width:32%;margin:0 2% 0 0;}

#recent_thumb dl dd:nth-child(3) {margin:0;}

#recent_thumb dl dd:last-child {display:none;}



dl.hotclip dd a.subject {margin:0;}

dl.hotclip dd a.img img {width:57px;}

dl.hotclip dd a.img_rec img {width:57px;}



dl.opini dd .subject {margin:0 80px 0 0;}

dl.opini dd .img img {width:57px;}

dl.opini dd .img_rec img {width:57px;}



.today {display:none;}



.best .item a.subject {margin:0 160px 0 20px;}

.best .item a.img {display:none;}

.best .item a.img_mobile {display:block;}

.best .item .con {display:block;}



.mobile_none {display:none !important;}





#job_wrap {max-width:700px;margin:0 auto 40px auto;}

#job_wrap ul.job_premium li {width:24%;margin:0 1.33% 12px 0;}

#job_wrap ul.job_premium li:nth-child(5n) {margin:0 1.33% 12px 0;}

#job_wrap ul.job_premium li:nth-child(4n) {margin:0 0 12px 0;}





#job_wrap {max-width:700px;margin:0 auto 40px auto;}

#job_wrap ul.job_spon li {width:24%;margin:0 1.33% 12px 0;}

#job_wrap ul.job_spon li:nth-child(5n) {margin:0 1.33% 12px 0;}

#job_wrap ul.job_spon li:nth-child(4n) {margin:0 0 12px 0;}



#job_wrap ul.job_box li {width:33.33%;}



.banner_bottom ul li {width:32%;margin:0 2% 8px 0;}

.banner_bottom ul li:nth-child(5n) {margin:0 2% 8px 0;}

.banner_bottom ul li:nth-child(3n) {margin:0 0 8px 0;}

}









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

#container_wrap {width:auto;max-width:100%;margin:0 10px;}



#content_left {float:none;width:auto;margin:0 0 18px 0;padding:0 0 8px 0;border-right:none;border-bottom:solid 1px #ddd;}

#content_right {float:none;width:auto;padding:0;}



#content_right ul.recent_side li {margin:12px 0 0 0;padding:12px 0 0 0;}

#content_right ul.recent_side li a {font-size:18px;line-height:24px;}

#content_right a.banner {margin:8px 0 0 0;}



.headline {margin:0 0 24px 0;padding:0 0 18px 0;border-bottom:solid 1px #222;}

.headline a.title {font-size:36px;}

.headline a.img {display:block;float:none;margin:0;padding:0;}

.headline a.img img {width:100%;height:auto;}

.headline a.con {display:none;}



.recent a.title {padding:12px 0;font-size:18px;}



.recent .recent_con .img {float:none;margin:0;}

.recent .recent_con .img img {width:100%;height:auto}

.recent .recent_con .img_big {float:none;margin:0;}

.recent .recent_con .img_big img {width:100%;height:auto}

.recent .recent_con .con {display:none;}



.recent .recent_con2 .img {float:none;margin:0;}

.recent .recent_con2 .img img {width:100%;height:auto}

.recent .recent_con2 .con {display:none;}



.recent a.small {display:none;}

.recent.first a.title {font-size:18px;}



dl.hotclip dd a.subject {margin:0;font-size:18px;line-height:24px;}

dl.hotclip dd a.img img {width:80px;}

dl.hotclip dd a.img_rec img {width:80px;}



dl.opini dd .subject {margin:0 90px 0 0;font-size:18px;line-height:24px;}

dl.opini dd .img img {width:80px;}

dl.opini dd .img_rec img {width:80px;}



#recent_thumb dl dd {width:49%;margin:0 2% 18px 0;}

#recent_thumb dl dd:nth-child(3) {margin:0 2% 18px 0;}

#recent_thumb dl dd:nth-child(2) {margin:0 0 6px 0;}

#recent_thumb dl dd:last-child {display:block;}



#recent_thumb dl dd a.con {border:none;}

#recent_thumb dl dd a.con .subject {padding:12px 0 0 0px;}



.best .item a.subject {margin:0 90px 0 20px;}

.best .item a.img_mobile {display:block;float:right;}

.best .item a.img_mobile img {width:80px;height:auto;}

.best .item .con {display:none;}



#only_wrap ul li a .icon {margin:0 12px 0 0;}

#only_wrap ul li a .icon img {width:80px;}





#job_wrap {width:auto;max-width:100%;margin:0 10px 40px 10px;}

#job_wrap ul.job_premium li {width:32%;margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(5n) {margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(4n) {margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(3n) {margin:0 0 12px 0;}





#job_wrap {width:auto;max-width:100%;margin:0 10px 40px 10px;}

#job_wrap ul.job_spon li {width:32%;margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(5n) {margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(4n) {margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(3n) {margin:0 0 12px 0;}



#job_wrap ul.job_box li {width:50%;}





ul.banner_job li {width:50%;}



#footer .logo {float:none;margin:0px 0 18px 0;text-align:center;}

#footer .logo img {width:160px;}

#footer .copy {float:none;font-size:12px;line-height:20px;text-align:center;}

#footer .copy .var {height:13px;margin:0 8px;}



.banner_bottom ul li {width:49%;margin:0 2% 8px 0;}

.banner_bottom ul li:nth-child(5n) {margin:0 2% 8px 0;}

.banner_bottom ul li:nth-child(3n) {margin:0 2% 8px 0;}

.banner_bottom ul li:nth-child(2n) {margin:0 0 8px 0;}

}









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

#job_wrap ul.job_premium li {width:49%;margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(5n) {margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(4n) {margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(3n) {margin:0 2% 12px 0;}

#job_wrap ul.job_premium li:nth-child(2n) {margin:0 0 12px 0;}





#job_wrap ul.job_spon li {width:49%;margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(5n) {margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(4n) {margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(3n) {margin:0 2% 12px 0;}

#job_wrap ul.job_spon li:nth-child(2n) {margin:0 0 12px 0;}

}