@charset "utf-8";

/* 기간제교사
-------------------------------------------------------------------------------------- */

/* 컨텐츠 레이아웃 */
#ContWrap{float:left;display:block;width:100%;min-width:100%;height:auto;margin:0;padding:0;background:#fff}
#ContWrap a{text-decoration:none}

/* Top Visual */
#visual-wrap{position:relative;display:table;width:100%;height:496px;margin:0;padding:0;overflow:hidden;background:#fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#visual-wrap.sub1{background:url(/images/term/sld_img.jpg) no-repeat center center}

#visual-wrap #sld_img{display:block;width:100%;height:100%;margin:0 auto;overflow:hidden;z-index:-1}
#visual-wrap ul{list-style:none;margin:0;padding:0}
#visual-wrap ul li{position:relative;width:100%}
#visual-wrap ul li img{width:100%;margin:0 auto;padding:0;vertical-align:top}

@media screen and (max-width:1919px) {
	#visual-wrap{height:100%}
}
@media only screen and (max-width:768px) {
	
}

/* 탭메뉴 */
.sub_tab{width:100%;height:auto;margin:0 auto;background:#005bac;z-index:2}
.sub_tab > ul:after{display:block;clear:both;visibility:hidden;content:""}
.sub_tab > ul{margin:0 auto;width:100%;max-width:768px}
.sub_tab li{float:left}
.sub_tab li a{display:block;height:auto;padding:.8em .3em .6em;font-size:14px;color:#fff;text-align:center;font-weight:bold;line-height:1.3;border-left:1px solid #1b72c0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.sub_tab li.active a{background:#fff;color:#004888;border-top:1px solid #005bac;border-left:1px solid #fff;border-bottom:1px solid #005bac}
.sub_tab li:last-child a{border-right:1px solid #1b72c0}
.sub_tab li.posit{top:100px}
.sub_tab .col-2, .sub_tab .col-3, .sub_tab .col-5, .sub_tab .col-6{width:100%;max-width:768px}
.sub_tab .col-1 li{width:100%}
.sub_tab .col-2 li{width:50%}
.sub_tab .col-3 li{width:33.333%}
.sub_tab .col-5{width:100%}
.sub_tab .col-5 li{width:20%}
.sub_tab .col-6 li{width:16.6666%}
.sub_tab .col-1 li a{border-bottom:1px solid #1498d5}

@media only screen and (max-width:768px) {
	.sub_tab li:first-child a{border-left:0}
	.sub_tab li:last-child a{border-right:0}
}
@media screen and (max-width:480px) {
	.sub_tab li a{font-size:13px}
}

/* 기간제교사 채용정보 */
#m1{display:block;position:relative;width:100%;max-width:768px;height:auto;margin:40px auto 0;padding:0;overflow:visible}
#m1:after{display:block;clear:both;visibility:hidden;content:""}
#m1 h3{margin-bottom:1em;font-size:35px;color:#222;font-weight:normal;text-align:center;line-height:1;letter-spacing:-0.1em}
#m1 h3 span{display:block;margin-top:1.2em;font-size:15px;color:#444;line-height:1.3;letter-spacing:0}
#m1 h3:after{display:block;width:0;height:0;margin:10px auto 20px;background:#bbb;content:""}
#m1 ul{width:100%}
#m1 li{position:relative;float:left;list-style:none;width:46%;height:auto;margin:0 2% 10%;padding:0;text-align:center;cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden}
#m1 .thumb{display:block;width:100%;height:100%;margin:0 auto;overflow:hidden}
#m1 .thumb img{width:100%;height:auto;margin:0 auto;padding:0;vertical-align:top}
#m1 .info{z-index:1;position:absolute;left:0;top:0;right:0;bottom:auto;width:100%;height:100%;margin:auto;text-align:center}
#m1 .info .tit{display:block;margin-top:1.2em;font-size:24px;color:#fff;font-weight:bold;line-height:1.2;letter-spacing:-0.05em}
#m1 .info .txt{display:block;margin-top:.3em;font-size:16px;color:#fff;font-weight:bold;line-height:1.3;letter-spacing:-0.05em}
#m1 .info .btn{position:absolute;bottom:13%;left:50%;display:block;width:56%;height:30px;margin-left:-28%;padding:0;font-size:13px;color:#004888;font-weight:bold;line-height:28px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;background:#fff;white-space:nowrap;cursor:pointer;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
#m1 .info .btn i{margin-left:9px;font-size:1.067em;color:#f0bbc8}
#m1 a:hover .btn{color:#fff;border-color:#005bac;background:#005bac}
#m1 a:hover .btn i{color:#e37b9d}
#m1 .pst{position:absolute;left:0;top:-157px;width:1px;height:1px}

@media screen and (max-width:480px) {
	#m1{margin:30px auto 0}
	#m1 h3{font-size:26px}
	#m1 h3 span{font-size:13px}
	#m1 li{width:46%;margin:0 2% 10%}
	#m1 .info  .tit{font-size:20px}
	#m1 .info  .txt{font-size:12px}
	#m1 .info  .btn{bottom:10%;height:28px;font-size:12px;line-height:26px}
	#m1 .pst{top:-126px}
}

/* 기간제교사 카페정보 */
#Cont{display:block;position:relative;width:100%;height:auto;margin:0 auto;padding:40px 0 0;background:#ecf1f6;overflow:visible}
#m2{position:relative;width:100%;max-width:768px;height:auto;margin:0}
#m2:after{display:block;clear:both;visibility:hidden;content:""}
#m2 h3{margin-bottom:1em;font-size:35px;color:#222;font-weight:normal;text-align:center;line-height:1;letter-spacing:-0.1em}
#m2 h3 span{display:block;margin-top:1.2em;font-size:15px;color:#333;line-height:1.3;letter-spacing:0}
#m2 h3:after{display:block;width:0;height:0;margin:10px auto 20px;background:#bbb;content:""}
#m2 ul{width:100%;max-width:768px;height:auto;margin:0 auto;padding:0}
#m2 li{position:relative;float:left;list-style:none;width:29.3333%;height:auto;margin:0 2% 16%;padding:0;text-align:center;cursor:pointer}
#m2 .thumb{display:block;width:100%;height:100%;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden}
#m2 .thumb img{width:100%;height:auto;margin:0 auto;padding:0;vertical-align:top}
#m2 .info{z-index:1;position:absolute;left:0;top:0;right:0;bottom:auto;width:100%;height:100%;margin:auto;text-align:center}
#m2 .info .tit{display:block;margin-top:110%;font-size:16px;color:#333;font-weight:bold;line-height:1.3;letter-spacing:-0.05em}
#m2 .info .btn{position:absolute;left:50%;top:50%;display:block;width:36px;height:36px;margin:-18px 0 0 -18px;padding:0;font-size:34px;color:#005bac;line-height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:1px solid #005bac;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff;opacity:0.85;filter:alpha(opacity=85);white-space:nowrap;cursor:pointer;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
#m2 a:hover .btn{color:#fff;border-color:#005bac;background:#005bac;opacity:1;filter:alpha(opacity=100)}
#m2 .pst{position:absolute;left:0;top:-157px;width:1px;height:1px}

@media screen and (max-width:480px) {
	#Cont{padding:30px 0 0}
	#m2 h3{font-size:26px}
	#m2 h3 span{font-size:13px}
	#m2 li{width:31.3333%;margin:0 1% 16%}
	#m2 .info .tit{font-size:13px}
	#m2 .pst{top:-126px}
}

/* 교원 임용고시 카페정보 */
#m3{display:block;position:relative;width:100%;max-width:768px;height:auto;margin:40px auto 20px;padding:0;overflow:visible}
#m3:after{display:block;clear:both;visibility:hidden;content:""}
#m3 h3{margin-bottom:1em;font-size:35px;color:#222;font-weight:normal;text-align:center;line-height:1;letter-spacing:-0.1em}
#m3 h3 span{display:block;margin-top:1.2em;font-size:15px;color:#444;line-height:1.3;letter-spacing:0}
#m3 h3:after{display:block;width:0;height:0;margin:10px auto 20px;background:#bbb;content:""}
#m3 ul{width:100%}
#m3 li{position:relative;float:left;list-style:none;width:46%;height:auto;margin:0 2% 5%;padding:0;text-align:center;cursor:pointer;vertical-align:top;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;overflow:hidden}
#m3 .thumb{position:relative;width:100%;height:0;padding-bottom:64.2%;overflow:hidden}
#m3 .thumb img{width:100%}
#m3 .info{position:relative;min-height:80px;padding:1em .5em;text-align:center;background:#ecf1f6}
#m3 .info .tit{display:block;margin-bottom:1.5em;font-size:14px;color:#333;font-weight:bold;line-height:1.3;letter-spacing:-0.05em}
#m3 .info .btn{position:absolute;bottom:15%;left:50%;display:block;width:24%;height:26px;margin-left:-12%;padding:0;font-size:12px;color:#004888;line-height:26px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;background:#fff;white-space:nowrap;cursor:pointer;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
#m3 a:hover .btn{color:#fff;border-color:#005bac;background:#005bac}
#m3 .pst{position:absolute;left:0;top:-157px;width:1px;height:1px}

@media screen and (max-width:480px) {
	#m3{margin:30px auto 10px}
	#m3 h3{font-size:26px}
	#m3 h3 span{font-size:13px}
	#m3 li{width:46%;margin:0 2% 5%}
	#m3 .info{min-height:70px}
	#m3 .info .tit{font-size:13px}
	#m3 .info .btn{width:38%;margin-left:-19%}
	#m3 .pst{top:-126px}
}

/* 링크 레이어 팝업 */
.pop_wrap{z-index:2;display:table;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.pop_wrap_row{display:table-row}
.pop_wrap_cell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}
.link_wrap{width:600px;height:auto;background-color:#fff;border:1px solid #ccc;display:inline-block}
.link_wrap .title{position:relative;width:540px;height:auto;margin:0;padding:27px 30px 21px;text-align:left;border-bottom:1px solid #eee}
.link_wrap .title h3{width:100%;height:auto;font-weight:bold;font-size:18px;color:#333;line-height:1.3}
.link_wrap .title h3 span{color:#4876ef}
.link_wrap .title p{width:100%;height:auto;margin:15px 0 0;font-weight:normal;font-size:13px;color:#777;line-height:1.3}
.link_wrap .title button{position:absolute;top:15px;right:15px;width:14px;height:12px;margin:0 0 0 10px;vertical-align:middle;text-indent:-99999px;background:url(/images/sub/popup_close.png) no-repeat 0 0;cursor:pointer}
.link_wrap .popup_btn{width:100%;height:auto;padding:20px 0;float:left;border-top:1px solid #eee}
.link_wrap .popup_btn .complete{background-color:#4876ef;border:1px solid #4876ef}
.link_wrap .popup_btn .complete span{color:#fff} 
.link_wrap .popup_btn .cancel{background-color:#fff;border:1px solid #4876ef}
.link_wrap .popup_btn .cancel span{color:#4876ef}
.link_wrap .popup_btn ul{width:100%;height:auto;text-align:center}
.link_wrap .popup_btn li{width:75px;height:36px;margin:0 5px;text-align:center;display:inline-block}
.link_wrap .popup_btn li button{width:75px;height:36px;border-radius:3px;cursor:pointer}
.link_wrap .popup_btn li button span{position:relative;display:block;width:100%;height:36px;font-size:15px;line-height:34px}
.link_wrap .link{width:540px;height:auto;padding:20px 30px}
.link_wrap .link ul{width:100%}
.link_wrap .link li{position:relative;float:left;list-style:none;width:23%;height:auto;margin:0 1% 4%;padding:0;text-align:center;border:1px solid #ddd;cursor:pointer;vertical-align:top;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.link_wrap .link .thumb{position:relative;width:100%;height:0;padding-bottom:34.2%;overflow:hidden}
.link_wrap .link .thumb img{width:100%}

@media only screen and (max-width:768px) {
	.link_wrap{width:90%;height:auto}
	.link_wrap .title{width:94%;padding:15px 3% 10px 3%}
	.link_wrap .title h3{font-size:15px}
	.link_wrap .title p{margin:7px 0 0;font-size:12px}
	.link_wrap .title button{top:10px;right:10px}
	.link_wrap .popup_btn{padding:15px 0}
	.link_wrap .popup_btn li{width:64px;height:34px;margin:0 10px}
	.link_wrap .popup_btn li button{width:64px;height:34px}
	.link_wrap .popup_btn li button span{height:34px;font-size:14px;line-height:32px}
	.link_wrap .link{width:94%;height:190px;padding:15px 3% 10px;overflow:auto}
}
@media screen and (max-width:480px) {
	.link_wrap .link{height:auto;overflow:visible}
	.link_wrap .link li{width:31.3333%;margin:0 1% 4%}
}


/* 학원알바 > 최저임금
-------------------------------------------------------------------------------------- */
.lowpay{font-size:1em;color:#333;line-height:1.5}
.lowpay *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
/* visual_area */
.lowpay .visual_area{position:relative;width:100%;height:auto;text-align:center;background:#7e9df4 url(/images/alba/m_lowpay_top_img_220105.jpg) no-repeat center 100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.lowpay .visual_area .tit_area{display:block;width:94%;margin:0 auto;padding-bottom:5em;color:#fff;overflow:hidden}
.lowpay .visual_area .tit_area .tit{display:block;margin-top:2em;font-size:1.714em;font-weight:bold;line-height:1.4;letter-spacing:-0.08em}
.lowpay .visual_area .tit_area .img img{display:block;width:96%;margin:1.5em auto}
.lowpay .visual_area .tit_area .txt{display:block;margin-top:2em;font-size:1em;letter-spacing:-0.05em}
.lowpay .visual_area .tit_area .txt2{margin-top:1em;font-size:0.929em;letter-spacing:-0.05em}
@media only screen and (max-width:480px) {
	.lowpay .visual_area .tit_area .tit{font-size:1.571em}	
}
/* 최저임금제도 */
.lowpay .cont_wrap{display:block;position:relative;width:100%;height:auto;margin:0 auto;padding:0;background:#f0f2f7;overflow:hidden}
.lowpay .m1{display:block;position:relative;width:100%;height:auto;margin:3em auto 1em;padding:0}
.lowpay .m1:after{display:block;clear:both;visibility:hidden;content:""}
.lowpay .m1 ul{width:100%}
.lowpay .m1 li{position:relative;float:left;list-style:none;width:92%;height:auto;min-height:340px;margin:0 4% 5%;padding:2em 1.5em;text-align:center;border:1px solid #f3294f;/* cursor:pointer; */-webkit-border-radius:1em;-moz-border-radius:1em;-o-border-radius:1em;border-radius:1em;background:#fff}
.lowpay .m1 .tit{display:block;margin-top:0;font-size:1.857em;color:#555;font-weight:bold;line-height:1.25;letter-spacing:-0.05em}
.lowpay .m1 .tit:after{display:block;width:40px;height:2px;margin:1em auto;background:#f3294f;content:""}
.lowpay .m1 .tit .em{display:block;color:#f3294f;font-size:1.154em}
.lowpay .m1 .txt{display:block;margin-top:0;font-size:1.143em;color:#333;letter-spacing:-0.05em}
.lowpay .m1 .txt .em{color:#f3294f;font-weight:bold}
.lowpay .m1 .txt2{display:block;margin-top:1em;font-size:0.929em;color:#888;line-height:1.4;letter-spacing:-0.05em}
.lowpay .m1 .ico{position:absolute;left:50%;bottom:1.5em;margin-left:-36px}
.lowpay .m1 li.ty2{border:1px solid #4876ef}
.lowpay .m1 li.ty2 .tit:after{background:#4876ef}
.lowpay .m1 li.ty2 .tit .em{color:#4876ef}
.lowpay .m1 li.ty2 .txt .em{color:#4876ef}
.lowpay .m1 li.ty2 .ico{margin-left:-29px}
.lowpay .m1 li.ty3{padding-bottom:1em;border:1px solid #769c3b}
.lowpay .m1 li.ty3 .tit:after{background:#769c3b}
.lowpay .m1 li.ty3 .tit .em{color:#769c3b}
.lowpay .m1 li.ty3 .txt .em{color:#769c3b}
@media only screen and (max-width:480px) {
	.lowpay .m1 li{min-height:430px}	
	.lowpay .m1 .ico{bottom:2em}
}
/* 세부 내용 */
.lowpay .cont_wrap2{display:block;position:relative;width:100%;height:auto;margin:0 auto;padding:0;background:#769c3b;overflow:hidden}
.lowpay .m2{display:block;position:relative;width:96%;height:auto;margin:3em auto;padding:0 2%}
.lowpay .m2:after{display:block;clear:both;visibility:hidden;content:""}
.lowpay .m2 h3{margin-bottom:1.2em;font-size:1.571em;color:#fff;font-weight:bold;text-align:center;line-height:1;letter-spacing:-0.08em}
.lowpay .m2 h3 .num{font-size:1.1em/* ;vertical-align:sub;/* vertical-align:text-bottom */}
.lowpay .m2 h3 .ymd{display:block;margin-top:.3em;font-size:0.75em;font-weight:normal;line-height:1.3;letter-spacing:-0.05em}
.lowpay .m2 ul{width:100%;overflow:hidden}
.lowpay .m2 li{position:relative;float:left;list-style:none;width:25%;height:auto;margin:0 0 3%;padding:0;text-align:center}
.lowpay .m2 li img{width:100%}
.lowpay .m2 .txt{display:block;margin-top:0;font-size:0.929em;color:#fff;text-align:center;letter-spacing:-0.05em}
@media only screen and (max-width:480px) {
	.lowpay .m2 li{width:46%;margin:0 2% 3%}
}
/* 주요 내용 */
.lowpay .m3{display:block;position:relative;width:94%;height:auto;margin:2.7em auto;padding:0;font-size:0.929em;letter-spacing:-0.04em}
.lowpay .m3:after{display:block;clear:both;visibility:hidden;content:""}
.lowpay .m3 h3{margin:1.1em 0 .2em;padding:0 0 0 1.5em;font-size:1.385em;color:#444;font-weight:bold;letter-spacing:-0.08em;background:url(/images/alba/m3_bu.png) no-repeat 0 .15em;background-size:1.2em}
.lowpay .m3 h4{margin:1em 0 .2em .3em;padding:0;font-size:1.231em;color:#4876ef;font-weight:bold;letter-spacing:-0.08em;line-height:1.3}
.lowpay .m3 h3:first-child,.lowpay .m3 h4:first-child{margin-top:0}
.lowpay .m3 h3 + h4{margin-top:1em}
.lowpay .m3 ul{list-style:none;margin:.5em 0 1em .5em;padding:0;text-align:left}
.lowpay .m3 ul li{position:relative;margin:0;padding:0 0 0 .5em}
.lowpay .m3 ul li:before{display:inline-block;position:absolute;left:0;top:.6em;width:3px;height:3px;content:'';background:#555}
.lowpay .m3 ul li + li{margin-top:.5em}
.lowpay .m3 p{margin:.5em 0 1em .5em}
/* Q&A */
.lowpay .cont_wrap4{display:block;position:relative;width:100%;height:auto;margin:0 auto;padding:0;background:#f0f2f7;overflow:hidden}
.lowpay .m4{display:block;position:relative;width:94%;height:auto;margin:3em auto 1.5em;padding:0;font-size:0.929em;letter-spacing:-0.04em}
.lowpay .m4:after{display:block;clear:both;visibility:hidden;content:""}
.lowpay .m4 h3{margin-bottom:1em;font-size:1.571em;color:#444;font-weight:bold;text-align:center;line-height:1;letter-spacing:-0.08em}
.lowpay .m4 dl{width:100%;padding-bottom:1.2em;border-bottom:1px solid #ccc}
.lowpay .m4 dl + dl{margin-top:1.6em}
.lowpay .m4 dl dt{position:relative;margin:0;padding:0 0 0 1.8em;font-size:1.231em;color:#4876ef;font-weight:bold;line-height:1.3}
.lowpay .m4 dl dt:before{display:inline-block;position:absolute;left:0;top:-.1em;width:22px;height:22px;content:'Q';font-size:16px;text-align:center;line-height:1.4;border:1px solid #4876ef;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.lowpay .m4 dl dd{position:relative;margin-top:.8em;padding:0 0 0 2.2em}
.lowpay .m4 dl dd:before{display:inline-block;position:absolute;left:0;top:0;width:22px;height:22px;content:'A';font-size:16px;color:#fff;font-weight:bold;text-align:center;line-height:1.4;border:1px solid #4876ef;background:#4876ef;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.lowpay .m4 dl:last-child{border-bottom:0px solid #ccc}
.lowpay .m4 p{margin:.5em 0 0}
/* last */
.lowpay .last{display:block;position:relative;width:94%;height:auto;margin:2.5em auto 3.5em;padding:0;font-size:0.929em;color:#555;letter-spacing:-0.04em;text-align:center}
.lowpay .last:after{display:block;clear:both;visibility:hidden;content:""}
.lowpay .last p{margin:.6em 0}
.lowpay .last .btn{display:inline-block;margin-top:.5em;padding:.5em 2em;color:#fff;border:1px solid #4876ef;-webkit-border-radius:20px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;background:#4876ef;white-space:nowrap;cursor:pointer;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
.lowpay .last a:hover .btn{color:#4876ef;font-weight:bold;background:#fff}

/* filetong */
.filetong_wrap .gallery .button span img { width: 26px; height: 26px;}


/*홍보통*/
.hbtong {
	width:100%;
	line-height: 1;
	letter-spacing: -0.1em;
}
.hbtong .visual {
	background-image: url('/images/hongbo/m_main_bg.png');
	background-size: 100%;
	width:100%;
	display:inline-block;
	height: 500px;
}
.hbtong .w_1080 {
	max-width:94%;
	margin:0 auto;
	position: relative;
}
.hbtong .w_1080 .tit {
	line-height:25px;
	text-align: center;
	padding-bottom: 54%;
}
.w_1080 .tit img {
	margin: 30px 0 14px 0;
	padding-left: 10px;
	width: 185px;
}
.w_1080 .tit p {
	color:#fff;
	font-size:16px;
	margin-bottom:20px;
	margin-top: 0px;
	line-height: 1.4em;
}
.visual .w_1080 .tit .left{
	text-align: left;
	width:35%;
	margin: 0 auto;
	padding-bottom: 24px;
}
.w_1080 .tit span {
	color:#FFD80B;
}
.hbtong .w_1080 .visual_cont {
	display:inline-block;
	float:right;
	margin-top:82px;
}
.hbtong .nav {
	font-size:14px;
	border-bottom: 1px solid #ececec;
	color: #222;
	width: 100%;
  display: flex;
  justify-content: space-between;
}
.hbtong .nav.fixed {
	position: fixed;
	top: 0;
	z-index: 2;
	color: #fff;
	border-bottom: 0px;
}
.hbtong .nav.fixed .nav_on{
	font-weight: 700;
  color: #FFD80B;
}
.hbtong .nav.fixed li:hover{
	color: #FFD80B;
	cursor: pointer;
}
.hbtong .nav li {
	display:inline-block;
	text-align:center;
	line-height:1.4;
	width: 33%;
  padding: 15px 0;
}
.hbtong .nav li:hover{
	color: #222;
	cursor: pointer;
}
.hbtong .nav_on {
	border-bottom:1px solid #4876ef;
	color:#4876ef;
	font-weight:700;
}
.hbtong .page_number {
	margin: 0px 0 33px 0;
}
.cont_01, .cont_03{
	text-align:center;
	color:#222;
	padding-bottom: 30px;
}
.cont_hot {
	text-align: center;
	color: #222;
}
.cont_01 .tit_01{
	width:100%;
	margin-top:40px;
	font-size:20px;
	font-weight:500;
  line-height: 1.4;
}
.cont_01 .tit_01 span{
	color:#4876ef;
	margin-bottom:20px;
  font-weight: 700;
}
.cont_01 .tit_01 p{
	font-size:14px;
	margin: 10px 0 20px 0;
	line-height: 1.4em;
}
.cont_01 .tit_01 strong{
	font-weight: 700;
}
.img_area {
	text-align: left;
	width: 100%;
}
.img_area .img_01, .img_02, .img_03, .img_04, .img_05, .img_07, .img_08 {
	margin-right:1vw;
	display: inline-block;
}
.img_area .img_01, .img_area .img_03 {
	max-width: 77%;
}
.img_area .img_08{
	max-width: 75.8%;
}
.img_area .img_01 img, .img_area .img_03 img, .img_area .img_08 img{
	width: 100%;
}
.img_area .img_02, .img_area .img_04 {
	max-width: 20%;
}
.img_area .img_07{
	max-width: 21.2%;
}
.img_area .img_02 img, .img_area .img_04 img, .img_area .img_07 img, .img_area .img_09 img{
	width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.img_area .img_02, .img_05{
	margin-right:0;
}
.img_area .img_01 img, .img_02 img, .img_03 img, .img_04 img, .img_05 img, .img_07 img, .img_08 img{
	border:1px solid #ddd;
	box-sizing: border-box;
  border-radius: 10px;
}
.img_area .img_03, .img_04, .img_05, .img_07, .img_08, .img_09{
	margin-top:14px;
}
.img_area .img_tit {
	font-size:11px;
	color:#545454;
	margin-bottom:10px;
	width: 100%;
}
.img_area .img_tit .tit_line{
	width: 82%;
	float: right;
	border-top: 1px solid #ddd;
	margin-top: 4px;
}
.img_area .img_tit img {
	width: 14px;
	border:0;
	margin-right: 8px;
	margin-bottom: -3px;
}
.img_02 .img_tit img{
	width: 10px;
}
.img_area .img_tit span {
	color:#ddd;
	margin: 0 2px 0 -5px;
}
.cont_02, .cont_04{
	width:100%;
	background-color: #f6f6f6;
	text-align: center;
	padding-bottom: 30px;
}
.cont_04{
	background-color: #f2f2f2;
}
.cont_04 .w_1080 .img_area img {
	width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.tit_02{
	display: inline-block;
	font-size: 18px;
	text-align: center;
	line-height: 1.7;
	margin-top: 30px;
	border-bottom: 1px solid #222;
	font-weight: 700;
}
.navi_s{
	width: 100%;
	margin: 20px 0 4px 0;
}
.navi_s li{
	display:inline-block;
	text-align:center;
	line-height:30px;
	padding: 0 3%;
	margin: 0 3px;
}
.navi_s :hover{
	color: #4876ef;
	cursor: pointer;
}
.navi_s .on{
	background-color: #4876ef;
	border-radius: 1.5em;
	color: #fff;
}
.hbtong .button, .button_g{
	display: inline-block;
	border: 1px solid #646464;
	padding: 0 5%;
	line-height: 2.4em;
	border-radius: 1.5em;
	margin-top: 20px;
}
.hbtong .button:hover{
	color: #999;
	border: 1px solid #999;
	cursor: pointer;
}
.hbtong .button_g{
	color: #4876ef;
	border: 1px solid #4876ef;
	margin-right: 10px;
}
.hbtong .button_g:hover{
	background-color: #4876ef;
	color: #fff;
	cursor: pointer;
}
.img_area .arrow_01, .arrow_02{
	display: inline-block;
	margin-top: 14px;
	text-align: center;
}
.img_area .arrow_01{
	width: 78%;
}
.img_area .arrow_02{
	width: 20%;
}
.w_1080 p{
	font-size: 14px;
	color: #646464;
	margin: 20px 0 20px 0;
	line-height: 1.4em;
	letter-spacing: -1px;
}
.cont_03 .w_1080 p {
	margin-bottom: 8px;
}
.cont_04{
	padding-bottom: 40px;
}
.blog_02, .blog_03 {
	padding-bottom: 22px;
	width: 100%;
}
.blog_03 .w_1080 .cont_01{
	padding-bottom: 40px;
}
.blog_03 .w_1080 .cont_01 .img_area{
	width: 100%;
}
.blog_03 .w_1080 .cont_01 .img_area .img_01, .blog_03 .w_1080 .cont_01 .img_area .img_02 {
	min-width: 99%;
	margin: 8px 0 0 0;
	box-shadow: 1px 1px 4px 2px #ececec;
}
.blog_03 .w_1080 .cont_01 .img_area .img_01 img, .blog_03 .w_1080 .cont_01 .img_area .img_02 img{
	width: 100%;
	border: 0px;
}
.text_area{
	width: 100%;
	margin-top: 20px;
	line-height: 26px;
	text-align: center;
}
.text_area .text_01{
	padding: 0 6%;
}
.text_area .border_y{
	display: inline-block;
	border-bottom: 1px solid #ddd;
	width: 30px;
	margin-bottom: 5px;
}
.text_area .text_02{
	color: #808080;
}
.text_area .text_02 span{
	color: #4876ef;
}
.cont_01 .img_box{
	margin-top: 20px;
	height: auto;
	position: relative;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.cont_01 .img_box img{
	width: 100%;
}
.cont_01 .img_box .img_text{
	width: 100%;
	font-size: 13px;
	position: absolute;
	z-index: 1;
	margin-top: -75px;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px 0;
	color: #fff;
	line-height: 1.4em;
}
.cont_01 .bg_half{
	background-color: #f2f2f2;
	width: 100vw;
    margin-left: calc(-50vw + 50%);
	text-align: center;
}
.cont_05{
	text-align: center;
	padding-bottom: 40px;
	background-color: #f2f2f2;
	margin-top: -105px;
  padding-top: 77px;
}
.edu_list{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.edu_list .edu_list_tit, .edu_list .edu_list_text{
	font-size: 16px;
	color: #808080;
	line-height: 1.5em;
	display: inline-block;
	vertical-align: top;
}
.edu_list .edu_list_tit{
	padding-right: 3%;
	font-weight: 600;
}
.edu_list .edu_list_text{
	text-align: left;
}
.edu_list_text span{
	color: #646464;
	font-weight: 600;
	line-height: 2.2em;
}
.cont_05 .img_06{
	height: auto;
	width: 100%;
	box-shadow: 2px 2px 4px 4px #ececec;
	border: 1px solid #ddd;
	border-radius: 10px;
  overflow: hidden;
}
.cont_05 .img_06 img{
	width: 100%;
}
.register_wrap .hr .img_area .img_03 img{
	width: 604px;
	height: 158px;
}
.register_wrap .hr .img_area .img_04 img, .register_wrap .hr .img_area .img_05 img{
	width:158px;
}
.register_wrap .hr .img_area{
	margin-top: -20px;
	margin-bottom: 30px;
}
.hb_pay_text, .hb_pay_text_r {
	width: 96%;
	margin: 0 2% 30px;
	height: auto;
	font-size: 13px;
}
.hb_pay_text_r{
	padding-right: 0px;
	padding-left: 30px;
	border-right: 0px;
}
.hb_pay_text p, .hb_pay_text_r p{
	margin: 16px 0px 11px 0px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
.hb_pay_text ul, .hb_pay_text_r ul{
	width:100%;
	height: auto;
	margin: 0px 0px 10px 0px;
	border-bottom: 0px
}
.hb_pay_text_r ul{
	border-bottom: 0px;
}
.hb_pay_text li, .hb_pay_text_r li{
	margin: 0px 0px 7px 0px;
	font-size: 13px;
	color: #555;
	line-height: 16px;
}
.hb_pay_text .info_l {
    width: auto;
    height: auto;
    margin: 0px 0px 11px 0px;
    font-size: 12px;
    color: #555;
    float: left;
}
.hb_pay_text .info_r {
    margin: 0px 0px 11px 0px;
    font-size: 12px;
    color: #888;
    float: right;
}
.hb_pay_text .price{
	width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
}
.hb_pay_text .price caption{
	text-indent: -99999px;
    position: absolute;
}
.hb_pay_text .price th {
    width: auto;
    height: auto;
    padding: 10px 10px 13px 10px;
    font-weight: normal;
    font-size: 13px;
    color: #888;
    text-align: center;
    vertical-align: middle;
    background-color: #fafafa;
    border-top: 1px solid #888;
    border-bottom: 1px solid #eee;
}
.hb_pay_text .price .none {
    display: none;
}
.hb_pay_text .price td{
	width: auto;
    height: auto;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    word-break: keep-all;
    border-bottom: 1px solid #eee;
}
.hb_pay_text .price .gray5{
	font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}
.hb_pay_text .price .blue{
	font-weight: bold;
    font-size: 14px;
}
.complete_btn .form_btn img{
	margin: 0px 5px -4px 0px;
	display: inline-block;
	width: 17px;
	height: 17px;
}

.complete_btn .form_btn{
	width:260px;
	height:51px;
	margin:16px 7px 0px 7px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	background-color:#4876EF;
	border:2px solid #4876EF;
	border-radius:3px;
	display: inline-block;
}
.blog_01_more .cont_01 .tem_01 .img_area .img_03{
	min-width: 100%;
}
.blog_01_more .cont_01 .tem_01 .img_area .img_04{
	max-width: 26.8%;
}
.blog_01_more .cont_01 .tem_01 .img_area .img_04 .img_tit{
	text-align: left;
}
.blog_01_more .cont_01 .tem_01 .img_area .img_10{
	width: 41.4%;
	display: inline-block;
}
.product_wrap .blog_01_more .cont_01 .tem_01 .img_area .img_10{
	width: 41.4%;
}
.blog_01_more .cont_01 .tem_01 .img_area .img_10 .img_ex{
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
  border-radius: 10px;
}
.blog_01_more .cont_01 .w_1080 .bg_gray{
	background: linear-gradient(330deg, #e1e1e1, white);
	padding-bottom: 24px;
	margin-top: 24px;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.blog_01_more .cont_01 .w_1080 .bg_gray .img_area{
	max-width: 94%;
	margin: 0 auto;
}
.blog_01_more .cont_01 .tem_01 .img_area .img_10 .img_ex img{
	width: 126%;
	margin-left: -11%;
	margin-bottom: -1px;
}
.blog_01_more .cont_01 .w_1080 .img_area .top_margin{
	margin-top: 24px;
}
.product_wrap .blog_01_more .cont_01{
	margin: 0px 2% 0px;
	padding-bottom: 0px;
}
.product_wrap .blog_01_more .cont_01 .img_area{
	padding-bottom: 8px;
}
.cont_02 .img_area .img_10{
	width: 41.4%;
	display: inline-block;
}
.cont_02 .img_area .img_10 .img_ex{
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
  border-radius: 10px;
}
.cont_02 .img_area .img_10 .img_ex img{
	width: 126%;
	margin-left: -11%;
	margin-bottom: -1px;
}
.cont_02 .w_1080 .img_area .top_margin{
	margin-top: 24px;
}
.cont_02 .img_area .img_03{
	min-width: 100%;
}
.cont_02 .img_area .img_04{
	max-width: 26.8%;
}
.cont_02 .w_1080 .sticker{
	margin-top: 20px;
	text-align: center;
}
.cont_02 .w_1080 .sticker img{
	width: 90%;
}
.blog_01_more .cont_01 .w_1080 .sticker{
	margin-top: 20px;
	text-align: center;
}
.blog_01_more .cont_01 .w_1080 .sticker img{
	width: 93%;
}
.hb_pay_text .price .event{
	font-size: 12px;
	font-weight: 500;
	color: #ff5a00;
	line-height: 20px;
}
.blog_01 .cont_01 .w_1080 .tit_01 .bn img{
	width: 100%;
	padding-bottom: 10px;
}

/* 홍보통 layer 숨김 처리 */
.hbtong .content-area { display: none; }
.hbtong .content-area.active { display: block; }

/* 김과외 */
#kim_wrap {
	width: 100%;
}
#kim_wrap .kim_1 {
	width: 100%;
	height: auto;
	text-align: center;
	background: url('/images/kim/kim_bg_1_m.png') no-repeat center center;
	background-size: 100%;
}
#kim_wrap .kim_1 img, .kim_2 img, .kim_3 img, .kim_4 img, .kim_5 img {
	text-align: center;
	width: 90%;
}
#kim_wrap .kim_2 {
	width: 100%;
	height: auto;
	text-align: center;
	background: #f4f7f9;
	position: relative;
}
#kim_wrap .kim_2 .kim_2_btn, .kim_4 .kim_4_btn {
	width: 100%;
	height: 13%;
	margin: -90px 0 0 0;
	position: absolute;
	cursor: pointer;
}
#kim_wrap .kim_3 {
	width: 100%;
	height: auto;
	text-align: center;
}
#kim_wrap .kim_3 .kim_3_btn {
	width: 30%;
	height: 5%;
	margin: -22% 0 0 0;
	position: absolute;
	cursor: pointer;
	left: 50%;
	transform: translateX(-50%);
}
#kim_wrap .kim_4 {
	width: 100%;
	height: auto;
	text-align: center;
	background: #eaf9f7;
}
#kim_wrap .kim_5 {
	width: 100%;
	height: auto;
	text-align: center;
	background: #606060;
}

div.nodata { margin-top: 10px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #eee;}


/* 홍보통 visual2 */
.hbtong .visual2_area {
  /* background-image: url('/images/hongbo/main_bg2.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 480px;
  background-size: contain; */
  background-color: #ffe8c0;  
}
.hbtong .visual2_area .inner{
  width: 94%;
  margin: 0 auto;
  padding: 30px 0 24px;
  text-align: center;
  line-height: 1.2;
  color: #2b230e;
}
.hbtong .visual2_area img {
  width: 100%;
  display: block;
}
.hbtong .visual2_area .tit_icon { 
  font-family: 'Nanum Gothic', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #4876ef;
  padding: 8px 15px;
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 10px;
}
.hbtong .visual2_area .tit h1{
  font-size: 25px;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
}
.hbtong .visual2_area .tit h1 span{
  font-size: 20px;
  font-weight: 400;
}
.hbtong .visual2_area .txt{
  font-size: 14px;
  margin-bottom: 15px;
}

/* 홍보통 메인 ============================== */
/* COMMON*/
.hbtong_main {
  color: #373f57;
  /* letter-spacing:-0.05em; */
  line-height: 1.2;
}
.hbtong_main .inner {
  width: 94%;
  margin: 0 auto;
}
.hbtong_main a.btn_more {
  color: #fff;
  font-size: 14px;
  background: #4876ef;
  padding: 8px 15px;
  border-radius: 50px;
  display: inline-block;
  text-decoration-line: none;
}
.hbtong_main a.btn_more:hover{
  font-weight: 700;
}

/* 홍보통메인 서비스 */
.hbtong_main .banner_content { 
  position:relative;
  margin-top:244px;
  text-align:center;
  background:linear-gradient(105deg, #f0faff 6%, #dcf2ff 97%);
}
.hbtong_main .banner_content .inner_container { 
  width: 94%;
  display:inline-block;
  margin:-184px 0px 20px;
}
@media screen and (max-width:480px) {
  .hbtong_main .banner_content { 
    margin-top:124px;
  }
  .hbtong_main .banner_content .inner_container { 
    margin:-94px 0px 13px;
  }
}
.hbtong_main .banner_content .inner_container a img {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  border-radius:20px;
  box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.hbtong_main .banner_content .inner_container a img:hover {
  box-shadow:0 0 20px 0 rgba(72, 118, 239, 0.4);
}

/* 홍보통메인 템플릿 */
.hbtong_main .temp {
  /* background-color: blue; */
  background-color: #f2f3f7;
  padding: 30px 0;
}
.hbtong_main .temp .tit {
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}

/* 템플릿 목업 */
.hbtong .cont_01 .skin_cont {
	display: flex;
	/* gap: 7px; */
	margin-bottom: 7px;
	margin-top: 14px;
}
.hbtong .cont_01 .skin_cont .item:first-child { margin-right: 7px; }
.hbtong .cont_01 .skin_cont .img_tit {
	font-size: 11px;
	color: #545454;
	margin-bottom: 7px;
	width: 100%;
	text-align: left;
}
.hbtong .cont_01 .skin_cont .img_tit span {
	color: #ddd;
	margin: 0 2px 0 -5px;
}
.hbtong .cont_01 .item img {
	width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: block;
    box-sizing: border-box;
}
.hbtong .cont_01 .mock_cont {
	display: grid;
	grid-gap: 7px;
	grid-template-columns: 1fr 1fr;
}
.hbtong .cont_01 .mock_cont .item:first-child {
	grid-column: 1/3;
}

.hbtong .temp .cont_01 { padding-bottom: 0;}
.hbtong .temp .skin_cont { 	margin-top: 0;}

/* 홍보통메인 템플릿 카드  */
.hbtong_main .temp .card_group { 
  /* display: flex; */
  margin-top: 15px;
}
.hbtong_main .temp .card_tit {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1.8px;
  position: relative;
  margin-bottom: 15px;
}
.hbtong_main .temp .card_tit .num_card{
  font-style: italic;
  color: #8491a7;
  position: absolute;
  right: 0;
}
.hbtong_main .temp .card_item {
  /* width: 349px; */
  margin-bottom: 15px;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.hbtong_main .temp .card_item:last-child { 
  margin-bottom: 0;
}
.hbtong_main .temp .card_item p {
  font-size: 14px;
  color: #8491a7;
  margin-bottom: 15px;
}
.hbtong_main .btn_right { 
  text-align: right;
}
.hbtong_main .tit_naver { 
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
}
.hbtong_main .tit_naver span { 
  font-weight: 400;
}
/* 홍보통메인 운영대행 */
.hbtong_main .acting {
  background-color: #384058;
  color: #fff; 
  padding-top: 30px;
	text-align: center;
}
.hbtong_main .acting .tit {
  font-family: 'Nanum Gothic', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
.hbtong_main .acting .tit span{
  font-size: 17.5px;
  font-weight: 400;
}
.hbtong_main .acting ul {
  margin-bottom: 20px;
}
.hbtong_main .acting ul li {
  font-size: 14px;
  position: relative;
}
.hbtong_main .acting .li_square{
  font-weight: 700;
  font-style: italic;
  color: #8491a7;
  padding-right: 10px;
}
.hbtong_main .acting .li_square::before {
  content: "";
  background-image: url(/images/hongbo/li_square.png);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 5px;
}

.hbtong_main .acting img {
  width: 100%;
  display: block;
}

/* 홍보통메인 교육 */
.hbtong_main .edu {
  background-color: #f2f3f7;
  padding: 30px 0;
  text-align: center;
}
.hbtong_main .edu .edu__cont .tit {
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
.hbtong_main .edu .edu__cont .tit span {
  font-weight: 400;
}
.hbtong_main .edu .edu__cont p {
  color: #8491a7;
  margin-bottom: 25px;
}
.hbtong_main .edu .edu__cont img{ 
  width: 100%;
  margin: 25px 0 7px;
  display: block;
}
.hbtong_main .edu .card_group { 
  display: flex;
  justify-content: space-between;
}
.hbtong_main .edu .card_item {
  text-align: center;
  width: 100%;
  padding: 20px;
  margin-right: 7px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.hbtong_main .edu .card_group .card_item:last-child { margin-right: 0;}

.hbtong_main .edu .card_tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.hbtong_main .edu .card_tit .num_card{
  font-style: italic;
  color: #8491a7;
}
.hbtong_main .edu .card_item p {
  font-size: 12px;
  color: #8491a7;
}

/* 상세페이지 운영대행 */
.blog_03 .acting2 {
	color: #fff;
	line-height: 1.2;
	border-radius: 10px;
	height: 362px;
	padding-top: 30px;
	background: url(/images/hongbo/naver2.png) no-repeat #384058 center bottom;
}
.blog_03 .acting2 .tit2 {
  font-family: 'Nanum Gothic', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.blog_03 .acting2 .tit2 span{
  font-size: 15.5px;
  font-weight: 400;
}
.blog_03 .acting2 ul {
  margin-bottom: 20px;
}
.blog_03 .acting2 ul li {
  font-size: 14px;
  position: relative;
}
.blog_03 .acting2 .li_square{
  font-weight: 700;
  font-style: italic;
  color: #8491a7;
  padding-right: 10px;
}
.blog_03 .acting2 .li_square::before {
  content: "";
  background-image: url(/images/hongbo/li_square.png);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 5px;
}

.blog_03 .acting2 img {
	width: 100%;
	display: block;
}

.blog_03 { padding-bottom: 0;}