@charset "utf-8";
/* com2zoa design KYJ 230104*/

/* Common */
.mobile_bg {display: none; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; background: #000; z-index:400}
.clear_fix:after{content:""; clear: both; display: block}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}

/* Layout */
#wrap {width: 100%; min-width: 320px; font-family: PTD}
#content{position: relative; z-index:1}
h3.tit{font-family:NSQ}
/* Mainheader */
#mainheader {z-index: 100;  font-family:NSQ}
.headerwrap{background: #26353e}
.headerwrap .logo_top a{display: block; width: 214px; height: 37px; padding-top: 7px; border-radius: 10px 10px 0 0; background: #fff; text-align: center; box-sizing: border-box}
.top_btn_area{position: relative}
.top_btn_area .qmenu{position: absolute; top:7px;right:0}
.top_btn_area .qmenu .qmu_site{position: absolute; top:11px;right:7px}
.top_btn_area .qmubtn{margin-right: 30px}
.top_btn_area .qmubtn > p{float: left; margin-right: 7px}
.top_btn_area .qmubtn a{display: inline-block; height: 37px; line-height: 37px; padding:0 15px; border-radius: 10px 10px 0 0; background: #fff; font-size: 15px; color:#000; font-weight:600; box-sizing: border-box}
.top_btn_area .qmubtn a:hover{color:#055933}
.top_btn_area .qmubtn a span{display: inline-block; padding-top:2px}
.top_btn_area .qmu_home a span{padding-right: 17px; background:url(../images/main/ico_homearw.gif) right center no-repeat}
.top_btn_area .qmu_login a span{padding-left: 33px; background:url(../images/main/ico_login.gif) left center no-repeat}
.top_btn_area .qmu_join a span{padding-left: 27px; background:url(../images/main/ico_join.gif) left center no-repeat}

/* Visual*/
.visual_content{position: relative}
.visual {position:relative; overflow:hidden}
.visual_wrap .slick-arrow {display:none !important}
.visual_wrap .slick-dots li button, .visual_wrap .btn_visual li button{border:none; background:none; font-size:0}
.visual_wrap .visual_item{display:block !important}
.visual_wrap .visual_item > a{position: relative; display:block !important}
.visual_wrap .visual_item > a:focus-visible{outline:2px solid #000}
.visual_wrap .visual_item span.vbg_txt{height:0; width:0; line-height:0; font-size:0;text-indent:-9999999px}
/*재생,일시정지*/
.visual_wrap .btn_visual{position: absolute; left:50%; top:407px; margin:0 0 0 -583px}
.visual_wrap .btn_visual li{position: absolute; left:0; bottom:0}
.visual_wrap .btn_visual li.blind{display:none}
.visual_wrap .btn_visual button{width:16px; height:16px; margin: 0 0 0 4px; cursor:pointer}
.visual_wrap .btn_visual button.vbtn_pause{background:url(../images/main/vbtn_pause.png) 0 0 no-repeat}
.visual_wrap .btn_visual button.vbtn_pause.play{background:url(../images/main/vbtn_play.png) 0 0 no-repeat}
/*비주얼 이동 블릿*/
.slick-dots {position: absolute}
.slick-dots li {display:block; float: left; margin: 0 5px 0 0; border:2px solid #e0e0e0; border-color: rgba(0, 0, 0, 0.2); border-radius:50%; box-sizing: border-box}
.slick-dots li button{display:block; width:10px; height:10px;cursor:pointer}
.slick-dots li.slick-active {display:block; width: 14px; height: 14px; background:rgba(0, 0, 0, 0.2); border:none; border-radius:50px}

/* Poplayer */
/*팝업레이어 노출시 컨텐츠위로 가려져서 버튼클릭 안될시에는 .popup_on{display:none}/.popup_on.active {display:block} 주면됨 */
.main_openpop .pop_tit{font-size: 15px; color:#fff; font-weight: 400}
.main_openpop .popup_on.active {display:block}
.main_openpop .popup_layer_wrap{ overflow: hidden; position: relative}
.main_openpop button{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px; cursor: pointer}
.main_openpop .slick-prev,.main_openpop .slick-next{position: absolute; bottom:18px; width: 11px; height: 15px; z-index: 500}
.main_openpop .slick-prev {left:15px; background:url(../images/main/btn_layer_left.gif) 0 0 no-repeat #000}
.main_openpop .slick-next {right:15px; background:url(../images/main/btn_layer_right.gif) 0 0 no-repeat #000}
.main_openpop .popup_layer{position: relative; height: 373px; box-sizing: border-box}
.main_openpop .popup_imgsize{width: 322px; height:323px; margin: 0 auto; border-radius: 10px 10px 0 0;  background:url(../images/main/no_popup.gif) no-repeat top center}
.main_openpop .popup_imgsize img{width:322px; height:323px; border-radius: 10px 10px 0 0; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1)}
.main_openpop .popup_layer .popup_tit{position: absolute; bottom:0; left:0; width: 100%; height:50px; background: #3f3f3f; box-shadow:0 -3px 3px rgba(0, 0, 0, 0.2)}
.main_openpop .popup_layer .popup_tit a{display:block; overflow:hidden; padding: 17px 50px; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size: 14px; font-family:NSQ}
.main_openpop .popup_on{display:none}
.main_openpop .popup_on.active {display:block}

/********************************************* Layout **********************************************/
/***Content  Common***/    
.content_area{z-index: 100}

/*Quick01*/
.topquick_wrap{position: relative}
.topquick_wrap .topquick_area{position: relative; margin: 0 27px; height:140px}
.topquick_lstbox{position: relative}
.topquick_lstbox .tquick_list{position: relative; z-index: 5}
.topquick_lstbox .tquick_list li{text-align: center; z-index: 10}
.topquick_lstbox .tquick_list li a{display: block; font-size: 14px; font-weight:400; line-height: 130%; font-family:NSQ; font-size: 16px; font-weight: 600}
.topquick_lstbox .tquick_list img{margin: 0 auto}
.topquick_lstbox .tquick_list li span.tq_icon{display: block; width: 116px; height: 114px; padding-top: 26px; margin: 0 auto 5px; border-radius: 30px; background:#fff; text-align: center; box-sizing: border-box; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1)}
.topquick_lstbox .tquick_list li span.tq_tit{display: block; margin-top:15px; color:#000}
.topquick_lstbox .tquick_list li span.tq_tit.long_tit{margin-top:7px; font-size:13px}
.topquick_lstbox .tquick_list li a:hover span{transition: all .3s}
.topquick_lstbox .tquick_list li a:hover span.tq_icon{border-color:#46af3b}
.topquick_lstbox .tquick_list li a:hover span.tq_icon img{animation:effect 2s ease infinite}
.topquick_lstbox .tquick_list li a:hover span.tq_tit{font-weight: 700}
/*Quick-버튼*/
.topquick_lstbox .btn_slide{position: relative; z-index: 5}
.topquick_lstbox .btn_slide li {display: block; position: absolute; top:0}
.topquick_lstbox .btn_slide li.topquick_left{left:5px}
.topquick_lstbox .btn_slide li.topquick_right{right:5px}
.topquick_lstbox .btn_slide li button{cursor: pointer;width:15px; height:21px; border:none; background: #f00}
.topquick_lstbox .btn_slide li span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.topquick_lstbox .btn_slide .tquickpre{ background:url(../images/main/btn_tqmn_l.png) no-repeat 0 center}
.topquick_lstbox .btn_slide .tquicknext{ background:url(../images/main/btn_tqmn_r.png) no-repeat 0 center}
.topquick_lstbox .btn_slide li:first-child{margin-right:1px}

/*NOTICE(메인팝업)*/
.popup_wrap{position: relative}
.popup_wrap .tit{padding:10px 10px 28px; font-size: 25px; color:#000; letter-spacing: -.5px}
.popup_wrap .pop_item > p{width:100%; min-height: 236px; border-radius: 30px; border:1px solid #dadada; background:url(../images/main/non_notipop.jpg) no-repeat center center
; box-sizing:border-box}
.popup_wrap .pop_item > p a{overflow: hidden; display: block; width: 588px; height: 236px; margin:0 auto; border-radius: 30px; transition: all .5s}
.popup_wrap .pop_item > p a img{width: 586px; height: 236px; border-radius: 30px}
.popup_wrap .pop_item > p a:hover img{transform: scale(1.02); transition: all .5s}
.popup_wrap .pop_btnwrap{position:absolute; top:0; right:0}
.popup_wrap .pop_btnwrap ul li{float: left; margin-left: 7px}

/*Q&A*/
.qa_wrap{position: relative}
.qa_wrap .tit{padding:10px 10px 28px; font-size: 25px; color:#000; letter-spacing: -.5px}
.qa_wrap .qa_lst{padding: 33px 23px; background: #f0f8ff; border:1px solid #dae6ef; border-radius: 30px}
.qa_wrap .qa_lst ul{overflow: hidden; height:169px}
.qa_wrap .qa_lst li{position: relative; height: 24px; margin-bottom: 11px}
.qa_wrap .qa_lst li a{display:block; max-width: 55%; margin: -20px 0 0 85px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 15px; font-weight: 600}
.qa_wrap .qa_lst li p.date{position: absolute; top:5px; right:0; color:#5d5d5d; font-weight: 500}
.qa_wrap .qa_lst li:hover a, .qa_wrap .qa_lst li:hover p.date{color:#000; font-weight: 700}
.qa_wrap .qa_lst span.answer{display: inline-block; width:80px; height:24px; line-height: 24px; border-radius: 50px; background: #2c86e1; text-align: center; font-weight: 500; font-size:14px; color:#fff; box-sizing: border-box}
.qa_wrap .qa_lst span.answer01{background:none;  border:1px solid #9c9c9c; color:#000; font-weight: 700}
.qa_wrap .more{position: absolute; top:0; right:0}

/*현장 맞춤형 직무연수*/
.duty_wrap{margin-top: 66px}
.duty_wrap .tit{padding:10px 10px 33px; text-align: center; font-size: 20px; font-weight: 500; color:#000; letter-spacing: -.5px}
.duty_wrap .tit span{font-size: 26px; font-weight: 800}
.duty_wrap .dutyst_item{position: relative}
.duty_wrap .dutyst_item .duty_tit{height: 39px; margin:0 25px; padding:14px 18px; border-radius:25px 25px 0 0; background: #26353e; color:#fff; font-size: 17px; font-weight: 500; font-family:NSQ; box-sizing: border-box}
.duty_wrap .dutyst_item .dt_lst{padding: 22px; background: #fff; border-radius:30px; border:2px solid #26353e; box-sizing: border-box}
.duty_wrap .dt_lst ul li{float: left; width: 20%}
.duty_wrap .dt_lst li p{text-align: center}
.duty_wrap .dt_lst span.state_type{display:inline-block; width:75px; height: 26px; line-height: 26px; margin-bottom: 10px; border-radius: 10px; font-weight:600; font-size: 14px; color:#fff; box-sizing: border-box}
.duty_wrap .dt_lst a{display: block; font-size: 14px; font-weight: 700;color:#2a2a2a}
.duty_wrap .dt_lst a span{font-size: 16px; font-weight: 800}
.duty_wrap .dt_lst a:hover{text-decoration: underline}
/*연수신청*/
/*상태*/
.duty_wrap .dt_lst span.req_state1{background-color:#fff; border:1px solid #b4b4b4; color:#000; font-weight: 700}
.duty_wrap .dt_lst span.req_state2{background-color:#20ac44}
.duty_wrap .dt_lst span.req_state3{background-color:#ff5533}
.duty_wrap .dt_lst span.req_state4{background-color:#ae3ed8}
.duty_wrap .dt_lst span.req_state5{background-color:#2491e5}
/*건수*/
.duty_wrap .dt_lst .req_slt1 a span{color:#000}
.duty_wrap .dt_lst .req_slt2 a span{color:#20ac44}
.duty_wrap .dt_lst .req_slt3 a span{color:#ff5533}
.duty_wrap .dt_lst .req_slt4 a span{color:#ae3ed8}
.duty_wrap .dt_lst .req_slt5 a span{color:#2491e5}
/*결과제출*/
/*상태*/
.duty_wrap .dt_lst span.res_state1{background-color:#dfdfdf; color:#000}
.duty_wrap .dt_lst span.res_state2{background-color:#fff; border:1px solid #b4b4b4; color:#000; font-weight: 700}
.duty_wrap .dt_lst span.res_state3{background-color:#20ac44}
.duty_wrap .dt_lst span.res_state4{background-color:#ff5533}
.duty_wrap .dt_lst span.res_state5{background-color:#2491e5}
/*건수*/
.duty_wrap .dt_lst .res_slt1 a span{color:#000}
.duty_wrap .dt_lst .res_slt2 a span{color:#000}
.duty_wrap .dt_lst .res_slt3 a span{color:#20ac44}
.duty_wrap .dt_lst .res_slt4 a span{color:#ff5533}
.duty_wrap .dt_lst .res_slt5 a span{color:#2491e5}

/* Footer */
/*하단스타일,주소*/
#footwrap{font-family: NSQ}
.address .add_num{font-weight: 500; color:#ccc}
.address .add_num li{display: inline-block; margin:0 10px 5px 0; color:#000; font-size: 13px}
.address .add_num li:last-child{margin-bottom: 0}
.address span.num_tit{display: inline-block; width:70px; margin-right:5px; border-radius: 50px; background: #16222a; color:#fff; font-size: 11px; font-weight: 400}
.address .copy{padding:45px 0 20px; margin:15px 0 0; background-image:url(../images/main/foot_logo.gif); background-position:center top; background-repeat:no-repeat; color:#9d9d9d}

/* ========================================= MOBILE LAYOUT ========================================= */
@media only screen and (max-width:1024px) {
.skip_navi .pc_skip{display:none}
/* Mainheader */
.headerwrap {position: relative; height:34px; margin: 0 auto}
.header_top{position: absolute; top:0; left:0; width: 100%; min-width:320px; margin: 0; z-index:100}
.header_top .header_btn{position: relative; height:66px}
.headerwrap .logo_top a{position: absolute; top:47px; left:10px; width: auto; height: auto; padding: 0; margin: 0; border-radius: 0; z-index: 10} 
.top_btn_area .qmenu{position: absolute; top:7px;right:0}
.top_btn_area .qmubtn{margin-right: 0}
.top_btn_area .qmubtn > p{float: left; margin-right: 7px}
.top_btn_area .qmubtn a{display: inline-block; height: 27px; line-height: 27px; padding:0 10px; font-size: 12px; font-weight: 500}
.top_btn_area .qmubtn a span{padding-top:2px}
.top_btn_area .qmu_login a span, .top_btn_area .qmu_join a span{padding-left: 25px}
.top_btn_area .qmenu .qmu_site{position: absolute; top:44px;right:7px; z-index: 10}
.top_btn_area .qmenu .qmu_site span{display: block; width: 21px; height: 20px; background:url(../images/main/icon_sitemap_m.gif) no-repeat top left}
.top_btn_area .qmenu .qmu_site img{display: none}    
    
/* Visual */
.visual_content{position: relative; height: 363px}
.visual .visual_wrap {position: relative;  margin: 0 auto; padding-top: 56px}
.visual .visual_item{width:auto; height:902px; margin: 0 auto; /*image-rendering: pixelated*/}
.visual .item1{background:url(../images/main/v01_m25.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/v02_m25.jpg) no-repeat top center}
/*비주얼 이동 블릿-mobile*/
.slick-dots {top:200px; right:10px;  margin:0}
.slick-dots li { margin: 0 0 0 5px}
.slick-dots li{float: left}

/* Poplayer */
.main_openpop .popup_open{display:none}
.main_openpop{ position: absolute; top:55px; right:0; width: 100%; z-index:200}
.main_openpop .popup_layer{height: 392px; padding-top:20px}
.main_openpop .popup_on{display:none;width: 100%; height: 380px; margin: 0 auto; text-align: center; background:rgba(0,0,0,0.6); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1)}
/*팝업열기(모바일용)*/
.headerwrap .popup_open{position: absolute; top:7px; left:7px}
.headerwrap .popup_open a{display: block; width: 89px; height: 27px; line-height: 27px; padding:0 15px; border-radius: 10px 10px 0 0; background-image:url(../images/main/btn_layerpop_m.gif); background-position:center center; background-repeat:no-repeat; background-color:#fff; font-weight:600; box-sizing: border-box}
.headerwrap .popup_open a span{font-size: 0}
.popup_open.openact a{background-image:url(../images/main/btn_layerpop_m_a.gif)}

/* Footer */
#footwrap{background: #212f39}
#footwrap .foot_area{position:relative}
#footwrap .foot_menu{padding: 0 10px}
#footwrap .foot_menu .foot_mlst{position: relative; width: 333px; margin: 0 auto}
#footwrap .foot_menu .mb_menu{margin:0 auto; padding-left: 35px}
#footwrap .foot_menu .mb_menu li {float: left; padding:11px 13px; height: 31px; line-height: 31px; background:url(../images/main/foot_bar.gif) no-repeat left center}
#footwrap .foot_menu .mb_menu li:first-child {background:none}
#footwrap .foot_menu .mb_menu li a {display:block; color:#fff; font-size: 12px; font-weight: 300}
#footwrap .foot_menu p.foot_home{position: absolute; top:6px; left:-32px}
#footwrap .foot_menu p.foot_home a{display:block;  padding:5px 0; width: 31px; height: 31px; line-height: 31px; background:url(../images/main/foot_home.gif) no-repeat left center}
#footwrap .foot_menu p.foot_home a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
/*PC버튼*/
#footwrap .pc_menu {margin: 0 0 15px; background:#293842; border-radius: 15px; text-align:center; font-weight: 500; border: 1px solid #293842; box-shadow:0 5px 5px rgba(0, 0, 0, 0.05)} 
#footwrap .pc_menu  li a{display: block; padding: 10px 0; color:#cdd6db}
#footwrap .pc_menu  li.li_1{float: left; display:block; width:50%}
#footwrap .pc_menu  li.li_1 a{border-right:1px solid #7e8285; color:#fff}
#footwrap .pc_menu  li.li_3{float: right; margin-top: -68px; display:block; width:50%}
#footwrap .pc_menu  li.li_2{display:block; width: 100%}
#footwrap .pc_menu  li.li_2 a{margin-top: 34px; padding: 10px 0; border-top:1px solid #7e8285}
/*주소*/
#footwrap .add{background: #fff; padding: 15px 10px}
#footwrap .add .address{width:auto; line-height:160%; color:#fff; font-weight: 400; font-size: 13px; text-align: center}
#footwrap .add .address span.add_txt{display: block; margin-bottom: 10px; color:#000; font-weight: 600}
#footwrap .add .address p.copy{line-height: 140%; padding-bottom: 0; color:#9d9d9d; font-weight: 400}
#footwrap .count_box{display:none}
#footwrap .btn_admin{display:none}

/********************************************* Layout **********************************************/
/***Content  Common***/   
.mb_none{display: none}
.content_area{position: relative}
.conline01_01{margin:0 10px}
.conline02{background:url(../images/main/duty_bg_m.gif) center bottom no-repeat}
.conline02_01{margin:0 10px}

/*Quick*/
.topquick_wrap{position: relative; width:auto; height: 122px; margin:5px 10px 15px; border-bottom: 1px solid #ccc; z-index: 100}
.topquick_wrap .topquick_area{position: relative; margin: 0 45px}
.topquick_lstbox .tquick_list{position: relative; z-index: 5}
.topquick_lstbox .tquick_list li a{font-size: 13px}
.topquick_lstbox .tquick_list li a span.tq_icon{width: 79px; height: 79px; padding-top: 8px; border-radius: 20px}
.topquick_lstbox .tquick_list li a span.tq_icon img{transform: scale(0.7)}
.topquick_lstbox .tquick_list li a span.tq_icon:hover img{transform: scale(0.7)}
/*Quick-버튼*/
.topquick_lstbox .btn_slide{position: relative; z-index: 5}
.topquick_lstbox .btn_slide li {display: block; position: absolute; top:10px}
.topquick_lstbox .btn_slide li.topquick_left{left:10px}
.topquick_lstbox .btn_slide li.topquick_right{right:10px}
.topquick_lstbox .btn_slide li button{width:14px; height:20px}
.topquick_lstbox .btn_slide .tquickpre, .topquick_lstbox .btn_slide .tquicknext{background-size: 14px 20px}

/*NOTICE(메인팝업)*/
#main_popup{padding-top:0; margin:10px 0 20px}
.popup_wrap .tit{padding:10px 0 15px; font-size: 18px}
.popup_wrap .pop_item > p{min-height:122px; border-radius: 0; border:none; background:url(../images/main/non_notipop_m.jpg) no-repeat center center}
.popup_wrap .pop_item > p a{width: auto; height: auto; border-radius:25px }
.popup_wrap .pop_item > p a img{width: 100%; height: auto}
.popup_wrap .pop_btnwrap{right:0}
.popup_wrap .pop_btnwrap ul li{margin-left: 0; transform: scale(0.8)}

/*Q&A*/
.qa_wrap .tit{padding:10px 0 15px; font-size: 18px}
.qa_wrap .qa_lst{  padding: 15px; border-radius: 25px}
.qa_wrap .qa_lst ul{height:115px}
.qa_wrap .qa_lst li{margin-bottom: 5px}
.qa_wrap .qa_lst li a{margin: -17px 0 0 70px; font-size: 14px}
.qa_wrap .qa_lst li p.date{letter-spacing: -1px}
.qa_wrap .qa_lst span.answer{width:65px; font-size:13px; letter-spacing: -1px}
.qa_wrap .more{transform: scale(0.8)}

/*현장 맞춤형 직무연수*/
.duty_wrap{margin:15px 0 0; padding-bottom: 20px}
.duty_wrap .tit{padding:10px 10px 15px; font-size: 16px; font-weight: 600}
.duty_wrap .tit span{font-size: 20px; font-weight: 700}
.duty_wrap .dutyst_item:first-child{margin-bottom: 15px}
.duty_wrap .dutyst_item .duty_tit{ margin:0 18px; border-radius:25px 25px 0 0; font-size: 15px}
.duty_wrap .dutyst_item .dt_lst{padding: 10px; border-radius:20px}
.duty_wrap .dt_lst span.state_type{width:50px; font-size: 13px}
.duty_wrap .dt_lst a{font-size: 13px; font-weight: 700}
.duty_wrap .dt_lst a span{font-size: 15px}
.duty_wrap .dutyst_item .more{position: absolute; top:10px; right:40px}  
}

/* ========================================= PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
.skip_navi .mb_skip{display:none}
#wrap {min-width:1200px}
#content{position: relative}
.btn_top_pc{position: absolute; top:35px; right:50%; margin-right: -670px}

/* Mainheader */
.headerwrap {position: relative; width: 100%; height:44px; margin: 0 auto}
.logo_top {position:absolute; top:7px; left:0; z-index: 1000} 
.logo_top a{display: block; width: 206px; height: 53px; cursor:pointer}
.header_btn{position: relative; width: 1200px; height: 44px; margin: 0 auto}
.header_top{position: relative; width: 100%}

/* Visual */ 
.visual_content{height:487px; padding-top: 57px}
.visual{margin-bottom: 0; position: relative}
.visual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.visual .visual_item{display: block; width:100%; height:487px; /*image-rendering: pixelated*/}
.visual .visual_item > a{display: block; height:487px}
.visual .item1{background:url(../images/main/v01_p25.jpg) no-repeat top center}
.visual .item2{background:url(../images/main/v02_p25.jpg) no-repeat top center}
/*비주얼 이동 블릿*/
.slick-dots {left:50%; top:250px; margin:0 0 0 -305px}
    
/*Poplayer */
.content_poplayer{position: relative; z-index: 1000}
.poplayer_btn span, .main_openpop .popup_open>a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.main_openpop{position: relative}
.main_openpop .popup_on{position: absolute; top:-455px; left:18px; width: 305px}
.main_openpop .popup_layer_wrap{width: 322px; height: 373px; border-radius: 10px; box-shadow:5px 5px 3px rgba(0, 0, 0, 0.1); text-align: center}
.main_openpop .popup_open a{display:block; position: absolute; top:-500px; left:18px; width:194px; height:36px; background:url(../images/main/btn_ray_open.png) 0 0 no-repeat; z-index:1000}
.main_openpop .popup_open a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.main_openpop .popup_open.openact > a{background:url(../images/main/btn_ray_close.png) 0 0 no-repeat}
    
/********************************************* Layout **********************************************/
/***Content  Common***/   
.pc_none{display:none}
.content_area{position: relative}
.conline01{position: relative; width: 1200px; margin: 0 auto}
.conline01 .conline01_01{position: relative; margin-top: 42px}
.conline02{background:url(../images/main/duty_bg_n.gif) center bottom no-repeat}
.conline02 .conline02_01{position: relative; width: 1200px; margin: 0 auto}

/*Quick01*/
#main_topquick{position: absolute; top:-223px; left:0; width: 620px}
.topquick_lstbox .btn_slide li {margin-top:138px}

/*NOTICE(메인팝업)*/
#main_popup{width: 588px}

/*Q&A*/
#main_qalst{position: absolute; top:0; right:0; width: 588px}

/*현장 맞춤형 직무연수*/
#main_duty{padding-bottom:60px}
.duty_wrap{margin-top: 40px}
.duty_wrap .tit{padding:20px 10px 55px}
.duty_wrap .tit span{font-size: 28px; font-weight: 600}
.duty_wrap .duty_stbox > div{float: left; width:588px}
.duty_wrap .dutyst_item{position: relative; padding-top: 39px}
.duty_wrap .dutyst_item::after{content:""; clear: both; display: block; position: absolute; bottom:2px}
.duty_wrap .dutyst_item .duty_tit{position: absolute; top:0; width: 160px}
/*연수신청*/
.duty_wrap .duty_request.dutyst_item {margin-right:24px}
.duty_wrap .duty_request.dutyst_item .duty_tit{right:0}
.duty_wrap .duty_request.dutyst_item::after{left:-26px; width:185px; height: 231px; background:url(../images/main/duty_img01.png) 0 0 no-repeat}
.duty_wrap .duty_request.dutyst_item .duty_tit span{display: block; text-align: right}
.duty_wrap .duty_request .dt_lst ul{margin-left:90px}
.duty_wrap .duty_request .more{position: absolute; top:10px; right:50%; margin-right: -150px}    
/*결과제출*/  
.duty_wrap .duty_result.dutyst_item .duty_tit{left:0}
.duty_wrap .duty_result.dutyst_item::after{right:-68px; width:206px; height: 227px; background:url(../images/main/duty_img02.png) 0 0 no-repeat}
.duty_wrap .duty_result .dt_lst ul{margin-right:90px}
.duty_wrap .duty_result .more{position: absolute; top:10px; left:50%; margin-left: -150px} 

/* Footer */
/*하단스타일,주소*/
#footwrap .foot_menu{background: #293842}
#footwrap .mb_menu {display:none}
#footwrap .pc_menu{width: 1200px; margin: 0 auto; height: 62px}
#footwrap .pc_menu li {float:left; height:62px; line-height:62px; padding: 0 15px; text-align: center}
#footwrap .pc_menu li:first-child{padding-left: 0}
#footwrap .pc_menu li a { font-size:14px; color:#cdd6db; font-weight:300}
#footwrap .pc_menu li.li_1 a{font-weight: 500; color: #fff}
/*주소영역*/  
#footwrap .address br{display: none}
#footwrap .add_area{position: relative; width: 1200px; margin: 0 auto; padding-bottom:0}
#footwrap .add_area .add{font-size: 14px; line-height: 150%; padding-bottom:5px; text-align:left; font-weight: 300}
#footwrap .add_area .add br{display: none}
#footwrap .add_txt{display:block; padding:18px 0 8px; color:#000; font-size: 13px; font-weight: 600}
#footwrap .fax_num{display: block; color:#dadadb}
.address span.num_tit{display: inline-block; width: 92px; font-size: 12px; text-align: center}
.address .copy{padding:35px 0 10px; margin:10px 0 0; background-image:url(../images/main/foot_logo2025.gif); background-position:left top; background-repeat:no-repeat; color:#9d9d9d; font-size: 12px}

/*Footer_count*/ 
#footwrap .count_box {overflow: hidden; position: absolute; bottom:19px; right:0; width: 208px}
.count_box .count_tit{height: 35px; line-height: 35px; color:#000; font-weight: 600; font-size: 14px; text-align: center}
.count_box .count_tit span{display:inline-block; padding-left: 25px; background:url(../images/main/ico_count.gif) left center no-repeat}
.count_box > ul{height:87px; padding:10px; border:2px solid #d0d0d0; border-radius: 15px; box-sizing: border-box}
.count_box > ul li.today{padding:0 0 8px; margin-bottom: 8px; border-bottom: 1px solid #d0d0d0}
.count_box > ul span{display: inline-block; height: 23px; line-height: 23px;  margin-right: 10px}
.count_box > ul span.tit{float: left; width: 72px; border-radius: 50px; background: #c5c6c7; color:#293842; text-align: center; font-weight: 600}
.count_box > ul li.today span.tit{background: #51626f; color:#fff}
.count_box > ul span.num{float: right; color:#9f9f9f}
.count_box > ul li.today span.num{color:#000}
/*Admin*/
#footwrap .btn_admin{position: absolute; top:-48px; right:0}
#footwrap .btn_admin a{display: block; width:108px; height: 36px; border-radius:50px; background-image:url(../images/main/ico_admin.png); background-position: 10px center; background-repeat: no-repeat; background-color:none; border:2px solid #495a66; color: #cdd6db; font-size: 14px; font-weight: 500; box-sizing: border-box; transition: all .3s}
#footwrap .btn_admin a:hover{background-color: #495a66}
#footwrap .btn_admin a span{display: block; padding: 9px 0 9px 38px}
}

/* ========================================= LOWSET FIX ========================================= */
@media only screen and (min-width:1220px) {
/*Menu FIX*/
.top_bar_fix{position:absolute; top:0; left:0; width:100%; z-index:1000; transition:all .6s}
.fixed{position:fixed; top:0; left:0; width:100%; height: 44px; padding-bottom: 7px; background:#26353e; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); transition:all .6s}
.fixed .logo_top a{padding-top: 4px; border-radius: 50px; transition:all .6s}
.fixed .top_btn_area .qmubtn a{border-radius: 50px; transition:all .6s}
.fixed .top_btn_area .qmubtn a span{padding-top:0}
.fixed .headerwrap{background:none}
.fixed .gnb_box{border-radius: 0; background:none; box-shadow:none}
.fixed ul.gnb_list{margin:0 auto; padding: 0}
.fixed #gnb .navi_sub{top:66px}
}
/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1825px) {
.content_poplayer{display: none}
}
@media only screen and (min-width:1025px) and (max-width:1355px) {
/*현장 맞춤형 직무연수*/
.duty_wrap .dutyst_item::after{display: none}
/*연수신청*/
.duty_wrap .duty_request .dt_lst ul{margin-left:0}
/*결과제출*/  
.duty_wrap .duty_result .dt_lst ul{margin-right:0}
}
/********* TABLET LAYOUT[중간사이즈 조정 끝] *********/
/* keyframe */
@keyframes effect{
    0%,40%,100% {transform:translateY(3px)}
    20%,60% {transform:translateY(-3px)}
}