@charset "utf-8";
/* index */
.youthJob_index {position:relative; margin:120px auto; width:1000px}
.youthJob_index .btn_group {position:absolute; right:0; top:-2px}
.youthJob_index .btn_group:after {display:block; clear:both; content:""}
.youthJob_index .btn_group a {display:inline-block}
.youthJob_index .btn_group a.name {position:relative}
.youthJob_index .btn_group .mymenu {position:absolute; right:69px; top:21px; padding:5px 0 8px 8px; min-width:85px; border:1px solid #d5d8de; background:#fff; text-align:left; z-index:1}
.youthJob_index .btn_group .mymenu a {display:block; margin-top:4px}
.youthJob_index .btn_group .mymenu a:before {display:inline-block; margin-right:5px; width:2px; height:2px; background:#aaa; vertical-align:3px; content:""}
.youthJob_index h1 img {width:135px}
.youthJob_index .menu_wrp {margin-top:38px; overflow:hidden}
.youthJob_index .menu {position:relative; float:left; padding:26px 0 0 57px;width:443px; height:362px; background:#5988bb}
.youthJob_index .menu.digital {background:#3a78bb url(/images/youthJob/contents/bg_youth.png) right bottom no-repeat}
.youthJob_index .menu.job {background:#7db640 url(/images/youthJob/contents/bg_job.png) 0 bottom no-repeat}
.youthJob_index .menu .tit {display:block; margin-bottom:18px; font-size:36px; font-weight:bold; color:#fff}
.youthJob_index .menu .txt {margin-left:0; line-height:20px; font-size:16px; color:#fff; letter-spacing:-1px}
.youthJob_index .menu .link_grp {position:absolute; left:57px; top:188px}
.youthJob_index .menu a {display:inline-block; padding-right:21px; background:url(/images/youthJob/contents/ico/ico_link_arrow.png) right center no-repeat; color:#fff}
.youthJob_index .menu .intro {display:inline-block; margin-bottom:23px; padding-right:13px; border:1px solid #fff}
.youthJob_index .menu .intro a {padding-left:10px; line-height:43px; font-size:24px}
.youthJob_index .menu .intro a:hover, .youthJob_index .menu .intro a:focus {text-decoration:none}
.youthJob_index .menu .link {font-size:20px}
.youthJob_index .menu .link + .link {margin-top:22px}
.youthJob_index .footer {margin-top:35px; text-align:center}

/* layout */
#wrap, #container {position:relative; width:100%}
#skipNav {position:relative; width:100%; z-index:2; overflow:hidden}
#skipNav a {display:block; padding:0 10px; height:1px; overflow:hidden; color:#444; text-align:center; margin-bottom:-1px}
#skipNav a:hover, #skipNav  a:focus, #skipNav  a:active {background:#f2f2f2; border:1px solid #ddd; height:auto}
#content {position:relative; padding-top:58px; padding-bottom:100px; margin:0 auto; width:910px; font-size:14px}
#header {width:100%}
#header .inner {position:relative; margin:0 auto; padding-top:23px; width:910px; height:76px}
#header h1 a {display:inline-block}
#header .global {position:absolute; right:0; top:47px}
#header .global:after {display:block; clear:both; content:""}
#header .global li {float:left; font-size:12px}
#header .global li a {position:relative; display:inline-block; color:#000}
#header .global li a:after {display:inline-block; margin:0 12px 0 8px; width:1px; height:10px; background:#d4d4d4; vertical-align:-2px; content:""}
#header .global li.last a:after {display:none; margin:0}
#header .global li.user > span {position:relative}
#header .global li.user span a.name:after, #header .global li.user .mymenu a:after {display:none}
#header .global li.user span a strong {letter-spacing:0}
#header .global li.user span img {vertical-align:-2px}
#header .global li.user .mymenu {position:absolute; right:69px; top:21px; padding:9px 0 8px 8px; min-width:85px; border:1px solid #d5d8de; background:#fff; z-index:1}
#header .global li.user .mymenu a {display:block; margin-bottom:4px}
#header .global li.user .mymenu a:before {display:inline-block; margin-right:5px; width:2px; height:2px; background:#aaa; content:""; vertical-align:3px}
#header #gNavi {position:relative}
#header #gNavi .menu {width:910px; margin:0 auto; overflow:hidden}
#header #gNavi .menu01 {padding-left:34px; width:187px}
#header #gNavi .menu02 {width:192px}
#header #gNavi .menu03 {width:184px}
#header #gNavi .menu li {float:left}
#header #gNavi .menu li a {display:inline-block; padding-top:5px; height:36px; font-size:16px; font-weight:bold; color:#333}
#header #gNavi .menu li a:hover, #header #gNavi .menu li a:focus {text-decoration:none}
#header #gNavi .sub_menuWrp {display:none; position:absolute; left:0; top:36px; width:100%; border-top:1px solid #e0e7ef; z-index:10}
#header #gNavi.active {height:100%; border-bottom:0}
#header #gNavi.active .sub_menuWrp {display:block; padding:21px 0 14px; border-bottom:3px solid #415cab; background:#fff}
#header #gNavi .sub_menuWrp > div {margin:0 auto; width:910px; overflow:hidden}
#header #gNavi .sub_menuWrp ul {float:left}
#header #gNavi .sub_menuWrp h2 {overflow:hidden; margin:-1px 0 0 0 !important; padding:0 !important; height:1px !important; width:1px !important; background:none !important; text-indent:-9999px; color:#fff}
#header #gNavi .sub_menuWrp ul li {margin:0 8px 7px}
#header #gNavi .sub_menuWrp ul li a {display:inline-block; color:#333}
#header #gNavi .sub_menuWrp ul li a:hover, #header #gNavi .sub_menuWrp ul li a:focus {color:#3a78bb}
#header #gNavi .sub_menuWrp ul li a.link {position:relative; padding-right:11px; background:url(/images/youthJob/contents/ico/ico_link.png) right 2px no-repeat}

#location {width:100%; height:47px; background:#415cab}
#location .inner {position:relative; margin:0 auto; width:910px}
#location .inner:after, #location .path:after {display:block; clear:both; content:""}
#location .home {display:block; float:left; width:43px; height:47px; border-left:1px solid #677dbc; border-right:1px solid #677dbc; background:url(/images/youthJob/layout/ico_home.png) center center no-repeat}
#location a, #location span {display:block; height:100%; line-height:47px; color:#fff; font-size:14px}
#location span.bg {background:#677dbc}
#location .path {float:left; height:47px}
#location .depth1 {float:left; padding:0 31px 0 10px; min-width:145px; padding-right:31px}
#location .depth2 {display:flex; flex-direction:column; align-items: flex-start; position:relative; float:left}
#location .depth2 a {color:#4c4c4c; min-width:147px}
#location .depth2 a.on {position:relative; display:block; padding:0 40px 0 10px; border-left:1px solid #677dbc; border-right:1px solid #677dbc; background:#677dbc; color:#fff}
#location .depth2 a.on:after {position:absolute; right:17px; top:21px; display:block; width:7px; height:6px; background:url(/images/youthJob/layout/btn_location.png) 0 0 no-repeat; content:""}
#location .depth2.active a.on:after {background:url(/images/youthJob/layout/btn_location.png) 0 -10px no-repeat}
#location .depth2 a:hover, #location .depth2 a:focus {text-decoration:none; background:#677dbc; color:#fff}
#location .depth2.active ul {display:block}
#location .depth2 ul {display:none; position:relative; left:0; top:0; width:100%; border:1px solid #677dbc; border-top:none; box-sizing:border-box; z-index:5}
#location .depth2 ul li {border-top:1px solid #677dbc; background:#fff}
#location .depth2 ul li:first-child {border-top:none}
#location .depth2 ul li a {padding:0 10px; height:39px; line-height:39px}

#footer {border-top:1px solid #bebebe; background:#fff}
#footer .family_site:after {content:""; display:block; clear:both}
#footer .family_site #bannerScreen {float:left; position:relative; width:480px; height:38px; border:1px solid #d7d7d7; border-right:none}
#footer .family_site .clsBannerScreen {width:100%; height:100%; overflow:hidden}
#footer .family_site .clsBannerScreen .images {position:relative; left:1px; width:100%; height:100%; overflow:hidden}
#footer .family_site .clsBannerScreen .images a {display:inline-block; float:left; margin-left:-1px; padding-left:1px; width:120px; background:url(/images/common/layout/bg_foot_banner.gif) 0 0 repeat-y}
#footer .family_site .clsBannerScreen .images img {width:120px; height:38px}
#footer .family_site .ban_ctrl {float:left; width:40px; border:1px solid #ccc; background:#fafafa}
#footer .family_site .ban_ctrl .clsBannerButton {padding:0; width:40px; height:18px; border-bottom:1px solid #ccc; background:#fafafa; text-align:center}
#footer .family_site .ban_ctrl .clsBannerButton a {display:inline-block; width:7px; height:18px; background:url(/images/common/layout/btn_stop.gif) 0 center no-repeat; text-indent:-5000px; vertical-align:middle}
#footer .family_site .ban_ctrl .clsBannerButton a.prev {background-image:url(/images/common/layout/btn_prev.gif)}
#footer .family_site .ban_ctrl .clsBannerButton a.btn-play {background-image:url(/images/common/layout/btn_play.gif)}
#footer .family_site .ban_ctrl .clsBannerButton a.next {background-image:url(/images/common/layout/btn_next.gif)}
#footer .family_site .ban_ctrl a.btn_more {display:inline-block; padding:4px 8px 0 2px; height:15px; background:url(/images/common/layout/ico_foot_more.gif) right 6px no-repeat; font-size:11px; letter-spacing:-1px; color:#666}
#footer .family_site .family select {width:138px; height:20px; border:1px solid #d1d1d1; vertical-align:top}
#footer .family_site .family a {display:inline-block; padding:0 5px 0 4px; height:18px; line-height:19px; border:1px solid #c2c2c2; background:#fafafa; font-size:11px; font-family:Dotum, "돋움"; color:#666; letter-spacing:-1px}
#footer .family_site .sns {margin-top:4px; text-align:right}
#footer .family_site .sns span {display:inline-block; padding-top:4px; color:#333; font-size:11px; vertical-align:top}
#footer .family_site .sns span strong {color:#0046b9}
#footer #footin_wrap {padding-bottom:30px; background:#fff}
#footer #footin_wrap .footin {border-bottom:1px solid #d8d8d8}
#footer #footin_wrap .footin .link {position:relative; margin:0 auto; width:910px}
#footer #footin_wrap .footin ul {overflow:hidden}
#footer #footin_wrap .footin ul li {float:left; margin-right:16px; padding:12px 0 11px}
#footer #footin_wrap .footin ul li a {display:inline-block; color:#777; font-family:NanumGothicBold; letter-spacing:-1px}
#footer #footin_wrap .footin ul li a:hover {text-decoration:none; color:#0368b8}
#footer #footin_wrap .footin .link .family {position:absolute; right:0; top:9px}
#footer #footin_wrap .foot_btm {position:relative; margin:0 auto; padding-top:22px; width:910px; overflow:hidden}
#footer #footin_wrap .foot_btm .logo {float:left; margin:0 18px 0 0; padding:9px 19px 0 0; height:51px; border-right:1px solid #d6d6d6}
#footer #footin_wrap .foot_btm address {margin-bottom:5px; font-style:normal; font-family:NanumGothicBold; color:#000}
#footer #footin_wrap .foot_btm .copyright {margin-bottom:6px}

/*popup*/
#popup {position:relative; width:100%; height:100%; background-color:#fff; font-size:14px}
#popup .pop-header {margin:0; padding:0 20px; height:56px; background-color:#2c5b91;}
#popup .pop-header h1 {margin:0; padding:0; color:#fff; line-height:56px; overflow:hidden; width:100%; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis}
#popup .pop-container {position:relative; padding:30px 20px}
#popup .btn-close-popup {display:block;position:absolute; right:20px; top:19px; margin:0; padding:0; width:17px; height:17px; border:0; background:url('/images/youthJob/contents/btn/btn-close-popup.png') no-repeat center; overflow:hidden; vertical-align:middle; text-indent:-9999px}
#popup .btn-group {position:relative; padding:30px 0 0 0}
#popup .btn-group .button {display:inline-block; padding:0 20px; min-width:90px; height:36px; line-height:34px; font-weight:bold; vertical-align:middle; font-size:14px}
#popup .btn-group .button.blue {background:#3683c3; color:#fff}
#popup .btn-group .button.navy {background:#41506e; color:#fff}
#popup td {font-size:14px}

/* layerPopup(20200723 추가) */
#popup.layer_pop * {box-sizing:border-box}
#popup.layer_pop {position:absolute; background-color:#fff; font-size:14px; box-sizing:border-box; z-index:2}
#popup.layer_pop .title {display:block; margin:0; padding:0 20px; height:56px; background-color:#2c5b91; color:#fff; line-height:56px; overflow:hidden; width:100%; font-size:20px; font-family:NanumGothicBold; white-space:nowrap; text-overflow:ellipsis}
#popup.layer_pop .title:after {display:none}
#popup.layer_pop .pop-container {border:2px solid #2c5b91; border-top:none; background:#fff}

/* contents */
h3 {position:relative; padding-top:18px; margin-bottom:40px; font-size:34px; color:#000; font-family:NanumGothicBold; letter-spacing:-0.5px; text-align:center}
h3:before {position:absolute; left:50%; top:0; display:block; margin-left:-28.5px; width:57px; height:5px; background:#000; content:""}
h4 {position:relative; margin-top:49px; padding-left:33px; min-height:23px; font-size:18px; font-family:NanumGothicBold; color:#000}
h4:before {position:absolute; left:0; top:1px; display:block; width:22px; height:22px; background:url(/images/youthJob/contents/bul_h4.png) 0 0 no-repeat;content:""}
h3 + h4 {margin-top:0}
.txt {margin-left:8px; line-height:24px}
h4 + .txt {margin-top:17px}
h5 {position:relative; margin:48px 0 10px; padding-left:11px; font-size:16px; font-family:NanumGothicBold; color:#000}
h5:before {position:absolute; left:0; top:5px; display:block; width:5px; height:9px; background:url(/images/youthJob/contents/bul_h5.png) 0 0 no-repeat; content:""}
.tab + h5, .tab + .h-wrp.h5 {margin-top:26px}
.text_area {padding:22px 6px 36px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:25px; color:#000}
.h-wrp {position:relative}
.h-wrp .pos-r {position:absolute; right:0; top:0}
.h-wrp .pos-r input[type="checkbox"] {vertical-align:-5px}

/* btn */
.btn_group {margin-top:40px; text-align:right}
.btn_srchGry {display:inline-block; padding-left:5px; height:38px; background:url(/images/youthJob/contents/btn/btn_tblLeft.png) 0 0 no-repeat}
.btn_srchGry span {display:inline-block; padding:0 10px 0 6px; height:38px; line-height:38px; background:url(/images/youthJob/contents/btn/btn_tblRight.png) right 0 no-repeat; color:#fff; font-family:NanumGothicBold}
.btn_srch_blue {width:97px; height:57px; background:url(/images/youthJob/contents/btn/btn_srch_h57.png) 0 0 no-repeat}
.btn_srch_blue_sm {width:97px; height:37px; background:url(/images/youthJob/contents/btn/btn_srch_h37.png) 0 0 no-repeat}
.btn_rnd {display:inline-block; padding-left:12px; height:24px; background:url(/images/youthJob/contents/btn/btn_rndLeft.png) 0 0 no-repeat}
.btn_rnd em {display:inline-block; padding-left:5px; padding-right:18px; height:24px; line-height:24px; background:url(/images/youthJob/contents/btn/btn_rndRight.png) right 0 no-repeat; color:#4c4c4c; font-size:14px; font-family:NanumGothicBold; letter-spacing:-1px}
.btn_rnd.sky {background:url(/images/youthJob/contents/btn/btn_rndLeft.png) 0 -30px no-repeat}
.btn_rnd.sky em {background:url(/images/youthJob/contents/btn/btn_rndRight.png) right -30px no-repeat; color:#3a78bb}
.btn_rnd.blue {background:url(/images/youthJob/contents/btn/btn_rndLeft.png) 0 -60px no-repeat}
.btn_rnd.blue em {background:url(/images/youthJob/contents/btn/btn_rndRight.png) right -60px no-repeat; color:#fff}
.btn_rnd.h_42 {padding-left:20px; height:42px; background:url(/images/youthJob/contents/btn/btn_rndLeft.png) 0 0 no-repeat}
.btn_rnd.h_42 em {padding-left:0; padding-right:20px; height:42px; line-height:42px}
.btn_rnd.sky.h_42 {background:url(/images/youthJob/contents/btn/btn_rndLeft_h42.png) 0 0 no-repeat}
.btn_rnd.sky.h_42 em {background:url(/images/youthJob/contents/btn/btn_rndRight_h42.png) right 0 no-repeat}
.btn_rnd.blue.h_42 {background:url(/images/youthJob/contents/btn/btn_rndLeft_h42.png) 0 -60px no-repeat}
.btn_rnd.blue.h_42 em {background:url(/images/youthJob/contents/btn/btn_rndRight_h42.png) right -60px no-repeat}
.btn_btm {display:inline-block; padding:0 15px; min-width:117px; height:37px; line-height:35px; border:1px solid #d0d0d0; background:#fff; color:#000; font-family:NanumGothicBold; text-align:center; font-size:14px; box-sizing:border-box}
input.btn_btm.blue {min-width:117px; height:37px; line-height:37px; font-size:14px; vertical-align:top}
.btn_btm.blue {border:1px solid #415cab; background:#415cab; color:#fff !important}
.btn_btm.gray {border:1px solid #d0d0d0; background:#eee}
.btn_btm:hover, .btn_btm:focus {text-decoration:none}
.btn_btm + .btn_btm {margin-left:2px}
.btn_ico {position:relative; display:inline-block; padding:0 8px 0 21px; height:25px; line-height:23px; border:1px solid #d5dde6; background:#fff; font-size:12px; font-family:NanumGothicBold; letter-spacing:-0.5px; color:#757f8a !important; text-decoration:none !important; box-sizing:border-box}
.btn_ico .list, .btn_ico .info {line-height:23px}
.btn_ico .list:before {position:absolute; left:7px; top:6px; display:block; width:9px; height:9px; background:url(/images/youthJob/contents/btn/btn_ico.png) 0 0 no-repeat; content:""}
.btn_ico .info:before {position:absolute; left:7px; top:6px; display:block; width:10px; height:10px; background:url(/images/youthJob/contents/btn/btn_ico.png) 0 -15px no-repeat; content:""}
.btn_ico:hover, .btn_ico:focus {text-decoration:none}
.btn_ico.fr {margin-top:-17px; margin-bottom:10px}
.btn_ico.fr:after {display:block; clear:both; content:""}
.btn_ico.basic {padding-left:8px; font-family:NanumGothic}
.btn_ico.blue {border:1px solid #415cab; background:#415cab; color:#fff !important}
.btn_rndBlue {display:inline-block; padding-left:5px; height:37px; line-height:37px; background:url(/images/youthJob/contents/btn/btn_rndBlue_Left.png) 0 0 no-repeat}
.btn_rndBlue em {display:inline-block; padding-right:4px; min-width:88px; height:37px; line-height:37px; background:url(/images/youthJob/contents/btn/btn_rndBlue_Right.png) right 0 no-repeat; font-size:16px; font-family:NanumGothicBold; color:#fff}
.btn_wht {display:inline-block; padding:0 8px 0 9px; height:30px; line-height:28px; border:1px solid #c5cbd2; background:#fff; color:#fff; font-family:NanumGothicBold; color:#000; letter-spacing:-0.5px; font-size:13px; box-sizing:border-box}
.btn_wht.del {width:66px; color:#575757}
.btn_wht.add {padding:0 12px}
.btn_wht.add span:before {display:inline-block; margin-right:3px; width:8px; height:8px; background:url(/images/youthJob/contents/btn/btn_ico.png) 0 -30px no-repeat; content:""}
.btn_wht:hover, .btn_wht:focus {text-decoration:none}
.btn_link {position:relative; display:inline-block; padding:0 25px 0 8px; height:18px; line-height:17px; border:1px solid #d5dde6; background:#fff; font-size:12px; color:#636363}
.btn_link:after {position:absolute; right:5px; top:3px; display:block; width:12px; height:12px; background:url(/images/youthJob/contents/ico/ico_link02.gif) 0 0 no-repeat; content:""}
.btn_link:hover, .btn_link:focus {text-decoration:none}
.calendar_wrap button {margin:-2px 0 0 -21px !important; width:21px !important; height:13px !important; background:url(/images/youthJob/contents/ico/ico_calendar.png) 0 0 no-repeat !important; vertical-align:middle !important}

/* icon(20180129 추가) */
span.icon {display:inline-block; padding:0 3px 0 4px; margin-right:3px; height:14px; line-height:16px; border:1px solid #000; background:#fff; font-size:11px; font-family:Dotum,"돋움"; letter-spacing:-0.5px}
span.icon.future {border:1px solid #00aeeb; color:#00aeeb}
span.icon.tech {border:1px solid #6db430; color:#6db430}
span.icon.smgiant {border:1px solid #f46523; color:#f46523}
span.icon.venture {border:1px solid #00aeeb; color:#00aeeb}
span.icon.super {border:1px solid #974dfa; color:#974dfa}
span.icon.etc {border:1px solid #999; color:#999}

/* table */
table  td .new {display:inline-block; margin:3px 0 0 5px; vertical-align:top}
table .ref {font-size:12px; color:#1665bc}
table .req {color:#415cab; font-weight:bold}
h4 + table {margin-top:17px}
table.bt_1 {border-top:1px solid #e0e0e0 !important} /* 20220107추가 */
.tbl_list {border-top:3px solid #000}
.tbl_list th, .tbl_list td {padding:10px 0 9px; line-height:21px; border-left:1px solid #dedede; border-bottom:1px solid #dedede}
.tbl_list th {text-align:center; font-family:NanumGothicBold}
.tbl_list td {padding-left:30px}
.tbl_list td.ac {padding-left:0}
.tbl_list thead th {background:#f4f6f6}
.tbl_list tr th:first-child, .tbl_list tr td:first-child {border-left:none}

.srch_total {margin:59px 0 23px 8px; color:#000}
.srch_total strong {color:#415cab}
.tbl_srchLi {border-top:2px solid #262626}
.tbl_srchLi thead th {border-bottom:1px solid #262626; color:#000; font-family:NanumGothicBold; text-align:center}
.tbl_srchLi th, .tbl_srchLi td {padding:15px 0; line-height:20px}
.tbl_srchLi td {padding:15px 10px; border-bottom:1px solid #dedede; font-size:13px; text-align:center}
.tbl_srchLi td .link {font-family:NanumGothicBold; font-size:14px; letter-spacing:-0.5px}

.tbl_view {border-top:3px solid #37393c}
.tbl_view .bl {border-left:1px solid #e0e0e0}
.tbl_view thead th {padding:14px 0 15px; border-bottom:1px solid #e0e0e0; background:#eff0f3; color:#000; font-family:NanumGothicBold; text-align:center}
.tbl_view thead th.title {padding:13px 10px 18px; font-size:18px; background:#fff; text-align:left}
.tbl_view thead.bg_wh th {border-bottom:1px solid #262626; background:#fff}
.tbl_view tbody th {background:#eff0f3; text-align:center; font-family:NanumGothicBold}
.tbl_view tbody th, .tbl_view td {padding:11px 0 13px; line-height:20px; border-bottom:1px solid #e0e0e0; color:#000}
.tbl_view td {padding:11px 15px 13px}
.tbl_view td.bl {border-left:1px solid #e0e0e0}
.tbl_view td .lh30 {line-height:30px}
.tbl_view td.text {padding:50px 23px 60px; line-height:25px; font-size:14px; color:#000}
.tbl_view td .file_group {display:block; font-size:13px}
.tbl_view td .file_group a {display:block}
.tbl_view td .file_group a + a {margin-top:3px}
.tbl_view td .file_group a img {padding-left:8px; vertical-align:-3px}
.tbl_view td .file_group a:hover, .tbl_view td .file_group a:focus {color:#415cab}
.tbl_view td span {display:inline-block; margin-right:8px; line-height:30px}
.tbl_view + .tbl_view {margin-top:10px; border-top:1px solid #d4d5d8}
.tbl_view + .tbl_view.mt0 {margin-top:0; border-top:none}
.tbl_view + .tbl_view.ty2 {margin-top:20px; border-top:3px solid #37393c}
.tbl_view td span.icon {display:inline-block; margin-right:3px; height:14px; line-height:16px} /* 20180129 추가 */

h4 + .view_info {margin-top:17px}
.view_info {border-top:2px solid #242425; border-bottom:1px solid #d8d8d8; clear:both}
/* 20200723 추가 start */
.view_info .tit-wrp {position:relative; }
.view_info .tit {position:relative; display:block; padding:14px 10px 15px 20px; width:100%; background:#f3f4f6; font-size:16px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
.view_info .tit-wrp .pos_r {position:absolute; right:10px; top:50%; margin-top:-12px}
.view_info > li + li {border-top:2px solid #242425}
.view_info li div.cont {position:relative; padding:18px 0 2px}
.view_info li div.cont .btn_rnd {position:absolute; right:23px; top:50%; margin-top:-12px}
.view_info li div.cont .btn_rnd.h_42 {margin-top:-21px}
.view_info li div.cont .btn_ico {position:absolute; right:23px; top:50%; margin-top:-12px}
.view_info ul {position:relative; margin-left:20px; width:760px; overflow:hidden}
.view_info ul:after {position:absolute; right:0; top:0; display:block; width:1px; height:calc(100% - 20px); background:#d5dde6; content:""}
.view_info ul.bn:after {display:none}
.view_info ul.w160 li {width:160px}
.view_info ul.w160 li:first-child {width:100%}
.view_info ul li {float:left; margin-right:30px; margin-bottom:17px; /*min-width:205px;*/ font-size:13px; color:#000}
.view_info ul li strong {display:inline-block; padding-right:11px; color:#777980; font-family:NanumGothic; letter-spacing:0}
.view_info ul li strong:after {display:inline-block; margin-left:8px; width:1px; height:12px; background:#c5c5c5; vertical-align:-2px; content:""}
.view_info ul li span em {font-family:NanumGothicBold}
.view_info ul li span em.blue {color:#415cab !important}
.view_info ul.w82 {width:82%}
.view_info ul.w84 {width:84%}
.view_info ul.w100 {margin-left:10px; width:900px}
.view_info ul.w100.nodata {margin:0 10px 16px; text-align:center}
.view_info ul.w100.nodata li {float:none; margin:0}
.view_info .list_wrp {margin:0; padding:0 15px 15px; width:100%; overflow:visible; box-sizing:border-box}
.view_info .list_wrp:after {position:static; width:auto; height:auto; background:none; clear:both; content:""}
.view_info .list_wrp > li.nodata {float:none; margin:0; padding:25px 0 10px; text-align:center}
.view_info .list_wrp .list_box {float:none; margin:0; border-bottom:1px solid #8a8a8a}
.view_info .list_wrp .list_box:last-child {border-bottom:none}
.view_info .list_wrp .list_box .tit {position:relative; padding-left:28px; background:#fff; font-family:NanumGothicBold; font-size:15px;}
.view_info .list_wrp .list_box .tit:before {position:absolute; left:20px; top:22px; display:block; width:3px; height:3px; background:#444; content:""}
.view_info .list_wrp .list_box .tit:after {display:none}
.view_info .list_wrp .list_box .tit .btn_ico {font-weight:normal}
.view_info .list_wrp .list_box .cont {padding-top:0}
.view_info .list_wrp .list_box .cont ul {margin-left:0; padding:0 10px 0 20px; width:100%; box-sizing:border-box}
.view_info .list_wrp .list_box .cont ul:after {display:none}

/* 첨부파일 */
.file_wrp {position:relative; font-size:12px; color:#424242}
.file_wrp .lh13 {line-height:13px !important}
.file_wrp .file_list {padding:5px 15px; border:1px solid #c5cbd2}
.file_wrp .file_list li {margin-bottom:2px}
.file_wrp .file_btn {position:absolute; right:0; bottom:-3px}
.file_wrp .file_btn > p {position:absolute; left:0; top:0; width:90px; height:30px; overflow:hidden}
.file_wrp .file_btn input[type="file"] {position:relative; width:100%; height:30px; font-family:NanumGothic; cursor:pointer; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0; -moz-opacity:0}
.file_wrp .file_btn .btn {position:relative; display:inline-block; padding:0 9px; min-width:70px; height:28px; line-height:28px; border:1px solid #c5cbd2; background:#fff; font-size:13px; color:#424242; text-align:center; z-index:1}
.file_wrp .file_btn input.btn {height:30px}

/* paging */
.paginate {margin-top:55px; text-align:center}
.paginate a, .paginate strong {display:inline-block; margin-left:-1px; width:30px; height:30px; line-height:30px; border:1px solid #ddd; background:#fff; font-size:12px; font-family:"돋움", Dotum; text-align:center; vertical-align:top}
.paginate a:hover, .paginate a:focus {text-decoration:none}
.paginate strong {position:relative; border:1px solid #415cab; color:#415cab; font-weight:bold; z-index:1}
.paginate a.first, .paginate a.prev, .paginate a.next, .paginate a.last {text-indent:-9999px; background:#f3f3f3}
.paginate a.first {background:#f3f3f3 url(/images/youthJob/contents/btn/btn_paging.png) center 10px no-repeat}
.paginate a.prev {background:#f3f3f3 url(/images/youthJob/contents/btn/btn_paging.png) center -10px no-repeat}
.paginate a.next {background:#f3f3f3 url(/images/youthJob/contents/btn/btn_paging.png) center -30px no-repeat}
.paginate a.last {background:#f3f3f3 url(/images/youthJob/contents/btn/btn_paging.png) center -50px no-repeat}

/* search */
.srch_box {position:relative; padding:30px 157px 18px 65px; width:686px; border:1px solid #e9e9e9; background:#f3f4f6}
.srch_box input[type="text"] {padding:0 10px; height:36px; line-height:36px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
.srch_box input.calendar {width:108px}
/*.srch_box button.btn_cal {position:relative; display:inline; margin:-2px 0 0 -21px; width:21px; height:13px; background:url(/images/youthJob/contents/ico/ico_calendar.png) 0 0 no-repeat; vertical-align:middle}*/
.srch_box .tit {display:inline-block; line-height:38px; margin-right:15px}
.srch_box ul {position:relative; width:686px}
.srch_box ul:after {position:absolute; right:0; top:0; display:block; width:1px; height:100%; background:#d5dde6; content:""}
.srch_box ul li {margin-bottom:12px}
.srch_box .input_wrp {display:inline-block; vertical-align:middle}
.srch_box .srch_area {position:absolute; right:30px; top:50%; margin-top:-28.5px}
.selSrch_box {position:relative; padding:35px 63px 35px; border:1px solid #dddee2; background:#f3f4f6}
.selSrch_box:after {display:block; clear:both; content:""}
.selSrch_box .sel_wrp {float:left}
.selSrch_box input[type="text"] {padding:0 10px; height:36px; line-height:36px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
.selSrch_box .btn_srch_blue_sm {display:inline-block; margin-left:3px}
.selSrch_box .type_srchBox .tit {display:inline-block; margin-right:15px; line-height:38px}
.selSrch_box .type_srchBox .input_wrp {display:inline-block; vertical-align:middle}
.selSrch_box .type_srchBox input[type="radio"], .selSrch_box .type_srchBox input[type="checkbox"] {margin-right:6px; width:16px; height:16px; vertical-align:top}
.selSrch_box .type_srchBox input[type="radio"] + label, .selSrch_box .type_srchBox input[type="cehckbox"] + label {margin-right:10px; letter-spacing:-0.5px; vertical-align:top}
.selSrch_box .type_srchBox input[type="text"] {padding:0 10px; height:36px; line-height:36px; border:1px solid #c5cbd2; background:#fff; color:#4c4c4c; font-size:13px; vertical-align:top}
.selSrch_box .type_srchBox input.calendar {width:108px}

/* popup serch */
.board_list_search {padding:20px; border:1px solid #e0e0e0; background:#fafafa}
.board_list_search .tit {display:inline-block; margin-right:5px; line-height:30px}
.board_list_search select {height:30px; padding:5px 5px 6px}
.board_list_search .button {display:inline-block; padding:0 20px; height:30px; line-height:30px; font-family:NanumGothicBold; vertical-align:top}
.board_list_search .button.navy {background:#41506e; color:#fff}

/* select*/
.tbl_view select {height:30px; padding:5px 5px 6px}
select + .tit {margin-left:28px}
select + input[type="text"] {margin-left:6px}

/* input */
input[type="text"].readonly {background:#eff0f3}
input[type="radio"], input[type="checkbox"] {margin-right:6px; width:16px; height:16px; vertical-align:top}
input[type="radio"] + label, input[type="cehckbox"] + label {margin-right:10px; letter-spacing:-0.5px; vertical-align:top}
.tbl_view td input[type="radio"] {vertical-align:text-bottom}
.tbl_view td input[type="checkbox"] {vertical-align:-5px}
.inputDel_wrp {position:relative; display:inline; line-height:30px}
.inputDel_wrp input[type="text"] + .btn_del {position:absolute; right:20px; top:1px; width:14px; height:14px; background:url(/images/youthJob/contents/btn/btn_close.png) 0 0 no-repeat}

/* tab */
table + ul.tab {margin-top:60px}
ul.tab {position:relative; overflow:hidden}
ul.tab:before {position:absolute; left:0; top:48px; display:block; width:910px; height:2px; background:#8a8a8a; content:""; z-index:-1}
ul.tab li {position:relative; float:left; min-width:195px; height:50px; line-height:50px; background:#8a8a8a; text-align:center}
ul.tab li + li:before {position:absolute; left:0; top:0; width:1px; height:52px; background:#fff; content:""}
ul.tab li.on {background:#415cab}
ul.tab li a {display:block; padding:0 10px; font-family:NanumGothicBold; font-size:16px; color:#fff}
ul.tab li a:hover, ul.tab li a:focus {text-decoration:none}

/* bullet-text */
h4 + .circle_list, h4 + .txtIndent_list {margin-top:17px; margin-left:20px}
.circle_list > li {position:relative; padding-left:17px; line-height:24px}
.circle_list > li + li {margin-top:5px}
.circle_list > li:before {position:absolute; left:0; top:-1px; display:block; content:"○"}
/*.circle_list > li > ul {margin-left:15px}*/
.circle_list li .tit {display:block}
.dash_list > li, p.dash_list {position:relative; padding-left:10px; line-height:24px}
.dash_list > li:before, p.dash_list:before {position:absolute; left:0; top:0; display:block; content:"-"}
.star_list > li, p.star_list {position:relative; padding-left:12px; line-height:24px}
.star_list > li:before, p.star_list:before {position:absolute; left:0; top:0; display:block; content:"*"}
.star_list.blue > li:before, p.star_list.blue:before {color:#1665bc; font-weight:bold}
p.noti_list {position:relative; padding-left:15px; line-height:24px}
p.noti_list:before {position:absolute; left:0; top:0; display:block; content:"※"}
.noti_list.f_blue:before {color:#1665bc; font-weight:bold}
.tri_list li {position:relative; padding-left:16px; line-height:24px}
.tri_list li:before {position:absolute; left:0; top:0; display:block; content:"▲"}
.txtIndent_list li {position:relative; padding-left:20px; line-height:24px}
.txtIndent_list li em {position:absolute; left:0; top:0}

/* box */
.box_pic {margin-bottom:70px; padding:24px 25px 16px; background:#f3f4f6}
.box_pic ul li {position:relative; margin-bottom:3px; padding-left:28px; line-height:26px; background:url(/images/youthJob/contents/ico/ico_info.png) 0 5px no-repeat; color:#333; font-size:15px}
.box_pic ul li a {color:#415cab; text-decoration:underline}
.box_confirm {padding:33px 0 45px; border-top:3px solid #000; border-bottom:1px solid #dedede}
.box_confirm div {text-align:center}
.box_confirm div * {display:inline-block}
.box_confirm .tit {margin-right:15px; line-height:38px; color:#000}
.box_confirm input[type="text"] {margin-right:-12px; width:332px; height:36px; line-height:36px; background:#ecf0f5; border:1px solid #d5dde6}
.box_confirm input[type="text"] + button.btn_del {position:relative; left:-28px; top:-5px; width:14px; height:14px; background:url(/images/youthJob/contents/btn/btn_close.png) 0 0 no-repeat}

.box_info {margin:15px 0 50px; padding:13px 32px 5px; border:1px solid #dddee2}
.box_info ul li {margin-bottom:9px; padding-left:16px; background:url(/images/youthJob/contents/bul_dot_info.gif) 1px 6px no-repeat}
.box_info ul li .blue {color:#415cab !important}
.box_info ul li a {color:#415cab; text-decoration:underline; font-family:NanumGothicBold}
.box_info.bnone {margin:20px 0 35px; padding:0; border:none}
.box_info.pd30 {padding:30px} /* 20220107 추가 */

.box_blue {padding:12px 20px; border:1px solid #548ecd}
.box_blue .tit {display:block; margin-bottom:5px; color:#1665bc; font-size:16px}

/* 20220107 추가 */
.box_support {padding:50px 0; border-top:3px solid #37393c; border-bottom:1px solid #e0e0e0; text-align:center}

/* 이미지별 박스 */
.box_pic.cetify {background:#f3f4f6 url(/images/youthJob/contents/bg_certify.png) right 39px no-repeat}/* 증명서 발급 */
.box_pic.epilog {padding:45px 25px 47px; background:#f3f4f6 url(/images/youthJob/contents/bg_epilogue.png) right 25px no-repeat}/* 기업체험기 */
.box_pic.satisfy {padding:36px 25px 44px; background:#f3f4f6 url(/images/youthJob/contents/bg_satisfy.png) right 22px no-repeat}

/* 사업소개 */
.target-box {position:relative; margin-top:20px; padding:73px 20px 25px; border:1px solid #e89e5c}
.target-box.corp {border:1px solid #9cc545}
.target-box .title {position:absolute; left:-3px; top:12px; display:block}

/* 운영기관조회 */
.box_pic.doc {margin-bottom:60px; padding-bottom:26px; background:#f3f4f6 url(/images/youthJob/contents/bg_document.png) 798px center no-repeat; background-size:82px 77px}
.box_pic .area {margin:6px 0 0 35px; overflow:hidden}
.box_pic .area span {float:left; line-height:24px}
.box_pic .area span.w310 {width:310px}

/* 사이트맵 */
.sitemap {border-bottom:1px solid #dedede; overflow:hidden; border-left:1px solid #dedede}
.sitemap > div {float:left; width:453px; height:251px; border-top:2px solid #415cab; border-right:1px solid #dedede}
.sitemap div.fr {border-right:none}
.sitemap h4 {margin-top:0; padding:17px 0 13px 0; min-height:auto; background:#eff2f8; font-size:16px; text-align:center}
.sitemap h4:before {display:none}
.sitemap ul {padding:19px 0 20px 20px}
.sitemap ul li {margin-bottom:14px; padding-left:13px; background:url(/images/youthJob/contents/bul_h5.png) 0 4px no-repeat; color:#000}
.sitemap ul li a.link {display:inline-block; padding-right:11px; background:url(/images/youthJob/layout/ico_link.png) right 2px no-repeat}

/* 로딩 */
.worknet-loading {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:url(/images/youthJob/contents/bg-loading-black.png) 0 0 repeat;}
.worknet-loading .inner {position:fixed; top:50%; left:50%; margin-left:-200px; margin-top:-60px; z-index:9998; border:1px solid #000; background-color:#fff;}
.worknet-loading .popinner {position:fixed; top:50%; left:30%; z-index:9998; border:1px solid #000; background-color:#fff;}

/* 만족도조사 */
.satisfy-box {padding:35px 70px;border:1px solid #e5e5e5;border-radius:20px;}
.satisfy-box dt {margin:50px 0 10px 17px;font-size:16px;font-weight:500;text-indent:-17px;}
/* .satisfy-box dt:first-child {margin-top:0;} */
.satisfy-box dt span {font-size:15px;color:#555;font-weight:400;}
.satisfy-box dd {color:#555;}
.satisfy-box label {color:#555;}
.satisfy-box .item-list1 {overflow:hidden;padding:0 200px 0 18px;}
.satisfy-box .item-list1 li {float:left;width:50%;line-height:24px;}
.satisfy-box .item-list2 {overflow:hidden;}
.satisfy-box .item-list2 li {float:left;margin-right:50px;}
.satisfy-box .item-list3 {overflow:hidden;padding-right:380px;}
.satisfy-box .item-list3 li {float:left;width:50%;padding-right:20px;}
.satisfy-box .item-list4 {overflow:hidden;padding-right:150px;}
.satisfy-box .item-list4 li {float:left;width:50%;padding-right:20px;}
.satisfy-box textarea {border:1px solid #d2d2d2;}
.satisfy-box .byte {text-align:right;margin-top:5px;color:#555;}
.satisfy-box .tbl-satisfy {width:100%;border-top:1px solid #d2d2d2;letter-spacing:-1px;}
.satisfy-box .tbl-satisfy th {height:58px;padding:10px 2px;font-weight:600;color:#555;line-height:18px;text-align:center;border-bottom:1px solid #d2d2d2;background:#eee;}
.satisfy-box .tbl-satisfy td {padding:20px 2px;color:#555;line-height:20px;text-align:center;border-bottom:1px solid #d2d2d2;background:#fff;}
.satisfy-box .tbl-satisfy .th-tit {height:auto;font-weight:500;font-size:16px;border-bottom:0;}
.satisfy-box .tbl-satisfy .tleft {padding:5px 2px 5px 15px;text-align:left;}
.satisfy-box .tbl-satisfy .brline {border-right:1px solid #d2d2d2;}
.satisfy-box .tbl-satisfy.type2 th {padding:5px 2px 5px 20px;font-size:16px;text-align:left;background:#f9f9f9;}
.satisfy-box .tbl-satisfy.type2 td {padding:10px 20px 10px 20px;text-align:left;line-height:26px;}
.satisfy-box .tbl-satisfy.type2 .col1 {width:210px;}
.satisfy-box .tbl-satisfy.type2 .stype1 {margin-left:7px;}
.satisfy-box .flex {display:flex;}
.satisfy-box .form-keyword {width:325px;}
/* 2022-10-19 추가 */
.satisfy-box li {margin-bottom:9px;}
.satisfy-box input[type="text"], input[type="checkbox"] {vertical-align:middle;}
.satisfy-box input[type="radio"] {vertical-align:middle;margin-right:0px;}
.satisfy-box strong {font-size:20px;}