@charset "utf-8";

/* common style */
.spT1.logo:before{width:109px;height:23px;top:0;left:0}
.spT1.logo2:before{width:109px;height:22px;top:0;left:0;background-position:-149px 0}

.spM1{position:relative}
.spM1:before{position:absolute;display:inline-block;background:url(http://images.jobplat.co.kr/2016/site/typeA/main/sp_common.png) no-repeat;display:block;clear:both;content:''}
.spM1.arrowL:before{width:28px;height:52px;top:0;left:0}
.spM1.arrowR:before{width:28px;height:52px;top:0;left:0;background-position:-68px 0}
.spM1.arrowL:hover:before{background-position:-136px 0}
.spM1.arrowR:hover:before{background-position:-204px 0}
.spM1.arrowL2:before{width:9px;height:15px;top:0;right:0;background-position:-272px 0}
.spM1.arrowR2:before{width:9px;height:15px;top:0;right:0;background-position:-416px 0}
.spM1.arrowL2:hover:before{background-position:-368px 0}
.spM1.arrowR2:hover:before{background-position:-320px 0}
.spM1.arrowU:before{width:10px;height:6px;top:50%;left:50%;margin:-3px 0 0 -5px;background-position:-465px 0}
.spM1.arrowD:before{width:10px;height:6px;top:50%;left:50%;margin:-3px 0 0 -5px;background-position:-515px 0}
.spM1.bC1:before{width:121px;height:84px;left:0;bottom:0;background-position:0 -100px}
.spM1.bC2:before{width:67px;height:84px;left:22px;bottom:0;background-position:-234px -100px}
.spM1.bC3:before{width:81px;height:84px;left:21px;bottom:0;background-position:-418px -100px}
.spM1.bC4:before{width:69px;height:84px;left:22px;bottom:0;background-position:-619px -100px}
.spM1.bC1:hover:before{background-position:0 -218px}
.spM1.bC2:hover:before{background-position:-234px -218px}
.spM1.bC3:hover:before{background-position:-418px -218px}
.spM1.bC4:hover:before{background-position:-619px -218px}
.spM1.tab:before{width:120px;height:45px;left:0;top:0;background-position:0 -342px}
.spM1.tab:hover:before{background-position:0 -432px}
.spM1.tab.on:before{background-position:0 -387px}
.spM1.bVod:before{width:27px;height:27px;top:-18px;right:-311px;background-position:-160px -342px}
.spM1.flag1:before{width:68px;height:77px;top:0;left:0;background:url(http://images.jobplat.co.kr/2016/site/typeA/main/flag_con2.png) no-repeat 0 0}
.spM1.flag2:before{width:68px;height:77px;top:0;left:0;background:url(http://images.jobplat.co.kr/2016/site/typeA/main/flag_con2.png) no-repeat -88px 0}
.spM1.flag3:before{width:68px;height:77px;top:0;left:0;background:url(http://images.jobplat.co.kr/2016/site/typeA/main/flag_con2.png) no-repeat -176px 0}

.spM1.flag4:before{width:68px;height:77px;top:0;left:0;background:url(/Images/jobplat/main/flag_nts1.png) no-repeat}
a:hover .spM1.flag4:before{width:68px;height:77px;top:0;left:0;background:url(/Images/jobplat/main/flag_nts2.png) no-repeat}

a:hover .spM1.flag1:before{background-position:0 -97px}
a:hover .spM1.flag2:before{background-position:-88px -97px}
a:hover .spM1.flag3:before{background-position:-176px -97px}
.spM1.ico1:before{width:12px;height:9px;top:50%;left:50%;margin:-4px 0 0 -6px;background-position:-427px -342px}
.spM1.ico2:before{width:12px;height:11px;top:50%;left:50%;margin:-5px 0 0 -6px;background-position:-479px -342px}
.spM1.iBg1:before{width:10px;height:26px;top:0;right:26px;background-position:-227px -342px}
.spM1.iBg2:before{width:10px;height:26px;top:0;right:26px;background-position:-257px -342px}
.spM1.iBg3:before{width:10px;height:26px;top:0;right:26px;background-position:-287px -342px}
.spM1.iBg4:before{width:10px;height:26px;top:0;right:26px;background-position:-317px -342px}
.spM1.iBg5:before{width:10px;height:26px;top:0;right:26px;background-position:-347px -342px}

/* layout */
.tAWrap header{}
.tAWrap header .jHeader{padding:23px 0 0;}
.tAWrap header .jHeader:after{display:block;clear:both;content:''}
.tAWrap header .jHeader .logo{float:left;display:block;margin:20px 71px 0 0;width:99px;height:23px}

.tAWrap header .jHeader nav>ul>li {
    display:block;
    background-color:#939393;
    overflow:visible;
    margin-right:3px;
    padding:0;
}
.tAWrap header .jHeader nav>ul>li a {
    position:relative;
    width:145px;
    height:44px;
    padding:20px 0 0 0;
    text-align:center;
    display:block;
    background-color:#939393;
    color:#fff;
    font-size:15px;
}
.tAWrap header .jHeader nav>ul>li a.mn02 {
    height:52px;
    padding:12px 0 0 0;
}
.tAWrap header .jHeader nav>ul>li img{
    display:none;
}
.tAWrap header .jHeader nav>ul>li a.active img{
    display:block;
    position:absolute;
    top:-2px;
    right:10px;
}
.tAWrap header .jHeader nav>ul>li a:hover, .tAWrap header .jHeader nav>ul>li a.active {
    width:125px;
    text-align:left;
    padding-left:20px;
}

.tAWrap header .jHeader nav>ul>li a.mn04:hover, .tAWrap header .jHeader nav>ul>li a.mn04.active {
    width:145px;
    text-align:center;
    padding-left:0;
}

.tAWrap header .jHeader nav>ul>li .mn01:hover, .tAWrap header .jHeader nav>ul>li .mn01.active {
    background-color:#0b544b;
}
.tAWrap header .jHeader nav>ul>li .mn02:hover, .tAWrap header .jHeader nav>ul>li .mn02.active {
    background-color:#0f3c75;
}
.tAWrap header .jHeader nav>ul>li .mn03:hover, .tAWrap header .jHeader nav>ul>li .mn03.active {
    background-color:#292d52;
}
.tAWrap header .jHeader nav>ul>li .mn04:hover, .tAWrap header .jHeader nav>ul>li .mn04.active {
    background-color:#0072b9;
}
.tAWrap header #mn-tab-list {
    width:100%;
    margin:0;
    padding:0;
}
.tAWrap header #mn-tab-list .freepass {
    background:url('/images/jobplat/main/ico_freepass.png') no-repeat center left;
    color:#ffe33e;
    height:100%;
    min-width:65px;
}
.tAWrap header #mn-tab-list .freepass span {
    padding-left:65px;
}
.tAWrap header #mn-tab-list .freepass a {
    position:absolute;
    display:block;
    width:55px;
    height:18px;
    top:10px;
    padding:0;
}
.tAWrap header #mn-tab-list ul>li {
    display:inline-block;
    float:left;
    color:#fff;
}
.tAWrap header #mn-tab-list ul>li a {
    display:block;
    padding:0 15px;
    color:#fff;
}
.tAWrap header #mn-tab-list ul>li a:hover {
    color:#ffe33e;
    background-color:rgba(0, 0, 0, 0.2);
}
.tAWrap header #mn-tab-list .freepass a:hover {
    background-color:rgba(255, 255, 255, 0.1);
}
.tAWrap header .mn-tab {
    position:relative;
    display:none;
    width:620px;
    height:38px;
    margin:0 auto;
    background-color:inherit;
    color:#fff;
    line-height:38px;
}
.tAWrap header .mn-tab.on {
    display:block;
}
.tAWrap header #mn-tab-list.mn01 {
    background-color:#0b544b;
}
.tAWrap header #mn-tab-list.mn02 {
    background-color:#0f3c75;
}
.tAWrap header #mn-tab-list.mn03 {
    background-color:#292d52;
}
.tAWrap header #mn-tab-list.mn04 {
    background-color:#0072b9;
}

