@charset "utf-8";
/*2017/01/09*/
/********************************************** Reset ***************************************************/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none;vertical-align:top;}
table {border-collapse:collapse;border-spacing:0}
html,body{height:100%;font-size:100%;}
input[type='date'],input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type="checkbox"],input[type='tel'],select{-webkit-appearance:none; border-radius:0;background:#fff;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
caption,legend{display:none;}
body {width:100%;letter-spacing:-.05em;-webkit-text-size-adjust:none;background:#525252;font-size:14px;}
body,th,td,input,select,textarea,button{-webkit-text-size-adjust:14px;line-height:1.5;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;color:#666;-webkit-text-size-adjust:none;}
a {color:#666;text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/********************************************** Setup ***************************************************/
#wrap{background:#fff;/*padding-bottom:45px;*/}
#content{margin:0 auto;line-height:150%;word-break:keep-all;padding:1em;min-height:350px;}
#content>div:last-child{margin-bottom:30px;}
#content.map{padding:1em 0 0;}
.ct{padding:1em;}
.main #content{padding:1em 0;}
body.gate,body.popbg{background:#fff;}
body.gate{overflow:hidden;}
/*
[[Colors]]
06a6af 첯록
f6901f 강조
23a4dc 구직자
75a72d 재작자
[[Zindex]]
90 - header
*/
/*footer>button.btn_top{position:fixed;width:40px;height:40px;vertical-align:30px;bottom:101px;right:1em;color:#06a6af;text-align:center;z-index:10;display:none;border:3px solid #ccc;border-radius:50%;font-size:.87em;background:#fff url(../images/hrdm/icon/btn_top.png) center center no-repeat;background-size:16px auto;text-indent:-9999em}*/
.fbtn{position:fixed;bottom:0;left:.5em;z-index:10;width:auto;height:24px;display:none;}
.fbtn img{width:28px;}
/* Form */
input,label,select,dl,dt,dd{vertical-align:top;border-radius:0;line-height:1;}
input[type="checkbox"],input[type="radio"]{position:relative;outline:none}
input[type="radio"]{background:#fff;border:1px solid #ccc;width:15px;height:15px;border-radius:50%;}
input[type="checkbox"]{background:#fff;border:1px solid #ccc;width:15px;height:15px;}
input[type="checkbox"]:checked{background:#fff url(../images/hrdm/icon/30.png) 0 -121px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;}
input[type="radio"]:checked{background:#fff url(../images/hrdm/icon/30.png) 0 -91px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;}
select{background:url(../images/hrdm/icon/30.png) right -136px no-repeat;width:15px;height:15px;display:inline-block;background-size:20px auto;}
select.maps{border:1px solid #fff;}
input[type="date"],input[type="text"],input[type="password"],input[type="button"],input[type="number"],input[type="submit"],textarea,select,.msf>div>label{border:1px solid #ccc;padding:0 .5em;color:inherit;width:100%;}
input[type="file"]{width:100%;-webkit-appearance:none}
input[type="date"],input[type="text"],input[type="password"],select{height:30px;line-height:1.5;background-color:#fff;}
label{margin-right:1em;}
label:last-child{margin-right:0;}
textarea{height:auto;width:100%;margin-top:.3em;padding:.5em;}
input[type="text"]::-webkit-input-placehorder{color:#b1aabc;}
input[type="text"]:-ms-input-placehorder{color:#b1aabc;}
input[type="text"]:-moz-input-placehorder{color:#b1aabc;}
input.rq,textarea.rq{background:url(../images/hrdm/icon/rq.png) no-repeat 0 0;background-size:8px 8px;}
div.rq{position:relative;}
div.rq:after{content:'';position:absolute;width:8px;height:8px;background:url(../images/hrdm/icon/rq.png) no-repeat 0 0;background-size:8px 8px;left:0;top:0;}
section{margin-bottom:2em;}
section>p,section>ul,section>dl{margin-bottom:.5em;}
.dateinput::before{content:attr(placeholder)}
.dateinput:focus::before{content:''}
.fct>div{margin-bottom:.5em;}
.fct>div>div:first-child{position:relative;top:.5em;min-width:90px;width:90px;}

h1,h2,h3,h4,h5,h6,strong{font-weight:600;color:#333;}
h2{font-size:1.2em;margin-bottom:.5em;}
h3{background:url(../images/hrdm/bul_tit1.gif) no-repeat left .08em;padding-left:1.2em;font-size:1.2em;color:#333;margin-bottom:1em;}
.map h3{margin:0 1em;}
h4{background:url(../images/hrdm/bul_tit2.gif) no-repeat left .389em;padding-left:1.3em;margin:0 0 .7em 0;display:block;font-size:1em;}
h4.line{border-bottom:1px solid #06a6af;padding-bottom:.5em;margin:0 0 .5em 0;}
h4.mb0{margin-bottom:0;}
h5{background:url(../images/hrdm/bul_list.gif) no-repeat left .6em;padding-left:.7em;margin:0 .5em .5em 0em;display:block;font-size:1em;}
h5.mb0{margin-bottom:0;}
h5.mbs{margin-bottom:.2em;}
h5.mlh{margin-left:.38em;}
h6{font-size:1em;margin-bottom:.3em;}
video::-webkit-media-controls-timeline {display:none;}
/*video::-webkit-media-controls-fullscreen-button {}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}*/

/* After */
.sj_am:after,.ul6:after,.boxt:after,.gban:after,.tab5:after,.lt1>li:after,.ab_foot:after,.boxq>div:first-child:after,.paging:after,.mytp:after,.tab3:after,.ban1:after,.job_seeker:after,.flbox:after,.ul_reset:after,.boxs:after,.flboxl>li:after,.sub_tit:after,.tab1:after,.box_sj:after,.gnb:after,.main_nav:after,.main_nav1:after,.main_nav_trne:after,.main_nav_trne1:after,footer:after,header:after{clear:both;content:'';display:block;}

/* None */
.boxchx,section.type1,section.type2,section.type3,.snone{display:none;}

/* Widh padding */


/* Display table*/
.dis_table{display:table;}
.dis_table>div{display:table-cell;vertical-align:middle;height:100%;text-align:center;}

/* Header*/
/*.main h1{padding:4em 0;}*/
header{position:relative;height:60px;}
h1{position:relative;top:15px;}
h1>a{display:inline-block;/*height:100%*/;}
h1 img{width:138px;}
header>button{position:absolute;top:1.2em;}
header>button:first-child{left:1em;}
header>button:last-child{right:1em;}
header{text-align:center;padding:0 1em;display:flex;display:-webkit-flex;justify-content:center;}
header>button:first-child,header>button:last-child{width:30px;height:30px;overflow:hidden;text-indent:-9999em;}
header>button:first-child{background: transparent url(../images/hrdm/gate/top.png) no-repeat scroll 0px 0px / 30px auto;}
header>button:last-child{background: transparent url(../images/hrdm/gate/top.png) no-repeat scroll 0px -30px / 30px auto}

header input{display:none;}
/*header.sub h1{display:none;}*/
header.sub input,header.sub+.gnbbox>.gnb,header.sub+.gnbbox>span{display:none;}
header.search h1{display:none;}
header.search input{position:relative;top:17px;width:75%;display:block;border:1px solid #ccc;}
header.sub>button:first-child{background:#fff url(../images/hrdm/icon/top.png) 0 -60px no-repeat;background-size:30px auto;border-radius:4px;}

/* Style Guide */
.box_ex a{line-height:18px;display:block;}
.box_ex a:hover{color:#0b7061;}
h1.sj{color:#f00;margin-top:2em;text-align:left;display:block;top:0;margin-bottom:.7em;font-size:1.5em;}
h1.sj:first-child{margin-top:1em;}
button.top{display:block;width:100%;line-height:180%;color:#fff;position:fixed;bottom:0;left:0;background:#000;text-align:center;}

.search_top>input{height:2.5em;border-color:#555;width:100%;}
.search_top>input:last-child{width:35px;}

/* Footer */
footer{width:100%;text-align:center;color:#fff;padding:1em;font-size:.75em;background:#525252;}
footer a{color:#fff;}
footer>div{width:100%;margin-bottom:1em;}
footer>div>a{width:25%;background:#636363;display:inline-block;height:30px;line-height:28px;margin-right:.5em;border:1px solid #464646;font-size:1.1em;}
footer>div>a:nth-child(2){width:50%; background:#fff; color:#333; font-weight:600} /* 20170613 수정 */
footer>div>a:last-child{margin-right:0;}
#mask{position:fixed;display:table;;text-align:center;top:0;left:0;width:100%;height:100%;background:#000;z-index:99;background-color:rgba(255,255,255,.8);}
#mask>div{display:table-cell;vertical-align:middle;text-align:center;}


/********************************************** Main ***************************************************/
/* Gate */
.gate #wrap,.gate table{height:100%;}
.gate table td{vertical-align:middle;text-align:center;}
.gate table tr:last-child td{vertical-align:bottom;}
.gate header{padding:2em 0;}
.gate h1 img{width:150px;}
.gate footer{background:#fff;color:#b6b6b6;}
.gate #wrap,.intro #wrap{padding-bottom:1em;}
.gate .pl>img{width:120px;}
.gate .pl{position:relative;width:120px;margin:0 auto;height:110px;}
.gate .pl>img{position:absolute;top:0;left:0;}
.p1{font-size:1.4em;line-height:120%;font-weight:600;color:#6a6a6a;text-align:center;margin:1em 0;}
.main_nav{text-align:center;padding-top:3.8rem;}
.main_nav>ul{display:inline-block;}
.main_nav>ul>li{float:left;text-align:center;}
.main_nav>ul>li:first-child{margin-right:1.5em}
.main_nav img{width:10rem;}
.main_nav h2.main_text{padding-top:12rem;text-align:center;font-size:1.4rem;font-weight:normal;color:#464646;line-height:150%;}

.main_nav1{text-align:center;padding-top:1.5rem;}
.main_nav1>ul{display:inline-block;}
.main_nav1>ul>li{float:left;text-align:center;}
.main_nav1>ul>li:first-child{margin-right:1.5em}
.main_nav1 img{width:10rem;}

.main_nav_trne{visibility: visible;}
/* .main_nav_trne{visibility:hidden;height:0rem;} */
.main_nav_trne{text-align:center;padding-top:0rem;}
.main_nav_trne>ul{display:inline-block;}
.main_nav_trne>ul>li{text-align:left;}

/* .main_nav_trne1{visibility: visible;} */
.main_nav_trne1{visibility:hidden;height:0rem;text-align:center;}
.main_nav_trne1>ul{display:inline-block;}
.main_nav_trne1>ul>li{float:left;text-align:center;}
.main_nav_trne1>p{margin-left: 20%;} 

img.intro{width:160px;}
.gban{border:1px solid #bdbcbc;background:linear-gradient(#fff,#eaeaea);margin:0 2.5em;border-radius:4px;overflow:hidden;display:inline-block;opacity:.7}
.gban a{display:inline-block;float:left;width:78px;height:58px;border-left:1px solid #bdbcbc;border-right:1px solid #fff;position:relative;background:url(../images/hrdm/icon/gate.png) center 10px no-repeat;background-size:60px auto;}
.gban a:nth-child(1){border-left:none;}
.gban a:nth-child(2){background-position:center -48px;}
.gban a:nth-child(3){background-position:center -111px;}
.gban a>strong{margin-top:65px;display:inline-block;font-size:1.1em;text-indent:-9999em;}
.gate_b{width:75px;height:196px;position:fixed;right:-60px;top:50%;margin-top:-98px;opacity:.3;overflow:hidden;display:none;}
.gate_b>button,.gate_b>div{float:left;}
.gate_b>button{background:url(../images/hrdm/icon/gate_btn.png) 0 0 no-repeat;text-indent:-9999em;background-size:15px auto;height:50px;width:15px;position:absolute;top:50%;margin-top:-25px;}
.gate_b>button.on{background-position:0 -53px;}
.gate_b>ul{background:linear-gradient(to right,#fff,#eaeaea);margin-left:15px;width:60px;border-radius:4px 0 0 4px;border:1px solid #dcdcdc;box-shadow:-5px 3px 7px rgba(0,0,0,.1);}
.gate_b>ul>li>a{margin:10px 0;display:inline-block;width:100%;height:42px;text-align:center;background:url(../images/hrdm/icon/gate.png) center 0 no-repeat;background-size:60px auto;text-indent:-9999em;}
.gate_b>ul>li{border-top:1px solid #fff;border-bottom:1px solid #ccc;}
.gate_b>ul>li:last-child{border-bottom:none;}
.gate_b>ul>li:nth-child(2)>a{background-position:center -57px;}
.gate_b>ul>li:nth-child(3)>a{background-position:center -120px;}

/* Main */
.ban1{text-align:center;}
.ban1 a{display:table-cell;height:60px;line-height:60px;width:50%;font-size:.87em;font-weight:600;text-align:center;}
.ban1 a:first-child{border-right:1px solid #ccc;}
.ban1 a>img{height:29px;width:auto;vertical-align:middle;position:relative;bottom:4px;}
.ban2{background:#fff;}
.pud:before,.pud:after,.ban1:before,.ban2:before,.ban2:after{content:'';display:block;height:7px;}

/* job_seeker */
.job_seeker h2{display:block;}
.job_seeker .boxi{margin-top:1em;}
.box_sj{border-bottom:2px solid #06a6af;}
.box_sj>h4{float:left;display:inline-block;}
.mtype1 .box_sj{border-bottom:2px solid #23a4dc;}
.mtype2 .box_sj{border-bottom-color:#75a72d;}
.abox{display:inline-block;margin-bottom:1em;}
.box_lisj{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;margin-top:1em;}
.box_lisj>strong,.box_lisj>a>strong{color:#0863a2;font-size:1.1em;position:relative;top:1px;}
.box_lisj>input{vertical-align:middle;position:relative;bottom:2px;}
/* My service main */
.mymain>li{text-align:center;padding:1em 0;}
.mymain>li>a{display:block;}
.mymain>li>a>span{border:1px solid #ccc;width:70px;height:70px;display:inline-block;background:url(../images/hrdm/contents/mymain.jpg) 0 0 no-repeat;background-size:70px auto;}
.mymain>li:nth-child(2)>a>span{background-position:0 -70px}
.mymain>li:nth-child(3)>a>span{background-position:0 -140px}
.mymain>li:nth-child(4)>a>span{background-position:0 -210px}
.mymain>li:nth-child(5)>a>span{background-position:0 -280px}
.mymain>li:nth-child(6)>a>span{background-position:0 -350px}
.mymain>li:nth-child(7)>a>span{background-position:0 -420px}
.mymain>li:nth-child(8)>a>span{background-position:0 -490px}
.mymain>li:nth-child(9)>a>span{background-position:0 -560px}
.mymain>li>a>p{line-height:130%;margin-top:.5em;}

.pplbox{padding:.5em 1em;background:#fafafa;}
.pplbox>div:first-child{width:80%;}
.pplbox>div:first-child>img{height:22px;vertical-align:top;margin-right:.5em;}
.pplbox>div:first-child>strong{position:relative;top:1px;}
.pplbox>div:last-child{text-align:right;width:20%;}
.pplbox>div:last-child>a{width:17px;height:17px;border:1px solid #898989;display:inline-block;text-indent:-9999em;background:#fff url(../images/hrdm/icon/25.png) 0 -15px no-repeat;background-size:15px auto;position:relative;top:3px;margin-left:.5em;}
.pplbox>div:last-child>a>span{display:none;}
.pplbox>div:last-child>span{height:17px;display:inline-block;text-indent:-9999em;position:relative;top:0px;}
.pplbox>div:last-child>span:before{content:'';width:15px;height:17px;display:inline-block;background:url(../images/hrdm/icon/25.png) 0 5px no-repeat;background-size:15px auto;}

.boxsc{display:none;padding:.1em 1em 1em;border:1px solid #23a4dc;background:#fafafa;border-top-width:0}
.boxsc.sub{padding:1em;}
.mtype2 .boxsc{border-color:#75a72d;}
.btn_boxsc{text-align:center;}
.btn_boxsc>button{background:url(../images/hrdm/icon/btnsc.gif) center 0 no-repeat;background-size:130px auto;color:#fff;padding:.3em 1em;border-radius:0 0 4px 4px;height:16px;width:130px;}
.btn_boxsc>button.on{background-position:center -18px;}
.mtype1 .btn_boxsc>button{background-position:center -35px;}
.mtype1 .btn_boxsc>button.on{background-position:center -53px;}
.mtype2 .btn_boxsc>button{background-position:center -70px;}
.mtype2 .btn_boxsc>button.on{background-position:center -88px;}

.infom{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.9);top:0;left:0;z-index:120;text-align:center;color:#fff;display:table;padding-top:1em;}
.infom .bxslider{margin-top:1em;}
.infom>strong{color:#fff;font-size:1.2em;display:block;position:absolute;top:1em;text-align:center;width:100%;}
.infom>button{position:absolute;right:.5em;bottom:.5em;}
.infom p{margin-top:1em;font-size:.9em;}
.infom>div:first-of-type{display:table-cell;vertical-align:middle;}
.infom>div:last-of-type{position:absolute;left:.5em;bottom:.5em;}

/********************************************** Sub ***************************************************/
/* GNB */
.gnbbox{position:relative;}
.detail .gnb,.detail .gnbbox>span{display:none;}
.gnbbox:after{content:'';display:block;height:7px;}
.gnb{position:relative;height:3em;line-height:3em;width:100%;background:#23a4dc;overflow-x:auto;overflow-y:hidden;white-space:nowrap;/*padding:0 1em;*/}
.gnbbox>span{display:none;}
.gnbbox>span:first-of-type{height:3em;width:1.7em;background:linear-gradient(to left,rgba(6,166,175,0),#06a6af);position:absolute;left:0;top:0;z-index:9;}
.gnbbox>span:last-of-type{height:3em;width:1.7em;background:linear-gradient(to right,rgba(6,166,175,0),#06a6af);position:absolute;right:0;top:0;z-index:9;table-layout:fixed;}
.mtype1 .gnbbox>span:first-of-type{background:linear-gradient(to left,rgba(35,164,220,0),#23a4dc);position:absolute;left:0;top:0;z-index:1;}
.mtype1 .gnbbox>span:last-of-type{background:linear-gradient(to right,rgba(35,164,220,0),#23a4dc);position:absolute;right:0;top:0;z-index:1;table-layout:fixed;}
.mtype2 .gnbbox>span:first-of-type{background:linear-gradient(to left,rgba(117,167,45,0),#75a72d);position:absolute;left:0;top:0;z-index:1;}
.mtype2 .gnbbox>span:last-of-type{background:linear-gradient(to right,rgba(117,167,45,0),#75a72d);position:absolute;right:0;top:0;z-index:1;table-layout:fixed;}
.gnb.mb0{margin-bottom:0;}
.gnb>a{height:100%;/*margin:0 .5em;*/color:#fff;display:inline-block;position:relative;text-align:center;font-size:1.14em;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(0,0,0,.1);*/}
/*.gnb>a:first-child{border-left:none;}
.gnb>a:last-child{border-right:none;}*/
.mtype2 .gnb>a{border-right-color:#9fc26c;}
.gnb.sub{background:#06a6af;}
.gnb>a:last-child{border-right:none;/*margin-right:1.5em;*/}
.gnb>a.on{border-bottom:3px solid #fff;}
.mtype1 .gnb{background:#23a4dc;}
.mtype2 .gnb{background:#75a72d;}
.mtype2 .gnb:before{background:linear-gradient(to left,rgba(117,167,45,0),#75a72d)}
.mtype2 .gnb:after{background:linear-gradient(to right,rgba(117,167,45,0),#75a72d)}

/* Menu All */
.menua{position:fixed;top:0;left:-300px;background:#f2f2f2;width:290px;height:100%;z-index:100;box-shadow:3px 0 3px rgba(0,0,0,.3);}
.menua>div{overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;width:inherit;height:inherit;-webkit-overflow-scrolling:touch;}
.menua .top{background:linear-gradient(to bottom,#fff,#efefee);position:relative;padding:1em;}
.menua .top>a,.menua .top>button,.menua .top>div.lbtn{position:absolute;right:.5em;}
.menua .top>button.lpop_close{top:.5em;}
.menua .top>button.answerPop_close{top:.5em;}
.menua .top>button.ncsPop_close{top:.5em;}
.menua .top>div{bottom:.5em;display:inline-block;}
.menua .top>div>button{width:90px;font-size: 0.9em;}
.boxa{background:#fff;margin-bottom:7px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:.5em 0;position:relative;}
.boxa.pbn{padding:0;border:none;}
.menua .map{background:#fff;padding:.5em 1em;border-top:1px solid #ddd;}
/*.boxa:last-of-type{padding-bottom:0;border-bottom:none;margin-bottom:0;}*/
.boxa h2,.gate_btn{padding:0 1em;}
.boxa h2{margin-left:-.1em;}
.gate_btn{position:absolute;right:0;top:34px;}
.gate_btn>div{text-align:center;border-radius:4px;border:1px solid #ddd;}
.gate_btn>div a{line-height:26px;padding:0 .5em;text-align:center;}
.sj_am{border-bottom:1px solid #ddd;margin:0 1em .5em;padding-bottom:.5em;}
.sj_am.ea2>div{display:inline-block;float:left;}
.sj_am.ea2>div:last-child{margin-left:74px;}
.sj_am>div>strong{text-align:left;/*background:url(../images/hrdm/icon/bullet.png) 0 .45em no-repeat;*/padding-left:.3em;}
.gate_btn>div a{color:#969696;border-right:1px solid #969696;display:inline-block;}
.gate_btn>div a:last-child{border-right:none;}
.gate_btn>div a.on{background:#23a4dc;color:#fff;}
.gate_btn>div a.on:last-child{background:#75a72d;color:#fff;}
.ul_reset{border-top:1px solid #ccc;}
.ul_reset>li{float:left;width:50%;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size:.75em;}
.ul_reset>li>button{display:block;width:100%;height:100%;line-height:30px;color:#999;font-weight:600;padding:0 1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;}
/*.ul_reset>li.on>button{color:#555;background:#eee;}*/
.ul_reset>li:nth-child(even){border-right:none;}
.ul_menu{border-top:1px solid #b7b6b6;}
.ul_menu>li{background:#eaeaea;position:relative;border-top:1px solid #fff;border-bottom:1px solid #dadada;}
.ul_menu>li:last-child{border-bottom:1px solid #b7b6b6;}
.ul_menu>li>ul{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ul_menu>li>ul>li:last-child{border-bottom:none;}
/*.mtype2 .ul_menu>li{background:#75a72d;position:relative;border-bottom:1px solid #fff;}*/
.ul_menu>li:after{content:'';display:inline-block;width:18px;height:18px;background:url(../images/hrdm/icon/arrow2.png) center -5px no-repeat;background-size:30px auto;position:absolute;right:1em;top:5px;z-index:1;}
.ul_menu>li a{line-height:30px;padding:0 1em;height:100%;display:block;}
.ul_menu>li>ul>li{border-bottom:1px solid #ccc;background:#fff;color:#666;position:relative;}
.ul_menu>li>ul{display:none;}
.ul_menu>li.on{border-bottom:none;}
.ul_menu>li.on:after{content:'';display:inline-block;width:18px;height:18px;background-position:center -35px;position:absolute;right:1em;top:5px;z-index:1;}
.ab_foot{border-top:1px solid #ddd;margin-bottom:.5em;}
.ab_foot:last-of-type{margin-bottom:0;}
.ab_foot>button{width:33.3333%;float:left;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#fff;text-align:left;padding:.5em 0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.ab_foot.my{border-left:1px solid #ddd;}
.ab_foot.my>button{text-align:left;padding-left:1em;}
.ab_foot.my>button:before{content:'';width:11px;height:11px;background: url(../images/hrdm/bul_tit2.gif) no-repeat center center;display:inline-block;margin-right:.3em;}
.ab_foot.my>button{width:50%;}
.ab_foot:last-of-type>button:nth-last-child(-n+3){border-bottom:none;}
.rilist{margin-bottom:1em;}
.rilist>li>a{display:block;text-align:center;margin:.5em 0;}
.rilist>li>a>p{line-height:1.2;font-size:.9em;margin-top:.5em;}
.rilist>li>a>span,.menua .top>div>span{height:50px;width:50px;display:inline-block;border:1px solid #636363;background:url(../images/hrdm/icon/mari.png) center 0 no-repeat,linear-gradient(to bottom,#fff,#eaeaea);border-radius:50%;overflow:hidden;vertical-align:middle;background-size:50px auto;}
.rilist>li.m1>a>span{background:url(../images/hrdm/icon/mari.png) center 0 no-repeat,linear-gradient(to bottom,#44c5f0,#0eabec);background-size:50px auto;border:1px solid #0268a8;}
.rilist>li.m1>a>p{color:#23a4dc;}
.rilist>li.m2>a>p{color:#75a72d;}
.rilist>li.m2>a>span{background:url(../images/hrdm/icon/mari.png) center -50px no-repeat,linear-gradient(to bottom,#a1e03e,#6bc005);background-size:50px auto;border:1px solid #477702;}
.menua .top>div>span{background:#b9b9b9 url(../images/hrdm/icon/mat.png) center 2px no-repeat;background-size:50px 50px;vertical-align:top;}
.rilist>li.s1>a>span{background-position:center -100px;}
.rilist>li.s2>a>span{background-position:center -150px;}
.rilist>li.s3>a>span{background-position:center -200px;}
.rilist>li.s4>a>span{background-position:center -250px;}
.rilist>li.s5>a>span{background-position:center -300px;}
.rilist>li.s6>a>span{background-position:center -350px;}
.rilist>li.w1>a>span{background-position:center -400px;}
.rilist>li.f1>a>span{background-position:center -450px;}
.rilist>li.l1>a>span{background-position:center -500px;}
.rilist>li.l2>a>span{background-position:center -550px;}
.rilist>li.l3>a>span{background-position:center -600px;}

/* Menu Foot */
.menuf{position:fixed;bottom:10px;right:-87%;/*right:0;*/display:flex;display:-webkit-flex;background:#222;height:55px;width:97%;border-radius:100em 0 0 100em;z-index:90;opacity:.85;box-shadow:5px 5px 5px rgba(0,0,0,.25)}
.main .menuf{right:0;}
.menuf>a,.menuf>button{display:inline-block;color:#fff;font-size:.87em;padding:5px;vertical-align:middle;margin:5px auto;text-align:center;}
.menuf>a{width:22%;}
.menuf>button{width:12%;}
.menuf>a{border-right:1px solid #3c3c3c;}
.menuf>a:last-child{border-right:none;}
.menuf>a>img{width:51px;vertical-align:middle;margin:0 5px;}
.menuf>button{text-indent:-9999em;background:url(../images/hrdm/icon/arrow.png) 0 0 no-repeat;background-size:30px;margin-left:1%;outline:none}
.menuf>button.on{background-position:3px -45px;}
/* Info Nvai */
.info_navi{color:#757575;background:#fafafa;border-bottom:1px solid #ccc;height:2.5em;line-height:2.6em;font-size:.8em;padding:0 1em;overflow:hidden;display:none;}
.info_navi>span{display:inline-block;float:left;}
.info_navi>span:not(:last-child):after{content:'';background:url(../images/hrdm/icon/info_navi.png) 0 -20px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;position:relative;top:4px;vertical-align:top;}
.info_navi>span:first-child{background:url(../images/hrdm/icon/info_navi.png) 0 0 no-repeat;width:20px;height:20px;display:inline-block;background-size:18px auto;position:relative;top:5px;vertical-align:middle;margin-right:.5em;}
.info_navi>span:first-child:after{display:none;}
.info_navi>span:last-child{font-weight:600;}

/* Process */
.prot{padding-right:10px;margin-bottom:1em;}
.prot>li{width:25%;height:30px;line-height:2;text-align:center;background:#fafafa;border:1px solid #ccc;border-right:none;position:relative;padding-left:1em;}
.prot>li:first-child{padding-left:0;}
.prot>li:after{content:' ';display:inline-block;height:30px;width:20px;position:absolute;right:-20px;top:-1px;background:url(../images/hrdm/icon/pa.png) 0 0 no-repeat;background-size:40px 30px;z-index:10;}
.prot>li.on{background:#06a6af;color:#fff;border:1px solid #06a6af;}
.prot>li.on:after{background-position:-20px 0}

/* 이용약관 */
.clause_cont .bor_none {padding-bottom:0; border-bottom:0;}
.clause_cont > ol {padding-bottom:20px; border-bottom:1px dashed #ccc;margin-bottom:20px;}
.clause_cont > p {padding:0 0 20px 0px; border-bottom:1px dashed #ccc; color:#333; margin-bottom:20px;}
.clause_cont > ol > li {margin:10px 0 0 0px; color:#333; }
.clause_cont > ol > li > ol {margin-top:5px; color:#767676; font-size:12px;}

/* accordion and list */
.acc1{border-top:2px solid #06a6af;}
.acc1.bdtn{border-top:none;margin-top:1px;}
.acc1>a,.acc1 li{line-height:30px;display:block;}
.acc1>a,.acc1>strong{border-top:1px solid #06a6af;border-bottom:1px solid #06a6af;color:#06a6af;position:relative;top:-1px;background:#fafafa;padding:0 .5em;font-weight:600;display:block;line-height:30px;}
.acc1>a.on{border-bottom:none;}
.acc1>a+a{border-top:none;}
.acc1>ul>li{border-bottom:1px solid #ccc;padding:0 1em;position:relative;}
.acc1>ul>li>a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:92%;line-height:24px;padding-top:7px;}
.acc1>ul>li>a>span{font-size:.95em;color:#aaa;}
.acc1>ul>li:after,.arrc>ul>li:after,.ul_menu>li>ul>li:after{content:'';display:inline-block;width:15px;height:15px;background:#fafafa;border:1px solid #a1a1a1;border-radius:2px;float:right;top:50%;margin-top:-8px;background:url(../images/hrdm/icon/15.png) center 3.7px no-repeat;background-size:9px auto;position:absolute;right:1em;}
.arrc ul.ul5>li:after{margin-top:3px;}
.acc1 .sort{padding:.5em 1em;border-bottom:1px solid #ccc;font-size:.95em;color:#999;}
.acc1 b{background:#eff805;;}
.acc1 .sort>span{margin-right:1em;}
.acc1 .sort .on{color:#23a4dc;}

.star_txt>span{position:relative;top:2em;}
.star_pb{text-align:center;border-radius:8px}
.star_pb>div:first-child{font-size:4em;line-height:1em;color:#f6901f;}
.star_input{text-align:center;margin-bottom:1em;}
.star_input>div>button{width:30px;height:30px;text-indent:-9999em;background:url(../images/hrdm/icon/sb1.png) 0 0 no-repeat;background-size:30px 30px;margin-bottom:.5em;}
.star_input>div>button.on{background:url(../images/hrdm/icon/sb2.png) 0 0 no-repeat;background-size:30px 30px;}

/* 홈페이지용 만족도 비율 적용 */
.star_rating,.star_rating span{display:inline-block;height:13px;background:url(../images/bg_star.png) no-repeat;overflow:hidden;vertical-align:-1px;text-align:left}
.star_rating{width:81px;}
.star_rating span{line-height:0;vertical-align:top;background-position:left bottom; text-indent:-5000px}


/* 나에게 맞는 훈련 */
.qsj{color:#06a6af;font-weight:600;background:url(../images/hrdm/icon/q.png) 0 4px no-repeat;background-size:15px 15px;font-size:1.1em;padding-left:1.2em;margin-bottom:1em;}
.myt{margin-bottom:1em;}
.myt>div{border:1px solid #ccc;border-radius:8px;height:75px;line-height:75px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.myt>div>div{line-height:1.5;margin-top:1em}
.myt>div>img{width:45px;vertical-align:middle;}
.myt>div.on{border:1px solid #000;}
.myt>div:first-child{margin-right:.5em;}
.mytp>div{display:table;float:left;background:#f5f5f5;border:1px solid #ccc;border-radius:8px;height:57px;width:30%;text-align:center;line-height:1.2;vertical-align:middle;margin:0 1.1em 1.2em 0;position:relative;font-size:.9em;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.mytp>div:after{content:'';display:inline-block;width:9px;height:17px;background:url(../images/hrdm/bg/myt.png) 0 0 no-repeat;background-size:9px 17px;position:absolute;right:-9px;top:50%;margin-top:-8px;}
.mytp>div:nth-child(3n){margin-right:0;}
.mytp>div>div{display:table-cell;vertical-align:middle;}
.mytp>div>div>span{color:#f6901f;}
.t_result{font-size:.87em;margin-top:-.5em;margin-bottom:1em;}

.ncs{display:table;border:3px solid #06a6af;margin-bottom:1em;}
.ncs>li{display:table-cell;width:33.333%;text-align:center;padding:0 .5em 1em;border-right:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:middle;}
.ncs>li:nth-last-child(-n+3){border-bottom:none;}
.ncs>li>a{width:100%;display:block;}
.ncs>li>a>span{background:url(../images/contents/ncs.gif) 0 0 no-repeat;background-size:75px auto;display:inline-block;height:75px;width:75px;}
.ncs>li>a>strong{display:block;text-align:center;margin-top:-1em;font-size:.87em;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ncs>li:nth-child(2)>a>span{background-position:0 -75px;}
.ncs>li:nth-child(3)>a>span{background-position:0 -150px;}
.ncs>li:nth-child(4)>a>span{background-position:0 -225px;}
.ncs>li:nth-child(5)>a>span{background-position:0 -300px;}
.ncs>li:nth-child(6)>a>span{background-position:0 -375px;}
.ncs>li:nth-child(7)>a>span{background-position:0 -450px;}
.ncs>li:nth-child(8)>a>span{background-position:0 -525px;}
.ncs>li:nth-child(9)>a>span{background-position:0 -600px;}
.ncs>li:nth-child(10)>a>span{background-position:0 -675px;}
.ncs>li:nth-child(11)>a>span{background-position:0 -750px;}
.ncs>li:nth-child(12)>a>span{background-position:0 -825px;}
.ncs>li:nth-child(13)>a>span{background-position:0 -900px;}
.ncs>li:nth-child(14)>a>span{background-position:0 -975px;}
.ncs>li:nth-child(15)>a>span{background-position:0 -1050px;}
.ncs>li:nth-child(16)>a>span{background-position:0 -1125px;}
.ncs>li:nth-child(17)>a>span{background-position:0 -1200px;}
.ncs>li:nth-child(18)>a>span{background-position:0 -1275px;}
.ncs>li:nth-child(19)>a>span{background-position:0 -1350px;}
.ncs>li:nth-child(20)>a>span{background-position:0 -1425px;}
.ncs>li:nth-child(21)>a>span{background-position:0 -1500px;}
.ncs>li:nth-child(22)>a>span{background-position:0 -1575px;}
.ncs>li:nth-child(23)>a>span{background-position:0 -1650px;}
.ncs>li:nth-child(24)>a>span{background-position:0 -1725px;}

/* yh 임시 추가 */
.tit_box {margin-bottom:10px;}
.tit_box > a {display: inline-block;max-width:100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;vertical-align:middle;}
.tit_box.icon > a {max-width:75%;}

/********************************************** Common ***************************************************/

/* Layerpopup */
.lpop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;-webkit-overflow-scrolling:touch;}
.lpop .modal{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:80;}
.lpop .layer_container{position:relative;width:90%;z-index:100;top:20%;margin:auto;}
.lpop .layer_content{max-height:440px;background:#fff;overflow-y:auto;padding:1em;box-shadow:5px 5px rgba(255,255,255,.2);}
.dim{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:80;display:none;}
.layer_popup{background:#fff;padding:1em;}
.layer_title{background:#fff;}
.layer_title h3{line-height:130%;}
.sub_tit{font-size:.87em;padding:1em 0;border-bottom:1px solid #ccc;margin-bottom:1em;}
.sub_tit>div{float:right;}
.sub_tit>div>button{line-height:220%;border:1px solid #989898;font-size:.87em;border-radius:100em;padding:0 1em 0 .5em;color:#fff;}
.sub_tit>div>button{background:#222;color:#484646;line-height:200%;padding:0 .5em;float:left;border:1px solid #3c3c3c;}
.sub_tit>div>button.on{background:#0c7fb6;color:#fff;}
.sub_tit>div>button:first-child{border-radius:.5em 0 0 .5em;border-right:none;}
.sub_tit>div>button:last-child{border-radius:0 .5em .5em 0}
.layer_btn_close,.lpop_close,.answerPop_close,.ncsPop_close{position:fixed;z-index:90;top:1em;right:1em;border:1px solid #787878;border-radius:25px;text-align:center;font-weight:bold;width:28px;height:28px;line-height:26px;text-align:center;background:#787878;color:#fff;line-height:100%;}
.lpop_close,.answerPop_close,.ncsPop_close{position:absolute;}
/* Table  */
table{width:100%;}
table.tb1{margin-bottom:1em;}
table.tb1.mb{margin-bottom:.5em;}
table.tb1.mb0{margin-bottom:0;}
table.tb1.mb2{margin-bottom:2em;}
table.tb1 tr:first-child>th,table.tb1 tr:first-child>td{border-top: 2px solid #06a6af;}
table.tb1 th{background:#eee;text-align:center;}
table.tb1 th,table.tb1 td{border:1px solid #ccc;padding:5px;line-height:150%;vertical-align:middle;table-layout:fixed;}
table.tb1{width:100%;}
table.tb1 th{background:#f5f5f5;font-weight:600;vertical-align:middle;}
table.tb1 thead th{text-align:center;}
table.tb1 th:first-child,table.tb1 td:first-child{border-left:none;}
table.tb1 th:last-child,table.tb1 td:last-child{border-right:none;}

table.tb2{margin-bottom:1em;}
table.tb2.mb{margin-bottom:.5em;}
table.tb2.mb0{margin-bottom:0;}
table.tb2.mb2{margin-bottom:2em;}
table.tb2 tr:first-child>th,table.tb2 tr:first-child>td{border-top: 2px solid #06a6af;}
table.tb2 th{background:#eee;text-align:center;}
table.tb2 th,table.tb2 td{border:1px solid #ccc;padding:5px;line-height:150%;vertical-align:middle;table-layout:fixed;}
table.tb2{width:100%;}
table.tb2 th{background:#f5f5f5;font-weight:600;vertical-align:middle;}
table.tb2 thead th{text-align:center;}
table.tb2 th:first-child,table.tb2 td:first-child{border-left:none;}
table.tb2 th:last-child,table.tb2 td:last-child{border-right:none;}
/*table.tb1 td a{display:inline-block;height:100%;}*/
table.my{margin-bottom:1.5em;}
table.my td{border:1px solid #ccc;padding:.5em 1em;}
table.my td.pa1{padding:1em}
table td.center,table th.center{text-align:center}
table td.left,table th.left{text-align:left}
table td.right,table th.right{text-align:right}
td label{margin-right:1em;/*position:relative;top:2px;*/}
td>p>button{position:relative;bottom:5px;}
td>p,td>ul{margin-bottom:.5em;}
td>p:last-child,td>ul:last-child{margin-bottom:0;}

table.tbs{margin-bottom:.5em;}
table.tbs td{padding:.5em;border-bottom:1px solid #eee;}
table.tbs td:last-child{text-align:right;}
table.tbs tr:last-child>td{border-bottom:none;}

.tb2 td,.tb2 th{padding:.5em;}
.cp td,.cp th{padding:0 .5em;}
.tal td,.tal th{text-align:left;}
.tac td,.tac th{text-align:center;}
.tar td,.tar th{text-align:right;}

/* Dl dt dd */
dl{margin-bottom:1em;}
dl.mb{margin-bottom:.5em;}
dt{font-weight:600;margin-right:1em;}
dt,dd{margin-bottom:0.5em;}
dl.mb0>dt,dd{margin-bottom:0;}
dd>div{margin-bottom:.3em;}
dd>p{line-height:1.5;}
.dwauto>div>dt{white-space:nowrap;}
/*dd>label,dd>input{position:relative;bottom:3px;}*/
.box2>dl:last-child,dd>div:last-child{margin-bottom:0;}
dd>span.lh{position:relative;top:6px;}
.dl2{margin-bottom:1em;}
.dl2 dt,.dl2 dd{padding:5px;line-height:150%;vertical-align:middle;margin:0;}
.dl2 dt{border-top:1px solid #06a6af;border-bottom:1px solid #06a6af;background:#fafafa;text-align:center;}
.dl2 dd:last-child{border-bottom:1px solid #ccc;padding:10px 5px;}
.dl2 dd.p0{padding:0;}


/* Form */
.form1 label{display:block;margin-bottom:10px;}
.form1 label>span{color:#be0041;}
.form1 input[type="text"]{width:100%;}
.form1>div{margin-bottom:.5em;}
.form1>div:last-child{margin-bottom:0;}
.form1 li{margin-bottom:20px;width:50%;padding:0 20px;}
.form1 li:last-child{align-self:flex-start;width:100%;}
.form1 textarea{width:100%;}
.form1 .date>input{width:100px;}
video{background:#000;width:100%;margin:0;padding:0;}

/* Tab */
.tab1,.tab4{position:relative;overflow:hidden;}
.tab4{margin-bottom:1em;}
.tab1.col2>div>button,.tab4.col2>div>button{width:50%;}
.tab1.col3>div>button,.tab4.col3>div>button,.tab3.col3>a{width:33.3333%;}
.tab1.col4>div>button,.tab4.col4>div>button,.tab3.col4>a{width:25%;}
.tab1 .tit1:first-of-type,.tab1 .tit2:first-of-type{margin-top:15px;}
.tab1 .prb{position:absolute;right:0;top:10px;}
.tab1:after,.tab4:after{display:block;clear:both;content:'';position:absolute;top:39px;height:1px;background:#06a6af;width:100%;}
.tab1>div>button,.tab4>div>button{position:relative;z-index:10;display:inline-block;float:left;width:auto;height:37px;margin-top:3px;border:1px solid #ccc;border-left:0;border-bottom-color:#06a6af;font-weight:600;font-size:14px;line-height:36px;text-align:center;background:#fafafa;outline:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tab1>div:first-of-type>button,.tab4>div:first-of-type>button{border-left:1px solid #ccc;}
.tab1.t2>div>button{padding:0 11px;}
.tab1>div>button.on,.tab4>div>button.on{height:40px;margin-top:0px;margin-top:0px;margin-left:-1px;border:1px solid #06a6af;border-top-width:4px; border-bottom-color:#fff;border-left-color:#06a6af;color:#06a6af;line-height:36px;background:#fff;z-index:20;}
.tab1>div>button.on:after,.tab4>div>button.on:after{content:'';position:absolute;right:-5px;top:-1px;width:4px;height:36px;display:block;background:url(../images/hrdm/bg_tab.png) 0 0 no-repeat;}
.tab1>div:first-child>button.on,.tab4>div:first-child>button.on{margin-left:0;}
.tab1>div>div,.tab4>div>div{position:absolute;top:40px;padding:1em 0;width:100%;}
.tab1>div>div.board{padding:10px 0 0 0;}
.tab1>div:not(:first-of-type)>div{display:none;}

.mtype1 .tab1>div>button.on{border-color:#0c7fb6;border-bottom-color:#fff;color:#0c7fb6;}
.mtype1 .tab1>div>button{border-bottom-color:#0c7fb6;}
.mtype2 .tab1>div>button.on{border-color:#75a72d;border-bottom-color:#fff;color:#75a72d;}
.mtype2 .tab1>div>button{border-bottom-color:#75a72d;}

.tab2{background:#fafafa;text-align:center;border-top:2px solid #06a6af;border-bottom:1px solid #06a6af;margin-bottom:1em;}
.tab2>a{line-height:2em;}
.tab2>a.on{font-weight:600;color:#06a6af;}
.tab3{border:1px solid #ccc;border-bottom:none;margin-bottom:1em;}
.tab3>a{line-height:3em;float:left;width:50%;display:inline-block;text-align:center;border-bottom:1px solid #ccc;}
.tab3>a.on{background:#06a6af;color:#fff;font-weight:600;}
.tab3>a:nth-child(even){border-left:1px solid #ddd;}
.t3sub.e1,.t3sub.e2,.t3sub.e3,.t3sub.e4,.t3sub.e5,.t3sub.e6,.t3sub.e7,.t3sub.e8,.t3sub.e9{display:none;}

.tab5{border:1px solid #ccc;border-bottom:none;margin-bottom:1em;}
.tab5 ul li>a{line-height:3em;float:left;width:33.3333%;display:inline-block;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tab5 ul li>a.on{background:#06a6af;color:#fff;font-weight:600;}
.tab5 ul li>a:nth-child(3n){border-right:none;}

.boxt{border-bottom:1px solid #ccc;margin-top:1em;}
.boxm{border-top:1px solid #06a6af;border-bottom:1px solid #ccc;margin-top:1em;}
.boxm>div{width:50%;padding:0 1em;height:30px;line-height:30px;}
.boxm>div>span{display:inline-block;height:inherit;}
.boxm>div>button{float:right;height:22px;margin-top:4px;}
.boxm>div:last-child{border-left:1px solid #ccc;}
.boxmov{border:1px solid #ccc;background:#fafafa;border-radius:4px;text-align:center;padding:2em 1em;margin-bottom:.5em;}
.boxmov>button{width:50%;}
.boxmov>img{width:175px;display:block;text-align:center;margin:0 auto .5em;}
.boxmov>div{display:table;}
.boxmov>div>div{display:table-cell;vertical-align:top;}
.boxmov>div>div:nth-child(2){text-align:left;padding-left:1em;}
.boxmov>div>div>img{width:50px;}
.boxmov strong{color:#2f73ad;}
.boxg{background:#fafafa;padding:1em;border-bottom:1px solid #ccc;margin-bottom:1px;}
.boxcf{position:relative;}
.boxcf>.icon_c1,.boxcf>.icon_c2,.boxcf>.icon_c3,.boxcf>.icon_c4,.boxcf>.icon_c5{position:absolute;left:1em;}
.mapapi{border-bottom:1px solid #ccc;position:relative;overflow:hidden;}
.mapapi>div{height:430px;}
.mapapi>div:last-of-type{position:absolute;right:-50%;top:0;width:50%;border-left:1px solid #ccc;background:#eee;}
/* S 2017-03-22 추가 */
.mapapi .map_list {height:100%;padding:.5em;overflow-y:auto}
.mapapi .map_list li {position:relative;padding:.5em;background:#fff;border-radius:8px;word-break:break-all;font-size:.9em;}
.mapapi .map_list li.on {border:2px solid #06a6af;}
.mapapi .map_list li + li {margin-top:10px;}
.mapapi .map_list li .num {position:absolute;top:6px;right:8px;}
.mapapi .map_list li p {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mapapi .map_list li .tit {width:82%;margin-bottom:4px;white-space:normal;line-height:1.2em;}
/* E 2017-03-22 추가 */
.mapapi>div:last-of-type>button{position:absolute;left:-30px;bottom:0;color:#fff;text-indent:-9999em;background:#06a6af url(../images/hrdm/icon/arrow.png) center -3px no-repeat;background-size:25px;outline:none;width:30px;height:30px;}
.mapapi>div:last-of-type>button.on{background-position:center -42px}
/* .btn_allmenu {width:10%;} */
.btn_allmenu>button {height:100%;border-left: 1px solid #fff;background: url(../images/hrdm/icon/arrow3.png) center -52px no-repeat;background-size:30px;outline:none;color: rgba(0,0,0,0);}
.btn_allmenu>button.on {height:100%;border-left: 1px solid #fff;background: url(../images/hrdm/icon/arrow4.png) center 9px no-repeat;background-size:30px;outline:none;color: rgba(0,0,0,0);}
.boxls{text-align:center;padding:2em 0;}
.boxls>strong{font-size:1.25em;margin-bottom:1em;display:block;}
.boxls>button{width:50%;margin-bottom:2em;}
.boxls>div{border:1px solid #ccc;background:linear-gradient(#fff,#eaeaea);margin-bottom:1em;}
.boxls>div>div{border-right:1px solid #ccc;padding:1em 0;line-height:1.2;}
.boxls>div>div:last-child{border-right:none;}
.boxls>div>div>div{margin-bottom:.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.boxls>div>div>div>strong{color:#06a6af;}

.list_detail{font-size:.87em;}
.open_rely{color:#06a6af;text-decoration:underline;}
.open_toggle{color:#06a6af;text-decoration:underline;}
.list_detail>span{margin:0 .3em 0 .7em;width:1px;height:9px;display:inline-block;background:#ccc;}
.list_detail>b{font-weight:normal;display:inline-block;}
.rely{padding-top:.5em 0 1em;border-top:1px solid #ddd;margin:.5em 0;font-size:.9em;display:none;}
.rely>div{margin:1em 0;}

/* Paging */
.pagination{margin-top:20px;text-align:center;}
.pagination a,.pagination strong{display:inline-block;min-width:28px;height:28px;padding:0 4px;color:#484646;line-height:28px;text-align:center;vertical-align:middle;}
.pagination strong{color:#fff;font-weight:600;background:#757575;}
.pagination .direction{width:28px;height:28px;padding:0;border:0;text-indent:100%;white-space:nowrap;overflow:hidden;}
.pagination .first{background:url(../images/btn_paging_first.gif) no-repeat;}
.pagination .prev_ten{background:url(../images/btn_paging_prevten.gif) no-repeat;}
.pagination .prev{/*margin-right:7px;*/background:url(../images/btn_paging_prev.gif) no-repeat;}
.pagination .next{/*margin-left:7px;*/background:url(../images/btn_paging_next.gif) no-repeat;}
.pagination .next_ten{background:url(../images/btn_paging_nextten.gif) no-repeat;}
.pagination .last{background:url(../images/btn_paging_last.gif) no-repeat;}

.paging{background:#fafafa;border:1px solid #ccc;text-align:center;padding:.5em;}
.paging>button{display:inline-block;width:60px;}
.paging>button:first-child{float:left;}
.paging>button:last-child{float:right;}
.paging>strong,.paging>span{position:relative;top:5px;}
.paging>strong{color:#2f73ad;}
.paging>span:empty{width:1px;height:10px;background:#999;display:inline-block;margin:0 .5em;}
/* Flex */
.flx{display:flex;display:-webkit-flex;}
.flxw{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.flx.col1>button{width:100%;}
.flx.col2>button,.flx.col2>li,.flx.col2>div,.flx.col2>a{width:50%;}
.flx.col3>button,.flx.col3>select,.flx.col3>li,.flx.col3>div,.flx.col3>a{width:33.3333%;}
.flx.col4>button,.flx.col4>a{width:25%;}
.prot.flx>li{margin-right:0;}
.flx>li:last-child{margin-right:0;}
.flx label{white-space:nowrap;}

/* Row */
.row1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:20px;height:20px;}
.row2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:20px;height:40px;}
.row3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:20px;height:62px;}

/* Box */
.boxmp{text-align:center;}
.boxmp>p{margin:1.5em 0;}
.boxmp>b{display:inline-block;margin-bottom:1.5em;}
.boxmp img{width:160px;margin-bottom:1.5em;}
.box{padding:.5em 0;}
.box.pt0{padding-top:0;}
.box1{display:table;position:relative;width:100%;padding:1em 1.5em;border:1px solid #ddd;border-top:0;box-shadow:0 3px 0 #f5f6f8;font-size:14px;color:#222;margin-bottom:1.5em;}
.box1:before{content:""; position:absolute; top:0; left:0; display:inline-block; width:25%; height:2px; background:#1fbcbe;}
.box1:after{content:""; position:absolute; top:0; right:0; display:inline-block; width:75%; height:2px; background:#467ed4;}
.box2{padding:1em;border:1px solid #ccc;box-shadow:0 3px 0 #f5f6f8;}
.box2>div,.box2>dl{margin-bottom:1em;}
.box2>div.sorta{margin-bottom:.5em;}
.box2>div>p,.box2>p,.box2>dl.mb{margin-bottom:.5em;}
.box3{padding:0 .5em;}
.boxn>div{margin-bottom:1em;}
.boxn>div:last-child{margin-bottom:0;}
.boxtb{display:table;}
.boxtb>div{display:table-cell;vertical-align:middle;}
.boxtbb{padding:.5em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:.5em 0;}
.box_agree{border:1px solid #ccc;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;height:100px;padding:.7em 1em;margin-bottom:.5em;}
.section>div.box_agree{margin-bottom:.3em;}
.boxi>input[type='password'],.boxi>input[type='text'],.boxi>li>input[type='text'],.boxi>div>input[type='text'],.boxi>div>select,.boxi>select{margin-bottom:.3em;background-color:#fff;}
/*.boxi>li{margin-bottom:.3em;}*/
.boxi>input:last-child,.boxi>li:last-child>input,.box2>div:last-child,.boxi>li:last-child,.box2>dl:last-child,.boxp>div:last-child{margin-bottom:0;}
.boxi>li:last-child>p{margin-top:.3em;}
.boxi>dl{margin-bottom:.5em;}
.boxp>p,.boxp>div{margin-bottom:1em;}
.boxp>div>p{margin-bottom:.5em;}
.boxj>li{margin-left:1em;text-align:center;opacity:.5;cursor:pointer;}
.boxj>li.on{opacity:1}
.boxj>li>p{margin-bottom:.5em;}
.boxj>li:first-child{margin-left:0;}
.boxs .btn3{position:relative;bottom:.5em;}
.boxs2{margin-bottom:1em;}
.boxs2>button{text-indent:-9999em;width:50px;border:1px solid #ccc;border-left:none;background: url(../images/hrdm/icon/top.png) center -24px no-repeat;
    background-size: 25px auto;}
.boxs3>button{text-indent:-9999em;width:50px;border:1px solid #ccc;border-left:none;background: url(../images/hrdm/icon/top.png) center -24px no-repeat; background-size: 25px auto;}
.box2>div.boxd{margin-bottom:.3em;}
.boxd>div>span{position:relative;top:3px;}
/*.boxd>div>input{width:74%;}*/
.boxd>div:nth-child(1),.boxd>div:nth-child(3){width:47%;}
.boxd>div:nth-child(2){width:6%;text-align:center;}
.boxd>div:nth-child(3){text-align:right;}
.boxchx{margin-top:1em;}
.boxc{background:#06a6af;color:#fff;font-weight:600;padding:.5em;margin-bottom:1em;}
.boxc>button{color:#fff;width:30px;height:30px;border:2px solid #fff;text-indent:-9999em;border-radius:50%;margin:0 .5em;background:url(../images/hrdm/icon/50.png) center -1px no-repeat;background-size:30px;}
.boxc>button:nth-child(2){background-position:center -31px;}
.boxc>button:nth-child(3){background-position:center -62px;}
.boxc.mb{margin-bottom:.5em;}
.boxv{padding:2em 1em;border:1px solid #444;background:#444;color:#fff;text-align:center;}
.boxq{padding:1em;border:1px solid #0a4577;background:#0a4577;color:#fff}
.boxq>p{padding:1em;background:#7d7d7d;margin:1em 0;border-radius:4px}
.boxq>div:first-child>span{float:left;font-weight:600;font-size:1.17em;}
.boxq>div:first-child>span:last-child{float:right;color:#a29e9e;}
.boxq>div:last-child>button>img{width:60px;}
.ovy{overflow-scrolling:touch;-webkit-overflow-scrolling:touch;}
.flbox>h2{display:inline-block;float:left;}
.flbox>button{display:inline-block;float:right;width:auto;margin-right:1em;margin-bottom:6px;}
.flboxl>li>span{float:left;}
.flboxl>li>input{float:right;vertical-align:middle;position:relative;top:7px;}
.clause>strong{display:block;margin-bottom:.5em;}
.clause>p{margin-bottom:1em;}
.clause>p:last-child{margin-bottom:0;}
.total{margin-right:10px;font-weight:600;line-height:29px;}
.total span{color:#c74b00;}
.box_more{position:relative;margin-top:1em;}
.pop_more{display:none;position:absolute;top:30px;right:0;background:#fff;border:1px solid #959595;padding:.5em;border-radius:6px;box-shadow:0 2px 3px rgba(0,0,0,.2);z-index:10;}
.pop_more:before{position:absolute;right:15px;top:-14px;content:'';display:inline-block;width:16px;height:14px;background:url(../images/hrdm/bg/at.png) 0 0 no-repeat;background-size:16px 14px;}
.pop_more>ul{width:240px;}
.pop_more li{width:50%;float:left;padding-right:.3em;}
.pop_more li>a{display:block;height:100%;padding:0 1em;line-height:1.8;border-radius:4px;white-space:nowrap;width:100%;text-align:center;border:1px solid #ddd;margin:.2em 0;}
.pop_more li.on>a{background:#767879;color:#fff;}
/* boxj2 임시(가입하기 버튼 3개일때 삭제하시고 UI-MMBBO0100D 주석처리된 가입하기버튼영역 주석풀어주세요 )*/
.boxj2 {margin:30px 0}
.boxj2 .inner {width:280px;margin:0 auto;}
.boxj2 .inner .clfx {margin-bottom:10px;padding:0 10px;}
.boxj2 .inner .clfx:after {display:block;content:"";clear:both;}
.boxj2 .inner img, .boxj2 .inner p {float:left;margin-left:15px}
.boxj2 .inner img {width:80px;height:80px;}
.boxj2 .inner p {width:116px;margin:18px 0 0 20px;text-align:center;}

/* Arrcodion */
.arrc>div>button{position:relative;display:inline-block;width:100%;height:30px;padding:0 1em;border:1px solid #ddd;border-top:1px solid #fff;border-bottom:1px solid #dadada;font-weight:600;text-align:center;background:#eaeaea url(../images/hrdm/icon/arrow2.png) right 0px no-repeat;background-size:30px auto;}
.arrc>div>button.on{background-position:right -30px;}
.ul_menu>li a{line-height:30px;}
.arrc>div:first-child>button{border-top-color:#ddd;}
.arrc>div>div{display:none;}
.arrc>div>div>button{margin-top:.5em;}
.arrc .box2{border-top:none;}
.sorta{background:#eee;padding:.5em;border-radius:4px}
.sorta>button{margin:0 .5em;}
.sorta>button.on{color:#f6901f;}
.sortup,.sortdw{height:17px;display:inline-block;position:relative;top:0px;}
.sortup:before{content:'';width:15px;height:15px;display:inline-block;background:url(../images/hrdm/icon/25.png) 0 -1px no-repeat;background-size:15px auto;position:relative;top:4px;}
.sortdw:before{content:'';width:15px;height:15px;display:inline-block;background:url(../images/hrdm/icon/25.png) 0 -32px no-repeat;background-size:15px auto;position:relative;top:4px;}

/* List */
.ul1>li{margin-bottom:.5em;background:url(../images/hrdm/bul_list.gif) 0 .6em no-repeat;padding-left:.7em;}
.ul1>li:last-child,ul.lt1>li:last-child,.ul2 li:last-child{margin-bottom:0;}
.ul1 li li{font-size:.9em;}
.ula>li{margin-bottom:.5em;}
.ula>li>a{position:relative;bottom:.2em;}
.lt1{margin-bottom:1em;}
.lt1:last-of-type{margin-bottom:0;}
.lt1.mb2{margin-bottom:2em;}
.ul2 li{margin-bottom:.5em;}
ul.lt1>li{background:url(../images/hrdm/icon/bullet.png) 0 .45em no-repeat;padding-left:.7em;margin-bottom:.5em;}
ul.lt1>li.lsn{background:none;padding-left:0;}
td ul.lt1>li,ul.lt1.mb0>li{margin-bottom:0;}
.ul3>li,.ul4>li{padding:1em 0;border-bottom:1px solid #ccc;}
.ul3>li:first-child{border-top:1px solid #008e92;}
/*.ul3 li>ul{margin:-.5em 0;}*/
.ul3 li li{font-size:.9em;/*line-height:1.8;*/}
.ul3 li.last{border-bottom:none;}
.btnc>li{position:relative;}
.btnc>li>button{position:absolute;right:0;bottom:.5em;}
.tac li{text-align:center;}
.ul4.mt0>li:first-child{padding-top:0;}
.ul4.bt{border-top:1px solid #ccc;padding-top:1em;}
.ul4.mt0>li:last-child,.ul4>li:last-child{border-bottom:none;}
.ul4>li:only-child{border-bottom:1px solid #ccc;}
.main .box .ul4:last-child>li{border-bottom:none;}
.ul4>li{font-size:.95em;}
.ul4>li.flx>div{position:relative;}
.ul4>li.flx>div>p>a>img{position:relative;vertical-align:middle;}
.ul4>li.flx>div>p:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:225px;}
.ul4>li.flx>div>span{position:absolute;top:70px;left:20px;}
.ul4>li a>strong{color:#0863a2;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* 영상 리스트 ul5 */
.ul5>li>div>div>span{display:inline-block;margin-right:1em;background:#acacac;color:#fff;width:30px;height:30px;line-height:28px;border-radius:50%;text-align:center;}
.ul5>li.on>div>div>span{background:#06a6af url(../images/hrdm/icon/arrow2.png) center -52px no-repeat;text-indent:-9999em;background-size:27px auto;}
.ul5>li{border-bottom:1px solid #ccc;padding:.5em 0;}
.ul5>li:last-child{border:none;}
.ul5>li button img{width:30px;}
.ul5>li button{position:relative;top:2px;}
.ul5>li strong{color:#06a6af;}
.btnd>li{position:relative;}
.btnd>li>button{position:absolute;right:0;top:50%;margin-top:-10px;}
/*.job_seeker:last-of-type .box .ul4>li{border-bottom:1px solid #ccc;}*/
.box .ul4>li{padding-bottom:1.5em;}
.box .ul4:last-child>li{margin-bottom:.5em;}
.ul4>li>div:first-child{margin-right:.7em;}
.ul4>li>div:first-child>a>img,.ul4>li>div:first-child>img{width:97px;border:1px solid #ccc;position:relative;top:4px;}
.ul4>li>div:first-child>div{margin-top:5px;}
.ul4>li>div:first-child>div.mt0{margin-top:0;}
.ul4>li>div:first-child>div>button{width:100%;}
.ul4>li>div:first-child>div>button.del{width:20px;}
.ul4>li>div:last-child>p:nth-child(2){color:#00a6df;}
.ul6>li{width:50%;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ul6>li:nth-child(even){padding-left:1em;}

.ol1{margin-left:1.4em;margin-bottom:1em;}
.ol1.mb0{margin-bottom:0;}
.ol1 li,.ol1 li{margin:.2em 0;list-style:decimal;}
.ol1>li{padding-left:7px;line-height:24px;}
.ol1 ul{margin:0 0 5px -10px;}
.ol1 ul li{font-size:13px;line-height:21px;padding-left:7px;}
.ol1 ul.ul2 li{padding-left:15px;}
li.lsn{padding-left:0px;background:none;list-style:none}
.faq>li{border-bottom:1px solid #ccc;}
.faq>li:last-child{border-bottom:none;}
.faq>li>a{display:block;position:relative;padding:.5em 2em .5em 0;}
.faq>li>a:after{content:'';display:inline-block;width:30px;height:30px;background:url(../images/hrdm/icon/arrow2.png) right 3px no-repeat;background-size:30px auto;position:absolute;right:0;top:0;}
.faq>li.on>a:after{background:url(../images/hrdm/icon/arrow2.png) right -26px no-repeat;background-size:30px auto;}
.faq>li>a>strong,.qna .q strong{color:#06a6af;}
.faq>li>div{margin-bottom:1em;background:#fafafa;border-radius:8px;padding:.5em;display:none;}
.faq>li>div>strong,.qna .a strong{color:#f6901f;float:left;margin-right:.5em;}
.qnabox{display:none;}
.qna .q,.qna .a{background:#fafafa;border-radius:8px;padding:.5em;margin:.5em 0;}
.qna .q strong,.qna .a strong{margin-right:.5em;}

/* Button */
.btn_area>a{margin:1px 0;}
.btn1,a.btn1,input.btn1{position:relative;display:inline-block;width:100%;height:30px;background:#2f73ad;border:1px solid #26679e; border-right-color:#1e5584; border-bottom-color:#1e5584; border-radius:3px; color:#fff;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn1.small{width:auto;display:inline-block;padding:0 .4em;line-height:20px;}
.btn2,a.btn2,input.btn2,.btnm{position:relative;display:inline-block;width:100%;height:30px;padding:0 1em;background:#fff;border:1px solid #dcdcdc; border-right-color:#ababab; border-bottom-color:#ababab; border-radius:3px;color:#444;font-weight:600;text-align:center;}
.btnm{width:auto;display:inline-block;margin:0 auto;line-height:28px;}
.btnm .icon_arrowd{background-position:0 -156px;width:20px;height:100%;line-height:28px;}
.btn3,a.btn3,input.btn3{position:relative;display:inline-block;width:auto;height:25px;padding:0 36px 0 8px;border:1px solid #dcdcdc; border-right-color:#ababab; border-bottom-color:#ababab; border-radius:3px;color:#444;font-size:.87em;text-align:center; background:url(../images/hrdm/bg_btn3_arr.gif) no-repeat right #fff;}
.btn4,a.btn4,input.btn4{position:relative;height:30px;padding:0 1em;background:#06a6af;border:1px solid #05c5d0; border-right-color:#058f97; border-bottom-color:#058f97;color:#fff;font-weight:600;text-align:center;width:100%;}
a.btn_goFaq{position:relative;height:30px;margin-bottom:10px;background:#06a6af;border:1px solid #05c5d0; border-right-color:#058f97; border-bottom-color:#058f97;color:#fff;font-weight:600;text-align:center;width:33.4%;float:right;border-radius: 3px;line-height: 2.2;}
.btn2.lns{border-radius:0 3px 3px 0;border-left:none;}
.lns{border-left:none;}
.more{margin-top:.5em;background:#555;background:url(../images/hrdm/bg_btn3_arr_on.gif) no-repeat right;}
.btn_sj{position:relative;display:inline-block;width:auto;background:linear-gradient(#fff,#eaeaea);border:1px solid #ccc;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.87em;padding:0 .5em;height:22px;}
.btn_sj.h30{height:30px;line-height:27px;}
.btn_sj.sort{background:none;border:1px solid #fff;}
.btn_sj:last-child span{position:relative;top:3px;}
.btn_sj.h30:last-child span{top:7px;}
.btn_sj.on:last-child span{background:url(../images/hrdm/icon/30.png) 0 -135px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;vertical-align:top;text-indent:-9999em;position:relative;top:3px;}
.btn_more{width:50px;background:url(../images/hrdm/icon/dot.png) center center no-repeat;background-size:23px auto;text-indent:-9999em;/*border:1px solid #ccc;*/border-radius:10em;}
.wauto{width:auto;padding:0 1em;}
.during{margin-bottom:.5em;margin-top:-.5em;}
.during>button{position:relative;display:inline-block;width:100%;margin-right:.1em;height:26px;line-height:24px;font-size:.87em;border:1px solid #dcdcdc;border-right-color:#ababab;border-bottom-color:#ababab;font-weight:600;text-align:center;border-radius:3px;}
button.h1{height:40px;}
.btn5,a.btn5,input.btn5{position:relative;display:inline-block;width:100%;height:30px;background:#898989;border:1px solid #7d7d7d;border-radius:4px; color:#fff;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.btn5>em{position:relative;top:2px;}*/
.btn_tel,.btn_map{display:inline-block;width:20px;height:20px;background:url(../images/hrdm/icon/60.png) 0 0 no-repeat;background-size:20px auto;text-indent:-9999em;}
.btn_tel{background-position:0 -23px;}
.disabled,*[disabled="disabled"]{color:#ccc;border-color:#e2e2e2;background-color:#f7f7f7;}

/* Icon */
.icon_search{background:url(../images/hrdm/icon/30.png) 0 0 no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:top;text-indent:-9999em;}
.icon_box1{background:#4aa2b2;border:1px solid #227c96;color:#fff;font-weight:normal;height:20px;line-height:18px;width:20px;font-size:.87em;display:inline-block;border-radius:4px;position:relative;text-align:center;}
.icon_box1.t1{background:#6fb33a;border:1px solid #5d9d2a;}
.icon_box1.t2{background:#3b89d1;border:1px solid #2b78c0;}
.icon_box1.t3{background:#de6023;border:1px solid #c04e17;}
.icon_check{background:url(../images/hrdm/icon/30.png) 0 0 no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:relative;bottom:2px;text-indent:-9999em}
.icon_gear{background:url(../images/hrdm/icon/30.png) 0 -20px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:top;text-indent:-9999em;position:relative;top:4px;}
.icon_home{background:url(../images/hrdm/icon/30.png) 0 -40px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:top;text-indent:-9999em;position:relative;top:3px;}
.icon_power{background:url(../images/hrdm/icon/30.png) 0 -60px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:top;position:relative;bottom:0px;text-indent:-9999em}
.icon_x{background:url(../images/hrdm/icon/30.png) 0 -80px no-repeat;width:20px;height:20px;display:inline-block;margin:0 auto;background-size:20px auto;vertical-align:top;text-indent:-9999em;}
.del{background:#787878 url(../images/hrdm/icon/30.png) center -71px no-repeat;width:20px;height:20px;display:inline-block;margin:0 auto;background-size:18px auto;vertical-align:top;text-indent:-9999em;border-radius:50%;}
.icon_arrowd{background:url(../images/hrdm/icon/30.png) 0 -100px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:top;text-indent:-9999em}
.icon_arrowu{background:url(../images/hrdm/icon/30.png) 0 -135px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;vertical-align:top;text-indent:-9999em;position:relative;top:3px;}
.icon_arrowd2{background:url(../images/hrdm/icon/30.png) 0 -285px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;vertical-align:top;text-indent:-9999em;position:relative;top:3px;}
.icon_sort{background:url(../images/hrdm/icon/30.png) 0 -151px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;vertical-align:top;text-indent:-9999em;position:relative;top:3px;}
.icon_my{background:url(../images/hrdm/icon/30.png) 0 -260px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:relative;bottom:4px;text-indent:-9999em}
.icon_gate{background:url(../images/hrdm/icon/30.png) 0 -281px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:absolute;top:3px;left:.5em;text-indent:-9999em}
.icon_powerg{background:url(../images/hrdm/icon/30.png) 0 -300px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:absolute;top:7px;left:.5em;text-indent:-9999em}
.icon_man{background:url(../images/hrdm/icon/30.png) 0 -320px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:absolute;top:7px;left:.5em;text-indent:-9999em}
.icon_cd{background:url(../images/hrdm/icon/30.png) 0 -340px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:absolute;top:7px;left:.5em;text-indent:-9999em}
.icon_cup{background:url(../images/hrdm/icon/30.png) 0 -360px no-repeat;width:20px;height:20px;display:inline-block;background-size:20px auto;vertical-align:middle;position:absolute;top:7px;left:.5em;text-indent:-9999em}
.icon_plus{background:url(../images/hrdm/icon/30.png) 0 -300px no-repeat;width:15px;height:15px;display:inline-block;background-size:15px auto;vertical-align:middle;text-indent:-9999em;position:absolute;top:6px;}
.icon_my1{background:url(../images/hrdm/icon/50my.png) center 0 no-repeat;width:25px;height:25px;display:inline-block;background-size:25px auto;vertical-align:middle;position:absolute;top:6px;left:.5em;text-indent:-9999em}
.icon_my2{background:url(../images/hrdm/icon/50my.png) center -25px no-repeat;width:25px;height:25px;display:inline-block;background-size:25px auto;vertical-align:middle;position:absolute;top:6px;left:.5em;text-indent:-9999em}
.icon_my3{background:url(../images/hrdm/icon/50my.png) center -50px no-repeat;width:25px;height:25px;display:inline-block;background-size:25px auto;vertical-align:middle;position:absolute;top:6px;left:.5em;text-indent:-9999em}
.icon_my4{background:url(../images/hrdm/icon/50my.png) center -75px no-repeat;width:25px;height:25px;display:inline-block;background-size:25px auto;vertical-align:middle;position:absolute;top:6px;left:.5em;text-indent:-9999em}
.icon_my5{background:url(../images/hrdm/icon/50my.png) center -100px no-repeat;width:25px;height:25px;display:inline-block;background-size:25px auto;vertical-align:middle;position:absolute;top:6px;left:.5em;text-indent:-9999em}
.icon_my6{background:url(../images/hrdm/icon/50my.png) center -125px no-repeat;width:25px;height:25px;display:inline-block;background-size:25px auto;vertical-align:middle;position:absolute;top:6px;left:.5em;text-indent:-9999em}
.icon_c5,.icon_c3,.icon_c1{text-indent:-9999em;background:url(../images/hrdm/icon/c.png) 0 0 no-repeat;display:inline-block;width:58px;background-size:58px auto}
.icon_c3{background-position:0 -25px;}
.icon_c1{background-position:0 -52px;}
.r{position:absolute;right:.5em;top:6px;}

/* Font and Word */
.dl1{font-size:.87em}
strong{font-weight:600;}
.wsnw,.wsnw>div,.wsnw td,.wsnw th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fzs,.small{font-size:.87em;}
.fzb{font-size:1.2em;}
.colr_point{color:#1188bf;}
.colr_point2{color:#62941b;}
.colr_point3{color:#06a6af;}
.colr_point4{color:#f6901f;}
.colr_point5{color:#2f73ad;}
.colr_point7{color:#999;}
.caution{color:#a0680f;background:url(../images/hrdm/icon/ico_caution.png) 0 .22em no-repeat;padding-left:1.4em;line-height:150%;background-size:15px 15px}
.caution.tac{background:none;}
.note{padding-left:.7em;color:#c74b00;background:url(../images/hrdm/icon/ico_note.png) no-repeat 0 .5em;}
.note2{background:#fafafa;border:1px solid #ccc;text-align:center;padding:.5em 0;}
.note.small{padding-left:.7em;color:#c74b00;background:url(../images/hrdm/icon/ico_note.png) no-repeat 0 .5em;font-size:.87em;margin-top:.3em;}
.note.small.mt0{margin-top:0;}
.note.small.mtm{margin-top:-.5em;}
.note.small.mtm1{margin-top:-1em;}
span.note{background-position:0 4px !important;}
.box2>p,.boxp>p{line-height:150%;}
.lhd{line-height:27px;}
.break td>a{word-break:break-all;}

/* Image size */
.img_star{display:inline-block;position:relative;top:2px;}
.img_star>img{height:14px;vertical-align:middle;float:left;}
.box_star .img_star{top:-2px;}
.boxj img{width:100%;max-width:80px;min-height:80px;padding:.5em;}
.maxw{max-width:640px;}
.webtoon{text-align:center;/*border-top:1px solid #ccc;padding-top:1em;*/}
.webtoon img,.boxls>img{max-width:640px;width:100%;}
.ul4 .star{top:4px;}
.star{display:inline-block;}
.star>div{position:relative;width:65px;height:14px;display:inline-block;overflow:hidden;}
.star>div>div,.star>div>span{position:absolute;display:inline-block;height:14px;}
.star>div>div{background:url(../images/hrdm/icon/star.png) 0 0 no-repeat;background-size:auto 16px;z-index:1;width:100%;height:16px;}
.star>div>span:first-of-type{background:#f6901f;display:inline-block;position:relative;z-index:0;height:16px;/*width:66px;*/}
.star>span{/*right:-15px;*/top:-1px;}


/**********************************************************************
 * 2017.09.20 이상민 맞춤설정 css 추가 시작  
 **********************************************************************/ 
.fitArea {
	border : 1px solid #cfcfcf;
	width  : 100% ;
	padding : 5px 5px 5px 15px ;
	overflow : hidden ;
	margin-top : 10px ; 
	max-height : 153px ;
} 
.fitArea ul li { 
	padding : 2px ;  
}
.fixline {
	width : 100% ; 
	height : 20px ; 
}
ul>li.fixline:last-child{ border-bottom : 0px ;}

.fixDepth {
	line-height : 20px ;  
	background : url( '../images/bul_list4.gif' ) 0 9px no-repeat ;
	padding-left : 9px ; 
	font-size : .8em ;
	float : left ;   
    max-width  : 90%;
    text-overflow: ellipsis;
    white-space: inherit;
    overflow: hidden;
    vertical-align: middle;
}
.fixDelete {
	width : 5% ; 
	height : 20px ; 
	float : right ; 
	line-height : 20px ;
}

.fixSelect {
	border : 1px solid #cfcfcf;
	width  : 100% ;
	height : 30px ;
	margin : 0 ; 
	padding : 0 ; 
	margin-top : 10px ;
}
.fixSelect .selTitle{
	width : 80% ;
	float : left ;
	padding-left : 15px;
	font-size : .9em ; 
	font-weight : 600 ; 
	line-height:25px ;
	height : 25px ;    
}
.fixSelect .selRight{
	width : 10% ; 
	float : right ; 
	cursor : pointer ;
	height : 25px ;  
	background : url( '../images/hrdm/icon/arrow2.gif' ) 0 9px no-repeat ;
}

.astyle{text-decoration:underline;color:#0000ff}
.fontBlue{ color : #1c4f9d ;}
.fr {float : right;}
.fl {float : left;}


.boxRound {
	border : 1px solid #cfcfcf;
	width  : 100% ;
	padding : 5px 5px 5px 15px ;
	overflow : hidden ;
	margin-top : 10px ;
	border-radius : 5px ; 
}
.fitTitle{
	border-bottom : 1px solid #06a6af ; 
	display : inline-block ;
	width : 100% ; 
	height : 25px ; 
}
.fitTitleText{
	width: 100%;
   	white-space: nowrap;
   	overflow: hidden;
   	text-overflow: ellipsis;
   	display: inline-block;
   	/* margin-top: 1em; */
   	padding-left: 12px;
   	background: url(../images/bul_snb_depth1_on.gif) 0 9px no-repeat ; 
}
.fitTitleTextSel{
	width: 100%;
   	white-space: nowrap;
   	overflow: hidden;
   	text-overflow: ellipsis;
   	display: inline-block;
   	/* margin-top: 1em; */
   	padding-left: 2px; 
}
.fitTitleTextSel .selcheck {
	margin-top: 4px;
    padding-right: 5px;
}
.fitText {
	font-size: 0.9em;
   	padding : 0 ; 
   	margin  : 0 ; 
   	padding-left: 12px;
   	background: url(../images/hrdm/icon/bullet.png) 0 .45em no-repeat;
}

.fixCont {
	padding-left : 12px ; 
	font-size : .9em ; 
	border : 1px solid #ececec ;
}

/**********************************************************************
 * 2017.09.20 이상민 맞춤설정 css 추가 종료 
 **********************************************************************/ 

/**********************************************************************
 * 구직자 우수과정 slick css 추가
 **********************************************************************/ 
 .slick-button-group {position:relative;right:0;bottom:0;left:0;height:30px;background:url(http://hrd.go.kr/images/bg_slide_ctrl.png) repeat-x 0 bottom;}
.slick-button-group button {position:absolute;bottom:4px;width:22px;height:23px;text-indent:-999em;white-space:nowrap;z-index:2;}
.slick-button-group .btn_prev {right:55px;background:url(http://hrd.go.kr/images/sp_btn_slider.png) no-repeat -38px 0;}
.slick-button-group .btn_next {right:10px;width:23px;background:url(http://hrd.go.kr/images/sp_btn_slider.png) no-repeat -104px 0;}
.slick-button-group .btn_stop {right:33px;background:url(http://hrd.go.kr/images/sp_btn_slider.png) no-repeat -82px 0;}
.slick-button-group .btn_play {right:33px;background:url(http://hrd.go.kr/images/sp_btn_slider.png) no-repeat -60px 0;}

.slick-list:after{content:""; display:block; claer:both}
.slick-slider{position:relative;display:block;border:1px solid #d5d5d5;box-sizing:border-box;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.slick-slider .slick-dots {position:absolute;bottom:-23px;left:10px;z-index:2;}
.slick-slider .slick-dots:after {display:block;content:"";clear:both;}
.slick-slider .slick-dots li {float:left;margin-right:5px;height:14px;}
.slick-slider .slick-dots li button {display:inline-block;text-indent:100%;width:14px;height:14px; vertical-align:top; background:url(http://hrd.go.kr/images/sp_btn_slider.png) no-repeat -19px 0; overflow:hidden;}
.slick-slider .slick-dots li.slick-active {background:url(http://hrd.go.kr/images/sp_btn_slider.png) no-repeat 0 0;}
.slick-slider .slide-item {position:relative; z-index:100; border:1px solid transparent;}
.slick-slider .excellTrainPlus {position: absolute;bottom: 0px;right: 0px;font-size: .85em;color: #999;cursor: pointer;height: 21px;padding: 0 10px 0 10px;text-align: center;font-weight: 600;line-height: 170%;border: 1px solid #bbb;border-radius: 25px;}

.slick-slider .ul4>li:only-child{border-bottom:none !important;}
 /**********************************************************************
 * 구직자 우수과정 slick css 추가 종료 
 **********************************************************************/ 

/* padding */
.job_seeker{padding:0 1em;}

/* hr */
hr{background:#ccc;display:block;height:1px;border:none;}
.hr1{display:block;border:none;margin:0;padding:0;position:relative;width:100%;margin-top:-1px;margin-bottom:1em;}
.hr1.mbt1{margin-bottom:1.7em;height:9px;}
.hr1:after,.hr1:before{content:'';display:block;height:7px;border:none;margin:0;padding:0;width:20px;position:absolute;top:-1px;}
.hr1:before{left:-1em;}
.hr1:after{right:-1em;}
.gnbbox:after,.hr1,.hr1:after,.hr1:before,.pud:before,.pud:after,.ban1:before,.ban2:before,.ban2:after,.ban1:after{background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:7px;}
/*.ban2.nthr:before{display:none;}*/

/* cmd */
.mts{margin-top:.3em;}
.mt{margin-top:.5em;}
.mt1{margin-top:1em;}
.mt11{margin-top:1.5em;}
.mt2{margin-top:2em;}
.mbs{margin-bottom:.3em;}
.mb,.box2 .mb{margin-bottom:.5em;}
.mb1{margin-bottom:1em;}
.mb11{margin-bottom:1.5em;}
.mtm{margin-top:-.5em;}
.mtm1{margin-top:-1em;}
.mb2{margin-bottom:2em;}
.mr{margin-right:.5em;}
.mr1{margin-right:1em;}
.mr2{margin-right:2em;}
.ml{margin-left:.5em;}
.mls{margin-left:.3em;}
.ml1{margin-left:1em;}
.ml2{margin-left:2em;}
.brsn{border-radius:0}
.mtb{margin:.5em 0;}
.mtb1{margin:1em 0;}
.pb0{padding-bottom:0;}
.p01{padding:0 1em;}
.pbd{padding:.5em 1em;}
.fixed{position:fixed;width:100%;top:0;z-index:110;}
.mcolor{color:#06a6af;}
.gcolor{color:#8caf4b;}
.mtype2 .mcolor{color:#75a72d;}
.mtype1 .mcolor{color:#23a4dc;}
.pr1{position:relative;bottom:.2em;}
.brn{border-right:none;}
.rt2{position:relative;top:2px;}
.rt3{position:relative;top:3px;}
.poa_l {position:absolute !important; left:0;}

.wba,.wba td,.wba th{word-break:break-all;white-space:wrap;}
.vab,td.vab,.gate table td.vab{vertical-align:bottom;}
.vat,td.vat,.gate table td.vat{vertical-align:top;}
.vam,td.vam,.gate table td.vam{vertical-align:middle;}
/* Redefined */
.ui-datepicker-trigger{height:30px;width:30px;vertical-align:middle;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{display:none;}
.ui-datepicker .ui-datepicker-buttonpane button{background:#ddd;padding:.2em .7em .3em .7em;}
.fwn{font-weight:normal;}

/********************************************** Respon ***************************************************/

/* 미디어쿼리 추가 2018.12.24 */
/* html{font-size:100%;} */
@media screen and (max-width:375px){html{font-size:78% !important;}
	.main_nav1{text-align:center;padding-top:0.5rem;}
	.main_nav1 img{width:9rem;}
	.main_nav_trne{margin-top:-1.5rem;}
  	.gate_btn1_title{visibility: hidden;height:0rem;padding-bottom:0px;margin-top:-1.5rem;}
	.gate_btn1{margin-left:-5%; margin-right:-5%;margin-top:2rem;} 
	.gate_btn2{margin-left:-5%; margin-right:-5%;}
}

@media screen and (max-width:320px){html{font-size:70% !important;}}

/* iPhone Plus */
@media only screen and (max-width:414px){html{font-size:80%;}}

/* Android */
@media only screen and (max-width:360px){
	html{font-size:72.5%;}
	.main_nav{padding-top:2rem;}
	.main_nav1{text-align:center;padding-top:0.5rem;}
	.main_nav1 img{width:9rem;}
	.main_nav_trne{margin-top:-1.5rem;}
	/* .main_nav_trne1{padding-top: -1rem;} */
  	/* .gate_btn1_title{visibility:hidden;height:0rem;padding-bottom:0px;} */
	/* .gate_btn2{margin-top: -1rem;} */
	.quickbar_text{visibility:hidden;height:0rem;}
}

/* iPhone */
@media only screen and (max-width:320px){html{font-size:62.5%;}}

/* iPhone X */
@media only screen and (max-width:375px) and (min-height:730px){
  	.main_nav_trne{margin-top:1rem;}
  	.gate_btn1_title{visibility: visible;}
}

/********************************************** Respon ***************************************************/
/* ------------------------------------------- Tablet  Hori Device (테블릿가로) */
@media all and (min-width:769px) and (max-width:1024px){

}
@media all and (min-width:640px){
	/*.gban{max-width:640px;margin:0 auto;}*/
}

@media all and (min-width:400px){
	.gate_btn1{margin-left:-8%; margin-right:-8%;} 
	.gate_btn2{margin-left:-8%; margin-right:-8%;}
}

/* ---------------------------------------------------------- 아이폰 작은 사이즈 */
@media all and (max-width:320px) {
	.ban1 img{width:100%;height:auto;}
	.tab1>div>button{font-size:13px;}
	.infom>strong{top:.8em;}
	.infom .bx-wrapper .bx-pager{top:-1.2em;}
	.main_nav{text-align:center;padding-top:2.5rem;}
	.main_nav img{width:10rem;}
	.main_nav1{text-align:center;margin-top:0.5rem;}
	.main_nav1 img{width:9rem;}
	.main_nav_trne{visibility:hidden;height:0rem;}
	.main_nav_trne1{visibility:visible;margin-top: 1rem;}
	.main_nav2{text-align:center;padding-top:0.5rem;}
	/* .gate_btn1_title{visibility:visible;height:0rem;padding-bottom:0px;} */
	/* .gate_btn2{margin-top:-1rem;} */
	.quickbar_text{visibility:visible;height:1rem;}
	.ul4>li.flx>div>p:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:190px;}
}
/* ---------------------------------------------------------- 가로 */
@media all and (orientation:landscape) {
	.gate #wrap,.gate table{height:480px}
}

::-webkit-clear-button,
::-webkit-inner-spin-button
{display:none;}

.ulstyle > li{ font-size : 0.9em ; padding-left : 10px; margin-bottom:5px; background: url(/images/bul_list.gif) 0px 10px no-repeat;}
.ulstyle > li:last-child{ margin-bottom:0px;}

.contbox {
    overflow: hidden;
    display: block;
    padding: 12px 10px;
    border: 1px solid #ccc;
    line-height: 24px;
    background: #fafafa;
}
.contbox li { margin: 2px 0 !important; font-size:0.9em;}
.ul2 { margin-left: 7px; }
.ul2 > li { padding-left: 10px; line-height: 24px; background: url(/images/bul_dot_gray.gif) no-repeat 0 11px; }

/* added 2017.12.22 */
.findresult { text-align:left; padding-left:15px;}
.findlist{  
	text-align:left; 
	padding-left:35px;
	line-height:100%;
	background : url(/images/h3_bult.gif) no-repeat 22px 9px ; 
}
.passdesc {
	font-size : .9em ;
	padding-left : 22px ; 
	background : url(/images/h3_bult.gif) no-repeat 12px 9px ;
}
.bggray { background-color:#eeeeee ; }
.txtred { padding-left : 15px; color: #c74b00; font-size:.9em;
          background: url(/images/ico_note.png) no-repeat 5px 8px;}
.txtorange { padding-left : 15px; color: #f6901f; font-size:.9em;
             background: url(/images/ico_note.png) no-repeat 5px 8px;}
   section { margin-bottom : 1em ; }
   
   /* 로딩중 */
.loading_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1500;}
.loading_wrap .loading_modal{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bg_modal.png) 0 0;}
.loading_wrap .loading_bar{position:absolute;top:50%;left:50%;margin:-26px 0 0 -26px;}

/* 업데이트 안내 */
.update_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1500;}
.update_wrap .update_modal{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/bg_modal.png) 0 0;}
.update_wrap .update_bar{position:absolute;top:0;bottom:0;left:0;right:0;width:300px;height:120px;border:1px solid #bdbcbc; background-color: #fff; margin: auto; border-radius:6px; padding: 0px 10px;}

.sort_wrap{height:28px;margin:21px 0 8px;color:#393a3b;overflow:hidden;clear:both;}
.sort_wrap.mt0{margin:0 0 8px;}
.sort_wrap p.total{float:left;margin-right:10px;font-weight:600;line-height:29px;}
.sort_wrap p.total span{font-size:14px;}
.sort_wrap>div{float:right;overflow:hidden;}
.sort_wrap .select_view{float:right;height:28px;margin-left:10px;}
.sort_wrap .select_view label{margin-right:8px;font-weight:600;}
.sort_wrap .select_view select{height:28px;border:1px solid #ccc;color:#393a3b;width:80px;}
.sort_wrap .select_view .btn_view{width:auto;height:28px;margin-left:-1px;padding:0 10px;border:1px solid #ccc;line-height:27px;text-align:center;background:#fafafa;}
.sort_wrap .select_view .btn_view.detail{padding-left:24px;background:#fafafa url(../images/bg_detailview_close.gif) no-repeat 10px center;}
.sort_wrap .select_view .btn_view.detail.on{background-image:url(../images/bg_detailview_open.gif);}

.qna_detail th, .qna_detail td{font-size:.87em; border-top:none;}
.qna_btn1,a.qna_btn1,input.qna_btn1{position:relative;display:inline-block;width:33.3%;height:30px;background:#2f73ad;border:1px solid #26679e; border-right-color:#1e5584; border-bottom-color:#1e5584; border-radius:3px; color:#fff;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.qna_btn2,a.qna_btn2,input.qna_btn2{position:relative;display:inline-block;width:33.4%;height:30px;background:#fff;border:1px solid #dcdcdc; border-right-color:#ababab; border-bottom-color:#ababab; border-radius:3px;color:#444;font-weight:600;text-align:center;float:right;}

.comment{margin-top:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.comment .comment_input{padding:7px 0 6px 0;overflow:hidden;}
.comment .comment_input button{height:30px;padding:0 16px;line-height:26px;}
.comment ul li{display:table;width:100%;height:43px;border-top:1px solid #ccc;overflow:hidden;}
.comment ul li>*{display:table-cell;vertical-align:middle;}
.comment ul li>strong{width:15%;border-right:1px solid #ccc;font-weight:600;text-align:center;background:#fafafa;}
.comment ul li>strong+span{width:50%;padding:5px;line-height:22px;word-wrap:break-word;}
.comment ul li span.btn_ctrl button{margin:0 5px 0 5px;}

.qna_tel {border:1px solid #ccc;padding:0 .5em;color:inherit;width:58%;height:25px;line-height:1.5;background-color:#fff;}
.qna_btnArea{height:33px;margin:21px 0 8px;}

.list_qna_detail{font-size:.87em;}
.list_qna_detail>span{margin:0 .3em 0 .3em;width:1px;height:9px;display:inline-block;background:#ccc;}
.list_qna_detail>b{font-weight:normal;display:inline-block;}

.nodata {text-align: center;}

/* 자비부담액 보기 Start */
.alloment{text-align:center;line-height:30px !important;}
.alloment strong{padding-top:5px;color:#c74b00;font-size:20px;}
.boxws {margin-bottom:20px; padding: 10px; border: 1px solid #ddd; line-height: 24px; background: #fff; overflow: hidden; box-shadow: 0 3px 0 #f5f6f8; color: #666;}
.boxwsh{line-height:none;margin: 1.2em 0 .5em 0;}
.cont_list li{margin:3px 0;padding-left:15px;line-height:24px;background:url(../images/bul_list.gif) no-repeat 0 11px; color:#555;}
.foldBoxws{background:url(../images/contents/card_status/ico_minus.gif) 10px no-repeat; width: 30px; float: right; height: 20px; background-size: 20px;}
.fs14{font-size: 14px !important;}
/* 자비부담액 보기 End */

/* 
2018.01.02 Mobile image upload
.mbimgUpload { display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2; }
.mbimgUpload .modal{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg_modal.png) 0 0; }
.upload-wrapper {
	 position:fixed;top:0;left:0;width:100%;height:100%;
}
.upload-wrapper .upwindow {
					position:relative;
					width : 300px; 
					height: 200px; 
					border:1px solid #bdbcbc; 
					background-color: #eee; 
					margin: 0px ;
					padding: 10px ;
              }
.upload-wrapper .upwindow .uplayer {
					border : 1px solid #ddd ; 
					background-color : #fff ; 
					width  : 287px ;
					padding : 5px ; 
	
              }
              
.upload-wrapper .upwindow .uplayer > p {
					padding : 5px 0px 5px 15px ; line-height:14px; font-size : 0.85em; 
					background:url(/images/bul_dot_black.gif) 8px 13px no-repeat;
              }
.upload-wrapper .upwindow .uplayer.h60 { height : 60px ; }
.upload-wrapper .upwindow .uplayer.h80 { height : 80px ; }

.upload-wrapper .upwindow .uplayer .updesc {
					width : 290px ;
					padding : 5px 5px 5px 8px; 
					margin-top:5px;
}

.upload-wrapper .upwindow .uplayer .updesc > ul > li {
					font-size : 0.85em ; 
					line-height:20px; 
					color : #e6560f ; 
					padding-left : 10px ; 
					background:url(/images/bul_snb_depth1_on.gif) 0px 8px no-repeat;
}
.btnupload-wrapper { position : relative ; overflow :hidden ; display:inline-block; background-color:#fff; margin-top:5px;}
.btnupload { 
    width: 200px;
    border: 1px solid #ccc;
    color: #666;
    background-color: #fff;
    padding: 7px;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 5px;
    float:left ;
    border-radius:3px;
    
}
.btnupload .viewFilename {
    display: inline-block;
    max-width: 180px ; 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.btntransfer{
	width:80px;
	margin:5px 0 0 5px;
	border:1px solid #336699;
	color : #fff ; 
	background-color:#336699;
	padding : 8px ; 
    border-radius:3px;
    font-size: 0.9em;
    cursor:pointer;
	
}

.btnupload-wrapper input[type=file] {
		position: absolute;
	    left: 0;
	    top: 5px;
	    opacity: 0;
	    width: 200px;
	    height: 35px;
}

.ifrmArea{
	position:relative;
	width : 320px; 
	height: 222px; 
	margin: 180px auto ;
	padding: 0 ;
	
}
.uploadTitle{
		width:320px;
		height:30px;
		border:0px;
		background-color:#06a6af;  
		padding : 3px;
		margin:0px;
}
.uploadTitle .titleText {
	float: left;
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    padding-left: 42px;
    line-height: 27px;
    background: url(/images/favicon.ico) 10px 0px no-repeat;
    background-size: 25px;
}
.uploadTitle .closebtn {float : right ;padding-right:5px;}
.uploadTitle .closebtn button{ background-color:#787878; border : 1px solid #787878; border-radius:25px;}
.ifrmUpload {
	margin:0;padding:0;border:0px;width:100%;height:100%;
}
2018.01.02 Mobile image upload
  */
  
/* 모바일 메인화면 개편 */
.h-head{position:relative;width:100%;line-height:2.73rem;text-align:center;background-color:#e4ecef;}  

.notice{background:#e4ecef;padding:0.2rem 1rem 0;font-size:1.1rem;overflow: hidden;}
.notice .inner{position:relative;display:flex;width:100%;height:2.5rem;line-height:2.6rem;background:#fff;border-radius:0.9rem;vertical-align:middle;}
.notice .inner .title{position:absolute;bottom: 0;left:0.0rem;margin-left:0.7rem;font-weight:bold;text-align: center;}
.noticeSubject{padding-left:5rem;width:98%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;}

.banner{width:100%;height:11.3rem;left:0;right:0;background:#e4ecef;border-bottom:1px solid #d9d9d9;padding-top: 1rem;}
.banner .banner_pagination{float: left;margin-left: 1rem;}
.banner .banner_pagination div span{margin:0 4px;width: 0.45rem;height: 0.45rem;}
.banner .allViewBtn{float: right;padding-top: 0.2rem;padding-right: 1.2rem;font-size: 1rem;color: rgb(105, 105, 105);}

/* 내일배움카드내역 미발급상태*/
.banner .bannerText{width:27rem;height:8rem;margin:0 auto;margin-bottom: 0.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#e4ecef;background-image: url(../images/hrdm/gate/banner03.png);}
.banner p.bannerT{padding-top:1.3rem;text-align:center;font-size:1.2rem;font-weight:normal;color:#fff;letter-spacing:-0.1rem;}
.banner p.bannerT strong{font-size:1.2rem;font-weight:bold;color:#fff}

/* 내일배움카드내역 진행상태*/
.banner p.bannerTing{padding-top: 1.3rem;text-align: center;font-size: 1.3rem;font-weight: normal;color: #fff;}
.banner p.bannerTing strong{font-size:1.4rem;font-weight:bold;color:#fff}
.banner p.bannerTCing{padding-top: 1rem;font-size: 1.2rem;color: #FFF;font-weight: 700;text-align: center;}
.banner p.bannerTCing img{width: 1.2rem;height: 1.2rem;vertical-align: middle;}

/* 내일배움카드내역 */
.banner .bannerText1{width:27rem;height:8rem;padding:1.2rem 1rem;margin:0 auto;margin-bottom: 0.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#e4ecef;background-image: url(../images/hrdm/gate/banner02.png);}
.banner h2.bannerTcard{width: 27rem;float:left;font-size:0.9rem;font-weight:normal;color:#fff;letter-spacing:0;margin-left: 0.3rem;text-align: left;}
.banner h2.bannerTcard strong{font-size:1.1rem;font-weight:bold;color:#fff}
.banner .bannerText1 .call{float:right;z-index: 10;}
.banner .bannerText1 .call img{width:1.4rem;height:1.4rem;margin-top:-.1rem;}

.banner .bannerText1 .jobSeeker{width:27rem;display:block;position:absolute;margin-top:2rem;font-weight:bold;color:#fff;}
.banner .bannerText1 .jobSeeker strong{font-weight:bold;color:#fff;font-size:1.4rem;}

.banner .bannerText1 .jobSeeker1{width:21%;height:4rem;float:left;padding-left:0.5rem;}
.banner .bannerText1 .jobSeeker1 img{float:left;width:1rem;padding-top:.8rem;}
.banner .bannerText1 .jobSeeker1 .text{float:left;padding:1rem 0 0 .4rem;font-size:1.1rem;}

.banner .bannerText1 .jobSeeker2{width:37%;height:4rem;float:left;}
.banner .bannerText1 .jobSeeker2 img{width:2.3rem;height:2.3rem;float:left;margin-top:.8rem;}
.banner .bannerText1 .jobSeeker2 .text{float:left;padding:.4rem .4rem;font-weight:normal;font-size:.9rem;line-height:180%;}

.banner .bannerText .cardReqstSctn{width: 100%;margin-top: 1rem;text-align: center;}
.banner .bannerText .cardReqstSctn .JbsekCardReqst{border: 1px solid #7dc8ea;border-radius: 10px;background: #fff;color: #3caee0;font-weight: 900;padding: 0.2rem 0.4rem;} 
.banner .bannerText .cardReqstSctn .LabrrCardReqst{border: 1px solid #a9c755;border-radius: 10px;background: #fff;color: #779d0e;font-weight: 900;padding: 0.2rem 0.4rem;margin-left: 1rem;}

/* 훈련정보 */
.banner .bannerText2{width:27rem;height:8rem;padding:1.2rem 1.6rem;margin:0 auto;margin-bottom: 0.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#e4ecef;background-image: url(../images/hrdm/gate/banner03.png);}
.banner h2.bannerT{float:left;font-size:1rem;font-weight:normal;color:#fff;letter-spacing:0;}
.banner .bannerText2 ul.tracse {margin: 0px 0px 0px 0.2rem;font-size: 1.1rem;color: rgb(255, 255, 255);float: left;}
.banner .bannerText2 ul.tracse li span{float: left;}
.banner .bannerText2 ul.tracse li span.tName{max-width: 9rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;float: left;}
.banner .bannerText2 .view{float:right;color:#fff;font-size:1rem;}
.banner .bannerText2 .view img{width:1.4rem;height:1.4rem;margin-top:-.3rem;display:inline;vertical-align:middle;}

.banner .bannerText2 .trainingInfo{width:26rem;display:block;position:absolute;margin:2.4rem 0 0 0.8rem;font-weight:bold;color:#fff;text-align:center;}
.banner .bannerText2 .trainingInfo strong{font-weight:900;color:#fff;font-size:2rem;}
.banner .bannerText2 .trainingInfo big{font-weight:normal;color:#fff;font-size:2.4rem;}
.banner .bannerText2 .trainingInfo small{font-weight:normal;color:#fff;font-size:1.2rem;}
.banner .bannerText2 .trainingInfo .btnRealNameChkBtn{border: 1px solid #7dc8ea;border-radius: 10px;background: #fff;color: #3caee0;padding: 0.2rem 0.6rem;font-weight: 900;margin-left: 0.8rem;font-size: 1rem;}

.banner .bannerText2 .training1{height:4rem;float:left;}
.banner .bannerText2 .training1 .text{float:left;margin-top:0.3rem;padding-left:.4rem;font-weight:normal;font-size:.9rem;line-height:160%;}

.banner .bannerText2 .training2{height:4rem;float:left;margin-left: 0.6rem;width: 18rem;text-align: left;}
.banner .bannerText2 .training2 .text{float:left;padding-left:.4rem;font-weight:normal;font-size:1rem;line-height:160%;width: 100%;}
.banner .bannerText2 .training2 .text span{margin-right: 0.2rem;}
.banner .bannerText2 .training2 .text em:first-child{padding-left: 0rem;}
.banner .bannerText2 .training2 .text em{position: relative;margin-left: 0rem;padding-left: .3rem;}
.banner .bannerText2 .training2 .text em:first-child:before{display: none;}
.banner .bannerText2 .training2 .text em:before{display: block;content: "";position: absolute;top: 0;left: 0;height: 1.1rem;border-left: .1rem solid #fff;}

.banner .bannerText2 .manyTracse .tracseInfo{font-size: 1.2rem; color: rgb(255, 255, 255); font-weight: 900; padding: 1rem 0px 0px;}
.banner .bannerText2 .manyTracse .tracseHistLnk{float: right; margin-right: 2rem; margin-top: 1rem; color: rgb(255, 255, 255);}

/* 추천과정정보 */
.banner .bannerText3{width:27rem;height:8rem;padding:1.2rem 1.6rem;margin:0 auto;margin-bottom: 0.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#e4ecef;background-image: url(../images/hrdm/gate/banner03.png);}
.banner h2.bannerT{float:left;font-size:1rem;font-weight:normal;color:#fff;letter-spacing:0;}
.banner .view{float:right;color:#fff;font-size:1rem;}
.banner .view img{width:1.4rem;height:1.4rem;margin-top:-.3rem;display:inline;vertical-align:middle;}

.banner .bannerText3 .recommendInfo{width:26rem;display:block;position:absolute;margin:1.6rem 1rem 0rem;font-weight:bold;color:#fff;}
.banner .bannerText3 .recommendInfo strong{font-weight:normal;color:#fff;font-size:1.4rem;}
.banner .bannerText3 .recommendInfo small{font-weight:normal;color:#fff;font-size:1.2rem;width: 100%;text-align: center;float: left;}

.banner .bannerText3 .recommend1{height:4rem;float:left;}
.banner .bannerText3 .recommend1:first-child{width: 25%;}
.banner .bannerText3 .recommend1:first-child select{-webkit-appearance: none;appearance: none;border: 0px;background: url(../images/hrdm/gate/recommend_info1.png) no-repeat left top;background-size: 2.1rem 2.1rem;width: 6rem;padding-left: 2.4rem;align-items:baseline;height: 2.2rem;padding-right: 0px;}
.banner .bannerText3 .recommend1:nth-child(2){width: 42%;}
.banner .bannerText3 .recommend1:nth-child(2) strong{font-size:1.3rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left;background: url(../images/hrdm/gate/recommend_info3.png) no-repeat left top;background-size: 2.1rem 2.1rem;padding-left: 2.6rem;height: 2.2rem;width: 95%;text-align: left;}
.banner .bannerText3 .recommend1:nth-child(3) strong{font-size: 1.3rem;float: left;background: url(../images/hrdm/gate/recommend_info2.png) no-repeat left top;background-size: 2.1rem 2.1rem;padding-left: 2.4rem;height: 2.2rem;width: 5.5rem;text-align: center;}
.banner .bannerText3 .recommend1:nth-child(3){width: 27%;}

.banner .bannerText3 .recommend1 img{width:2.2rem;height:2.2rem;float:left;margin-top:.5rem;}
.banner .bannerText3 .recommend1 .text{float:left;padding:.4rem .4rem 0rem;font-weight:normal;font-size:.9rem;width: 100%;text-align: center;}

/* 관심과정 정보 */
.banner .bannerText4{width:27rem;height:8rem;padding:1.2rem 1.6rem;margin:0 auto;margin-bottom: 0.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#e4ecef;background-image: url(../images/hrdm/gate/banner03.png);}
.banner  h2.bannerT{float:left;font-size:1rem;font-weight:normal;color:#fff;letter-spacing:0;}
.banner  h2.bannerT strong{font-size:1rem;font-weight:bold;color:#fff}

.banner  .qInitl{float: left;font-size: 1rem;border-radius: 15px;color: #51a1e2;border: 1px solid;font-weight: 900;width: 4rem;background-color: #fff;margin-left: 1rem;margin-top: 0.2rem;text-align: center;}
.banner .bannerText4 .attentionInfo{width: 25rem;display: block;position: absolute;margin: 1.7rem 0px 0px 0.5rem;font-weight: bold;color: #FFF;height: 4rem;}
.banner .bannerText4 .attentionInfo strong{font-weight:900;color:#fff;font-size:1.4rem;padding-left: 1rem;float: left;}
.banner .bannerText4 .attentionInfo strong.ncsNmTxt{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 7rem;}
.banner .bannerText4 .attentionInfo small{font-weight:normal;color:#fff;font-size:1.2rem;float: left;padding-left: 0.3rem;position: relative;top: 0.1rem;}

.banner .bannerText4 .attention1{float: left;}
.banner .bannerText4 .attention1:first-child{width: 74%;text-align: left;margin-top: 0.3rem}
.banner .bannerText4 .attention1:nth-child(2){width: 22%;}
.banner .bannerText4 .attention1 img{width:4.2rem;height:4.2rem;}
.banner .bannerText4 .attention1 .text{float: left;font-weight: normal;font-size: 1.2rem;text-align: left;}

/* 자주묻는질문 */
.banner .bannerText5{width:27rem;height:8rem;padding:1.2rem 1.6rem;margin:0 auto;margin-bottom: 0.5rem;background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#e4ecef;background-image: url(../images/hrdm/gate/banner03.png);}
.banner h2.bannerT{float:left;font-size:1rem;font-weight:normal;color:#fff;letter-spacing:0;}
.banner h2.bannerT strong{font-size:1.2rem;font-weight:bold;color:#fff}
.banner .bannerText5 .view{float:right;color:#fff;font-size:1rem;}
.banner .bannerText5 .view img{width:1.4rem;height:1.4rem;margin-top:-.3rem;display:inline;vertical-align:middle;}

.question_notice .lst_type{width:26rem;margin-top:2rem;color:#fff;text-align: left;}
.question_notice .lst_type ul{}
.question_notice .lst_type li{width:88%;padding-top:.2rem;padding-left:1.2rem;font-size:1.1rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.question_notice .lst_type li>a{text-decoration:none;color:#fff;}

.quickbar{display:block;position:absolute;z-index:1;left:0;padding:0;bottom:0.1rem;background:#fff;color:#464646;}
.quickbar_text{float:left;padding-left:2rem;font-size:1.0rem;font-weight:bold;color:#464646;}

.quickbar_footerMenu{float:left;margin-top:.6rem;margin-bottom:0.8rem;width:100%;height:5rem;background-color:#f5f6f8;}
.footerMenuItem{width:20%;margin:0 auto;display:inline-block;}
.footerMenuItem img{margin:0 auto;width:2.5rem;height:1.8rem;}
.footerMenuItem em{float:left;width:100%;text-align:center;font-style:normal;font-size:1.1rem;font-weight:bold;color:#696969;line-height: 100%;}
.quickbar_copyright{display:block;width:100%;padding-bottom:.2rem;text-align:center;font-size:.8rem;color:#969696;line-height:1.1rem;float: left;}

.quickbar_pagination{width: 0px;float: right;padding-right: 3.8rem;}
.quickbar_pagination div span{margin:0 4px;width: 0.45rem;height: 0.45rem;}

.quickbar_mainMenu{float:left;margin-top:.6rem;margin-bottom:0.8rem;height:5rem;background-color:#f5f6f8;}

.mainMenuItem{margin:0 auto;display:inline-block;width: 12rem;}
.mainMenuItem img{margin:0 auto;width:11rem;}
/* .mainMenuItem em{float:left;width:100%;text-align:center;font-style:normal;font-size:1.1rem;font-weight:bold;color:#696969;line-height: 100%;} */
.swiper-container-main{margin-top: 2rem;margin-right: 2rem;width:140%;}


/*전체보기*/
.allViewhead{background-color: #F5F6F8;padding: 1rem 0px 0px 0em;width: 100%;border-bottom: 1px solid #DDD;height: 4rem;}
.allViewhead ul.tabGbnL{height: 2.1rem;margin-left: 2rem;float: left;}
.allViewhead ul.tabGbnL img{height: 2.1rem;}
.allViewhead ul.tabGbnL .backBtn{height: 30px;left: 1em;background: transparent url("../images/hrdm/gate/left.png") no-repeat scroll 0px 0px / 30px auto;position: relative;text-indent: -9999em;width: 30px;}
.allViewhead ul.tabGbnL .tit{font-size: 1.1rem;font-weight: 700;line-height: 200%;}
.allViewhead ul.tabGbnL li{float: left;}
.allViewhead ul.tabGbnR{float: right;margin-right: 3rem;}
.allViewhead ul.tabGbnR li{float: left;}
.allViewhead ul.tabGbnR li a.on{color: #FFF;border-radius: 15px;background: #548FF1 none repeat scroll 0% 0%;float: left;}
.allViewhead ul.tabGbnR li a{padding: 6px 10px;font-weight: 600;font-size: 1rem;color: #969696;float: left;}
.allLine{width: 100%;background: #F2F2F2 none repeat scroll 0% 0%;}

/* tooltip */
.tooltip{display:inline-block;position:relative;width:auto;max-width:30rem;margin-left:0.5rem;vertical-align:middle;float: left;}
.tooltip .icon_help{display:inline-block;width:1.3rem;height:1.3rem;text-indent:-999em;white-space:nowrap;vertical-align:middle;background:url("../images/hrdm/gate/icon-help.png") no-repeat center center;background-size:1.3rem;}
.tooltip .tooltip-view{position: absolute;border: 0.1rem solid #D4D6D5;border-radius: 0.2rem;background-color: #FFF;color: #65646A;text-align: left;padding: 0.4rem 0.6rem ;font-size: 1.1rem;z-index: 1;}
.tooltip .tooltip-view *{line-height:1.7rem;color:#65646a;font-size:1.5rem}
.tooltip .tooltip-view i{content:'';position:absolute;display:inline-block;width:1rem;height:1rem;margin-left:.2rem;border-top:.1rem solid #d4d6d5;border-right:1px solid #d4d6d5;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);background-color:#fff;z-index: 0;}
.tooltip.bottom .tooltip-view{top:2.5rem;}
.tooltip.bottom .tooltip-view i{top:-.6rem;}

/* 맞춤설정 */
.contBtn{display: inline-block;width: 100%;height: 30px;padding: 0 10px;line-height: 28px;background: #3294aa;border: 1px solid #257087;border-right-color: #1d5b6d;border-bottom-color: #1d5b6d;border-radius: 3px;color: #fff;font-weight: 600;text-align: center;text-decoration: none;float:right;margin:10px 0;}
.match_sel_box ul{height: 137px;padding: 5px 15px;border: 1px solid #ccc;background: #fff;overflow-y: auto;margin-bottom: 10px;}
.match_sel_box ul li{padding-left:8px;line-height:20px;background:url(/images/bul_dot_gray.gif) no-repeat 0 9px;margin-bottom:5px;}
.match_sel_box ul li span{font-weight:600;color: #1c4f9d;}
.match_sel_box ul li button{width:13px; height:12px;margin-left:10px; text-indent:-9999px; background:url(../images/btn_del2.gif) no-repeat; vertical-align: middle;}
.mpsaoTabNm{color: #06a6af;font-weight:600;}
.mpsaoTabNm2{color: #666;font-weight:600;}
.ncs_cate.type2 div ul{height: 106px;padding: 7px 15px;border: 1px solid #ccc;background: #fff;overflow-y: auto;margin-bottom:10px;}
.ncs_cate.type2 div ul li{padding-left: 8px;line-height: 20px;background: url(../images/bul_dot_gray.gif) no-repeat 0 9px;margin-bottom: 4px;}
.ncs_cate.type2 div ul li button{text-align:left;}
.search_licNm::placeholder{font-size:.9em;width:100%;}

/* 출석체크 1*/
.gate_btn1_title{padding-bottom:5px;font-size:1rem;font-weight:bold;color:#464646;text-align:left;}
.gate_btn1{border-radius:0.7rem;height:5rem;left:0;right:0; background:#e4ecef;border-bottom:1px solid #d9d9d9;padding-top:0.5rem;padding-left:5.5rem;padding-right:1rem;
				background-image:url(../images/hrdm/gate/main_nav_qr.png);background-repeat:no-repeat;background-size:23%;background-position-x:5%;background-position-y:center;}
.gate_btn2{margin-top:0.5rem;border-radius:0.7rem;height:5rem;left:0;right:0;background:#e4ecef;border-bottom:1px solid #d9d9d9; padding-top:0.5rem;padding-left:5.5rem;padding-right:1rem;
				background-image:url(../images/hrdm/gate/main_nav_bc.png);background-repeat:no-repeat;background-size:23%;background-position-x:5%;background-position-y:center;}
.gate_btn1_text1{font-size:1.2rem;font-weight:bold;color:#464646;padding-top:3px;}
.gate_btn1_text2{font-size:1.1rem;color:#696969;}

.gate_btn1_img{margin-top:-2.5rem;height:2rem;background-image:url(../images/hrdm/gate/main_nav_arrow.png);background-repeat:no-repeat;background-position:right;}

/*출석체크 2*/
.gate_btn2_title{padding-bottom:5px;font-size:1rem;font-weight:bold;color:#464646;text-align:left;}
.gate_btn1_text3{font-size:1.2rem;font-weight:bold;color:#464646;padding-top: 1rem;}
.gate_btn3{margin-left:-15%;margin-right:5%;border-radius:0.7rem;height:5rem;left:0;right:0;background:#e4ecef;border-bottom:1px solid #d9d9d9;padding-top:0.5rem;padding-left:5.5rem;padding-right:1rem;
				background-image:url(../images/hrdm/gate/main_nav_qr.png);background-repeat:no-repeat;background-size:45%;background-position-x:10%;background-position-y:center;}
.gate_btn4{margin-left:5%;margin-right:-15%;border-radius:0.7rem;height:5rem;left:0;right:0;background:#e4ecef;border-bottom:1px solid #d9d9d9; padding-top:0.5rem;padding-left:5.5rem;padding-right:1rem;
				background-image:url(../images/hrdm/gate/main_nav_bc.png);background-repeat:no-repeat;background-size:45%;background-position-x:10%;background-position-y:center;}

/*출석체크 슬라이드*/
.gate_btn1_text4{font-size:1.5rem;font-weight:bold;color:#464646;padding-top:9rem;margin-left: -8rem;}
.gate_btn5{border-radius:0.7rem;height:13rem;left:0;right:0;background:#e4ecef;border-bottom:1px solid #d9d9d9;padding-top:0.5rem;padding-left:9rem;padding-right:1rem;
				background-image:url(../images/hrdm/gate/main_nav_qr.png);background-repeat:no-repeat;background-size:90%;background-position-x:1rem;background-position-y:1rem;margin-top: -1rem;}
.gate_btn6{border-radius:0.7rem;height:13rem;left:0;right:0;background:#e4ecef;border-bottom:1px solid #d9d9d9; padding-top:0.5rem;padding-left:9rem;padding-right:1rem;
				background-image:url(../images/hrdm/gate/main_nav_bc.png);background-repeat:no-repeat;background-size:90%;background-position-x:1rem;background-position-y:1rem;margin-top: -1rem;}
				
/* new mobile popup head */
.popHead{background:#fff; width: 100%; height: 4rem; padding-top: 1rem;}
.popHead_title {font-size:1.4rem; color:#333; margin-top:0; margin-bottom:1rem; text-align:center; font-weight:600; height:2.3rem;}
.popHead_close_btn{position:absolute; z-index: 90; top: 1rem; left:0.7rem;}
.popHead_close{top: 1rem; left:0.7rem; background: url(../images/hrdm/gate/left.png) 0 no-repeat; width: 2.3rem; height: 2.3rem; display: inline-block; margin: 0 auto; background-size: 2.3rem auto; vertical-align: top; text-indent: -9999em;}