@charset "utf-8";
/* reset */


@font-face { font-family: 'noto'; font-style: normal; font-weight: 400; src: local('Noto Sans Regular'), local('NotoSans-Regular'); src: url(./font/notokr-regular.eot); src: url(./font/notokr-regular.eot?#iefix) format('embedded-opentype'),
  url(./font/notokr-regular.woff2) format('woff2'),
  url(./font/notokr-regular.woff) format('woff'),
  url(./font/notokr-regular.ttf) format('truetype'); font-display: swap; } 
 
 @font-face { font-family: 'noto'; font-style: normal; font-weight: 600; src: local('Noto Sans bold'), local('notokr-bold'); src: url(./font/notokr-bold.eot); src: url(./font/notokr-bold.eot?#iefix) format('embedded-opentype'),
  url(./font/notokr-bold.woff2) format('woff2'),
  url(./font/notokr-bold.woff) format('woff'),
  url(./font/notokr-bold.ttf) format('truetype'); font-display: swap; } 
 
[lang="ko"] { word-break:keep-all } 
body { word-wrap:break-word; background:#fff; } 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0; padding:0 } 
body,input,textarea,select,button,table { font-family:'noto'; font-size:14px; line-height:1.2; letter-spacing:-1px; color:#555; vertical-align:middle } 
input[type='radio']/*,input[type='checkbox']*/,button { border:0; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
label,button { cursor:pointer } 
textarea { resize:none; border: 1px solid #aaa } 
button { background:none; border:0 } 
img,fieldset { border:0 } 
ul,ol { list-style:none } 
em,address { font-style:normal } 
a { text-decoration:none; color:#555 } 
a:hover,a:active,a:focus { text-decoration:none } 
.hidden {position: absolute;width:1px;height:1px;margin:-1;clip:rect(0,0,0,0,); overflow: hidden;} 

/* skip - navigation */
#skip-nav a { position:absolute; top:-500px } 
#skip-nav a:focus,
#skip-nav a:active,
#skip-nav a:hover { top:1px; z-index:99999; display:block; width:100%; height:40px; background-color:#019a99; line-height:40px; font-weight:700; color:#fff; text-align:center } 

/* layout */
#header { position:relative; z-index:99; background: #fff; } 
#container { display:block; position:relative; } 
#footer { position:relative; z-index:10 } 
.header { padding-top:40px } 
.container { width:1000px; margin:0 auto; padding-top:40px } 
.container-full { padding-top:40px } 
.ie7 .container { zoom:1 } 
.container:after { display:block; content:''; clear:both } 
.container .content { float:right; width:780px } 
.container .nav-left { float:left; width:180px } 
.inner { width:1000px; margin:0 auto } 

/* align */
.p-r { position:relative } 
.f-r { float:right } 
.f-l { float:left } 
.ie7 .after { zoom:1 } 
.after:after { display:block; content:''; clear:both } 
/* text */
.t-l { text-align:left !important } 
.t-r { text-align:right !important } 
.t-c { text-align:center !important } 
.tc-brand { color:#019a99 !important } 
.tc-gray { color:#888 } 
.tc-gray-light { color:#9b9d9d } 
.txt-link { color:#019a99; text-decoration:underline } 
.tx-under { text-decoration:underline } 
.fs12 { font-size:12px } 
.fs13 { font-size:13px } 
.fs15 { font-size:15px } 
.fs16 { font-size:16px } 
.fs18 { font-size:18px } 
.fs20 { font-size:20px } 
.fs24 { font-size:24px } 
.ellipsis_line { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } 
.lh20 { line-height:20px } 
.lh22 { line-height:22px } 

/* P-M */
.mt5 { margin-top:5px !important } 
.mt10 { margin-top:10px !important } 
.mt15 { margin-top:15px !important } 
.mt20 { margin-top:20px !important } 
.mt30 { margin-top:30px !important } 
.mt50 { margin-top:50px !important } 
.mt80 { margin-top:80px !important } 
.mb5 { margin-bottom:5px !important } 
.mb10 { margin-bottom:10px !important } 
.mb15 { margin-bottom:15px !important } 
.mb20 { margin-bottom:20px !important } 
.mb30 { margin-bottom:30px !important } 
.mb60 { margin-bottom:60px !important } 
.mr30 { margin-right:30px !important } 
.ml5 { margin-left:5px !important } 
.ml10 { margin-left:10px !important } 
.ml20 { margin-left:20px !important } 
.mr5 { margin-right:5px !important } 
.mr10 { margin-right:10px !important } 
.mr20 { margin-right:20px !important } 

/* nav */
.top-section { position:absolute; top:0; left:0; width:100%; height:40px; background:#f5f5f5; text-align:right; line-height:40px } 
.nav-section { position:relative; height:90px; border-bottom:1px solid #e7e7e7; background:#fff; } 
.nav-section .inner { position:relative; z-index:5 } 
.nav-section h1 { position:absolute; top:28px; left:0 } 
.nav-box { margin-left:187px } 
.ie7 .nav-main-lst { zoom:1 } 
.nav-main-lst:after { display:block; content:''; clear:both } 
.nav-main-lst { display:table; width:100%; } 
.nav-main-lst > li { position:relative; display:table-cell; height:90px; width:135px; vertical-align:middle; } 
.nav-main-lst > li > a { display:inline-block; text-align:center; font-size:18px; color:#333; font-weight:700; letter-spacing:-1px; width: 100%; } 
.nav-sub-lst { display:none; position:absolute; top:90px; left:0; padding-top:10px; width: 100%; z-index: 5; } 
.nav-sub-lst li { overflow:hidden; width: 100%; display: block; } 
.nav-sub-lst li a { display:block; height:36px; line-height:36px; text-align:left; width: 100%; text-align: center; } 
.nav-main-lst li.on a,
.nav-main-lst li a:hover,
.nav-sub-lst li.on a,
.nav-sub-lst li a:hover { color:#019a99; font-weight:700 } 
.nav-sub-box { display:none; overflow:hidden; position:absolute; top:130px; left:0; z-index:3; width:100%; background:#fff; border-width:1px 0 1px; border-style:solid; border-color:#e7e7e7 } 
#header.new .nav-sub-box { top:90px } 

/* txt - division */ 
.link-box { margin-left:-8px } 
.link-box a { display:inline-block; padding-left:8px; font-size:13px } 
.link-box a:first-child:before { display:none } 
/* .link-box a:before { content:''; display:inline-block; width:1px; height:12px; margin-right:9px; background:#bbb; vertical-align:-2px }  */
.link-box img { vertical-align:-5px } 
.ie7 .link-box a { border-left:1px solid #bbb; line-height:16px } 
.ie7 .link-box a:first-child { border-left:0 } 

/* footer */
.footer { padding:40px 0 38px; margin-top:80px; background:#f5f5f5; border-top:1px solid #ccc } 
.footer .logo-footer { position:absolute; top:0; left:0 } 
.footer .lg-info { position:absolute; top:0; right:0; text-align:center; } 
.footer .lg-info img { display:block; } 
.footer .lg-info a { display: inline-block; padding:4px 18.5px; border:1px solid #bbb; color: #656565; font-size:12px; margin:8px; } 
.footer .site-info { margin-left:188px; letter-spacing:0; font-size:13px } 
.footer .address { margin-top:20px; line-height:22px } 
.footer .address a { color:#000; font-weight:bold; } 

/* title */
.tit-box-h3 { position:relative; padding-bottom:14px; margin-bottom:30px; border-bottom:1px solid #ccc } 
.tit-h3 { font-size:32px; color:#222 } 
.sub-depth { position:absolute; bottom:15px; right:0 } 
.sub-depth span { font-size:12px; color:#888 } 
.sub-depth strong { font-size:13px } 
.tit-box-h4 { margin-bottom:19px } 
.tit-h4 { display:inline-block; font-size:23px; color:#333 } 
.ie7 .tit-h4 { display:inline; zoom:1 } 
.tit-box-h4 .sub-txt { display:inline-block; margin-left:8px; vertical-align:text-bottom; font-size:13px } 
.tit-box-h4 .bor-l { width: 4px; height: 23px; background: #019a99; display: inline-block; border-radius: 30px; margin-right: 10px; } 
.tit-box-sub { margin-bottom:22px; font-size:25px } 
.tit-box-sub strong { font-weight:500 } 
.dis-f_a-c { display: flex; align-items: center; } 
/* icon - sprite */
[class^='icon-'] { display:inline-block; background:url('//cdn.hackershrd.com/img_hrd/common/sp_icon.png') no-repeat; vertical-align:middle } 
[class^='icon-'] > span { display:block; text-indent:-99999px } 
.icon-home { width:13px; height:11px; background-position:0 0 } 
.icon-refresh { width:13px; height:14px; background-position:-15px 0 } 
.icon-arr { width:5px; height:7px; margin:0 5px; background-position:-192px 0 } 
.icon-search { width:19px; height:21px; margin:0 5px; background-position:-150px 0; } 
.lec_date span:nth-of-type(2) { color: #008684; } 

/* icon - text */
[class^='txt-icon'] { display:inline-block; min-width:33px; padding-left:10px; background:url('//cdn.hackershrd.com/img_hrd/common/sp_radius.png') 0 0 } 
[class^='txt-icon'] em { display:block; height:22px; padding-right:9px; background:url('//cdn.hackershrd.com/img_hrd/common/sp_radius.png') 100% 0; font-size:12px; line-height:20px; font-weight:700; color:#fff; text-align:center; vertical-align:top } 
[class^='txt-icon-line'],[class^='txt-icon-line'] em { background-position-y:-72px; color:#019a99 } 
.txt-icon-blue,.txt-icon-blue em { background-position-y:-24px } 
.txt-icon-gray,.txt-icon-gray em { background-position-y:-48px } 
.txt-icon-line-gray,.txt-icon-line-gray em { background-position-y:-96px; color:#555 } 

/* graphic */
[class^='graphic-'] { display:inline-block; background:url('//cdn.hackershrd.com/img_hrd/common/sp_graphic_info.png') no-repeat; vertical-align:middle } 
[class^='graphic-'] > span { display:block; text-indent:-99999px } 

/* btn */
[class^='btn'] { display:inline-block; background:#019a99; border:1px solid #019a99; font-weight:700; color:#fff; text-align:center; vertical-align:middle } 
[class^='btn-l'] { min-width:84px; height:60px; padding:0 50px; font-size:16px; line-height:58px } 
[class^='btn-m'] { min-width:78px; height:40px; padding:0 26px; line-height:38px } 
[class^='btn-s'] { min-width:75px; height:30px; padding:0 10px; line-height:28px } 
[class^='btn-l-line'],
[class^='btn-m-line'],
[class^='btn-s-line'] { background:#fff; color:#019a99 } 
[class^='btn-square'] { width:90px; height:60px; padding:20px 0 0 0; line-height:20px; font-size:16px } 
.btn-square-line { height:58px; background:#fff; border:1px solid #019a99; color:#019a99 } 
.btn-s-gray,
.btn-m-gray,
.btn-l-gray { background:#bbb; border-color:#bbb } 
.btn-s-dark,
.btn-m-dark,
.btn-l-dark { background:#555; border-color:#555 } 
.btn-s-line-gray { border-color:#888; color:#888 } 

.btn-s.v2 { float: right; font-size: 18px; padding: 0; } 

.box-btn { margin-top:20px; text-align:center } 
input[class^='btn-s'],button[class^='btn-s'] { min-width:95px; height:32px; line-height:30px } 
input[class^='btn-m'],button[class^='btn-m'] { min-width:130px; height:42px; line-height:40px } 

/* input */
.input-sel { width:200px; padding:4px 5px; border:1px solid #aaa; font-size:14px; color:#333 } 
.ie7 .input-sel { padding:5px 0 } 
.input-text { height:28px; padding:0 5px; line-height:28px; border:1px solid #aaa; vertical-align:middle } 

/* input */
.input-sp { height: 20px; position: relative; display: block; } 
.input-sp input { width: 20px; height: 20px; position: absolute; top: 1px; left: 1px; background:url("//cdn.hackershrd.com/img_hrd/common/null.png") repeat 0 0; opacity:0; filter: alpha(opacity=0); appearance:none; -webkit-appearance:none; } 
.input-sp span { line-height: 18px; height: 20px; padding-left: 26px; position: absolute; top: 0; left: 0; background-image: url("//cdn.hackershrd.com/img_hrd/common/sp_input.png"); background-repeat:no-repeat; } 
.input-sp.ico { width:20px; display: inline-block; vertical-align:middle } 
.input-sp.ico span { font-size:0; padding-left:26px; } 
.input-sp input[type=radio] + span { background-position:0 0; } 
.input-sp input[type=radio]:checked + span { background-position: 0 -22px; } /* 같이 쓰면 ie7/8에서 스타일 안먹음 */
.ie7 .input-sp.on input[type=radio] + span,
.ie8 .input-sp.on input[type=radio] + span { background-position: 0 -22px; } 
.input-sp input[type=checkbox] + span { background-position:0 -44px; } 
.input-sp input[type=checkbox]:checked + span { background-position: 0 -66px; } /* 같이 쓰면 ie7/8에서 스타일 안먹음 */
.ie7 .input-sp.on input[type=checkbox] + span,
.ie8 .input-sp.on input[type=checkbox] + span { background-position: 0 -66px; } 

/* layer_popup */
.layer-wrap { display:none } 
.layer-wrap-h3 { padding:20px 30px; border-bottom:1px solid #ccc; font-size:22px; color:#000; background:#fff } 
.layer-wrap-h4 { margin-bottom:14px; font-size:18px } 
.layer-wrap .bg { position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background:#000; opacity:0.3 } 
.ie7 .layer-wrap .bg,
.ie8 .layer-wrap .bg { filter:alpha(opacity=30) } 
.layer-wrap .layer-inner { position:fixed; top:50%; left:50%; z-index:102; width:795px; padding-bottom:20px; background:#fff } 
.layer-wrap .layer-content { overflow:auto; overflow-x:hidden; height:auto; max-height:500px; padding:30px; background:#fff } 
.layer-wrap .icon-layer-close { position:absolute; top:22px; right:30px } 
.icon-layer-close { width:25px; height:25px; background-position:-120px -24px } 
.layer-wrap .sbj { padding-left:15px } 

/* seaerch layer_popup */
.layer-search .layer-wrap-h3 { padding:0 0 0 10px; line-height:35px; background:#019a99; font-size:14px; color:#feffff; } 
.layer-search .layer-inner { border:1px solid #008684; background:#eaeaea; } 
.layer-search .layer-content { padding:12px 10px; background:#eaeaea; } 
.layer-search .layer-inner { width:600px; } 
.layer-search .btn-s-gray { width:80px; height:28px; border:1px solid #c9c9c9; background:#fbfbfc; line-height:26px; color:#333; } 
.layer-search .srch-box { padding:10px; border:1px solid #cacaca; } 
.result-box { min-height:250px; border:1px solid #cacaca; background:#fff; } 
.result-box table { border-collapse:collapse; background:#fff; } 
.result-box table th, .result-box table td { padding:6px 0; border-left:1px solid #cacaca; text-align:center; vertical-align:top; } 
.result-box table tr th:first-child, .result-box table tr td:first-child { border-left:0; } 
.result-box table th { background:#9d9d9d; color:#fff; text-align:center; } 
.result-box table tr td { cursor:pointer } 
.result-box table .select:hover { background:#019a99; color:#fff; } 
/* txt-align */
.ie7 .price-box dl { zoom:1 } 
.price-box dl:after { display:block; content:''; clear:both } 
.price-box dl:first-child { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e7e7e7 } 
.price-box dt,.price-box dd { float:left; width:50% } 
.price-box dd { font-weight:700; text-align:right } 
.price-box > strong { display:block; margin-bottom:5px } 

/*quick-bar */
.quick-bar { position:fixed; bottom:0; left:0; z-index:60; width:100%; height:40px; background:#3b3b3b; border-width:1px 0; border-style:solid; border-color:#2c2c2c } 
.quick-bar ul,.quick-bar li,.quick-bar dl,.quick-bar dt,.quick-bar dd { float:left } 
.quick-bar .txt { display:block; width:100px; border-left:1px solid #2d2d2d; color:#bbb; text-align:center; line-height:38px } 
.quick-bar .txt:before { border-left:1px solid #3f3f3f } 
.quick-bar dl .txt { width:140px } 
.quick-bar dd ul { margin-top:5px } 
.quick-bar dd li { margin-left:15px } 
.quick-bar dd li:first-child { margin-left:0 } 
.quick-bar button { position:absolute; top:0; right:0; width:40px; height:40px; background:url('//cdn.hackershrd.com/img_hrd/common/sp_icon.png') -174px -54px } 

/* tab */
.ie7 .info-tab { zoom:1 } 
.info-tab:after { display:block; content:''; clear:both } 
.info-tab li { float:left; width:159px; border:1px solid #29a8a5; border-left:0 } 
.info-tab li:first-child { border-left:1px solid #29a8a5 } 
.info-tab li a { display:block; height:29px; color:#29a8a5; font-size:16px; text-align:center; line-height:28px } 
.info-tab li.on a,.info-tab li a:hover { color:#fff; background:#29a8a5 } 
.js-tab-type1-con { display:none } 
.js-tab-type1-con.on { display:block } 
.ie7 .info_tab { zoom:1 } 
.info_tab{display: flex; justify-content: left; } 
.info_tab li {width:150px; cursor: pointer;  border:1px solid #29a8a5; border-left:none; height:29px; color:#29a8a5; font-size:16px; text-align:center; line-height:28px} 
.info_tab li:first-child { border-left:1px solid #29a8a5 } 
.info_tab li.active,.info_tab li:hover { color:#fff; background:#29a8a5; cursor: pointer; } 
.hrd_info_con { display:none } 
.hrd_info_con.active { display:block } 


/**/
.tbl-layout { border:0 } 
.tbl-layout th,.tbl-layout td { padding:0; background:none; border:0; text-align:left; font-weight:700; color:#019a99 } 

/*quick*/
.quick-wrap { position:absolute; top:290px; left:50%; width:120px; padding-top:0 !important; margin-left:550px; z-index:100;background: transparent !important;display: flex;flex-direction: column;justify-content: flex-end; align-items: flex-end;} 
.quick-top{width: 100px;}
.quick-wrap.fixed { position:fixed; top:10px } 
.quick-wrap.bottom { position:absolute; bottom:300px } 
.quick-title { display:block; width:79px; height:13px; margin:0 auto; padding-bottom:10px; background:url('//cdn.hackershrd.com/img_hrd/common/sp_icon.png') 0 -156px no-repeat; text-indent:-99999px } 
.quick-wrap ul { border-top:1px solid #dcdcdc } 
.quick-wrap li a { display:block } 
.quick-wrap li a .over { display:none } 
.quick-wrap li a:hover img { display:none } 
.quick-wrap li a:hover .over { display:block } 

.q_quest { text-align: center;margin-top: 15px;box-shadow: 0 5px 10px rgba(11, 158, 165,0.1);border-radius: 5ㅔㅌpx;}  
.q_quest a{display: block;}
.q_quest a img{display: block;width: 100%;}


.clear:after { content:''; clear:both; display:block; } 
.hidden_text { display:inline-block; width:0px; height:0px; opacity:0; overflow: hidden; } 
caption.hidden_text { display:table-caption; } 


/*개인정보/수집이용안내 */
.bg_gry { display:block; line-height:50px; text-align:center; background:#d9d9d9; color:#333; font-weight:bold; white-space: normal; } 
.b-table { table-layout:fixed; width:100%; border-collapse:collapse; border-top:1px solid #aaa; white-space: normal; } 
.b-table caption { font-size:0; } 
.b-table thead th { font-weight:bold; color:#000; } 
.b-table thead th , 
.b-table tbody td { padding:15px 10px; border:1px solid #333; text-align:center; } 
.b-table tbody th { border:1px solid #333; text-align:center; font-weight:bold; color:#000; } 
.b-table tbody td strong { font-size:16px; font-weight:bold; text-decoration:underline; } 
.b-table tbody td ol li { text-align:left; margin-bottom:10px; line-height:1.4; } 
.b-table tbody td .txt-deco { font-weight:bold; text-decoration:underline; } 
.b-table tbody td a { color:rgb(88, 102, 167) } 
.table_tip { margin-top:20px; font-size:13px; line-height:normal; white-space: normal; } 

/* 검색기능 */
.search-section { padding:100px 0; position: relative; z-index: 2; } 
.search-section .w1227 { width: 1227px; margin: 0 auto; } 
.search-section * { font-family: noto,sans-serif; } 
.search-section .search_img { box-shadow: 0 15px 20px rgba(6, 211, 185,0.3); } 
.search-section .search-input { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1067px; height: 60px; display: flex; justify-content: flex-start; align-items: center; } 
.search-section .search-input span { display: inline-block; width: 205px; text-align: left; font-size: 2.2em; color:#fff; font-weight: bold; } 
.search-section .search-input input, 
.search-section .search-input select, 
.search-section .search-input .lec_search_btn { height: 58px; display: block; margin-left: -1px; outline: none; } 
.search-section .search-input .lec_search_btn { width: 58px; text-indent: -9999px; background:#fff url('//gscdn.hackers.co.kr/hrd/img/common/search_btn.png') center center no-repeat; } 
.search-section .search-input input { width: 579px; border: none; box-sizing: border-box; padding: 0 20px; font-size: 18px; } 
.search-section .search-input input::placeholder { color:#bbbbbb } 
.search-section .search-input select { width: 230px; border: none; box-sizing: border-box; padding: 0 20px; font-size: 18px; border-right: 1px solid #ccc; } 


/* 검색결과 */
.search-section .search-result { position: absolute; right: 77px; width: 637px; border:1px solid #ccc; background: #fff; top:98px; border-top: none; box-sizing: border-box; padding: 10px 5px; display: none; } 
.search-section .search-result::after { content: ""; display: block; width: 596px; height: 1px; background: #ccc; position: absolute; top: 0; left: 20px; } 
.search-section .search-result ul { overflow-y: auto; overflow-x: hidden; height: 455px; } 
.search-section .search-result li { font-size: 18px; text-align: left; z-index: 51; } 
.search-section .search-result li a { color:#aaaaaa; padding: 10px 20px; box-sizing: border-box; display: block; } 
.search-section .search-result ul::-webkit-scrollbar { width: 5px; background: transparent; } 
.search-section .search-result ul::-webkit-scrollbar-thumb { background: #ccc; width: 3px; border-radius: 3px; } 
.search-section .search-result ul::-webkit-scrollbar-track { background: transparent; } 

/* 서브페이지 */
.search-section.t2 { padding:0 } 
.search-section.t2 .search_img { width: 100%; display: block; box-shadow: 0 5px 10px rgba(6, 211, 185,0.3); } 
.search-section.t2 .search-input { width: 865px; } 
.search-section.t2 .search-result { top: 86px; right: 68px; } 

/* */
.search-section.t3 { padding:0 } 
.search-section.t3 .search_img { width: 100%; display: block; box-shadow: 0 5px 10px rgba(6, 211, 185,0.3); } 
.search-section.t3 .search-input input, .search-section.t3 .search-input select, .search-section.t3 .search-input .lec_search_btn { height: 50px; } 
.search-section.t3 .search-input { width: 740px } 
.search-section.t3 .search-input select { width: 170px; } 
.search-section.t3 .search-input input { width: 515px; } 
.search-section.t3 .search-result { top: 170px; right: 20px; width: 570px; } 
.search-section.t3 .search-result::after { width: 530px; } 

.list-not-found { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 150px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } 
.list-not-found p { display: block; margin-top: 50px; font-size: 18px; font-weight: bold; color:#888888; } 


/* popup */
.layer_bg { background:#000; opacity:0.5; position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index: 99; } 
.layer_pop.hrd { position:fixed; z-index:9999; left:80%; top:50%; transform: translate(-50%,-50%); display:none; } 
.layer_pop.hrd .pop_close_btn { font-size: 30px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; line-height: 30px; text-align: center; } 
.layer_pop.hrd .pop_img { display:none; position:relative; } 


.layer_pop.hrd .tab_menu >h3 , .layer_pop.hrd .tab_menu > .search_wrap, .layer_pop.hrd .tab_menu >ul, .layer_pop.hrd .tab_con > .tab_t, .layer_pop.hrd .tab_con > .cont_wrap { position: absolute; top: 104px; margin: 0 20px; } 
.layer_pop.hrd .tab_menu >h3 { font-size: 24px; color: #019a99; } 
.layer_pop.hrd .tab_menu > .search{top: 168px;width: 87%;  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.3);display: flex;justify-content: center;align-items: center;}
.layer_pop.hrd .tab_menu > .search a.search_btn{background: url('//gscdn.hackers.co.kr/hrd/img/common/search_btn.png')center center no-repeat;color: transparent;padding: 1%;}
.layer_pop.hrd .tab_menu > .search input{width: 100%;padding:3% 0;border: none;}
.layer_pop.hrd .tab_menu >ul { display: flex; flex-wrap: wrap; top: 220px; justify-content: space-between; } 
.layer_pop.hrd .tab_menu >ul>li { width: 48%; margin: 10px 0; } 
.layer_pop.hrd .tab_menu >ul>li>a { text-align: center; border: 1px solid #dddddd; box-sizing: border-box; padding: 16px 0; display: block; border-radius: 10px; font-size: 18px;font-weight: 700;} 
.layer_pop.hrd .tab_menu >ul>li a:hover { background: #00b7b6; color: #fff; border: none; } 
.layer_pop.hrd .tab_menu >ul>li a.active { background: #00b7b6; color: #fff; border: none; } 
.layer_pop.hrd .tab_con { display: none; } 
.layer_pop.hrd .tab_menu.active { display: none; } 
.layer_pop.hrd .tab_con.active { display: block; } 
.layer_pop.hrd .tab_con > .tab_t { display: flex; width: 55%; justify-content: space-between; align-items: center; } 
.layer_pop.hrd .tab_con > .tab_t>a { font-size: 22px; color: #444444; } 
.layer_pop.hrd .tab_con > .tab_t > h3 { font-size: 24px; color: #444444; } 
.layer_pop.hrd .tab_con > .cont_wrap { top: 167px; width: calc(100% - 40px); height: 66%; overflow-y: scroll; } 
.layer_pop.hrd .tab_con > .cont_wrap::-webkit-scrollbar {width: 8px; } 
.layer_pop.hrd .tab_con > .cont_wrap::-webkit-scrollbar-thumb {background-color: #d6d6d6; border-radius: 10px; } 
.layer_pop.hrd .tab_con > .cont_wrap::-webkit-scrollbar-track {background-color: transparent; } 
.layer_pop.hrd .tab_con > .cont_wrap >ul>li { border-bottom: 1px solid #eeeeee; font-size: 18px; padding: 20px 0; } 
.layer_pop.hrd .tab_con > .cont_wrap >ul>li:nth-last-of-type(1) { border: none; } 
.layer_pop.hrd .tab_con > .cont_wrap >ul>li>a { color: #333; display: flex; align-items: center; justify-content: start; gap: 10px; } 
.layer_pop.hrd .tab_con > .cont_wrap >ul>li>a > p{ line-height: 1.55rem;} 
.layer_pop.hrd .tab_con > .cont_wrap >ul>li>a>span { font-weight: bold; display: block;} 

/* 최근본상품 */
.vod_slide {padding: 5px;background: #fff;;}
.visit_box {width: 120px;}
.visit_box .tit{background:#454545;color:#fff;padding: 10px 0;text-align: center;font-weight: bold;margin-top: 10px;}
.quick-wrap .vod_txt{font-size: 12px;text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;display: block;padding-top: 5px}
.quick-wrap .view_count{width: 20px;height: 20px;border-radius: 50%; background: #fff;color:#454545;display: inline-flex;justify-content: center;align-items: center;}
.quick-wrap .view_vod{padding: 5px 0;border-bottom: 1px solid #ccc;display: block;}
.quick-wrap .view_vod img{border: 1px solid #ccc;width: 100%;display: block;box-sizing: border-box;}
.quick-wrap .view_vod:nth-child(2){border-bottom: 0}

/* hrd 자주 묻는 질문 검색어 */
.layer_pop.hrd .tab_menu > .search_wrap{top: 168px;width: 87%;  border-radius: 5px;
  background: #f4f4f4;}
.layer_pop.hrd .tab_menu .search{display: flex;justify-content: center;align-items: center;background: #f4f4f4;width: 100%;}
.layer_pop.hrd .tab_menu .search a.search_btn{background: url('//gscdn.hackers.co.kr/hrd/img/common/search_btn.png')center center no-repeat; color: transparent;padding: 1%;}
.layer_pop.hrd .tab_menu .search input{width: 100%;padding:3% 0;border: none;background: #f4f4f4;padding-left: 10px;}
.layer_pop.hrd .tab_menu .search input::placeholder{color: #c3c3c3;}
.layer_pop.hrd .rel_search{position: absolute;width: 100%;top: 50px;display: none;}
.layer_pop.hrd .mint_f{color: #00b7b6;}
.layer_pop.hrd .pop_rel_keywords{top: 167px; width: 100%; height: 66%; overflow-y: scroll;}
.layer_pop.hrd .pop_rel_keywords>li {border-bottom: 1px solid #eeeeee; font-size: 18px; padding: 20px 0; } 
.layer_pop.hrd .pop_rel_keywords>li:nth-last-of-type(1) { border: none; }
.layer_pop.hrd .pop_rel_keywords::-webkit-scrollbar {width: 8px; } 
.layer_pop.hrd .pop_rel_keywords::-webkit-scrollbar-thumb {background-color: #d6d6d6; border-radius: 10px; } 
.layer_pop.hrd .pop_rel_keywords::-webkit-scrollbar-track {background-color: transparent; } 

/* 해커스역사 버튼 */
.info_tab li.history_btn {background: none; border: none;}
.info_tab li.history_btn a {position: relative;display: block;color: #008684;}
.info_tab li.history_btn a::before {content: ''; display: block; width: 2px; height: 20px; background-color: #c2e5e4; position: absolute; left: 21px; top: 4px;}
.info_tab li.history_btn a::after {content: ''; display: block; width: 2px; height: 20px; background-color: #c2e5e4; position: absolute; right: 18px; top: 4px;}
.info_tab li.history_btn.on a, .js-tab-type1.info-tab li.history_btn a:hover {background: none; color: #29a8a5;}

.q_quest { text-align: center; margin-top: 15px; box-shadow: 0 5px 10px rgba(11, 158, 165,0.1); border-radius: 20px; } 
.q_quest a { display: block; width: 100px;} 
.q_quest a img { display: block; width: 100%; } 


.packageTitle.active td:nth-of-type(1) { border-bottom: none } 
.packageTitle .tit, .packageList .tit { font-size: 1.15rem; text-align: left; line-height: 1.45rem; margin-bottom: 10px; } 
.packageTitle span.term, .packageList span.term { text-align: left; color:#888; display: block; } 
.packageTitle .pkg_icon { display: inline-block; padding: 0px 8px; font-size: 0.9rem; color: #29a8a5; border: 1px solid #29a8a5; border-radius: 15px; } 
.packageTitle .list_btn { background: #fff; color:#019a99; transition: 0.5s all; } 
.packageTitle .list_btn:hover { background: #019a99; color:#fff; } 
.packageList td:nth-of-type(1) { position: relative; border-bottom: none } 
.packageList:nth-last-of-type(1) td:nth-of-type(1) { border-bottom: 1px solid #ccc} 
.packageList.active { display: table-row; } 
.packageList .list_icon { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display: block; width: 8px; height: 8px; z-index: 9; border-radius: 50%; background: #bbb; border:3px solid #ddd } 
.packageList .list_icon::after { content: ''; position: absolute; width: 1px; border-left: 1px dashed #ddd; height: 70px; left: 41.8%; top: -80px; z-index: -1; } 

.star_rating { display: flex; align-items: center; justify-content: left; gap: 5px; width: 120px;padding-top: 20px;}
.star_rating span{display: inline-block; width: 20px; height: 20px;}
.star_rating span.on{background: url('//cdn.hackershrd.com/hrd/images/common/star_on.png') 0 0 no-repeat; background-size: 100%;}
.star_rating span.off{background: url('//cdn.hackershrd.com/hrd/images/common/star_off.png') 0 0 no-repeat; background-size: 100%;}
.review_wrap { padding-top: 20px; display: flex; align-items: center; justify-content: left; gap: 15px;}
.review_wrap a{color: #00b7b6; font-weight: 700; text-decoration: underline;}

.review_bottom_wrap .tit-box-h4 { display: flex; align-items: center; justify-content: left; gap: 15px; }
.review_bottom_wrap .review_star_wrap { display: flex; align-items: end; justify-content: left; gap: 15px; height: 20px; }
.review_bottom_wrap .review_star_wrap >span{font-size: 16px; display: flex; align-items: center; gap: 10px;}
.review_bottom_wrap .tit-box-h4 .star_rating { display: flex; align-items: center; justify-content: left; gap: 5px; width: 120px;}
.review_bottom_wrap .tit-box-h4 .star_rating span{display: inline-block; width: 20px; height: 20px;}
.review_bottom_wrap .tit-box-h4 .star_rating span.on{background: url('//cdn.hackershrd.com/hrd/images/common/star_on.png') 0 0 no-repeat; background-size: 100%;}
.review_bottom_wrap .tit-box-h4 .star_rating span.off{background: url('//cdn.hackershrd.com/hrd/images/common/star_off.png') 0 0 no-repeat; background-size: 100%;}
.review_bottom_wrap .tit-box-h4 .review_btn {color: #00b7b6; font-weight: 700; text-decoration: underline;}
.review_bottom_wrap table td, .review_bottom_wrap table th{text-align: center;padding: 15px 0;}
.review_bottom_wrap table .star_rating{display: flex; align-items: center; justify-content: left; gap: 5px; width: 120px; margin: 0 auto;padding-top: 0;}
.review_bottom_wrap table .star_rating span{display: inline-block; width: 20px; height: 20px;}
.review_bottom_wrap table .star_rating span.on{background: url('//cdn.hackershrd.com/hrd/images/common/star_on.png') 0 0 no-repeat; background-size: 100%;}
.review_bottom_wrap table .star_rating span.off{background: url('//cdn.hackershrd.com/hrd/images/common/star_off.png') 0 0 no-repeat; background-size: 100%;}

.sduty_time{display: flex; align-items: center;justify-content: left;gap: 5px; padding: 5px 10px; border: 1px solid #e0e0e0; border-radius: 5px; background: #f1f8ff;position: absolute;top: 11%;left: 130px;font-size: 20px;}
.sduty_time span.icon{background: url('//cdn.hackershrd.com/hrd/images/common/icon_time.png') 0 0 no-repeat; background-size: 100%; width: 20px; height: 20px; display: inline-block;}
.sduty_time p{color: #3aacc1; font-weight: 700;letter-spacing: 1px;}
.sduty_time p span{color: #555;}