.tAWrap header .mainNotice.mn01 {
    color:#fff;
    background-color:#24655f;
}
.tAWrap header .mainNotice.mn02 {
    color:#fff;
    background-color:#274f82;
}
.tAWrap header .mainNotice.mn03 {
    color:#fff;
    background-color:#3d4262;
}
.tAWrap header .mainNotice.mn04 {
    color:#fff;
    background-color:#1981c0;
}
/*
.tAWrap header .jHeader nav{margin-top:-23px;}
.tAWrap header .jHeader nav>ul>li>a{height:48px;color:#333}
.tAWrap header .jHeader nav>ul>li:hover>a{color:#fff}
.tAWrap header .jHeader nav>ul>li ul{top:81px;z-index:10;}
.tAWrap header .jHeader nav>ul>li:hover ul{border:#0072b9 1px solid}
.tAWrap header .jHeader nav>ul>li:hover ul a{color:#333}
.tAWrap header .jHeader nav>ul>li:hover ul a:hover{color:#0072b9;background:#e5f1f8}

.tAWrap header .jHeader nav>ul>li ul.typeB{float:left;width:281px;}
.tAWrap header .jHeader nav>ul>li ul.typeB li{float:left;display:inline-block;width:140px;}
.tAWrap header .jHeader nav>ul>li ul.typeB li:nth-child(2n){border-left:solid 1px #e5f1f8;}
*/


