﻿@charset "utf-8";
/* 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%; height:93px; border-bottom:2px solid #415cab}
#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}

#footer {border-top:1px solid #bebebe; background:#fff}
#footer #footin_wrap {padding-bottom:30px; background:#fff}
#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/youngChallenge/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 */
#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/youngChallenge/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/youngChallenge/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/youngChallenge/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/youngChallenge/contents/btn/btn_tblRight.png) right 0 no-repeat; color:#fff; font-family:NanumGothicBold}
.btn_srch_blue {width:97px; height:57px; background:url(/images/youngChallenge/contents/btn/btn_srch_h57.png) 0 0 no-repeat}
.btn_srch_blue_sm {width:97px; height:37px; background:url(/images/youngChallenge/contents/btn/btn_srch_h37.png) 0 0 no-repeat}
.btn_rnd {display:inline-block; padding-left:12px; height:24px; background:url(/images/youngChallenge/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/youngChallenge/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/youngChallenge/contents/btn/btn_rndLeft.png) 0 -30px no-repeat}
.btn_rnd.sky em {background:url(/images/youngChallenge/contents/btn/btn_rndRight.png) right -30px no-repeat; color:#3a78bb}
.btn_rnd.blue {background:url(/images/youngChallenge/contents/btn/btn_rndLeft.png) 0 -60px no-repeat}
.btn_rnd.blue em {background:url(/images/youngChallenge/contents/btn/btn_rndRight.png) right -60px no-repeat; color:#fff}
.btn_rnd.h_42 {padding-left:20px; height:42px; background:url(/images/youngChallenge/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/youngChallenge/contents/btn/btn_rndLeft_h42.png) 0 0 no-repeat}
.btn_rnd.sky.h_42 em {background:url(/images/youngChallenge/contents/btn/btn_rndRight_h42.png) right 0 no-repeat}
.btn_rnd.blue.h_42 {background:url(/images/youngChallenge/contents/btn/btn_rndLeft_h42.png) 0 -60px no-repeat}
.btn_rnd.blue.h_42 em {background:url(/images/youngChallenge/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:16px; 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/youngChallenge/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/youngChallenge/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/youngChallenge/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/youngChallenge/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/youngChallenge/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/youngChallenge/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/youngChallenge/contents/ico/ico_calendar.png) 0 0 no-repeat !important; vertical-align:middle !important}

/* icon */
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, h4 + .tbl-wrap {margin-top:17px}
.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, .tbl_list .bg_gray {background:#f4f6f6}
.tbl_list tr th:first-child, .tbl_list tr td:first-child {border-left:none}
.tbl_list.p20 td {padding-left:20px; padding-right:20px}
.tbl_list.p10 td {padding-left:10px; padding-right:10px}
.tbl_list .bl {border-left:1px solid #dedede !important}

.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}
.tbl_mo_block {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/youngChallenge/contents/btn/btn_paging.png) center 10px no-repeat}
.paginate a.prev {background:#f3f3f3 url(/images/youngChallenge/contents/btn/btn_paging.png) center -10px no-repeat}
.paginate a.next {background:#f3f3f3 url(/images/youngChallenge/contents/btn/btn_paging.png) center -30px no-repeat}
.paginate a.last {background:#f3f3f3 url(/images/youngChallenge/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 .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/youngChallenge/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 .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/youngChallenge/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/youngChallenge/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/youngChallenge/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}

/* 개인정보동의 */
.per-agreement {margin-top:12px; padding:15px 15px 15px 30px; border:1px solid #e6e6e6; height:168px; overflow-y:auto !important}
.per-agreement .tit {margin-bottom:23px; text-align:center}
.per-agreement .tit > strong {position:relative; display:inline-block; font-size:16px;}
.per-agreement .tit > strong:after {position:absolute; left:50%; bottom:-7px; display:block; width:calc(100% + 60px); height:2px; background:#424242; transform:translateX(-50%); content:""}
.per-agreement ol > li {list-style:decimal}
.per-agreement ol > li + li {margin-top:5px}
.per-agreement ol li .box {margin-top:7px; border:1px solid #e6e6e6}
.per-agreement ol li .box .circle-list {padding:7px 10px 7px 25px}
.per-agreement ol li .circle-list > li {list-style:circle}

/* 로딩 */
.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 .loadingInner {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;}
.layerPopup-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;}

/* 만족도조사(20220811 추가) */
.qus-list > li {margin-top:20px}
.qus-list > li .title {position:relative; display:block; padding-left:15px; margin-bottom:10px; font-size:15px; color:#000}
.qus-list > li .title em {position:absolute; left:0; top:0}
.qus-list .ans > li {position:relative; margin-top:7px; padding-left:20px}
.qus-list .ans > li input[type="radio"], .qus-list .ans > li input[type="checkbox"] {position:absolute; left:0; top:0}

@media only screen and (max-width:930px) {
	* {box-sizing:border-box; word-break:break-word; word-wrap:break-word}
	#header .inner, #content, #footer #footin_wrap .foot_btm {padding-left:20px; padding-right:20px; width:100%}
	#header .global {right:20px}
}

@media only screen and (min-width:320px) and (max-width:768px) {
	#header .inner:after {display:block; clear:both; content:""}
	#header .global {position:relative; right:0; top:0; float:right; margin-top:7px}
	#header .global li.user .mymenu {min-width:100px}
	#content {padding-top:40px; padding-bottom:50px}
	#popup {overflow-x:hidden}

	h3 {font-size:24px}
	h3:before {height:2px}
	h4 {margin-top:35px; padding-left:30px; font-size:16px}
	h4:before {top:-2px; width:20px; height:20px; background-size:20px}
	h4 + .circle_list, h4 + .txtIndent_list {margin-top:10px; margin-left:15px}

	.mo_block {display:block !important}

	/* btn */
	.btn_link {padding-right:20px; height:26px; line-height:25px}
	.btn_link:after {top:6px;}

	/* table */
	h4 + table, h4 + .tbl-wrap {margin-top:15px}
	.tbl-wrap {overflow-x:auto}
	.tbl-wrap .mw550px {min-width:550px}
	.tbl_view.transform colgroup {display:none}
	.tbl_view.transform tbody th, .tbl_view.transform td {display:block}
	.tbl_view.transform tbody th {padding:5px 15px; text-align:left}
	.tbl_view.transform th br {display:none}

	/* 첨부파일 */
	.file_wrp {padding-bottom:27px}

	/* box */
	h3 + .box_info {margin-top:0}
	.box_info {margin:10px 0 30px; padding:13px 15px 5px}
	.box_info ul li {margin-bottom:5px}

	/* 개인정보동의 */
	.per-agreement {padding:15px 20px}
	.per-agreement .tit > strong {font-size:14px}
	.per-agreement .tit > strong:after {width:calc(100% + 15px)}
	.per-agreement ol > li {font-size:12px}
}

@media only screen and (min-width:320px) and (max-width:680px) {
	.tbl-qna td .txtIndent_list li {line-height:18px}
	.tbl_list.tbl-qna.p20 td {padding:10px 5px 9px}
	#popup .tbl-qna td {font-size:12px}
}

@media only screen and (min-width:320px) and (max-width:600px) {
	#footer #footin_wrap .foot_btm {padding-right:15px}
	#footer #footin_wrap .foot_btm .logo {float:none; display:block; margin:0 0 10px 0; padding:0; height:auto; border-right:none}
	#footer #footin_wrap .foot_btm p img {max-width:100%}
	.tbl_pc_block {display:none}
	.tbl_mo_block {display:table}
}

@media only screen and (min-width:320px) and (max-width:420px) {
	.btn_group {display:flex; text-align:center}
	.btn_group a, .btn_group button {flex:1; min-width:auto}
	.tbl-qna td span.mr15 {margin-right:0 !important}
}