@charset "utf-8";

/* pc */
/**************************************************
공통
**************************************************/
html {font-size:10px;}
body {font-size:1.5rem;}
input [type="text"],
input.text {height:2.6rem; padding:0 0 0 0.5rem;}
input [type="check"],
input [type="radio"] {margin:0 03rem 0.1rem 0; padding:0; width:1.3rem; height:1.3rem; vertical-align:middle;}
input[type="text"]:read-only {background-color:#f3f3f3;}
select {height:2.6rem;}
textarea {width:100%; padding:2rem; font-size:1.4rem; line-height:1.6em; color:#333; font-weight:300;}
textarea:focus {outline:none;}
.block {display:block;}
a.blank:after {content:""; display:inline-block; width:12px; height:12px; margin:-2px 0 0 3px; vertical-align:middle; background:url("../../images/sub/win.gif") no-repeat center center;}

/* 파일첨부 */
.filebox input[type="file"] {position:absolute; top:0; overflow:hidden; clip:rect(0,0,0,0);}
.filebox label {display:inline-block; padding:0.6rem; width:8rem; text-align:center; color: #fff; font-size:1.4rem; line-height: normal; vertical-align: middle; background: #777; cursor: pointer; height:3.4rem;}
.filebox .upload {display: inline-block; padding:0.6rem 1rem; font-size:1.4rem; font-family: inherit; line-height: normal; vertical-align: middle; background:#fefefe !important; border: 1px solid #ebebeb; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; height:3.4rem;} 

/* skip navigation */
#skipnavi a{display:block; position:absolute; top:-40px; left:0; z-index:1005; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skipnavi a:hover{top:0px; z-index:1005; background:#4669b2; color:#fff;}
#skipnavi a:active{top:0px; z-index:1005; background:#4669b2; color:#fff;}
#skipnavi a:focus{top:0px; z-index:1005; background:#4669b2; color:#fff;}

/* layout */
#wrapper {display:block; position:relative; height:100%; min-width:120rem; margin:0 auto;}

/* global link */
#wrapper .global {position:absolute; left:0; top:0; width:100%; z-index:1002; border-bottom:1px solid #dcdcdc;}
#wrapper .global .site_link {position:relative; left:50%; margin-left:-60rem; width:120rem; z-index:201;}
#wrapper .global .site_link:after {content:""; display:block; clear:both;}
#wrapper .global .site_link ul {float:right;}
#wrapper .global .site_link ul:after {content:""; display:block; clear:both;}
#wrapper .global .site_link .join li {float:left; position:relative; padding:0px 0px 0px 20px;}
#wrapper .global .site_link .join li a {display:block; text-decoration:none; color:#333; box-sizing:border-box; font-size:14px; font-weight:400; height:40px; line-height:40px;}
#wrapper .global .site_link .join li a[target="_blank"] {content:""; display:inline-block; margin:6px 0 0 0px; background-color:#4669b2; padding:0 10px 0 10px; height:28px; line-height:26px; border-radius:5px; color:#ffffff;}
#wrapper .global .site_link .join li a[target="_blank"]:hover,
#wrapper .global .site_link .join li a[target="_blank"]:active {color:#ffffff;}
#wrapper .global .site_link .join li a:hover,
#wrapper .global .site_link .join li a:active {color:#017bbf;}

/* header */
#header {position:relative; width:100%; z-index:1000; height:11.1rem; background-color:#ffffff;}
#header .header_box {position:relative; width:120rem; margin:0 auto;}
#header .header_box:after{content:""; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
#header .logo {display:inline-block; width:27rem; height:11.1rem; padding-top:6.0rem; text-indent:-9999em; z-index:12;}
#header .logo a {display:block; width:100%; height:100%; background:url("../../images/common/logo.png") no-repeat;}
#header:hover {background:rgba(255,255,255,1);}
#header:hover .logo a {background:url("../../images/common/logo.png") no-repeat;}

/* gnb */
#gnb_area {position:absolute; top:6.3rem; left:38rem; right:0rem; padding-right:0rem;}
#gnb {position:relative;}
#gnb .depth2 {position:relative; height:4.7rem; overflow:hidden; border-top:0; z-index:1200;}
#gnb .depth2 > li {float:left; width:20%; height:4.5rem; cursor: pointer}
#gnb .depth2 > li > a {position:relative; display:block; height:4.7rem; text-align:left; color:#303030; font-weight:700; cursor: pointer}
#gnb .depth2 > li > a::after {content:""; display:block; position:absolute; overflow:hidden; right:50%; left:50%; bottom:0; height:0.1rem; background-color:#fff; -webkit-transition:all 0.3s; transition:all 0.3s;}
#gnb .depth2 > li > a > span {font-size:1.8rem;}
#gnb .depth2 > li > a h2.title {font-size:1.8rem;}
#gnb .depth2 > li:hover > a {font-weight:700; color:#017bbf !important;}
#gnb .depth2 > li.on > a {font-weight:700;}
#gnb .depth2 .depthBox {min-height:32.9rem; padding-top:1.3rem; margin-top:0.1rem; background-color:#ffffff;}
#gnb .depth2 .depthBox li a {display:block; padding:0.9rem 0 0.8rem 0; text-align:left; color:#303030; font-size:1.5rem; font-weight:400;}
#gnb .depth2 .depthBox li a[target="_blank"]:after {content:""; display:inline-block; width:12px; height:12px; margin:-2px 0 0 3px; vertical-align:middle; background:url("../../images/sub/win.gif") no-repeat center center;}
#gnb .depth2 .depthBox li a:hover {color:#017bbf; text-decoration:underline;}
#gnb .depth2 > li.on  .depthBox li a:hover {color:#017bbf; text-decoration:underline;}
#header:hover #gnb .depth2 > li > a {color:#303030;}
.gnb_bg {position:absolute; left:0; top:11.0rem; width:100%; height:0; background-color:#fff; z-index:10;}
.gnb_thum {position:absolute; left:50%; top:45px; margin-left:-60rem; width:120rem; height:290px; opacity:0; visibility:hidden; background-image:url("../../images/common/img_gnb01.png"); background-position:0 162px; background-repeat:no-repeat; color:#303030; letter-spacing:-0.03em;}
.gnb_thum::before {content:"채용공고 \A"; white-space:pre; font-size:19px; font-weight:600; position:relative; left:22px;}
.gnb_thum::after {content:"안전과 고객감동으로 \A 미래가치를 혁신하는 \A 철도환경ㆍ기술 전문회사"; white-space:pre; font-size:15px; font-weight:400; position:relative; top:27px; left:22px;}
.gnb_thum.gnb_img01 {background-image:url("../../images/common/img_gnb01.png");}
.gnb_thum.gnb_img01:before {content:"채용공고 \A"; white-space:pre; font-size:19px; font-weight:600; position:relative; left:22px;}
.gnb_thum.gnb_img01:after {content:"안전과 고객감동으로 \A 미래가치를 혁신하는 \A 철도환경ㆍ기술 전문회사"; white-space:pre; font-size:15px; font-weight:400; position:relative; top:27px; left:22px;}
.gnb_thum.gnb_img02 {background-image:url("../../images/common/img_gnb02.png");}
.gnb_thum.gnb_img02:before {content:"입사지원관리 \A"; white-space:pre; font-size:19px; font-weight:600; position:relative; left:22px;}
.gnb_thum.gnb_img02:after {content:"안전과 고객감동으로 \A 미래가치를 혁신하는 \A 철도환경ㆍ기술 전문회사"; white-space:pre; font-size:15px; font-weight:400; position:relative; top:27px; left:22px;}
.gnb_thum.gnb_img03 {background-image:url("../../images/common/img_gnb03.png");}
.gnb_thum.gnb_img03:before {content:"합격자발표 \A"; white-space:pre; font-size:19px; font-weight:600; position:relative; left:22px;}
.gnb_thum.gnb_img03:after {content:"안전과 고객감동으로 \A 미래가치를 혁신하는 \A 철도환경ㆍ기술 전문회사"; white-space:pre; font-size:15px; font-weight:400; position:relative; top:27px; left:22px;}
.gnb_thum.gnb_img04 {background-image:url("../../images/common/img_gnb04.png");}
.gnb_thum.gnb_img04:before {content:"채용문의 \A"; white-space:pre; font-size:19px; font-weight:600; position:relative; left:22px;}
.gnb_thum.gnb_img04:after {content:"안전과 고객감동으로 \A 미래가치를 혁신하는 \A 철도환경ㆍ기술 전문회사"; white-space:pre; font-size:15px; font-weight:400; position:relative; top:27px; left:22px;}
.gnb_thum.gnb_img05 {background-image:url("../../images/common/img_gnb05.png");}
.gnb_thum.gnb_img05:before {content:"인사제도 \A"; white-space:pre; font-size:19px; font-weight:600; position:relative; left:22px;}
.gnb_thum.gnb_img05:after {content:"안전과 고객감동으로 \A 미래가치를 혁신하는 \A 철도환경ㆍ기술 전문회사"; white-space:pre; font-size:15px; font-weight:400; position:relative; top:27px; left:22px;}
.gnb_bg.on .gnb_thum {opacity:1;visibility:visible;}
.gnb_bg::before {content:""; display:block; position:absolute; left:0; bottom:0; width:calc(50% - 36rem); height:100%; background:#f6f7f9;}
.gnb_bg {border-top:0.1rem solid #dcdcdc;}
.gnb_bg.on {border-bottom:0.1rem solid #dcdcdc;}

/* 사이트맵 */
.btn_menu {position:absolute; right:0; top:6.4rem; z-index:11; display:none;} /* 수정 */
.btn_menu a {display:block; position:relative; width:3.3rem; height:2.5rem;}
.btn_menu a:before,
.btn_menu a:after {content:""; display:block; position:absolute; left:0; width:100%; border-bottom:0.2rem solid #017bbf;}
.btn_menu a:before {top:0;}
.btn_menu a:after {bottom:0;}
.btn_menu .bar {display:block; position:absolute; left:0; top:calc(50% - 0.1rem); width:100%; height:0.2rem; background:#017bbf; text-indent:-9999em;}
#header:hover .btn_menu a:before {border-color:#017bbf;}
#header:hover .btn_menu a:after {border-color:#017bbf;}
#header:hover .btn_menu .bar {background:#017bbf;}
#header:hover .btn_menu a:hover:before {border-color:#303030;}
#header:hover .btn_menu a:hover:after {border-color:#303030;}
#header:hover .btn_menu:hover .bar {background:#303030;}

/* footer */
.footer_area {position:relative; background-color:#525252; padding:2.9rem 0 3.0rem 0;}
.footer_area .footer_space {position:relative; margin:0 auto; width:120rem;}
.footer_area .footer_space .foot_link {}
.footer_area .footer_space .foot_link li {position:relative; display:inline-block; margin-right:3rem; font-size:1.4rem; color:#ffffff; font-weight:400;}
.footer_area .footer_space .foot_link li:after {content:""; display:block; position:absolute; right:-1.8rem; top:5px; width:1px; height:10px; line-height:37px; background:#fff;}
.footer_area .footer_space .foot_link li:last-child:after {background:none;}
.footer_area .footer_space p.foot_copy {position:absolute; right:0; top:50%; transform:translateY(-50%); color:#b6b6b6;}

/**************************************************
메인
**************************************************/
/* 비주얼 */
.main_visual {position:relative;}
.main_visual .visual-slide .bg01 {background:#ffffff url("../../images/main/main_slider01.png") no-repeat center center; background-size:cover;}
.main_visual .visual-slide .bg02 {background:#ffffff url("../../images/main/main_slider02.png") no-repeat center center; background-size:cover;}
.main_visual .visual-slide .bg03 {background:#ffffff url("../../images/main/main_slider03.jpg") no-repeat center center; background-size:cover;}
.main_visual .visual-slide .bg04 {background:#ffffff url("../../images/main/main_slider04.jpg") no-repeat center center; background-size:cover;}
.main_visual .visual-slide .bg05 {background:#ffffff url("../../images/main/main_slider05.jpg") no-repeat center center; background-size:cover;}
.main_visual .visual-slide .swiper-slide {width:100%; height:660px;}
.main_visual .visual-slide .swiper-slide a {display:block; height:100%;}
.main_visual .visual-slide .swiper-slide .inner {position:relative; width:100%; max-width:1200px; margin:0 auto; height:inherit;}
.main_visual .visual-slide .swiper-slide .inner .main-slide-info {position:absolute; top:220px; right:0; width:445px;}
.main_visual .visual-slide .swiper-slide .inner .main-slide-info .text01 {font-size:2.2rem; color:#ffffff; letter-spacing:-0.05rem; margin-bottom:10px;}
.main_visual .visual-slide .swiper-slide .inner .main-slide-info .text02 {font-size:4.5rem; color:#ffffff; font-weight:600; letter-spacing:-0.2rem; line-height:1.1;}
.main_visual .visual-control {position:absolute; right:50%; bottom:150px; z-index:1; margin-right:-600px;}
.main_visual .visual-control span,
.main_visual .visual-control a {display:inline-block; vertical-align:middle;}
.main_visual .visual-control a.prev {width:35px; height:36px; background:url("../../images/main/ico_main_slide_prev.png") no-repeat 0px 0px;}
.main_visual .visual-control a.next {width:35px; height:36px; background:url("../../images/main/ico_main_slide_next.png") no-repeat 0px 0px;}
.main_visual .visual-control a.stop {width:35px; height:36px; background:url("../../images/main/ico_main_slide_stop.png") no-repeat 0px 0px;}
.main_visual .visual-control.active a.stop {width:35px;height:36px;background:url("../../images/main/ico_main_slide_play.png") no-repeat 0px 0px;}
.main_visual .visual-control span.counter {margin:0px 15px; position:relative; width:auto; bottom:0; color:#ffffff; opacity:0.7;}
.main_visual .visual-control span.counter span {font-size:20px; color:#ffffff; padding:0px 3px;}
.swiper-container {margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction:column;}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {transform:translate3d(0px, 0, 0); -webkit-transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden;}
.swiper-container-multirow > .swiper-wrapper {flex-wrap:wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap:wrap; flex-direction:column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function:ease-out; margin:0 auto;}
.swiper-slide {flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform; -webkit-transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden;}
.swiper-slide-invisible-blank {visibility:hidden;}
.hd-element {display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em;}
span.swiper-notification {display:block;}
.main_visual .main_chart {position:absolute; bottom:0px; background-color:rgba(0,0,0,0.4); width:100%; height:137px; z-index:10; color:#ffffff; padding:35px 0 35px 0;}
.main_visual .main_chart .chart_inner {position:relative; width:100%; max-width:1200px; margin:0 auto;}
.main_visual .main_chart .chart_inner ul.num_wrap {}
.main_visual .main_chart .chart_inner ul.num_wrap:after {content:""; display:block; clear:both;}
.main_visual .main_chart .chart_inner ul.num_wrap li.num_list {position:relative; float:left; border-right:1px solid #838383; width:320px; padding:10px 30px 0 30px; height:67px;}
.main_visual .main_chart .chart_inner ul.num_wrap li.num_list:first-child {border-left:1px solid #838383;}
.main_visual .main_chart .chart_inner ul.num_wrap li.num_list span.txt_a {font-size:1.8rem; font-weight:600;}
.main_visual .main_chart .chart_inner ul.num_wrap li.num_list .num_hits {position:absolute; bottom:0; right:30px; font-size:1.8rem;}
.main_visual .main_chart .chart_inner ul.num_wrap li.num_list .num_hits span.txt_b {font-size:4.8rem; font-weight:400; margin-right:7px;}
.main_visual .main_chart .chart_inner a.btn_hits_go {position:absolute; top:0; right:0; width:190px;}
.main_visual .main_chart .chart_inner a.btn_hits_go {background:#ffffff url("../../images/main/i_btn_hits_go.png") no-repeat 140px center; padding:23px 15px 23px 0; display:block; border-radius:10px 10px 10px 10px; color:#303030; font-weight:500; text-align:center;}

/* 공지사항 */
.main_notice {position:relative; float:left; width:750px; height:356px;}
.main_notice h3.notice_tit {font-size:2.9rem;}
.main_notice ul.ul_list {margin-top:20px;}
.main_notice ul.ul_list li {position:relative; font-size:1.7rem; border-bottom:1px solid #cdcdcd;}
.main_notice ul.ul_list li a {padding:17px 0 18px 0; display:block; font-weight:500;}
.main_notice ul.ul_list li a:hover {color:#017bbf;}
.main_notice ul.ul_list li:first-child {border-top:1px solid #4669b2;}
.main_notice ul.ul_list li span.date {position:absolute; top:17px; right:0; color:#8a8a8a;} 
.main_notice .btn_more {position:absolute; top:13px; right:0; font-size:1.6rem; padding-right:15px; color:#5369ae; font-weight:600;} /* 수정 */
.main_notice .btn_more::before {content:""; position:absolute; top:48%; right:0px; width:10px; height:2px; transform:rotate(90deg); background:#5369ae; transition:all .3s ease-in-out;}/* 수정 */
.main_notice .btn_more::after {content:""; position:absolute; top:48%; right:0px; width:10px; height:2px; background:#5369ae; transition:all .2s ease-in-out;} /* 수정 */

/* 지원서 */
.main_support {float:right; width:400px;}
.main_support ul li {position:relative; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0;}
.main_support ul li:last-child {border-bottom:none;}
.main_support ul li a {display:block; padding:23px 0 23px 170px;}
.main_support ul li a span.support_tit {font-size:1.8rem; color:#333333; font-weight:600; margin-bottom:5px;}
.main_support ul li:nth-child(1) {background-color:#f2f2f2; border-radius:9px 9px 0 0;}
.main_support ul li:nth-child(1) a:hover {background-color:#dfe2eb; border-radius:9px 9px 0 0;}
.main_support ul li:nth-child(1) a:hover::before {content:""; position:absolute; top:15px; left:6rem; width:90px; height:90px; background:#4669b2 url("../../images/main/i_support01.png") no-repeat center center; border-radius:100%;}
.main_support ul li:nth-child(1) a::before {content:""; position:absolute; top:15px; left:6rem; width:90px; height:90px; background:#ffffff url("../../images/main/i_support01.png") no-repeat center center; border-radius:100%;}
.main_support ul li:nth-child(2) {background-color:#f2f2f2;}
.main_support ul li:nth-child(2) a:hover {background-color:#dfe2eb;}
.main_support ul li:nth-child(2) a:hover::before {content:""; position:absolute; top:15px; left:6rem; width:90px; height:90px; background:#4669b2 url("../../images/main/i_support02.png") no-repeat center center; border-radius:100%;}
.main_support ul li:nth-child(2) a::before {content:""; position:absolute; top:15px; left:6rem; width:90px; height:90px; background:#ffffff url("../../images/main/i_support02.png") no-repeat center center; border-radius:100%;}
.main_support ul li:nth-child(3) {background-color:#f2f2f2; border-radius:0px 0px 9px 9px;}
.main_support ul li:nth-child(3) a:hover {background-color:#dfe2eb; border-radius:0px 0px 9px 9px;}
.main_support ul li:nth-child(3) a:hover::before {content:""; position:absolute; top:15px; left:6rem; width:90px; height:90px; background:#4669b2 url("../../images/main/i_support03.png") no-repeat center center; border-radius:100%;}
.main_support ul li:nth-child(3) a::before {content:""; position:absolute; top:15px; left:6rem; width:90px; height:90px; background:#ffffff url("../../images/main/i_support03.png") no-repeat center center; border-radius:100%;}

.btn_veri {margin-top:2.0rem;}
.btn_veri ul {display:flex; justify-content:space-between; width:42%;}
.btn_veri a {display:inline-block; background:#6b79fb; color:#fff; font-size:1.4rem; padding:1.1rem 2.5rem; min-width:15rem; border-radius:26px;}
.btn_veri a:hover {color:#fff !important;}
.btn_veri a img {display:inline-block; margin-left:2.0rem;}

.btn_set {margin-top:2.0rem; overflow:hidden;}
.btn_set ul {display:flex; justify-content:space-between; width:23%;}
.btn_set a.btnset_reset, a.btnset_remove {display:inline-block; background:#fff; border:1px solid #6b79fb; color:#6b79fb; font-size:1.4rem; padding:1.0rem 0; min-width:13rem; border-radius:26px; text-align:center;}
.btn_set a.btnset_add {display:inline-block; color:#fff; background:#6b79fb;font-size:1.4rem; padding:1.0rem 0; min-width:13rem; border-radius:26px; text-align:center;}
.btn_set a img {display:inline-block; margin-left:2.0rem;}
.btn_set .btn_l {float:left;}
.btn_set .btn_r {float:right;}

/**************************************************
서브
**************************************************/
/* default */
#container {position:relative;}
#content {position:relative; width:120rem; margin:65px auto 0 auto; padding:0rem 0 10rem 0rem;}
#content::after {content:""; display:table; clear:both;}
#content.content_people {padding:7rem 0 0 6rem;}
#content.content_people::before {content:""; display:block; position:absolute; left:-90%;bottom:0; width:100%; height:29rem; background-color:#f4f4f4;}
#content.content_people::after {content:""; display:block; position:absolute; right:-100%;bottom:0; width:100%; height:29rem; background-color:#f4f4f4; z-index:-1;}

/* location_area */
.top_area {background-color:#4669b2;}
.location_area {position:relative; width:120rem; margin:0 auto; z-index:5;}
.location_area .i_home {position:relative; display:block; float:left; width:5.8rem; height:5.0rem; line-height:5.0rem; text-align:center; color:#3d3d3d; font-size:1.8rem; background:url("../../images/sub/i_home.png") no-repeat 50% 50%; text-indent:-9999em;}
.location_area .i_home:after {content:""; display:block; position:absolute; right:0rem; top:12px; width:1px; height:26px; background:#94a7d1;}
.location_area .fake_select:last-child {background-color:#657aff;}
.location_area .fake_select {display:block; float:left; position:relative; width:195px; background:#4669b2; vertical-align:middle;}
.location_area .fake_select * {margin:0; padding:0; font-size:14px; cursor:pointer;}
.location_area .fake_select .my_value {width:100%; height:5.0rem; padding:0 2rem; overflow:visible; position:relative; top:0; left:0; z-index:2; border:0; border-right:0rem solid #e9e9e9; background:transparent; color:#ffffff; text-align:left; font-size:1.5rem; line-height:5.0rem; background:url("../../images/sub/bg_arrow03.png") no-repeat 90% 50%;}
.location_area .fake_select .my_value.selected {font-weight:400;}
.location_area .fake_select div.my_value {height:5.0rem; text-indent:0.8rem;}
.location_area .fake_select ul {overflow:hidden; position:absolute; top:5.0rem; left:0; width:100%; border-top:0.1rem solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.location_area .fake_select ul.a_list {display:none;}
.location_area .fake_select.open ul.a_list {display:block;}
.location_area .fake_select li {overflow:hidden; position:relative; height:5.0rem; border-left:0.1rem solid #dcdcdc; border-right:0.1rem solid #dcdcdc; white-space:nowrap;}
.location_area .fake_select li input.option {position:absolute; width:100%; height:5.0rem; line-height:5.0rem;}
.location_area .fake_select li label {position:absolute; top:0; left:0; width:100%; height:1.8rem; background:#ffffff; color:#3d3d3d; line-height:5.0rem; text-indent:0.8rem;}
.location_area .fake_select li a {display:block; height:5.0rem; background:#ffffff; color:#3d3d3d; line-height:5.0rem; text-indent:20px;}
.location_area .fake_select li.hover * {background:#dcdcdc; color:#3d3d3d;}

/* btn */
.bd_radius {border-radius:100px;}
.btn_area {position:relative; text-align:right; margin-top:6.0rem;}
.btn {display:inline-block; font-weight:400; text-align:center; vertical-align:middle; cursor:pointer; border:0; white-space:nowrap; line-height:1; margin-right:1rem;}
.btn:last-child {margin-right:0;}
.btn_list {width:10rem; height:4rem; font-size:1.5rem; line-height:3.8rem; background:#fff; color:#657aff; border:0.1rem solid #657aff;}
.btn_intxt_down {background:#fff url("../../images/sub/btn_intxt_down.png") no-repeat calc(100% - 1.3rem) center; border:1px solid #898989; color:#555; font-size:1.4rem; font-weight:300; text-align:center; display:inline-block; border-radius:8px; padding:0.8rem 4rem 0.8rem 1rem; width:10rem;}
.btn_confirm {width:10rem; height:4rem; font-size:1.5rem; line-height:3.8rem; background:#657aff; color:#fff;}
.btn_set_left {position:absolute; left:0; top:0}
.btn_post {display:inline-block; min-width:8rem; height:3.2rem; text-align:center; font-size:1.4rem; color:#fff; border:0; background:#787878;}
.btn_pass {display:inline-block; min-width:8rem; height:3.2rem; text-align:center; padding-left:1.5rem; padding-right:1.5rem; font-size:1.4rem; color:#fff; border:0; background:#787878;}
.btn_delete {display:inline-block; min-width:10rem; height:4.4rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#9a9a9a;}
.btn_tempsave {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#797979; border:1px solid #797979; background:#ffffff;}
.btn_cancel {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#ffffff; border:0; background:#8a8a8a;}
.btn_back {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#4669b2; border:1px solid #4669b2; background:#ffffff;}
.btn_next {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#ffffff; border:0; background:#4669b2;}
.btn_finish {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#4669b2;}
.btn_choice {display:inline-block; min-width:10rem; height:4.4rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#4669b2;}
.btn_appcancel {display:inline-block; min-width:11rem; height:4.4rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#9a9a9a;}
.btn_appcitation {display:inline-block; min-width:11rem; height:4.4rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#4669b2;}
.btn_appconfirm {display:inline-block; min-width:11rem; height:4.4rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#4669b2;}
.btn_appdel {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#4669b2; border:1px solid #4669b2; background:#ffffff;}
.btn_applist {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#4669b2; border:1px solid #4669b2; background:#ffffff;}
.btn_appwrite {display:inline-flex;align-items:center; justify-content:center; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#ffffff; border:0; background:#4669b2;}
.btn_appprint {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#ffffff; border:0; background:#4669b2;}
.btn_apppclose {display:inline-block; min-width:15rem; height:5.6rem; text-align:center; font-size:1.6rem; color:#ffffff; border:0; background:#9a9a9a;}

/* tab */
.edu_process .lnb {margin-bottom:2rem; width:100%; border-bottom:1px solid #d6d6d6;}
.edu_process .lnb ul {position:relative;}
.edu_process .lnb ul:after {content:""; display:block; clear:both;}
.edu_process .lnb li {float:left; position:relative; padding:0; font-size:16px; line-height:1.2; letter-spacing:-1px; text-align:center;}
.edu_process .lnb li:before {display:none;}
.edu_process .lnb li a {display:block; position:relative; color:#303030;}
.edu_process .lnb li a[target="_blank"]:after {content:""; display:inline-block; width:12px; height:12px; margin:-2px 0 0 3px; vertical-align:middle; background:url("../../images/sub/win.gif") no-repeat center center;}

/* tab01(4개 이하) */
.edu_process .lnb.tmn01 li {width:20%; height:52px; line-height:50px; margin-bottom:-1px; margin-left:-1px; border:1px solid #d6d6d6; background-color:#f8f8f8;}
.edu_process .lnb.tmn01 li a {overflow:hidden; height:100%; padding:0px; white-space:nowrap; text-overflow:ellipsis;}
.edu_process .lnb.tmn01 li.on {line-height:45px;}
.edu_process .lnb.tmn01 li.on a {z-index:10; height:calc(100% + 2px);line-height:50px; margin:-1px; border-top:3px solid #647bff; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; color:#647bff; font-weight:600; background:#fff;}
.edu_process .lnb.tmn01 li.on a:before { background:url("../../images/common/lnb_ico.png"); height:7px; top:calc(50% - 3px);}

/* search */
.search_area {position:relative; margin-bottom:3rem; padding:0.8rem 0; background:#f5f6ff;}
.search_area .btn_reset {display:inline-block; min-width:7rem; height:3.4rem; text-align:center; font-size:1.6rem; color:#657aff; border:0; background:#ffffff; border:1px solid #657aff;}
.search_area .btn_search {display:inline-block; min-width:7rem; height:4.0rem; text-align:center; font-size:1.6rem; color:#fff; border:0; background:#657aff;}
.search_area button {margin-left:5px;}
.search_area button:first-child {margin-left:0px;}
.search_form {position:relative;}
.search_col {width:100%;}
.search_col::after {content:""; display:table; clear:both;}
.search_col .form_input {width:100%; margin-right:10px; padding:0.5rem 0 0.5rem 0;}
.search_col .form_input:nth-child(3) {width:280px; margin-right:0px;}
.search_col .form_input label {width:80px; font-size:1.4rem; font-weight:600; padding-left:20px;}
.search_col .form_input input {position:relative; top:1px; max-width:calc(100% - 85px); border:1px solid #d1d1d1; height:40px; padding-left:10px; padding-right:10px; font-size:1.4rem;}
.search_col .form_input input.date {width:125px; background:#ffffff url("../../images/sub/i_date.png") no-repeat 100px center; padding-right:30px; font-size:1.4rem;}
.search_col .form_input span {margin-left:3px; margin-right:3px;}
.search_col .form_input input::placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
.search_col .form_input input::-webkit-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
.search_col .form_input input::-ms-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
.search_col .form_input input::-mos-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
.search_col .form_input input:focus {outline:none;}
.search_col .form_input select {max-width:calc(100% - 85px); border:1px solid #d1d1d1; height:40px; padding-left:5px; padding-right:5px; font-size:1.4rem;}
.search_col .form_input select:focus {outline:none;}
.search_btn {position:absolute; bottom:7px; right:20px; width:160px; text-align:right;}

/* board 목록 */
.tbl_top {margin-bottom:1.1rem;}
.tbl_top .tbl_count {font-size:1.4rem; font-weight:500; vertical-align:middle;}
.tbl_top .tbl_count .count_bold {font-weight:400; color:#000000;}
.tbl_wrap {position:relative; width:100%;}
.tbl_list {display:table; width:100%; table-layout:fixed; border-top:0.1rem solid #8595ff;}
.tbl_colgroup {display:table-column-group;}
.tbl_colgroup .col {display:table-column;}
.tbl_head {display:table-header-group;}
.tbl_body {display:table-row-group}
.tbl_row {display:table-row}
.tbl_cel {display:table-cell; vertical-align:middle;}
.tbl_cel .m_data,
.tbl_cel .m_data2 {display:none;}
.tbl_cel:hover {cursor:pointer;}
.tbl_list .tbl_head .tbl_cel {padding:1.2rem 0 1.4rem 0; border-bottom:1px solid #d5d3d6; text-align:center; background:#f5f6ff; color:#3d3d3d; font-size:1.6rem; line-height:1.1; font-weight:600;}
.tbl_list .tbl_body .tbl_cel {padding:1.3rem 0 1.1rem 0; border-bottom:1px solid #d5d3d6; color:#333; font-size:1.5rem; line-height:1.1; letter-spacing:-0.06em; font-weight:300;}
.tbl_list .tbl_body .tbl_row:hover .tbl_cel {background:#fbfbfb;}
.tbl_row.no_date:hover .tbl_cel {background:#fff !important;}
.tbl_list .subject {display:inline-block; max-width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#3d3d3d;}
.tbl_list .subject02 {display:block; margin-bottom:1.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#3d3d3d; font-size:2rem; font-weight:400; letter-spacing:-0.06em;}
.tbl_list .i_new {vertical-align:top; margin-left:0.3rem;}
.tbl_cel.num,
.tbl_cel.date,
.tbl_cel.name,
.tbl_cel.hit,
.tbl_cel.group,
.tbl_cel.task,
.tbl_cel.tel,
.tbl_cel.office,
.tbl_cel.type,
.tbl_cel.statu,
.tbl_cel.cycle,
.tbl_cel.time,
.tbl_cel.file {text-align:center;}
.tbl_cel.file img {display:inline-block;}
.tbl_row.no_date .no_txt {padding:2rem 0 2rem 25%; text-align:center;}
.tbl_cel.tag {text-align:center; letter-spacing:-0.04em; font-weight:400;}
.tbl_cel .tag_ing {width:7.7rem; height:7.7rem; line-height:7.7rem; color:#fff; font-size:1.8rem; background:#243e72; border-radius:50%;}
.tbl_cel .tag_end {width:7.7rem; height:7.7rem; line-height:7.7rem; color:#fff; font-size:1.8rem; background:#bababa; border-radius:50%;}
.period_date {font-size:1.6rem; color:#919191;}
.i_date {display:inline-block; margin-right:0.4rem;}
.fix_notice {background:#f9f9f9;}
.fix_notice .num img {display:inline-block;}
.txt_pp {color:#6b79fb !important;}
.txt_999 {color:#999 !important;}
.txt_red {color:#e36224 !important;}
.txt_sort {font-weight:400; margin-right:1.0rem; padding-left:0 !important;}

/* board 상세 */
#bbsView {position:relative;}
#bbsView:before {content:""; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:1px solid #8595ff;}
.form_group {position:relative; margin-bottom:-1px; border-top:1px solid #d7d7d7; border-left:0px solid #d7d7d7; border-right:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7;}
.bd_b1 {border-bottom:1px solid #d7d7d7;}
.form_group:after {content:""; display:block; clear:both;}
.form_group dl {position:static; overflow:hidden;}
.form_group dl dt {position:absolute; top:0; bottom:0; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px 13px 30px; background:#f5f6ff; line-height:1.6; text-align:left; font-weight:400; border-bottom:1px solid #d7d7d7;} /* 수정 */
.form_group dl dd {box-sizing:border-box; min-height:49px; margin-left:134px; padding:7px 12px 7px 22px; line-height:2.2; border-bottom:1px solid #d7d7d7;} /* 수정 */
.form_group.col03 dl:nth-child(1) {float:left; width:40%;}
.form_group.col03 dl:nth-child(2) {float:left; width:30%;}
.form_group.col03 dl:nth-child(3) {float:left; width:30%;}
.form_group dl.content dd {margin:0; padding:15px; line-height:1.6; min-height:200px;}
.form_group dl.content dd .pre_wrap {white-space:pre-wrap;}
.form_group dl.content dd img {max-width:100%; margin:5px 0;}
.form_group dl.content > dd p {margin:0;}
#bbsFile {position:relative;}
#bbsFile:before {content:""; display:block; position:absolute; top:0; left:0; right:0; z-index:10;}
.form_group2 {position:relative; margin-bottom:-1px; border-top:1px solid #d7d7d7; border-left:0px solid #d7d7d7; border-right:0px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.form_group2:after {content:""; display:block; clear:both;}
.form_group2 dl {position:static; overflow:hidden;}
.form_group2 dl dt {position:absolute; top:0; bottom:0; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px 13px 30px; background:#f5f6ff; line-height:1.6; text-align:left; font-weight:400;}
.form_group2 dl dd {box-sizing:border-box; margin-left:134px; padding:10px 12px 0px 22px;}
.form_group2 dl dd:last-child {padding-bottom:10px;}
.form_group2 dl dd a {display:block;}
.form_group2 dl dd a.i_hwp {background:url("../../images/sub/i_hwp.png") no-repeat 0 0; padding-left:3rem;}
.form_group2 dl dd a.i_pdf {background:url("../../images/sub/i_pdf.png") no-repeat 0 0; padding-left:3rem;}
.file_size {color:#898989; margin-left:1.0rem;}

/* board 상세 prev,next */
.prevNext {margin-top:1.5rem; border-top:0.1rem solid #aeaeae;}
.prevNext li {position:relative; padding-left:14.0rem; border-bottom:0.1rem solid #d7d7d7; height:5rem; line-height:5rem; cursor:pointer;}
.prevNext li:last-child {border-color:#d7d7d7;}
.prevNext strong {position:absolute; left:0; top:0; bottom:0; width:14.0rem; background:#f5f6ff; text-align:center; font-weight:400;}
.prevNext i {display:inline-block; margin-left:1.5rem; width:1.3rem; height:0.9rem; vertical-align:middle;}
.prevNext .i_prev {background:url("../../images/sub/i_prev.png") no-repeat;}
.prevNext .i_next {background:url("../../images/sub/i_next.png") no-repeat;}
.prevNext a {display:block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prevNext li span {padding-left:20px;}

/* board 상세2 */
table.table_view {border-top:1px solid #2052a6;}
table.table_view thead {background-color:#f9f9f9; border-bottom:1px solid #d7d7d7; height:45px;}
table.table_view thead th {text-align:center; font-weight:600;}
table.table_view tbody {height:45px;}
table.table_view tbody th {background-color:#f8f8f8; position:relative; text-align:left; border-bottom:1px solid #d7d7d7; font-weight:600; line-height:45px; padding-left:30px;}
table.table_view tbody th span.th_check {position:absolute; right:30px;}
table.table_view tbody th.line_inh {line-height:inherit !important; padding-top:10px; padding-bottom:10px;}
table.table_view tbody td {position:relative; text-align:center; border-bottom:1px solid #d7d7d7; font-weight:400; padding-top:8px; padding-bottom:8px; line-height:normal;}
table.table_view tbody td a:hover {color:#4b5fff;}
table.table_view tbody td span.re_num {position:absolute; top:0; right:0; color:#4b5fff; font-weight:700;}
table.table_view tbody td.bd_text a {text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-left:10px; width:calc(100% - 30px);}
table.table_view tbody tr.fix_notice th {color:#4b5fff; font-weight:700;}
table.table_view tbody tr.fix_notice td {color:#4b5fff; font-weight:700;}
table.table_view tbody td.bd_text.reply {background:url("../../images/sub/i_reply.png") no-repeat 15px center; padding-left:40px;}
table.table_view tbody td ul.file_view li {margin-bottom:5px;}
table.table_view tbody td ul.file_view li:last-child {margin-bottom:0px;}
table.table_view tbody td ul.file_view li a.i_pdf {background:url("../../images/sub/i_pdf.png") no-repeat 0 0; padding-left:3rem;}
table.table_view tbody td ul.file_view li a.i_hwp {background:url("../../images/sub/i_hwp.png") no-repeat 0 0; padding-left:3rem;}
table.table_view tbody td input.t_view {display:inline-block; border:1px solid #d1d1d1; height:32px; font-size:1.4rem; margin-right:5px; padding-left:7px; padding-right:7px; vertical-align:middle;}
table.table_view tbody td input.t_view:last-child {margin-right:0px;}
table.table_view tbody td input.t_view:focus {outline:none;}
table.table_view tbody td select.t_view {display:inline-block; border:1px solid #d1d1d1; height:32px; font-size:1.4rem; margin-right:5px; padding-left:7px; padding-right:7px; vertical-align:middle;}
table.table_view tbody td select.t_view:last-child {margin-right:0px;}
table.table_view tbody td select.t_view:focus {outline:none;}
table.table_view tbody td select.t_view:disabled {background-color:#f3f3f3;}
table.table_view tbody td textarea.t_con {border:1px solid #d1d1d1; width:100%; height:150px; font-size:1.4rem; margin-right:5px; padding-left:7px; padding-right:7px; margin-bottom:5px; resize:none;}
table.table_view tbody td textarea.t_con:focus {outline:none;}
table.table_view tbody td textarea.t_con2 {border:1px solid #d1d1d1; width:100%; min-height:100px; font-size:1.4rem; margin-right:5px; padding-left:7px; padding-right:7px; resize:none;}
table.table_view tbody td textarea.t_con2:focus {outline:none;}
table.table_view tbody td textarea.t_con3 {height:150px;}
table.table_view tbody td textarea.t_con3:focus {outline:none;}
table.table_view tbody td input.date {width:120px; background:#ffffff url("../../images/sub/i_date.png") no-repeat 95px center; border:1px solid #d1d1d1; height:34px; padding-right:30px; font-size:1.4rem; padding-left:7px;}
table.table_view tbody td input.date:focus {outline:none;}
table.table_view tbody td input.date::placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td input.date::-webkit-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td input.date::-ms-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td input.date::-mos-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td .filebox {position:relative; display:inline-block;}
table.table_view tbody td .filebox label {display:inline-block; width:80px; height:34px; line-height:32px; text-align:center; color:#ffffff; vertical-align:middle; background-color:#787878; cursor:pointer; margin-bottom:10px; font-size:1.4rem;}
table.table_view tbody td .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
table.table_view tbody td .filebox input.upload-name {position:absolute; left:calc(100% + 0px); display:inline-block; border:1px solid #d1d1d1; height:34px; vertical-align:middle; padding-left:7px;}
table.table_view tbody td input::placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td input::-webkit-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td input::-ms-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td input::-mos-input-placeholder {color:#787878; opacity:0.8; font-weight:300; font-size:1.4rem;}
table.table_view tbody td span.check_form {width:17rem; line-height:4.9rem; border-radius:50px; border:1px solid #d1d1d1;}
table.border_none {border-top:none;}
table.border_none tbody td {border-bottom:none;}
table.border_line thead th {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
table.border_line thead th:last-child {border-right:none;}
table.border_line tbody td {border-right:1px solid #d7d7d7;}
table.border_line tbody td:last-child {border-right:none;}
table.table_view tbody th span.th_btn {position:absolute; top:50%; right:50px; transform:translateY(-50%);}
table.table_view tbody td span.td_btn {position:absolute; top:50%; right:0px; transform:translate(0%, -50%); -ms-transform:translate(0%, -20%);}
table.table_view tbody td .support_area {position:relative; left:0rem; top:-0.2rem; height:4rem; line-height:4rem; width:calc(100% - 30px);}
table.table_view tbody td .support_area:after {content:""; display:block; clear:both;}
table.table_view tbody td .support_area .field_wrap span {width:180px; font-size:14px; color:#303030; font-weight:200; position:relative; display:inline-block; vertical-align:top; padding-right:0px; float:left; overflow:hidden; margin-right:5px;}
table.table_view tbody td .support_area .field_wrap span input.t_view {margin-right:0px;}
table.table_view tbody td .support_area .field_wrap span:last-child {color:#303030; font-weight:400;}
table.table_view tbody td .support_area .field_wrap span:last-child:after {background:none;}
table.table_view tbody td .support_area .field_wrap span:after {content:""; display:block; position:absolute; right:13px; top:1px; width:17px; height:100%; background:url("../../images/sub/navi_arrow.png") no-repeat center 17px;}
table.table_view tbody td.txt_box {height:250px; vertical-align:top; padding:30px !important;}
table.table_view tbody th.i_prev {background:#f8f8f8 url("../../images/sub/i_prev.png") no-repeat 65% center;}
table.table_view tbody th.i_next {background:#f8f8f8 url("../../images/sub/i_next.png") no-repeat 65% center;}
h4 {position:relative; font-weight:700;}
h4 span.h4_em {position:absolute; top:6px; right:0px; font-size:1.6rem; font-weight:400;}
h4 span.h4_comment {position:relative; left:15px; font-size:1.4rem; font-weight:400; color:#8a8a8a;}
span.comment {position:relative; left:0px; font-size:1.4rem; font-weight:400; color:#545454; padding-left:10px; display:block;}
span.comment_nobullet {background:none; padding-left:0px; display:block; clear:both;}

.table_input th, td {border-right:1px solid #c9c9c9; padding:0 20px;}
.table_input th:last-child, td:last-child {border:none;}

/* board page */
.paging_wrap {position:relative; margin-top:5rem;}
.paging_wrap:after {content:""; display:block; height:0; font-size:0; visibility:hidden; clear:both;}
.paging {text-align:center; font-size:0;}
.paging a {display:inline-block; min-width:40px; height:40px; line-height:40px; color:#3d3d3d; font-size:1.3rem; background-color:#fff; border:1px solid #dedede; vertical-align:middle; margin-left:3px;}
.paging a:hover {background-color:#657aff; color:#fff;}
.paging strong {position:relative; display:inline-block; min-width:40px; height:40px; line-height:40px; color:#ffffff; font-size:12px; background-color:#657aff; border:1px solid #dedede; margin-left:-1px; vertical-align:middle;}
.paging a.btn_page {text-indent:-9999em; font-size:0; background-repeat:no-repeat;}
.paging a.btn_page::after {display:none;}
.paging a.first {background-image:url("../../images/sub/btn_pageFirst.png"); margin-right:4px; background-position:center;}
.paging a.prev {background-image:url("../../images/sub/btn_pagePrev.png"); margin-right:15px; background-position:center;}
.paging a.next {background-image:url("../../images/sub/btn_pageNext.png"); margin-left:15px; background-position:center;}
.paging a.last {background-image:url("../../images/sub/btn_pageLast.png"); margin-left:4px; background-position:center;}

/* 컨텐츠용 테이블 */
.tbl_txt {display:table; width:100%; table-layout:fixed; border-top:0.1rem solid #cacaca;}
.tbl_txt .tbl_head .tbl_cel {padding:1.0rem 0 1.0rem 0; border-bottom:1px solid #cacaca; text-align:center; background:#f8f8f8; color:#555; font-size:1.5rem; line-height:1.1; font-weight:300; border-right:1px solid #cacaca;}
.tbl_txt .tbl_head .tbl_cel:last-child {border-right:none;}
.tbl_txt .tbl_body .tbl_cel {padding:1.0rem 0 1.0rem 0; border-bottom:1px solid #cacaca; color:#555; font-size:1.5rem; line-height:1.1; letter-spacing:-0.06em; font-weight:300; text-align:center; border-right:1px solid #cacaca;} 
.tbl_txt .tbl_body .tbl_cel:last-child {border-right:none;}
.tbl_txt .txt_left {text-align:left !important; padding-left:2.0rem !important;}

/* content_wrap */
.content_wrap {position:relative; width:100%;}
.content_wrap:after {content:""; display:block; clear:both;}
.content_wrap .m_block {display:inline;}
.content_wrap h3.title {font-size:3.0rem; color:#303030; letter-spacing:-0.03em; height:7.5rem; font-weight:700; text-align:center;}
.content_wrap .position_rel {position:relative;}
.content_wrap .area_content {font-weight:300; letter-spacing:-0.03em;}
.content_wrap .area_content:after {content:""; display:block; clear:both;}
.content_wrap .area_content .br {display:block; height:3.3rem;}
.content_wrap .area_content h4 {position:relative; font-size:1.8rem; font-weight:700; color:#333;}
.content_wrap .area_content .h4_tit {font-size:1.5rem; font-weight:400; color:#333;} /* 수정 */
.content_wrap .area_content .h4_tit_i {position:relative; font-size:1.5rem; font-weight:500; margin-left:1.1rem;}
.content_wrap .area_content .h4_tit_i::before {content:""; position:absolute; top:48%; left:-1.1rem; width:4px; height:4px; line-height:37px; background:#303030; border-radius:100%;}
.content_wrap .area_content .h4_txt {}
.content_wrap .area_content .h4_txt li {position:relative; margin-left:1.1rem; color:#555; font-weight:300;}
.content_wrap .area_content .h4_txt li.red_mark {margin-left:1.6rem; color:#eb0808;}
.content_wrap .area_content .h4_txt li::before {content:"-"; position:absolute; top:0; left:-1.1rem;}
.content_wrap .area_content .h4_txt li.red_mark::before {content:"※"; position:absolute; top:0; left:-1.9rem;}
.content_wrap .area_content .h4_txt .last_depth li::before {margin-left:1.1rem; content:none !important;}

/* content table */
table.table caption {display:block !important; text-indent:-9999em !important; font-size:0 !important;}
table.table thead {background-color:#f8f8f8; border-top:1px solid #5369ae; border-bottom:1px solid #cbcbcb; height:45px;} /* 수정 */
table.table thead th {position:relative; text-align:center; font-weight:600; border-right:1px solid #cbcbcb;}
table.table thead th:last-child {border-right:none;}
table.table tbody {height:45px;}
table.table tbody th {position:relative; text-align:center; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; font-weight:400; line-height:45px; padding-left:1rem; padding-right:1rem;}
table.table tbody th:last-child {border-right:none;}
table.table tbody td {position:relative; text-align:center; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; font-weight:400; line-height:45px; padding-left:1rem; padding-right:1rem;}
table.table tbody td:last-child {border-right:none;}

/* steps */
.step-app > .step-steps {position:absolute; left:50%; transform:translateX(-50%); padding-top:19px; width:1100px; height:70px; padding-right:90px; display:flex; overflow:hidden;}
.step-app > .step-steps > li.done:first-child {background:none;}
.step-app > .step-steps > li.active:first-child {background:none;}
.step-app > .step-steps > li {position:relative; text-align:center; flex:1; height:3px; padding:0px; color:#333; background-color:#e5e5e5; border:0px solid #00ff00;}
.step-app > .step-steps > li span.step_num {position:absolute; margin-top:-19px; right:0; width:39px; height:39px; line-height:30px; border-radius:100px; background-color:#ffffff; border:3px solid #e5e5e5; color:#b0b0b0; cursor:pointer;}
.step-app > .step-steps > li span.step_num span.step_txt {position:absolute; color:#b0b0b0; width:120px; top:35px; left:50%; transform:translateX(-50%);}
.step-app > .step-steps > li span.step_num::before {white-space:pre; font-size:1.6rem; font-weight:600; position:absolute; top:0px; left:50%; transform:translateX(-50%); color:#b0b0b0; text-indent:0;}
.step-app > .step-steps > li span.step1::before {content:"1";}
.step-app > .step-steps > li span.step2::before {content:"2";}
.step-app > .step-steps > li span.step3::before {content:"3";}
.step-app > .step-steps > li span.step4::before {content:"4";}
.step-app > .step-steps > li span.step5::before {content:"5";}
.step-app > .step-steps > li span.step6::before {content:"6";}
.step-app > .step-steps > li span.step7::before {content:"7";}
.step-app > .step-steps > li span.step8::before {content:"8";}
.step-app > .step-steps > li:hover {background-color:#ddd;}
.step-app > .step-steps > li:last-child a {border:none;}
.step-app > .step-steps > li.active {background-color:#5169e0; color:#ffffff;}
.step-app > .step-steps > li.active span.step_num span.step_txt {color:#657aff;}
.step-app > .step-steps > li.active span.step_num {background-color:#657aff; border:3px solid #ffffff;}
.step-app > .step-steps > li.active span.step_num::before {color:#ffffff;}
.step-app > .step-steps > li.done {background-color:#5169e0; color:#ffffff;}
.step-app > .step-steps > li.done span.step_num {background:#657aff url("../../images/sub/i_check.png") no-repeat center center; border:3px solid #ffffff;}
.step-app > .step-steps > li.done span.step_num::before {color:#ffffff; text-indent:-9999px;}
.step-app > .step-steps > li > .number {background:#fff; padding:0 8px; display:inline-block; text-align:center; margin-right:15px; border-radius:3px; color:#333;}
.step-app > .step-content {padding:100px 0px 0px 0px; border-top:0;}
.step-app > .step-content > .step-tab-panel {display:none;}
.step-app > .step-content > .step-tab-panel.active {display:block;}
.step-app > .step-footer > .step-btn {padding:4px 16px; color:#333; text-decoration:none; background:#e5e5e5; border-radius:3px; border:none; outline:none; cursor:pointer;}

/* 양식 */
.cmm_form {}
textarea.t_con4 {height:400px;} /* 추가 */
textarea.t_con4:focus {outline:none;} /* 추가 */
.text_count {color:#898989; float:right;} 

/* radio button */
input[type=radio].select_target {display:none;}
input[type=radio].select_target+label {display:inline-block; min-width:8rem; height:3.2rem; line-height:3.0rem; text-align:center; cursor:pointer; padding-left:10px; padding-right:10px; font-size:1.4rem; color:#545454; border:1px solid #b0b0b0; background:#ffffff;}
input[type=radio].select_target:checked+label {color:#ffffff; border:1px solid #4b5fff; background:#6d7fff;}

/* modal_pop */
.modal_pop {display:none; text-align:left; overflow:auto; position:fixed; z-index:9999; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.4);}
.modal_content {position:relative; /*margin:1.75rem auto;*/ margin:0 auto; padding:0; min-height:calc(100% - 3.5rem); display:flex; align-items:center; height:100%;}
.modla_center {width:100%; box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.3);}
.modal_header {height:45px; padding:0 0 0 20px; font-size:1rem; background:#4669b2; color:#ffffff; line-height:45px;}
.modal_header h3 {margin:0 0 0 0; font-size:2.1rem; font-weight:400;}
.modal_header:after {content:""; display:block; clear:both;}
.close {float:right; width:60px; height:45px; line-height:35px; font-size:5.0rem; font-weight:300 !important; background-color:#4669b2; color:#ffffff; text-align:center;}
.close:hover, .close:focus {color:#fff; text-decoration:none; cursor:pointer;}
.modal_body {background-color:#ffffff; border:1px solid #4669b2; padding:40px; max-height:75vh !important; overflow-y:auto;}
a.btnModal {text-decoration:none;}
.modal_pop_search {padding-bottom:3px;}
.modal_pop_search button.btn-darkblue {top:-1px ! important; right:0px !important}

/* 체크 */
.i_check {background:url("../../images/sub/i_check2.png") no-repeat 0 center; padding-left:25px; display: inline}

/* faq */
.faq_wrap {margin:0 auto;}
.faq_wrap li:first-child .faq_title {border-top:1px solid #4669b2;}
.faq_wrap span.faq_q {padding-left:5rem; padding-right:5rem;}
.faq_wrap .faq_title {position:relative; margin:0; padding:1.4rem 8rem 1.4rem 0; background-color:#f9f9f9; font-size:1.5rem !important; font-weight:600 !important; color:#545454 !important; cursor:pointer; border-bottom:1px solid #cacaca;}
.faq_wrap .faq_title::before {content:""; position:absolute; right:50px; width:19px; height:19px; background:url("../../images/sub/i_arrow_down.png") no-repeat 0 0;}
.faq_wrap .faq_title.open::before {transform:rotate(180deg);}
.faq_wrap .faq_title.open::after {opacity:0;}
.faq_wrap .faq_title:hover,
.faq_wrap .faq_title:active,
.faq_title.open {background-color:#f9f9f9;}
.faq_con {padding:4rem 8rem 4rem 0; width:100%; border-bottom:1px solid #cacaca;}
.faq_con:after {content:""; display:block; clear:both;}
.faq_con span.faq_a {float:left; width:111px; text-align:center; font-weight:600;}
.faq_con p.faq_txt {float:left; width:calc(100% - 111px);}

/* job_posting */
ul.job_posting {display:flex; justify-content:space-between; flex-wrap:wrap;}
ul.job_posting li {width:385px; height:240px; background-color:#ffffff; border:1px solid #e9e9e9; margin-bottom:20px; padding:30px 25px 30px 25px; box-shadow:2px 5px 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.1); cursor:pointer;}
ul.job_posting li:hover {border:1px solid #4669b2;}
ul.job_posting li .job_title {position:relative; border-bottom:1px solid #d6d6d6; height:98px;}
ul.job_posting li .job_title .process_sort {font-weight:500; color:#1c1c1c; margin-bottom:10px;}
ul.job_posting li .job_title span.process_acc {position:absolute; top:0; right:0; color:#ffffff; border-radius:100px; background-color:#fda729; min-width:74px; padding:0.2rem 1.5rem 0.2rem 1.5rem; font-size:1.3rem; text-align:center;}
ul.job_posting li .job_title span.process_end {position:absolute; top:0; right:0; color:#ffffff; border-radius:100px; background-color:#9a9a9a; min-width:74px; padding:0.2rem 1.5rem 0.2rem 1.5rem; font-size:1.3rem; text-align:center;}
ul.job_posting li .job_title .process_con {font-weight:400; color:#1c1c1c; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:42px; overflow:hidden; text-overflow:ellipsis;}
ul.job_posting li .job_day {position:relative; margin-top:25px;}
ul.job_posting li .job_day span.process_dday {text-align:center; border:1px solid #657aff; color:#657aff; width:65px; height:25px; line-height:23px; margin-right:25px;}
ul.job_posting li .job_day span.process_date {letter-spacing:0;}
ul.job_posting li .job_day .process_group {margin-top:15px;}

.table_view span.process_dday {text-align:center; border:1px solid #657aff; color:#657aff; width:65px; height:25px; line-height:23px; margin-right:15px;}

.summary_area {overflow:hidden; background:#f9f9fa; border:1px solid #e9ebf5; padding:50px; text-align:center;}
.summary_area .title {font-size:1.8rem; font-weight:600;}
.summary_area .content {text-align:left;}
.summary_area .content_r {float:right; overflow:hidden;}
.summary_area .content_r dt {float:left; color:#555; margin-right:20px; clear:both; margin-bottom:5px;}
.summary_area .content_r dd {float:left; color:#333; font-weight:400;}
.check_agree {float:right; margin-top:30px;}
.check_agree input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {display:inline-block; vertical-align:middle; background:url("../../images/sub/check_agree.png") no-repeat; cursor:pointer; height:32px; padding:5px 0 5px 40px;}
input[type="checkbox"]:checked + label span {background:url("../../images/sub/check_agree_checked.png") no-repeat;}

/**************************************************
콘텐츠
**************************************************/

@media print {
    #applicantInfo > div:has(table.table_view:not(.border_none)) {page-break-inside: avoid;}
    table.table_view {font-size: 15px;}
    table.table_view  {border-spacing: 1px; border-collapse: separate;}
    table.table_view td * {width: auto !important;}
    table {
        break-inside: avoid;
        page-break-inside: avoid;
        width: 100%;
    }
    tr, td {
        page-break-inside: avoid;
    }
}