.tAWrap header .until li{margin-left:10px}
.tAWrap header .until li a{padding-top:25px;color:#999}
.tAWrap header .until li a:hover{color:#555}
.floating {top:218px;}
.floating p a{width:79px}
.floating p a span{height:142px}
.floating p a span.c1{background:url(http://images.jobplat.co.kr/2016/site/typeA/floating1.png) no-repeat 0 bottom}
.floating p a span.c2{background:url(http://images.jobplat.co.kr/2016/site/typeA/floating2.png) no-repeat 0 bottom}
.floating>div ul{top:133px;width:79px}

.tAWrap footer{background:#555}
.tAWrap footer .jFooter{position:relative;width:960px;margin:0 auto;padding:40px 0}
.tAWrap footer .jFooter:after{display:block;clear:both;content:''}
.tAWrap footer .jFooter .logo2{float:left;width:149px;height:22px}
.tAWrap footer .jFooter .bottomC{position:relative;float:left;width:645px;padding-left:15px;border-left:#737676 2px solid}
.tAWrap footer .jFooter .bottomC em{display:block;margin:-4px 0 5px;font-size:12px;color:#eee}
.tAWrap footer .jFooter .bottomC em i{color:#009dff}
.tAWrap footer .jFooter .bottomC p{font-size:12px;color:#d5d5d5}
.tAWrap footer .jFooter .bottomC p span{position:relative;padding-left:7px;margin-left:5px}
.tAWrap footer .jFooter .bottomC p span:after{position:absolute;top:2px;left:0;width:1px;height:11px;background:#6b6b6b;display:block;clear:both;content:''}
.tAWrap footer .jFooter .bottomC p span:first-child{padding-left:0;margin-left:0}
.tAWrap footer .jFooter .bottomC p span:first-child:after{display:none}
.tAWrap footer .jFooter .bottomC p span a{color:#d5d5d5}
.tAWrap footer .jFooter .bottomC p span a:hover{text-decoration:underline}
.tAWrap footer .jFooter .bottomC p:last-child{margin-bottom:-4px}
.tAWrap footer .jFooter .bLink{position:absolute;top:40px;right:0}
.tAWrap footer .jFooter .bLink p{width:116px;height:23px;padding:3px 26px 0 10px;font-size:12px;color:#b5b5b5;cursor:pointer;border:#6e6e6e 2px solid;border-radius:2px}

.tAWrap footer .jFooter .bLink ul.family-site {display:none;padding:3px 10px 5px;border:#555 2px solid;border-top:0;background:#6e6e6e}
.tAWrap footer .jFooter .bLink ul.family-site li a{display:block;font-size:12px;color:#b5b5b5}
.tAWrap footer .jFooter .bLink ul.family-site li a:hover{color:#fff}
.tAWrap footer .jFooter .bLink:hover ul.family-site{display:block}

.tAWrap footer .jFooter .bLink ul.sns-site {
    padding:3px 10px 5px;
    list-style:none;
}

.tAWrap footer .jFooter .bLink ul.sns-site li {
    display:inline-block;
    padding:5px;
}


/* main */
.tAWrap header .mainNotice{background:#f9f9f9}
.tAWrap header .mainNotice a{color:#fff}
.tAWrap header .mainNotice a:hover{color:#fff}
.tAWrap header .mainNotice .mainNoticeItem {width:960px;margin:0 auto;}
.tAWrap header .mainNotice li{width:100%;display:block;height:39px;line-height:39px;}
.tAWrap header .mainNotice li em{padding-left:22px;margin-right:10px;color:#fff}
.tAWrap header .mainNotice li em.event{color:#fff;}

.main .visual{position:relative;height:465px;z-index:10}
.main .visual.bg1{background:url(http://images.jobplat.co.kr/2016/site/typeA/main/bg_visual1.png) repeat-x}
.main .visual.bg2{background:url(http://images.jobplat.co.kr/2016/site/typeA/main/bg_visual2.png) repeat-x}
.main .visual.bg3{background:url(http://images.jobplat.co.kr/2016/site/typeA/main/bg_visual3.png) repeat-x}

.main .visual .visualC{
    position:relative;
    overflow: hidden;
}
.main .visual .visualC ul{
    position:relative;
    height:465px;
    overflow:hidden;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}
.main .visual .visualC ul li{
    float:left;
    display:block;
    height:465px;
    margin:0;
    padding:0;
    text-align:center;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
/*
.main .visual .visualC .bg1{background:url(http://images.jobplat.co.kr/2016/site/typeA/main/visual1.png) no-repeat 50% 0}
.main .visual .visualC .bg2{background:url(http://images.jobplat.co.kr/2016/site/typeA/main/visual2.png) no-repeat 50% 0}
.main .visual .visualC .bg3{background:url(http://images.jobplat.co.kr/2016/site/typeA/main/visual3.png) no-repeat 50% 0}
*/
.main .visual .visualC .bg1{background:url(/Images/jobplat/main/bg_visual1.png) repeat-x}
.main .visual .visualC .bg2{background:url(/Images/jobplat/main/bg_visual2.png) repeat-x}
.main .visual .visualC .bg3{background:url(/Images/jobplat/main/bg_visual3.png) repeat-x}
.main .visual .visualC .bg4{background:url(/Images/jobplat/main/bg_visual4.png) repeat-x}
.main .visual .visualC .bg5{background:url(/Images/jobplat/main/bg_visual5_hmg.png) repeat-x}
.main .visual .visualC .bg6{background:url(/Images/jobplat/main/bg_visual5_sk.png) repeat-x}
.main .visual .visualC .bg7{background:url(/Images/jobplat/main/bg_visual5_samsung.png) repeat-x}
.main .visual .visualC .bg8{background:url(/Images/jobplat/main/bg_visual6_humetro.png) repeat-x}

.main .visual .visualC .bg11{background:url(/Images/jobplat/main/bg_visual6_khnp.png) repeat-x}

.main .visual .visualC .bg16{background:url(/Images/jobplat/main/bg_visual_2017kepco.png) repeat-x}
.main .visual .visualC .bg14{background:url(/Images/jobplat/freepass/bg_visual_2017freepass01.png) repeat-x}
.main .visual .visualC .bg12{background:url(/Images/jobplat/freepass/bg_visual_2017freepass02.png) repeat-x}
.main .visual .visualC .bg13{background:url(/Images/jobplat/freepass/bg_visual_2017freepass03.png) repeat-x}

.main .visual .visualC .bg15{background:url(/Images/jobplat/freepass/bg_visual_2017pass.png) repeat-x}

.main .visual .visualC .bg21{background:url(/Images/Event/banner/bg_visual_혜자패스_공기업.png) repeat-x}
.main .visual .visualC .bg22{background:url(/Images/Event/banner/bg_visual_혜자패스_대기업.png) repeat-x}

.main .visual .visualC .bg24{background:url(/Images/Event/banner/bg_visual_혜자패스_이벤트.png) repeat-x}

.main .visual .visualC .bg31{background:url(/Images/Jobplat/banner/bg_visual_ncs최단기특강_한국철도공사.png) repeat-x}

.main .visual .visualC .bg32{background:url(/Images/Jobplat/banner/bg_visual_최단기특강_현대자동차.png) repeat-x}
.main .visual .visualC .bg33{background:url(/Images/Jobplat/banner/bg_visual_최단기특강_삼성.png) repeat-x}
.main .visual .visualC .bg41{background:url(/Images/Event/banner/bg_visual_혜자티켓.png) repeat-x}


.main .visual .visualC .bg-box {
    width:1300px;
    height:465px;
    position:relative;
    margin:0 auto;
}
.main .visual .visualC .bg4 span{
    position:absolute;
    top:40px;
    left:920px;
}

.main .visual .visualC .naviG{position:absolute;top:329px;left:50%;width:960px;margin-left:-480px;text-align:center}
.main .visual .visualC .naviG span{display:inline-block;width:12px;height:12px;margin:0 3px;border-radius:6px;background:#fff;cursor:pointer}
.main .visual .visualC .naviG span.on{width:30px;background:#0072b9}
.main .visual .visualC .btnG{position:absolute;top:174px;left:50%;width:960px;margin-left:-480px}
.main .visual .visualC .spM1{position:absolute;top:0}
.main .visual .visualC .spM1.arrowL{left:30px;width:28px;height:52px}
.main .visual .visualC .spM1.arrowR{right:30px;width:28px;height:52px}

.main .visual .bannerC{position:absolute;left:50%;bottom:0;width:792px;margin-left:-396px}
.main .visual .bannerC li{float:left}
.main .visual .bannerC li a{display:block;height:44px;padding-top:26px;font-size:16px;color:#fff}
.main .visual .bannerC li:first-child a{margin-left:0;border-left:0}
.main .visual .bannerC li:last-child a{border-right:0}
.main .visual .bannerC li a:hover{color:#fff799}
.main .visual .bannerC li .bC1{width:87px;padding-left:124px}
.main .visual .bannerC li .bC2{width:76px;padding-left:109px}
.main .visual .bannerC li .bC3{width:89px;padding-left:110px}
.main .visual .bannerC li .bC4{width:86px;padding-left:109px}

.main .innerC{width:960px;margin:0 auto}
.main .innerC:after{display:block;clear:both;content:''}

.main .innerC .banner span {
    position:absolute;
    top:-6px;
    right:62px;
}

.main .mCon1{background:#f5f5f5;position:relative;display:block;}
.main .mCon1 .innerC{position:relative;padding:60px 0;}
.main .mCon1 .tabS1{margin-bottom:10px;border-bottom:#cfd0d1 2px solid}
.main .mCon1 .tabS1:after{display:block;clear:both;content:''}
.main .mCon1 .tabS1 li{float:left;margin-left:2px}
.main .mCon1 .tabS1 li:first-child{margin-left:0}
.main .mCon1 .tabS1 li a{display:block;width:120px;text-align:center}
.main .mCon1 .tabS1 li a span{position:relative;display:block;height:32px;margin-bottom:-2px;padding-top:13px;color:#fff;font-size:16px}
.main .mCon1 .tabS1 li a.on span{font-weight:bold}
.main .mCon1 div .btnG{position:absolute;top:75px;right:0}
.main .mCon1 div .btnG a{float:left;display:block;width:9px;height:15px;border-left:#d8d9da 2px solid;margin-left:8px;padding-left:8px}
.main .mCon1 div .btnG a:first-child{border-left:0;margin-left:0;padding-left:0}
.main .mCon1 .tabCon:after{display:block;clear:both;content:''}
.main .mCon1 .tabCon li{float:left;width:479px;background:#fff;margin-top:10px;}
.main .mCon1 .tabCon li:nth-child(2n){margin-left:1px}
.main .mCon1 .tabCon li a{display:block}
.main .mCon1 .tabCon li a .img{float:left;position:relative;display:inline-block;width:150px;height:125px;}
.main .mCon1 .tabCon li a .img em {
    /*
    position:absolute;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.5
    */
}
.main .mCon1 .tabCon li a .img i.bVod{position:absolute;display:block;right:0;bottom:0;width:27px;height:27px}
.main .mCon1 .tabCon li a .txt{float:left;width:293px;padding:18px 18px 8px;display:block;font-size:14px;color:#777}
.main .mCon1 .tabCon li a .txt b{display:inline-block;margin-bottom:10px;font-size:16px;color:#333;word-wrap:break-word;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
.main .mCon1 .tabCon li a:hover .img em{display:none;}
.main .mCon1 .tabCon li a:hover .txt{text-decoration:underline;}
.main .mCon1 .tabCon li a:hover .txt b{text-decoration:underline;}
.main .mCon1 .tabCon li a .tag {float:left;width:293px;padding:0 18px;display:block;font-size:14px;color:#777;}
.main .mCon1 .tabCon li a .tag span {padding-right:5px;font-weight:700;}
.main .mCon1 .tabCon li a .tag .c1 {color:#0072b9;}
.main .mCon1 .tabCon li a .tag .c2 {color:#019060;}
.main .mCon1 .tabCon li a .tag .c3 {color:#f44e4e;}

.main .mCon2{height:435px;background:#fff;}
.main .mCon2 .conList{padding-top:60px;width:960px;margin:0 auto}
.main .mCon2 .conList li{position:relative;float:left;width:231px;margin-left:12px;}
.main .mCon2 .conList li:first-child{margin-left:0;}
.main .mCon2 .conList li a{display:block;padding:195px 20px 0 20px;height:110px}
.main .mCon2 .conList li a.bg1{background:url(/Images/jobplat/main/m_bg_theone.png) no-repeat}
.main .mCon2 .conList li a.bg2{background:url(/Images/jobplat/main/m_bg_ats.png) no-repeat}
.main .mCon2 .conList li a.bg3{background:url(/Images/jobplat/main/m_bg_pts.png) no-repeat}
.main .mCon2 .conList li a.bg4{background:url(/Images/jobplat/main/m_bg_nts.png) no-repeat}
.main .mCon2 .conList li a span{display:block;font-size:14px;line-height:140%;color:#fff}
.main .mCon2 .conList li a .spM1{position:absolute;top:76px;right:-10px;display:block;width:68px;height:77px}

.main .mCon3{height:450px;background:#bbd5eb url(http://images.jobplat.co.kr/2016/site/typeA/main/bg_con3.png) no-repeat 50% 0}
.main .mCon3 .innerC{padding-top:75px}
.main .mCon3 .tit{float:left;width:260px;padding-left:5px;font-size:14px;color:#fff;text-shadow:#5e809c 1px 0 3px}
.main .mCon3 .tit img{display:block;margin-bottom:12px}
.main .mCon3 .cardTab{position:relative;float:right;width:690px}
.main .mCon3 .btnG{position:absolute;top:0;right:0;z-index:9}
.main .mCon3 .btnG a{display:block;width:30px;height:140px;background:#cedeeb;border-radius:4px;box-shadow:#a5bdd2 0 2px 2px}
.main .mCon3 .btnG a:first-child{margin-bottom:20px}
.main .mCon3 .btnG a:hover{background:#fff}
.main .mCon3 .cardCon{position:relative;height:330px;overflow:hidden}
.main .mCon3 .cardCon>li{position:absolute;left:0;width:640px}
.main .mCon3 .cardCon ul{margin-bottom:30px;overflow:hidden}
.main .mCon3 .cardCon ul li{float:left;margin-left:20px;background:#fff;border-radius:4px;box-shadow:#7092af 0 2px 4px}
.main .mCon3 .cardCon ul li:first-child{margin-left:0}
.main .mCon3 .cardCon ul li a{display:block;width:200px;padding-top:6px}
.main .mCon3 .cardCon ul li a span{display:block;padding:22px 30px 0;height:138px;font-size:14px;line-height:150%;color:#777;background:#fafafa;border-radius:0 0 4px 4px}
.main .mCon3 .cardCon ul li a span b{display:block;margin-bottom:14px;text-align:center;font-size:16px;color:#f44e4e}
.main .mCon3 .cardCon ul li a span b i{color:#333}
.main .mCon3 .cardCon ul li a:hover span{color:#bbd1e6;background:#1c81c0}
.main .mCon3 .cardCon ul li a:hover span b,.main .mCon3 .cardCon ul li a:hover span b i{color:#fff}

.main .mCon4 .innerC{padding-top:60px}
.main .mCon4 .banner{float:left;width:470px;margin:-25px 25px 0 0;position:relative;}
.main .mCon4 ul{float:right;width:465px}
.main .mCon4 ul li{overflow:hidden;border-bottom:#eee 5px solid}
.main .mCon4 ul li:first-child{margin-bottom:20px}
.main .mCon4 ul li img{float:left}
.main .mCon4 ul li span{position:relative;display:block;float:right;width:309px;padding:15px 10px 0 5px;height:75px;font-size:14px;border-top:#eee 5px solid;border-right:#eee 5px solid}
.main .mCon4 ul li span b{display:block;margin-bottom:5px;color:#333}
.main .mCon4 ul li span em{display:block;color:#777}
.main .mCon4 ul li span i{position:absolute;top:15px;right:15px;display:block;color:#999}
.main .mCon4 ul li a:hover em{text-decoration:underline}
.main .mCon4 ul li .category-stitle {
    background-color:transparent;
    color:#fff;
    width:121px;
    height:81px;
    line-height:80px;
    font-size:18px;
    text-align:center;
    display:inline-block;
    border-top-right-radius:6px;
}

.main .mCon5 .innerC{margin:40px auto 60px}
.main .mCon5 .banC{position:relative;}
.main .mCon5 .banC>li{width:190.8px;display:inline-block;float:left;border:solid 1px #eee;margin-top:10px;}
.main .mCon5 .banC>li{border-right:none;}
.main .mCon5 .banC>li:nth-child(5n){border:solid 1px #eee;}
.main .mCon5 .banC>li:last-child{border:solid 1px #eee;}
.main .mCon5 .banC ul{overflow:hidden}
.main .mCon5 .banC ul li{float:left;width:200px;padding:20px 19px 0 20px;height:228px;border-left:#eee 1px solid}
.main .mCon5 .banC ul li:first-child{border-left:0}
.main .mCon5 .banC ul li img{border:#eee 1px solid;margin-bottom:18px}
.main .mCon5 .banC ul li b{display:block;font-size:16px}
.main .mCon5 .banC ul li p{margin:7px 0 0;height:58px;font-size:14px;color:#777}
.main .mCon5 .banC ul li p span{display:block;color:#f44e4e}
.main .mCon5 .banC ul li a{display:block;font-size:12px;padding:4px 0 0 10px;height:22px;margin-top:2px;background:#f0f0f0;border-radius:4px 4px 0 0}
.main .mCon5 .banC ul li a em{position:absolute;top:0;right:0;display:block;width:26px;height:26px;border-radius:0 4px 0 0}
.main .mCon5 .banC ul li a:hover{color:#fff}
a.iBg1:hover{background:#6882ba !important}
a.iBg2:hover{background:#d56d8a !important}
a.iBg3:hover{background:#4c77bb !important}
a.iBg4:hover{background:#df6e6e !important}
a.iBg5:hover{background:#ed9e4b !important}
a.iBg1 em{background:#5874b2}
a.iBg2 em{background:#d05d7d}
a.iBg3 em{background:#3868b4}
a.iBg4 em{background:#db5e5e}
a.iBg5 em{background:#eb9337}
.main .mCon5  .naviG{padding-top:6px;text-align:center}
.main .mCon5  .naviG a{display:inline-block;width:12px;height:12px;margin:0 3px;border-radius:50%;background:#d5d5d5}
.main .mCon5  .naviG a:hover{background:#888}
.main .mCon5  .naviG a.on{background:#0072b9}

.main .mCon5 .banC .logo {
    width:100%;
    height:59px;
    line-height:59px;
    text-align:center;
    padding:0;
    margin:0;
}
.main .mCon5 .banC .txt {
    width:100%;
    height:34px;
    background-color:#fafafa;
    line-height:34px;
    color:#999;
    text-align:center;
    padding:0;
    margin:0;
}
/* sub */
.sub .floating{top:208px;left:120px;}
.sub .floating p a{right:-74px}



.top-visual {
    position:relative;
    width:100%;
    overflow: hidden;
    border-bottom:#0072b9 3px solid
}

.top-visual ul{
    position:relative;
    overflow:hidden;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}
.top-visual ul li{
    width:100%;
    display:block;
    height:250px;
    margin:0;
    padding:0;
    text-align:center;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.top-visual.static-event {
    position:relative;
    width:100%;
    height:60px !important;
    background:url('/Images/jobplat/main/bg_mt_bann1_old.jpg') no-repeat center center;
    background-color:#04082c;
}
.top-visual.static-event ul {
    width:1200px;
    margin:0 auto;
}
.top-visual.static-event ul li {
    width:210px !important;
    height:60px;
    float:left;
    margin-left:4px;
    display:inline-block;
}
.top-visual.static-event ul li:first-child {
    margin-left:285px;
}
.top-visual .umap-box {
    position:absolute;
}

img[usemap], map area{
    outline: none;
    border:0;
}

.top-visual .btn-g {
    position:absolute;
    width:1300px;
    height:auto;
    bottom:-5px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    text-align:right;
}

.top-visual .btn-g a {
    position:relative;
    display:inline-block;
    width:60px;
    height:27px;
    right:0;
}
.top-visual .btn-g a span:before {
    background:url(/Images/jobplat/main/mt_btn_open.gif) no-repeat;
    display:block;
    width:60px;
    height:27px;
    clear:both;
    content:'';
}
.top-visual .btn-g a span.close:before {
    background:url(/Images/jobplat/main/mt_btn_close.gif) no-repeat !important;
}



.jContainer .contents .event-banner {
    position:relative;
    width:100%;
    list-style:none;
    margin:0;
    padding:0;
    display:table;
    margin-bottom:30px;
}
.jContainer .contents .event-banner li {
    width:50%;
    display:inline-block;
    margin:0;
    padding:0;
    text-align:left;
    float:left;
}
.jContainer .contents .event-banner li:last-child {
    text-align:right;
}

.ico-hot {
    width:28px;
    height:12px;
    background:url('/Images/jobplat/main/ico_hot.gif') no-repeat center center;
}
.ico-new {
    width:28px;
    height:12px;
    background:url('/Images/jobplat/main/ico_new.gif') no-repeat center center;
}
.jHeader nav li .ico {
    position:absolute;
    left:21px;
    top:18px;
}

.coupon-regform {
    position:relative;
    display:block;
    width:340px;
    margin:60px auto;
}

.coupon-regform input {
    width:100%;
    border:solid 1px #ccc;
    padding:10px 20px;
    margin-left:-20px;
    font-size:24px;
    text-align:center;
}
.under-tit-bar {
    border-bottom: #318dc6 2px solid !important;
    text-align:center;
    margin-top:60px;
} 


.product-guide-wrap {
    width:100%;
    position:relative;
    display:block;
}
.product-guide-wrap p {
    margin-top:20px;
}
.product-guide-wrap p:first-child {
    margin-top:0;
}
.product-guide-wrap p.tac {
    text-align:center;
}

.product-guide-wrap table.product-guide-tbl {
    width:100%;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    margin-top:20px 0;
}
.product-guide-wrap table.product-guide-tbl th {
    height:45px;
    font-weight: bold;
    background-color:#eee;
    color: #555;
    text-align:center;
    border-bottom: 1px solid #ccc;
    border-right:solid 1px #ededed;
}
.product-guide-wrap table.product-guide-tbl th:last-child {
    border-right:none;
}
.product-guide-wrap table.product-guide-tbl td {
    font-size:13px;
    height:45px;
    border-bottom: 1px solid #ededed;
    border-right:solid 1px #ededed;
    text-align:left;
    padding:10px 20px;
}
.product-guide-wrap table.product-guide-tbl td:last-child {
    border-right:none;
}



/* background image */
.spJoy{position:relative;font-size:0;color:transparent}
.spJoy:before{position:absolute;background:url(/Images/Jobplat/common/joy/sp_joy.png) no-repeat;content:''}
.spJoy.logo:before{left:0;top:0;width:178px;height:52px}
.spJoy.bLogo:before{left:0;top:0;width:141px;height:40px;background-position:0 -140px}
.spJoy.arrowL:before{left:0;top:0;width:9px;height:15px;background-position:0 -82px}
.spJoy.arrowR:before{left:0;top:0;width:9px;height:15px;background-position:0 -82px;transform:rotate(180deg)}

.spJoy.icStar:before{left:0;top:0;width:32px;height:31px;background-position:0 -210px}
.spJoy.icStar.on:before{left:0;top:0;width:32px;height:31px;background-position:-38px -210px}
.spJoy.icStar1.on:before{left:0;top:0;width:32px;height:31px;background-position:-76px -210px}
.spJoy.icStar2.on:before{left:0;top:0;width:32px;height:31px;background-position:-114px -210px}
.spJoy.icStar3.on:before{left:0;top:0;width:32px;height:31px;background-position:-151px -210px}
.spJoy.icStar4.on:before{left:0;top:0;width:32px;height:31px;background-position:-189px -210px}
.spJoy.icStar5.on:before{left:0;top:0;width:32px;height:31px;background-position:-226px -210px}

/* sub */
.prodTop .prR .pBtn.trans1{text-align:left;margin:20px 10px 0 20px}
.prodTop .prR .pBtn.trans1>a{display:block;width:100%;height:70px;padding:0;border-radius:2px}
.prodTop .prR .pBtn.trans1>a>em{display:block;font-size:13px;color:#d1c0a5}
.prodTop .prR .pBtn.trans1>a:after{top:3px;left:3px;right:3px;bottom:3px;width:auto;height:auto;margin:0;border-radius:2px}
.prodTop .prR .pBtn.trans1>a.pB3{padding-top:18px;height:52px;background:#222}
.prodTop .prR .pBtn.trans1>a.pB3:after{display:none}
.prodTop .prR .pBtn.trans1>a.pB4{line-height:70px;margin-top:6px;background:#fc462d}


.starCon{overflow:hidden}
.starCon .spJoy{display:block;float:left;margin-left:6px;width:32px;height:31px}
.starCon .spJoy:first-child{margin-left:0}
.writeCon p textarea{resize:none}
.writeCon p textarea::-webkit-input-placeholder{color:#999}
.writeCon p textarea::-moz-placeholder{color:#999}
.writeCon p textarea:-ms-input-placeholder{color:#999}
.writeCon p textarea:-moz-placeholder{color:#999}
.writeCon .starCon{margin:-15px 0 0}
.afterList>ul{border-top:#999 1px solid;border-bottom:#999 1px solid}
.afterList>ul>li{padding:20px;min-height:59px;border-top:#eee 1px solid;overflow:hidden}
.afterList>ul>li:first-child{border-top:0}
.afterList>ul>li>div{float:left;width:600px;min-height:60px;padding:0 15px;}
.afterList .starCon{float:right;padding:0 5px;}
.afterList .starCon .spJoy{width:23px;height:23px;margin:0 0 13px 5px;transform:scale(0.7,0.7)}
.afterList .starCon .spJoy:first-child{margin-left:0}
.afterList .starCon>em{display:block;text-align:center;clear:both}
.afterList .starCon>em>i{color:#999;margin-left:10px}

.pagingMore{padding:30px 0 15px;text-align:center}
.pagingMore>a{display:inline-block;width:250px;line-height:40px;color:#fff;font-size:16px;background:#c5c5c5;border-radius:2px}


.writeCon .review-title {
    display: block;
    padding: 40px 0;
    text-align: center;
}

.writeCon .review-title span {
    display: block;
    margin-top: 11px;
    font-size: 23px;
    color: #222;
    font-weight: normal;
    line-height: 34px;
}


@charset "utf-8";

.nTabType{border-bottom:#318dc6 2px solid}
.nTabType:after{display:block;clear:both;content:''}
.nTabType>li{float:left;margin-left:5px}
.nTabType>li:first-child{margin-left:0}
.nTabType>li>a{display:block;font-size:24px;padding:0 24px;border-radius:2px 2px 0 0;border:#83bbdd 2px solid;border-bottom:0;margin-bottom:-2px;line-height:54px;color:#858585}
.nTabType>li.on>a{color:#333;font-weight:bold;border:#318dc6 2px solid;border-bottom:#fff 2px solid}

.nSelect{position:relative;margin-top:30px;z-index:10}
.nSelect>dt{font-size:22px;line-height:70px;font-weight:bold;color:#fff;text-align:center;border-radius:2px;background:#333;cursor:pointer}
.nSelect>dt:after{position:absolute;top:30px;right:27px;width:17px;height:10px;background:url(/Images/Jobplat/joy/n_ico_arrow.png) no-repeat;opacity:.5;content:'';transition:all .3s}
.nSelect>dt:hover:after{opacity:1}
.nSelect>dd{position:absolute;top:70px;left:0;right:0;overflow:hidden;opacity:0;transition:all .3s}
.nSelect.open>dt:after{transform:rotate(180deg)}
.nSelect.open>dd{opacity:1}
.nSelect.open>dd a{display:block;font-size:22px;line-height:70px;font-weight:bold;color:#fff;text-align:center;border-top:#5a5a5a 1px solid;background:#474747}
.nSelect.open>dd li:first-child a{border:0}

.nTableType1{position:relative;z-index:9}
.nTableType1>div{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;display:none;z-index:5}
.nTableType1>div>img{position:absolute}
.nTableType1>div.w50{background:rgba(255,255,255,.5)}
.nTableType1>div.w50.complete>img{left:calc(50% - 418px);top:calc(50% - 116px)}
.nTableType1>div.w50.fail>img{left:calc(50% - 189px);top:calc(50% - 87px)}
.nTableType1>div.w70{background:rgba(255,255,255,.7)}
.nTableType1>div.w70.complete>img{left:calc(50% - 453px);top:calc(50% - 152px)}
.nTableType1>div.w70.fail>img{left:calc(50% - 222px);top:calc(50% - 122px)}
.nTableType1>div.on{display:table-cell;vertical-align:middle}
.nTableType1 table{z-index:4}
.nTableType1 table td{padding:10px 0 0 10px}
.nTableType1 table td:first-child{padding-left:0}
.nTableType1 table td a{display:table-cell;width:87px;height:87px;text-align:center;vertical-align:middle;border:#d5d5d5 1px solid;border-radius:3px}
.nTableType1 table td a>span{display:none}
.nTableType1 table td.pass a{background:#0071ce;border:#0071ce 1px solid;color:#fff}
.nTableType1 table td.pass a>span{display:block;color:#fff100}
.nTableType1 table td.fail a{background:#aaa;border:#aaa 1px solid;color:#fff}

.nBtnGroup{margin-top:40px;text-align:center}
.nBtnGroup>*{display:inline-block;font-size:22px;color:#fff;font-weight:bold;width:220px;line-height:70px;border-radius:2px}
.nBtnGroup>.bC1{background:#fc5f2a}
.nBtnGroup>.bC2{background:#d5d5d5}
.nBtnGroup>.bC3{background:#ff3e3e}

.nListBox{margin-top:40px;padding:25px 40px;background:#f5f5f5}
.nListBox>li{color:#777;font-size:14px}


.nTableType1 .checkTable{position:relative;display:block;z-index:4}
.nTableType1 .checkTable>ul{display:table;width:100%;overflow:hidden}
.nTableType1 .checkTable>ul>li{display:inline-block;vertical-align:middle;padding:10px 0 0 10px}
.nTableType1 .checkTable>ul>li:nth-child(10n+1){padding-left:0}

.nTableType1 .checkTable>ul>li a{display:table-cell;width:84px;height:84px;text-align:center;vertical-align:middle;border:#d5d5d5 1px solid;border-radius:3px}
.nTableType1 .checkTable>ul>li a>span{display:none}
.nTableType1 .checkTable>ul>li.pass a{background:#0071ce;border:#0071ce 1px solid;color:#fff}
.nTableType1 .checkTable>ul>li.pass a>span{display:block;color:#fff100}
.nTableType1 .checkTable>ul>li.fail a{background:#aaa;border:#aaa 1px solid;color:#fff}


.banner-guide {
    position:relative;
    display:block;
    border:none;
    margin:0;
    margin-top:30px;
    padding:20px 30px;
    background-color:#F5F5F5;
}
.benefit-guide {
    position:relative;
    margin:0;
    vertical-align:top;
}

.benefit-guide dt {
    width:80px;
    height:80px;
    text-align:center;
    display:inline-block;
    vertical-align:top;
    padding-top:5px;
}
.benefit-guide dd {
    width:360px;
    height:70px;
    font-size:14px;
    display:inline-block;
    margin:0;
    padding:5px 0;
    color:#555;
    vertical-align:top;
}
.benefit-guide dd p {
    font-size:16px;
    font-weight:700;
    padding:5px 10px;
    color:#333;
}
.benefit-guide dd .btn-gray {
    font-size:12px;
    padding:3px 10px;
    color:#fff;
    background-color:#4a4a4a;
    border-radius:2px;
}
.benefit-guide dd .btn-link {
    color:#0072b9;
    text-decoration:underline;
}

.member-benefit {
    list-style:none;
    padding-left:15px;
}


.banner-list {
    width:58%;
    position:relative;
    display:inline-block;
}
.banner-list li {
    display:block;
    padding:5px;
    text-align:right;
}

#ticket-view .floating-ticket {
    position:absolute;
    z-index:99999999;
    width:365px !important;
    height:451px !important;
    display:block !important;
    top:50px !important;
    left:-250px;
}

#ticket-view .ticket-close {
    width:330px;
    height:30px;
    background-color:#000;
    color:#fff;
    line-height:30px;
    padding-left:10px;
    display:block;
    position:relative;
    top:487px;
    left:-245px;
    z-index:999999999;
}

.new-main {
    position:relative;
    width:100%;
}

.new-main-wrap {
    position:relative;
    width:100%;
    background:url(/Images/jobplat/main_new/bg_patt.png);
    background-repeat:repeat;
    float:left;
}
.new-main-wrap .m-container {
    position:relative;
    width:1000px;
    padding:50px 0;
    float:left;
    margin-left:calc(50% - 500px);
}
.tAWrap footer {float:left;width:100%;position:relative;}
.tAWrap footer .jFooter {
    float:left;
    margin-left:calc(50% - 500px);
}
.new-main-wrap .m-container .banner-grid {
    position:relative;
    width:320px;
    float:left;
    display:inline-block;
    margin:20px 0 0 20px;
}
.new-main-wrap .m-container .banner-grid:first-child {
    margin-left:0;
}

.new-main-wrap .m-container .banner-grid-notice {
    position:relative;
    width:320px;
    height:100px;
    float:left;
    display:inline-block;
    margin:20px 0 0 20px;
    background:url(/Images/jobplat/main_new/bg_공지.png) no-repeat center center;
    color:#fff;
}

.new-main-wrap .m-container .banner-grid-notice .notice-more {
    display:block;
    position:absolute;
    width:47px;
    height:17px;
    top:55px;
    left:27px;
}

.new-main-wrap .m-container .banner-grid-notice .notice-list {
    list-style:none;
    display:block;
    position:absolute;
    top:15px;
    left:100px;
}

.new-main-wrap .m-container .banner-grid-notice .notice-list li {
    padding-top:3px;
}

.new-main-wrap .m-container .banner-grid-notice .notice-list li a {
    color:#fff;
}

#review-tot {
    position:absolute;bottom:82px;left:580px;z-index:10;width:60px;
    color:#84148B;
}