@charset "utf-8";

body {background:#f5f5f5;}
body.white {background:#fff;}

/* header - 메인 */
.header.main {padding:0 0 81px 0;background:#23b274;}
.header.main .header-top {height:50px;line-height:50px;text-align:center;}
.header.main .header-top .logo {display:inline-block;}
.header.main .header-top .logo img {width:64px;vertical-align:middle;}
.header.main .header-top .items {position:absolute;height:50px;top:0;font-size:0;}
.header.main .header-top .items.left {left:0;}
.header.main .header-top .items.right {right:0;}
.header.main .header-top .items .item {display:inline-block;}
.header.main .header-top .items .mypage {width:56px;background:url('/pub/images/layout/btn_mypage.png') no-repeat 50% 50%;background-size:20.5px 19px;text-indent:-9999px;}
.header.main .header-top .items .search {width:24px;background:url('/pub/images/layout/btn_search.png') no-repeat 50% 50%;background-size:19px 18px;text-indent:-9999px;}
.header.main .header-top .items .menu {width:50px;background:url('/pub/images/layout/btn_menu.png') no-repeat 50% 50%;background-size:18px 12px;text-indent:-9999px;}
.header.main .header-top .fix-header {z-index:9;position:relative;width:100%;height:50px;overflow:hidden;background:#23b274;}
.header.main .header-top .fix-header.fix {position:fixed;left:0;top:0;}
.header.main .header-top .fix-header.fix.onTop {top:-5px;transition:all 0.5s ease-in;}
.header.main .nav-wrap {height:44px;}
.header.main .nav-wrap .fix-nav {z-index:9;position:relative;width:100%;height:44px;overflow:hidden;background:#23b274;}
.header.main .nav-wrap .fix-nav.fix {position:fixed;left:0;top:50px;}
.header.main .nav-wrap .fix-nav.onBack {-webkit-animation: navmove2 0s;animation: navmove2 0s;}
.header.main .nav-wrap .fix-nav.onTop {z-index:11;top:0;-webkit-animation: navmove 0.6s;animation: navmove 0.6s;}
.header.main .nav-wrap .fix-nav li {float:left;width:25%;line-height:44px;text-align:center;font-size:15px;}
.header.main .nav-wrap .fix-nav li a {display:block;color:#fff;}
.header.main .nav-wrap .fix-nav li.hunjangedu span {position:relative;}
.header.main .nav-wrap .fix-nav li.hunjangedu span:before {content:'';position:absolute;left:-5px;top:-2.5px;width:3.5px;height:3.5px;background:#ffe467;border-radius:50%;}
.header.main .nav-wrap .fix-nav li.hunjangedu a {color:#ffe467;}
@-webkit-keyframes navmove {from {top:49px;}to {top: 0;}}
@keyframes navmove {from {top:49px;}to {top: 0;}}
@-webkit-keyframes navmove2 {from {top:0;}to {top: 50px;}}
@keyframes navmove2 {from {top:0;}to {top: 50px;}}

/* header - 서브2depth */
.header.sub .header-top {height:50px;line-height:50px;text-align:center;}
.header.sub .header-top .items {position:absolute;height:50px;top:0;overflow:hidden;}
.header.sub .header-top .items.left {left:0;}
.header.sub .header-top .items.right {right:0;}
.header.sub .header-top .items .item {float:left;}
.header.sub .header-top .items .mypage {width:51px;height:50px;background:url('/pub/images/layout/btn_mypage.png') no-repeat 18px 50%;background-size:20.5px 19px;text-indent:-9999px;vertical-align:top;}
.header.sub .header-top .items .htit {margin:0 0 0 2px;font-size:18px;color:#fff;vertical-align:middle;}
.header.sub .header-top .items .home {width:50px;background:url('/pub/images/layout/btn_home.png') no-repeat 50% 50%;background-size:23.5px 21px;text-indent:-9999px;}
.header.sub .header-top .items .search {width:24px;background:url('/pub/images/layout/btn_search.png') no-repeat 50% 50%;background-size:19px 18px;text-indent:-9999px;}
.header.sub .header-top .items .menu {width:50px;background:url('/pub/images/layout/btn_menu.png') no-repeat 50% 50%;background-size:18px 12px;text-indent:-9999px;}
.header.sub .header-top .fix-header {z-index:9;position:relative;width:100%;height:50px;overflow:hidden;background:#23b274;}
.header.sub .header-top .fix-header.fix {position:fixed;left:0;top:0;transition:all 0.5s ease-in;}
.header.sub .header-top .fix-header.fix.onTop {top:-8px;}
.sub-nav-wrap {position:relative;height:44px;overflow:hidden;}
.sub-nav-wrap .fix-nav {z-index:13;position:relative;width:100%;overflow:hidden;background:#fff;border-bottom:1px solid #f5f5f5;}
.sub-nav-wrap .fix-nav.fix {position:fixed;left:0;}
.sub-nav-wrap .fix-nav.onBack {-webkit-animation: mymove2 0.5s;animation: mymove2 0.5s;}
.sub-nav-wrap .fix-nav.onTop {top:0;-webkit-animation: mymove 0.5s;animation: mymove 0.5s;}
.sub-nav-wrap .fix-nav li {float:left;width:25%;line-height:44px;text-align:center;font-size:15px;box-sizing:border-box;}
.sub-nav-wrap .fix-nav li a {display:block;color:#4d4d4d;}
.sub-nav-wrap .fix-nav li.on a {color:#23b274;font-weight:bold;}
.sub-nav-wrap .fix-nav li span {display:inline-block;position:relative;}
.sub-nav-wrap .fix-nav li.on span:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#23b275;}
@-webkit-keyframes mymove {from {top:49px;}to {top: 0;}}
@keyframes mymove {from {top:49px;}to {top: 0;}}
@-webkit-keyframes mymove2 {from {top:0;}to {top: 50px;}}
@keyframes mymove2 {from {top:0;}to {top: 50px;}}

/* header - 서브3depth */
.aline-title-wrap {position:relative;height:50px;}
.aline-title-wrap.noFix .aline-title {position:relative;}
.aline-title {z-index:16;position:fixed;top:0;left:0;width:100%;background:#fff;}
.aline-title.ty2 {padding:0 45px 0 45px;background:#23b274;box-sizing:border-box;}
.aline-title .back {position:absolute;left:0;top:0;width:45px;height:100%;background:url('/pub/images/layout/btn_back.png') no-repeat 15px 50%;background-size:10px 17px;text-indent:-9999px;cursor:pointer;}
.aline-title .btn-close {position:absolute;right:0;top:0;width:50px;height:50px;background:url('/pub/images/layout/btn_side_close.png') no-repeat 50% 50%;background-size:18px 18px;text-indent:-9999px;}
.aline-title .title {height:50px;line-height:50px;padding:0 0 0 15px;font-size:18px;color:#372c2c;}
.aline-title.ty2 .title {padding:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aline-title.ty2 .home {position:absolute;right:0;top:0;width:50px;height:50px;background:url('/pub/images/layout/btn_home.png') no-repeat 50% 50%;background-size:23.5px 21px;text-indent:-9999px;}
/* header - 이력서상세 */
.aline-title .rs-save {position:absolute;right:0;top:0;width:50px;height:50px;}
.aline-title .rs-save .ico {display:block;margin:0 auto;background:url('/pub/images/common/btn_scrap_white.png') no-repeat 50% 50%;background-size:16px 15.5px;}
.aline-title .rs-save.on .ico {background:url('/pub/images/common/btn_scrap_on.png') no-repeat 50% 50%;background-size:16px 15.5px;}
.aline-title .rs-save .txt {display:block;height:0;text-indent:-9999px;}

/* footer */
.footer-ty1 {padding:0 0 40px 0;background:#f5f5f5;}
.footer-ty1 .util-list {width:100%;background:#f9f9f9;overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.footer-ty1 .util-list li {float:left;width:25%;height:35px;line-height:35px;vertical-align:middle;text-align:center;border-left:1px solid #eee;box-sizing:border-box;}
.footer-ty1 .util-list li:first-child {border-left:0;}
.footer-ty1 .util-list li a {display:block;font-size:13px;color:#7b7b7b;}
.footer-ty1 .info-list {margin:24px 0 0 0;text-align:center;font-size:0;}
.footer-ty1 .info-list li {position:relative;display:inline-block;margin:0 0 0 9px;padding:0 0 0 9px;font-size:13px;}
.footer-ty1 .info-list li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#e4e4e4;}
.footer-ty1 .info-list li:first-child {margin:0;padding:0;}
.footer-ty1 .info-list li:first-child:before {width:0;}
.footer-ty1 .info-list li a {color:#aaa;}
.footer-ty1 .addr-wrap {margin:20px 0 0 0;}
.footer-ty1 .addr-wrap .copy {text-align:center;}
.footer-ty1 .addr-wrap .copy span {padding:0 12px 0 0;font-size:13px;color:#aaa;font-weight:bold;background:url('/pub/images/layout/arr_footlogo_off.png') no-repeat 100% 50%;background-size:8px 5px;cursor:pointer;}
.footer-ty1 .addr-wrap.on .copy span {background:url('/pub/images/layout/arr_footlogo_on.png') no-repeat 100% 50%;background-size:8px 5px;}
.footer-ty1 .addr-wrap .addr-box {display:none;margin:12px 15px 0;padding:13px 15px;background:#e6e6e6;border:1px solid #e1e1e1;font-size:11px;color:#7b7b7b;line-height:15px;}
.footer-ty1 .addr-wrap.on .addr-box {display:block;}
.fTerm {display:block;height:15px;}

/* aside */
.aside-notScroll{position:fixed;overflow:hidden;width:100%;height:100%;-webkit-overflow-scrolling:touch;}
.aside-wrap {z-index:15;position:fixed;right:-100%;top:0;bottom:0;width:100%;height:100%;transition:all 0.5s cubic-bezier(0.420, 0.000, 0.580, 1.000) 0s;-webkit-transition:all 0.5s cubic-bezier(0.420, 0.000, 0.580, 1.000) 0s;-moz-transition:all 0.5s cubic-bezier(0.420, 0.000, 0.580, 1.000) 0s;-o-transition:all 0.5s cubic-bezier(0.420, 0.000, 0.580, 1.000) 0s;-ms-transition:all 0.5s cubic-bezier(0.420, 0.000, 0.580, 1.000) 0s;}
.aside-wrap.show {right:0;overflow-y:auto;overflow-x:hidden;background:#f5f5f5;}
.aside-wrap.show .aside-head {z-index:16;position:sticky;top:0;left:0;background:#f5f5f5;}
.aside-wrap .aside-head .btn-close {position:absolute;right:0;top:0;width:50px;height:50px;background:url('/pub/images/layout/btn_side_close.png') no-repeat 50% 50%;background-size:18px 18px;text-indent:-9999px;}
.aside-wrap .aside-head .aside-title {height:50px;line-height:50px;padding:0 0 0 15px;font-size:20px;color:#372c2c;}
.aside-wrap .aside-body {padding:0 0 30px 0;background:#f5f5f5;}
.aside-wrap .amenu-wrap {margin:9px 0 0 0;background:#fff;border-top:1px solid #fefefe;}
.aside-wrap .amenu-wrap .amenu {position:relative;display:block;height:50px;line-height:50px;padding:0 15px;font-size:15px;color:#252525;font-weight:700;}
.aside-wrap .amenu-wrap .amenu:before {content:'';position:absolute;right:15px;top:0;width:7px;height:50px;background:url('/pub/images/layout/btn_side_arr.png') no-repeat 50% 50%;background-size:7px 12px;}
.aside-wrap .amenu-wrap .submenu {border-bottom:1px solid #eaeaea;overflow:hidden;margin:0 -1px 0 0;}
.aside-wrap .amenu-wrap .submenu li {float:left;width:50%;height:45px;line-height:45px;font-size:15px;border-top:1px solid #f1f1f1;border-right:1px solid #f1f1f1;box-sizing:border-box;}
.aside-wrap .amenu-wrap .submenu li a {display:block;padding:0 15px;color:#565656;}

/* 서브레이아웃 */
.section-sub {padding:0 0 12px 0;}
.section-sub.ty1 {padding:0;}
.section-sub .sec-in {margin:0 15px;}
.section-sub .sec-in.ty1 {margin-top:15px;}
.section-sub .sec-in .cmn-sec-head {font-size:14px;color:#4d4d4d;font-weight:bold;}
.section-sub .sec-in .cmn-sec-head .stxt {padding:0 0 0 9px;font-size:12px;color:#7d7d7d;font-weight:normal;}

/* 위로 */
.btn-goTop {z-index:10;position:fixed;right:0;bottom:60px;}