@charset "UTF-8";
@import url("contents.css");
/*-------------------------------------------------
title       : 서브
Author      : 플랜아이 광주
Create date : 2020-03-03
-------------------------------------------------*/
a:hover {color :inherit}

#header:before{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100vw; height: 1px; background: #EBEBEB;}

/*#logo{margin: 4.5rem 0 3rem;}*/

#gnb1 > ul .submenu::before{ border-top: none;}

.main_wrap { width: 128rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; }

#contents { padding: 8rem 0 13rem; }

#contents_body { padding-bottom: 5rem; }

#contents_title { font-size: 4.5rem; line-height: 4.5rem; margin-bottom: 5rem; padding-top: 2rem; font-weight: 900; color: #000; }

.s_title1{font-size: 2.8rem; font-weight: 700; color:#333;}

.s_title1 .txt{font-size: 1.6rem; font-weight: 300; color: #777777; display: inline-block; padding-left: 2rem;}

.s_title2 {font-size: 2rem; font-weight: 500; color: #333B43; padding-left:1rem; position: relative;}

.s_title2:before{content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 15px; background-color: #222222;}

.s_txt{font-size: 1.6rem; font-weight: 300; color: #777777; display: block;}

.s_txt2{font-size: 2.3rem; font-weight: 700; color:#333; font-weight: 600; display: block;}

.s_txt3{font-size: 1.7rem; font-weight: 400; color: #333; line-height: 2.7rem; }

.info_txt{ padding-left: 2.5rem; font-size: 1.6rem; font-weight: 400; color:#555; position: relative}

.info_txt:before{content: ''; position: absolute; left: 0; top: 8px; width: 19px; height: 19px; background: url(../img/sub/info_icon1.png);}

.point1 { color: #c00; }

.point2 { color: #2D6DBB; }

.f_left{float: left}

.f_right{float: right}

.contents_util{position: relative; }

.contents_util .path { overflow: hidden; }

.contents_util .path > li { float: left; position: relative; font-size: 1.6rem; color: #999999; font-weight: 300; }

.contents_util .path > li:last-of-type{ color: #EF651D; font-weight: 500; }

.contents_util .path > li + li{ margin-left: 3rem}

.contents_util .path > li + li:before{content: '\e930'; position: absolute; left:-2.5rem; top: 0; font-family: "xeicon"; transform: rotate(90deg); color: #999}

.contents_util .path li.icon a { display: inline-block; overflow: hidden; width: 2rem; height: 2rem; line-height: 1.8rem; text-align: center; vertical-align: middle; }

.contents_util .path li.icon a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: '\e902'; font-size: 2rem; }

.contents_util .util { position: absolute; right: 0; top: 5rem;  }

.contents_util .util .u_btn { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; border: 1px solid #ddd; color: #9F9F9F; text-align: center; line-height: 4rem; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .util .u_btn::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; font-weight: 400; }

.contents_util .util .u_btn.print::before { content: ""; }

.contents_util .util .u_btn.up::before { content: ""; }

.contents_util .util .u_btn.down_cnt::before { content: ""; }

.contents_util .util .u_btn.open::before { content: ""; }

.contents_util .util .u_btn:hover, .contents_util .util .btn:focus { border-color: #000; background-color: #000; color: #fff; }

.contents_util .util .share { display: inline-block; position: relative; z-index: 1; vertical-align: top; }

.contents_util .util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; top: 100%; width: 6rem; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap; }

.contents_util .util .share .item::before { position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -0.3rem; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); }

.contents_util .util .share .item .list { display: block !important; }

.contents_util .util .share .item a { display: block; overflow: hidden; width: 3rem; height: 3rem; margin-top: 1rem; text-align: center; line-height: 3rem; }

.contents_util .util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.contents_util .util .share .item a.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .util .share .item a.close:hover::before, .contents_util .util .share .item a.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }

.contents_util .util .share .item a.close::before { content: ''; }

.contents_util .util .share .item a:hover::before, .contents_util .util .share .item a:focus::before { -webkit-transform: scale(1.5); transform: scale(1.5); }

.contents_util .util .share .item .facebook a::before { color: #29487d; content: ""; }

.contents_util .util .share .item .twitter a::before { color: #1da1f2; content: ""; }

.contents_util .util .share .item .kakaostory a::before { color: #ffc20f; content: ""; }

.contents_util .util .share .item .kakaotalk a::before { color: #381e1f; content: ""; }

.contents_util .util .share .item .band a::before { font-size: 2rem; font-family: "Noto Sans KR"; font-weight: 900; color: #21c531; content: 'b'; }

.contents_util .util .share.active .btn { border-color: #000; background-color: #000; color: #fff; }

.contents_util .util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; margin-top: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contents_util .util .share + .btn { margin-left: .5rem;}

.dash_list{overflow: hidden;}

.dash_list li{ float: left; width: 33%; padding-left: 1.3rem; font-size: 1.8rem; font-weight: 500; color: #333; position: relative; line-height: 4rem;}

.dash_list li:before{content: ''; position: absolute; left: 0; top: 14px; width: 5px; height: 5px; background: #333;}

.dash_list li .form_textbox{margin-left: 1rem; background: #F7F7F7; font-size: 1.5rem;}

.survey_list{border-top: 2px solid #555555; margin-top: 3rem;}

.survey_list > li{ padding:2rem;}

.survey_list > li + li{border-top:1px solid #DDDDDD;}

.survey_list > li p{font-size: 1.6rem; font-weight: 500; color: #333; margin-bottom: 1rem;}

.survey_list > li > ul > li{height: 4rem;}

.survey_list > li > ul .block{display: block; width: 100%;}

.survey_list > li > ul .block.form_checked label::before{top: 0.8rem;}

.survey_list > li > ul .block.form_checked label::after{top: 0.8rem;}

.survey_list > li > ul .block.form_checked label{display: inline-block; margin-top: 0.5rem;}

.survey_list li .form_textbox{position: static; opacity: 1 ; width: calc(100% - 80px); margin-left: 10px;}

.board_list { overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #E6E6E6; margin-bottom: 4rem}

.board_list table { width: 100%; margin-bottom: -1px; }

.board_list .comment { font-size: 1.2rem; font-weight: 300; color: red; }

.board_list .tstyle_write th { font-size: 2rem; padding: 4rem 0rem; border-bottom: 1px solid #ddd; font-weight: 700; color: #333; text-align: left; line-height: 2.4rem; vertical-align: top;}

.board_list.type2 .tstyle_write th { font-size: 2.4rem; word-break: keep-all; line-height: 3.6rem;}

.board_list .tstyle_write td { text-align: left; }

.board_list.type2 .tstyle_write td{padding: 4rem 0;}

.board_list .tstyle_write .point1 { color: #c00; }

.board_list .tstyle_write .contents { padding-bottom: 0; }

.board_list thead th { font-size: 1.6rem; padding: 1.75rem; border-bottom: 1px solid #aaa; font-weight: 600; color: #222; text-align: center; white-space: nowrap; }

.board_list td { font-size: 1.5rem; padding: 1.25rem 0rem; border-bottom: 1px solid #ddd; color: #666; text-align: center; line-height: 3.5rem;/* white-space: nowrap;*/ }

.board_list td[aria-label="첨부파일"] img { width: 2.5rem; }

.board_list td .category{display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:30%; line-height: 3.5rem; vertical-align: middle;}

.board_list td .s_txt{max-width: inherit;}

.board_list td .input

.board_list td [class*="state"] , .board_list td [class*="satis"]{width: inherit; max-width: inherit; font-size: 1.5rem; font-weight: 400;}

.board_list td span.state_progress{color: #116EB4; }

.board_list td span.state_reject{color: #FF0000;}

.board_list td span.state_complete, .board_list td span.waiting{color: #333333; }

.board_list td .reject_btn{display: inline-block; padding: 3px 8px; background-color: #fff; border:1px solid #DDDDDD; border-radius: 3px; font-size:1.5rem; font-weight: 300; margin-left: 1rem;}

.board_list td .satis_btn{display: inline-block; padding: 3px 8px; background-color: #116EB4; color: #fff; border-radius: 3px;}

.board_list td.txt_left a { font-size: 1.6rem; display: inline-block; max-width: 100%; color: #333; vertical-align: middle; }

.board_list .file_size{ font-size: 1.2rem; color:#999999 ;}

.board_list .list li{overflow: hidden;}

.board_list .form_list{ margin: -2rem 0 0 -2rem; overflow: hidden;}

.board_list .form_list li{ padding:2rem 0 0  2rem;}

.board_list .form_list li label{ width: 12rem; display: inline-block; font-size: 1.8rem; font-weight: 500; color: #333333}

.board_list .form_list li input, .board_list .form_list li .form_select {width:  calc(50% - 20rem)}

.board_list .form_list li .form_radio.date > label{ font-size: 1.5rem; font-weight: 400; color: #555555; width: inherit; border:1px solid #DDDDDD; background-color: #F7F7F7; width: 30rem; text-align: center;}

.board_list .form_list li .form_radio.date label::before{top:1rem;}

.board_list .form_list li .form_radio.date label::after{top:1.5rem;}

.board_list .radio_list li:last-of-type .form_radio.date > label{ border:none; background-color: transparent; text-align: left; font-size: 1.5rem; color:#555; }

.board_list .radio_list li:last-of-type .form_calendar {position: relative; display: inline-block;}

.board_list .radio_list li:last-of-type .form_calendar > label{font-size: 1.5rem; color:#555; width: 7rem;}

.board_list .radio_list li:last-of-type .form_calendar > label:before, .board_list .radio_list li:last-of-type .form_calendar > label:after{display: none;}

.board_list .radio_list li:last-of-type .form_calendar > input{border:1px solid #ddd; position: static; opacity: 1; width: calc(100% - 7.5rem);}

.board_list .radio_list li:last-of-type .form_calendar > button{position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 3rem; height: 3rem;}

.board_list .half_list li{width: 50%; float: left;}

.board_list .half_list li input, .board_list .half_list li .form_select {width:  calc(100% - 20rem)}

.board_list .region_list li:last-of-type{width: 100%;}

.board_list .form_list span.lebel{ width: 12rem; display: inline-block; font-size: 1.8rem; font-weight: 500; color: #333333}

.board_list .form_list span.output_cont{ width: calc(100% - 13rem); display: inline-block; font-size: 1.8rem; font-weight: 600; color: #333333}

.board_list .opt_keyword_list {margin: -1rem 0 0 -1rem;}

.board_list .opt_keyword_list li{padding: 1rem 0 0 1rem;  float: left;}

.board_list .output_keyword{display: inline-block; padding: .15rem 1.5rem; border: 1px solid #D5D5D5; background-color: #F7F7F7; font-size: 1.5rem; font-weight: 400; color:#333;}

.board_list .line_box{padding: 2rem; min-height: 200px;}

.board_list.type3 th{background: #F0F0F0; padding: 1.5rem 3rem; font-size: 1.5rem; color:#333333; }

.board_list.type3 td{ padding: 0 2rem}

.form_textarea textarea{width: 100%;  padding: 1rem; border: 1px solid #ddd;  height: 20rem; resize: none;}

.form_textarea.noline textarea{ border: none; }

.form_textbox { width: 50%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.form_textbox.large{width: 100%; display: block;}

.form_textbox:focus { border-color: #000; }

.form_textbox.noline{border:none; width: 100%;}

.form_textbox.hasDatepicker { width: 15rem; padding-right: 5rem; }

.form_textbox.hasDatepicker + .ui-datepicker-trigger { position: absolute; left: auto; top: auto; width: 3rem; margin: 0.6rem 0 0 -4rem; }

.form_textbox.number { width: 15rem; }

.form_mail { line-height: 4rem; }

.form_mail .form_textbox { width: 20rem; }

.form_select { display: inline-block; position: relative; height: 4rem; color: #333; }

.form_select::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1rem; transform: translateY(-50%); content: ''; }

.form_select select { width: 100%; height: 4rem; padding: 0 3rem 0 1rem; border: 1px solid #ddd; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; min-width: 10rem}

.form_select select:hover, .form_select select:focus { border-color: #000; }

.form_checked{ display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }

.form_checked input { position: absolute; left: 0; top: 0; opacity: 0; }

.form_checked input:focus + label::before { outline: 1px dotted #000; }

.form_checked input:checked + label::after { display: block }

.form_checked label { cursor: pointer; color:#525252; font-weight: 400 }

.form_checked label::before { position: absolute; left: 0; top: 0.35rem; z-index: -2; width: 1.8rem; height: 1.8rem; border-radius: 3px; border: 1px solid #ddd; background-color: #fff; content: ''; }

.form_checked label::after { position: absolute; left: 0; top: 0.35rem; z-index: -1; width: 1.8rem; height: 1.8rem; border-radius: 3px; content: '\e929'; background-color:#3987EC; color: #fff; font-family: 'xeicon'; line-height: 1.8rem; display: none}

.form_checked:last-child { margin-right: 0; }

.form_checked.type2 label::after{ background: transparent; border:2px solid #06428D; color: #06428D; font-weight: 900; line-height: 1.35rem;  }

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2.5rem; vertical-align: top; }

.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }

.form_radio input:focus + label::before { outline: 1px dotted #000; }

.form_radio input:checked + label::after { display: block; }

.form_radio label { cursor: pointer; }

.form_radio label::before { position: absolute; left: 0; top: 0.4rem; z-index: -2; width: 1.8rem; height: 1.8rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.form_radio label::after { position: absolute; left: 0.5rem; top: .9rem; z-index: -1; width: 0.8rem; height: 0.8rem; border-radius: 100%; content: ''; background-color: #484c58; display: none;}

.form_radio:last-child { margin-right: 0; }

.form_radio label strong{color: #333}

.btn_area:after{content: ''; display: block; clear: both; }

.btn_area.center{text-align: center}

.btn_line { height: 2.8rem; border: 1px solid #999; line-height: 2.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; transition: all 0.2s; }

.btn_line:hover, .btn_line:focus { border-color: #333; background-color: #333; color: #fff; }

.btn_line i { font-size: 1.6rem; margin-left: 0.5rem; vertical-align: middle; }

.btn { height: 4.8rem; border: 1px solid #2D6DBB; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 14rem; padding: 0 2rem; background-color: #2D6DBB; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; }

.btn:hover, .btn_area .btn:focus { background-color: #fff; color: #2D6DBB; }

.btn.type1 { border: 1px solid #ddd ; background-color: #fff; color: #333; }

.btn.type1:hover, .btn_area .btn.type1:focus { border-color: #333; }

.btn.type2{background-color: #333333; border: 1px solid #333333;}

.btn.type2:hover, .btn_area .btn.type2:focus { background-color: #fff; color:#333; }

.btn.short{ height: 4rem ;line-height: 4rem;}

.btn.long{width: 2rem}

.btn_basic{display: inline-block; height: 4.8rem; line-height: 4.8rem; width: 12rem; background: #333; color: #fff; border-radius: 5px}

.top_box{ padding: 5rem 0 5rem 20rem; position: relative; background: #F9F9F9; }

.top_box:after{content: ''; clear: both; display: block; }

.top_box .txt{ font-size: 1.6rem; font-weight: 400; line-height: 3rem; color :#333333;  width: calc(100% -10rem); word-break: keep-all}

.top_box .txt strong{display: block; font-size: 2.8rem; font-weight: 700; margin-bottom: .5rem }

.top_box .img{ position: absolute; left: 6rem; top: 50%; transform: translateY(-50%); height: auto; overflow: hidden; }

.top_box .img img{vertical-align: bottom;}

.top_box.type2{ padding: 8rem 0; background-color: transparent; position: relative;}

.top_box.type2:before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 100%;background: #05428D; z-index: -1;}

.top_box.type2 .txt{font-size: 1.9rem; color:#fff; line-height: 3.8rem; }

.top_box.type2 .img{position: absolute; right: 0; bottom: 0; width: 426px; height: 265px; left: inherit; top: inherit; transform: translateY(0)}

/*로그인*/

.member_wrap .title1 { margin: 3rem 0 1.5rem; font-size: 2.4rem; font-weight: 700; color: #333; }

.member_wrap .title1:before{ display: none; }

.member_wrap .title1 .mini{font-size: 2rem;}

.tab_list{margin-bottom: 5rem}

.tab_list:after{content: ''; display: block; clear: both}

.tab_list li{float: left; width: calc(50% - 10px)}

.tab_list li + li{margin-left: 10px}

.tab_list li a{display: block; padding: 1.25rem 1rem; text-align: center; border:1px solid #DDDDDD; font-size: 1.7rem; font-weight: 400; color:#282728; }

.tab_list li a:hover, .member_wrap .tab_list li a:focus{border:1px solid #2A3D7B}

.tab_list li.active a {background: #2A3D7B; border:1px solid #2A3D7B; color :#fff; position: relative}

.tab_box{margin-bottom: 4rem; display: none}

.tab_box.active{display: block}

.tab_box + .bg_box{padding: 4rem 2rem}

.member_wrap .find_box{ border-top: 2px solid #293D7A;  margin-top: 2rem;}

.member_wrap .find_box li{ padding: 1rem; border-bottom: 1px solid #E1E1E1;}

.member_wrap .find_box li label{ width: 8rem; display: inline-block; line-height: 4rem}

.member_wrap .tab_list li.active a:before{ content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; width:  10px; height: 10px; border-top: 10px solid #2A3D7B; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: none;}

.login1 { width: 93rem; max-width: 100%; margin: 0 auto; border: 1px solid #ddd; position: relative}

.login1:after{clear: both; display: block; content: '';}

.login1 .left_box{position: absolute; left: 0; top: 0; width: 37.5rem; height: 100%; background: #0E64A8; padding: 8rem 4rem; }

.login1 .left_box .s_logo{display: block}

.login1 .left_box strong{ font-size: 3.4rem; font-weight: 700; color: #fff; line-height: 4.7rem; word-break: keep-all; display: block; margin-top: 4rem}

.login1 .left_box .refer{position: absolute; bottom: 4rem; width: calc(100% - 8rem); }

.login1 .left_box .refer .txt{ margin-top: 2rem; font-size: 1.6rem; font-weight: 400; color:#fff; line-height: 2.5rem; }

.login1 .left_box .refer .email {padding: .5rem 1.25rem; font-size: 1.6rem; font-weight: 600; background: #12609F; color: #fff; margin-top: 1rem; display: block}

.login1 .left_box .refer .email span{font-weight: 300; opacity: .7;}

.login1 .right_box { float: right; width: calc(100% - 37.5rem); padding: 10rem 8rem 11rem; text-align: center; position: relative; }

.login1 .right_box .input_login_box{ padding-bottom: 4rem; border-bottom: 1px solid #CECECE; }

.login1 .right_box .input_login_box .btn_area{margin-top: 1rem;}

.login1 .right_box .input_login_box .btn_area .form_checked{padding-left: 0}

.login1 .right_box .input_login_box .btn_area .form_checked label::before{display: none}

.login1 .right_box .input_login_box .btn_login{ padding: .75rem 3rem; border-radius: 20px; background:#2E3843; color:#fff; }

.login1 .right_box .title{ font-size: 3.1rem; font-weight: 700; color: #333B43; margin-bottom: 3rem;}

.login1 .right_box .inputID, .login1 .right_box .inputPW{ border: none; display: block; width: 100%; padding: 1.5rem 1.3rem; background: #F3F3F5;}

.login1 .right_box .inputPW{margin-top: 0.8rem;}

.login1 .right_box .form_checked{float: left; margin-top: .3rem}

.login1 .right_box .form_checked label::before{border: 1px solid #777}

.login1 .right_box .btn_login{float: right;}

.login1 .right_box .sns_login_box{ margin-top: 5rem}

.login1 .right_box .sns_login_box strong{ display: block; margin-bottom: 1.5rem; font-size: 1.9rem; font-weight: 500; color:#2B2B2B; }

.login1 .right_box .sns_login_box li { display: inline-block; margin-left: 1.5rem; }

.login1 .right_box .sns_login_box li a {display: block; box-shadow: 0 0 1px transparent;}

.login1 .right_box .sns_login_box li a {display: inline-block;position: relative;transition-duration: 0.3s;transition-property: transform;-webkit-tap-highlight-color: transparent;transform: translateZ(0);box-shadow: 0 0 1px transparent;}

.login1 .right_box .sns_login_box li a:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/* W3C */transition-duration: 0.3s;transition-property: transform opacity;}

.login1 .right_box .sns_login_box li a:hover {transform: translateY(-6px);animation-name: hover;animation-duration: 1.5s;animation-delay: 0.3s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;}

.login1 .right_box .sns_login_box li a:hover:before {opacity: .4;transform: translateY(6px);animation-name: hover-shadow;animation-duration: 1.5s;animation-delay: .3s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;}

.login1 .right_box .sns_login_box li a:hover { transform: translateY(-6px);animation-name: hover;animation-duration: 1.5s;animation-delay: 0.3s;animation-timing-function: linear;animation-iteration-count: infinite;animation-direction: alternate;}

.login1 .right_box .find_box{position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.5rem 4rem; background: #F4F4F4; font-weight: 1.6rem;}

.login1 .right_box .find_box > a:nth-of-type(1){float: left; padding-left: 2rem; font-weight: 400; color: #525252; position: relative}

.login1 .right_box .find_box > a:nth-of-type(1):before{content: '\e964'; position: absolute; left: 0; top: 0; color: #A5A5A5; font-family: 'xeicon'}

.login1 .right_box .find_box > a:nth-of-type(2){float: right; font-weight: 500; color:#0E6AB4 }
/*로그인 끝*/

/*개인정보 동의*/
.member_btn { height: 5.5rem; border: 1px solid #2d6dbb; line-height: 5.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 0; padding: 0 1rem; background-color: #2d6dbb; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; display: block; width: 31.5rem; max-width: 100%; margin: 3rem auto 0; }

.member_btn.agree_btn { height: 7rem; border: 1px solid #2d6dbb; line-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 0; padding: 1rem 1rem; background-color: #2d6dbb; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; display: block; width: 31.5rem; max-width: 100%; margin: 3rem auto 0; }

.member_btn:hover, .member_btn:focus { background-color: transparent; color: #2d6dbb; }

.member_btn.type1 { border-color: #6e7379; background-color: #6e7379; }

.member_btn.type1:hover, .member_btn.type1:focus { color: #6e7379; }

.member_step { display: table; width: calc(100% + 0px); table-layout: fixed; position: relative; z-index: 0; margin-bottom: 5rem; }

.member_step + .top_box{ margin-bottom: 5rem}

.member_step > * { display: table-cell; padding-right: 0px; vertical-align: top; }

.member_step li { font-size: 1.8rem; position: relative; color: #333; text-align: center; }

.member_step li + li::before { position: absolute; right: 50%; top: 3.5rem; z-index: -1; width: 100%; height: 0.3rem; margin-top: -0.15rem; border-top: 0.3rem dotted #b7b7b7; content: ''; }

.member_step li.active small { background-color: #2d6dbb; }

.member_step small { font-size: 1.6rem; display: block; width: 7rem; height: 7rem; margin: 0 auto; border-radius: 100%; border: 1.5rem solid #fff; background-color: #6e7379; background-color: #959fa5; font-weight: 400; color: #fff; line-height: 4rem; }

.member_step strong { display: block; margin-top: -1rem; font-weight: 400; }

.member_step + .certify { margin-top: 3rem; }

.certify { overflow: hidden; word-break: keep-all; }

.certify .group { float: left; width: calc(50% - 1rem); padding: 6rem; border: 1px solid #ddd; text-align: center; }

.certify .group.group2 { float: right; }

.certify i { display: block; width: 7rem; margin: 0 auto 3rem; }

.certify span { display: block; height: 6rem; }

.certify span em{display: block; margin-top: 1rem;}

.certify .title { text-align: center; }

.find .form { width: 32rem; max-width: 100%; margin: 0 auto 7rem; }

.find .form ul { display: inline-block; width: 100%; }

.find .form li { float: left; position: relative; width: calc(50% - 0.5rem); }

.find .form li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.find .form li input:checked + label { border-color: #333; color: #000; }

.find .form li input:hover + label, .find .form li input:focus + label { outline: 1px dotted #000; }

.find .form li label { height: 5rem; border: 1px solid #e7e7e7; line-height: 4.8rem; font-size: 1.5rem; display: block; color: #777; text-align: center; }

.find .form li + li { float: right; }

.find .btns { overflow: hidden; margin-top: 1rem; }

.find .txt { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #e7e7e7; }

.find .member_btn { float: left; width: calc(50% - 0.5rem); margin-top: 0; }

.find .member_btn + .member_btn { float: right; }

.board_list .tstyle_write .form_textbox + .btn_line {height: 4rem; line-height: 3.8rem; margin-left: 1rem}

.agree .form { text-align: right; line-height: 2.5rem;  }

.agree .item { overflow: hidden; overflow-y: auto; max-height: 31.5rem; margin: 1rem 0; padding: 3rem 3rem 0; border: 1px solid #ddd; }

.agree .item::after { display: block; width: 100%; height: 3rem; content: ''; }

.agree .item strong { display: block; margin: 1rem 0 ; font-size: 1.8rem; font-weight: 500; color: #000; }

.agree .item p {margin: 1rem 0 ; line-height: 2.8rem }

.agree:first-child .title { margin-top: 0; font-size: 2.2rem; font-weight: 700; color :#000}

.line_box{border:1px solid #ddd; padding: 6rem}

.bg_box{background-color: #F8F8F8; padding: 8rem 5rem; text-align: center; }

.step1, .step2{padding: 4rem 1rem; background: #F7F8F9}

.step1{margin-top: 3.5rem; }

.step1 .form_mail{text-align: center;}

.step1 .btn{ min-width: 19rem;}

.step2 {margin-top: 3rem; text-align: center;}

.step2 .form_textbox{width: 30rem;}

.step2 .btn{margin-left: -5px;}

.group3{ overflow: hidden; margin-top: 2rem}

.group3 .group{float: left; width: 33.3333%; padding: 0 5rem; text-align: center; position: relative}

.group3 .group + .group{border-left: 1px solid #D6D6D6;  }

.group3 .group + .group:before{content: '\e93c'; font-family: xeicon; position: absolute; left: 0; top: 45%; transform: translateX(-50%); width: 3rem; height: 3rem; background: #DBDBDB; border-radius: 50%; line-height: 3rem}

.group3 .group .img{ display: block; margin-bottom: 2rem }

.group3 .group strong{ font-size: 2rem; font-weight: 500; color: #333; display: block; margin-bottom: 1rem }

.group3 .group .txt{ font-size: 1.8rem; font-weight: 400; color : #555555; line-height: 2.8rem; word-break: keep-all}

.group_center{display: inline-block; text-align: center; width: 100%}

.group_center .group{float:none; display: inline-block}

.bul_number_list > li{position: relative; padding: 1.5rem 0}

.bul_number_list > li + li{border-top: 1px solid #E2E2E2; }

.bul_number_list > li > span{ display: inline-block; font-size: 1.8rem; font-weight: 400; color: #333; line-height: 3.4rem; width: calc(100% - 21rem)}

.bul_number_list > li > span > em{display: block; font-size: 1.7rem; font-weight: 300; color: #555555; line-height: 2.4rem;}

.bul_number_list > li > strong{font-size: 2rem; font-weight: 500; color: #222; line-height: 2.4rem; display: inline-block; min-width: 20rem; vertical-align: top;}

.bul_number_list > li > strong > em{display: inline-block; width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #1BB1B1; color:#fff; text-align: center; padding-top: 5px; margin-right: 1rem; font-size: 1.8rem}



/*멘토신청*/
.check_group_wrap{padding: 5rem; border:1px solid #ddd; }

.check_group_wrap ul{overflow: hidden; margin: -1.5rem 0 0 0}

.check_group_wrap li {float: left; width: 25%; margin-right: 0; font-size: 1.6rem; font-weight: 400; color: #333; line-height: 2.6rem; padding: 1.5rem 0 0 2.5rem}

.check_group_wrap .form_checked label::before{ top: 19px;}

.check_group_wrap .form_checked label::after{ top: 19px;}

.check_keyword_wrap{ border:1px solid #ddd; border-top: none; background: #FCFCFC; padding: 2rem 3rem; min-height: 10rem; }

.check_keyword_wrap .tag{display: inline-block; margin-right: 2.5rem; color:#333; font-weight: 400; float:left;}

.check_keyword_wrap .tag button{padding: 0 3px; transform: translateY(1px) }

.category_all_wrap{border:1px solid #ddd; overflow: hidden; height: 20rem; }

.category_all_wrap > .category{padding: 1.5rem; float: left; width: 22.25%; border-right: 1px solid #ddd; height: 100%; overflow-y: auto}

.category_all_wrap > .category a {display: block; padding: .35rem 1.75rem; color:#333; position: relative }

.category_all_wrap > .category li.active a{background: #E8F4FD; color: #06428D; font-weight: 500}

.category_all_wrap > .category li.active a:before{content: '\e93f'; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); font-family: xeicon;}

.category_all_wrap > .category.depth3{width: 40%; border-right: none; padding: 3rem}

.category_all_wrap > .category.depth3 .check_group_wrap{border: none; padding:0}

.category_all_wrap > .category.depth3 .check_group_wrap li{width: 33.3333%}

.category_all_wrap > .category.depth2 > ul {display: none;}

.category_all_wrap > .category.depth2 > ul.on{display: block;}

.category_all_wrap > .category.depth3 ul {display: none;}

.category_all_wrap > .category.depth3 ul.on{display: block;}

.all_keyword_wrap .form_textbox{width: calc(100% - 10.5rem); float:left}

.keyword_input_wrap{overflow: hidden; }

.all_keyword_wrap .btn{float: right; margin: 0; height: 4rem; line-height: 4rem; min-width: 10.5rem}

.full_list li + li{margin-top: .75rem}

.filebox{position: relative}

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

.filebox label.tit{ width: 12rem; display: inline-block; font-size: 1.6rem; color: #333;font-weight: 500 }

.filebox label.btn { display: inline-block; padding: 0 2.7rem 0 0 ; color: #fff; line-height: 4rem; vertical-align: middle; background-color: transparent; cursor: pointer;  text-align: right; height: 4rem; width: calc(100% - 12rem); position: absolute; right: 0; border: none}

.filebox label.btn:before{content: '';position: absolute; right: 0; width: 11rem; height: 4rem; top: 0; background: #38393B;z-index: -1;}

.filebox .upload-name { display: inline-block; width: calc(100% - 23.75rem); background: #fff;}

.filebox .s_txt{padding-left: 12rem;}

.filebox{overflow: hidden}

.file_name {width: calc(100% - 12rem); display: block; height: 4.5rem; border: 1px solid #ddd; margin-bottom: 3rem }

.plupload_add { border: none; outline: none; background: #333; color: #fff; width: 12rem; height: 4.5rem; text-align: center; line-height: 4.5rem; padding: 0; border-radius: 0; display: block; margin-right: 0}

.plupload_container{padding: 0; width: 100%; }

/* modal_popup */
.btn_pop{height: 4rem; line-height: 4rem;}

.modal_popup_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 30; display: none;  }

.modal_popup_wrap .modal_popup { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 128rem; width: 100%; height:80vh; background: #fff; overflow: hidden; border-radius: 1.5rem ; }

.modal_popup_wrap.type2 .modal_popup{max-width: 80rem; height: 40vh;}

.modal_popup_wrap .modal_popup:before{content: ''; position: absolute; right: 8rem; bottom: 0; width: 6.8rem; height: 13.8rem; background: url('../img/sub/popup_img1.png') no-repeat center/cover; animation: lastStar 2s ease-in-out infinite alternate; }

.modal_popup_wrap .modal_popup:after{content: ''; position: absolute; right: 6rem; bottom: 10.5rem; width: 9.7rem; height: 9.2rem; background: url('../img/sub/popup_img2.png') no-repeat center/cover; animation: blings 2s ease-in-out infinite alternate; }

.modal_popup_wrap .modal_popup .modal_cont { padding: 5rem 4rem; width:100%; height: 100%; position: relative }

.modal_popup_wrap h5.title{font-size: 2.4rem; font-weight: 700; color:#333;}

.modal_popup_wrap .btn_pop_close{position: absolute; right: 4rem; top:5rem; font-size: 2.4rem; font-weight: 700}

.modal_popup_wrap .table_wrap{margin-top: 1rem; height: calc(100% - 50px); overflow-y: auto; overflow-x: hidden}

.modal_popup_wrap .table_wrap .depth1{color:#06428D; font-weight: 700}

.modal_popup_wrap .table_wrap .depth2{ font-weight: 500; color: #EF651D}

.modal_popup_wrap .table_wrap td li{display: inline-block; padding: .5rem 1rem; background: rgba(245,249,255,.6); border-radius: 5px; margin: .25rem }

.modal_popup_wrap .txt_box{padding: 3rem; border: 1px solid #ddd; margin-top: 3rem; min-height: 200px; height: 70%;}


.table_wrap { border-top:1px solid #333;}

.table_wrap * {vertical-align:middle; }

.table_wrap > table {table-layout:fixed; width:100%; border-left:1px solid #ddd;}

.table_wrap > table th, .table_wrap > table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:1rem 1.4rem}

.table_wrap table th {color:#222;}

.table_wrap table td {color:#444;}

.table_wrap table thead th {font-size:16rem; line-height:2.1rem; font-weight:500; letter-spacing:-0.048em; background:#f8f8f8; border-bottom:1px solid #bbb;}

.table_wrap table tbody th {background:#fbfbfb; color:#222; font-weight:500; font-size: 1.6rem}

.table_wrap table tbody th,
.table_wrap table tbody td {font-size:1.6rem; line-height:2.2rem; position:relative; word-wrap: break-word; word-break:keep-all; }

/*멘토검색 리스트*/

.mentor_search_wrap{ padding: 6rem; background: #F7F7F7; margin-bottom: 4rem; }

.mentor_search_wrap > div:after{ content: ''; clear: both; display: block}

.mentor_search_wrap > div {margin-left: -1rem}

.mentor_search_wrap > div > * {display: block; float: left; padding-left:1rem;}

.mentor_search_wrap .form_select.large{width: 33.3333%; margin-bottom: 1rem}

.mentor_search_wrap .form_select.small{width: 15%;}

.mentor_search_wrap .search_area{display: inline-block; width: 55%;}

.mentor_search_wrap .search_area .btn{min-width: 10.5rem; height: 4rem; line-height: 4rem}

.mentor_search_wrap .form_textbox{width: calc(100% - 11rem);}

.mentor_search_wrap .btn{width: 10rem; margin: 0;}

.mentor_search_wrap .btn:hover{background: #000; color:#fff;}

.mentor_board_wrap{margin: -4rem 0 5rem -4rem;  }

.mentor_board_wrap:after{ content: ''; display: block; clear: both; }

.mentor_board_wrap .item{float: left; padding: 4rem 0 0 4rem; width: 33.3333%; }

.mentor_board_wrap .item .inner{display: block; border:1px solid #DDDDDD; padding: 3rem 4rem 9rem; border-radius: 1rem; position: relative; overflow: hidden; height: 50rem; transition: .3s;}

.mentor_board_wrap .item .profile{position: relative; }

.mentor_board_wrap .item .thumbnail{border:1px solid #dddddd; width: 9.2rem; height: 9.2rem; border-radius: 100%; position: relative; overflow: hidden}

.mentor_board_wrap .item .thumbnail img{position: absolute; left: 50%; top: 0; width: 100%; transform: translateX(-50%);}

.mentor_board_wrap .item .info_box{position: absolute; left: 11.2rem; top: 50%; transform: translateY(-50%); width: calc(100% - 11.2rem)}

.profile_wrap .name{font-size: 2.2rem; font-weight: 700; color: #000000; }

.profile_wrap .company { font-size: 1.6rem; font-weight: 400; color: #555555; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.profile_wrap .descript{ margin-top: 1.4rem; padding-top: 2.5rem; border-top: 1px solid #DDDDDD; }

.profile_wrap .descript > li{position: relative}

.profile_wrap .descript > li + li{margin-top: 1rem}

.profile_wrap .descript > li > strong {display: block; position: absolute; left: 0; top:0; padding-left: 1rem; font-weight: 700; color: #333;}

.profile_wrap .descript > li > strong:before{ content:''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #B1B1B1;}

.profile_wrap .descript > li > ul{padding-left: 9rem; }

.profile_wrap .descript > li > ul li span{display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 300; color :3333}

.profile_wrap .descript > li > ul.job li:nth-of-type(n+3){display: none}

.profile_wrap .descript > li > ul.job{min-height: 4.5rem}

.profile_wrap .descript > li > ul.field li:nth-of-type(n+4){display: none}

.profile_wrap .descript > li > ul.field{min-height: 6.75rem}

.profile_wrap .keyword_list{margin-top: 2rem}

.profile_wrap .keyword_list li{display: inline-block; font-size: 1.5rem; font-weight: 400; color:#555555 }

.profile_wrap .keyword_list li + li{margin-left: .5rem;}

.profile_wrap .keyword_list li span{display: inline-block; padding: .25rem .75rem; background: #EBEBEB}

.mentor_board_wrap .item .application{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: #9DA3AB; color:#fff; font-weight: 700; width: 100%; padding: 2rem 0; text-align: center; transition: .3s; font-size: 1.8rem; font-weight: 600;}

.mentor_board_wrap .item .inner:hover, .mentor_board_wrap .item.inner:focus{border:1px solid #06428D; }

.mentor_board_wrap .item .inner:hover .application, .mentor_board_wrap .item.inner:focus .application{background: #06428D}

.manual_wrap .top_box.type2{padding: 6rem 0;}

.manual_wrap article{padding: 7rem 0; position: relative}

.manual_wrap article:nth-of-type(2){ padding-bottom: 0}

.manual_wrap article:nth-of-type(2):before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: calc(100% + 18rem); background: #F9F9F9; z-index: -1}

.manual_wrap .group3 .group{min-height: 21rem ;vertical-align: middle}

.manual_wrap  .bul_number_list{margin-top: 2rem}

/* 게시판 페이징 */
* + .board_pager { margin-top: 4rem; }
.board_pager { font-size: 1.5rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; border-radius: 100%; text-align: center; line-height: 3.8rem; vertical-align: top; border:2px solid transparent}
.board_pager a.arr { background:#EFEFEF }
.board_pager a.arr::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }
.board_pager a.arr.first::before { content: ""; }
.board_pager a.arr.prev::before { content: ""; }
.board_pager a.arr.next::before { content: ""; }
.board_pager a.arr.last::before { content: ""; }
.board_pager a.arr.first, .board_pager a.arr.last { text-indent: -1.2rem; letter-spacing: -1.2rem; }
.board_pager a.active { background: #fff; border:2px solid #333; color: #333; }
.board_pager .group { margin: 0 3rem; }

.mentoring_apply_wrap{border-top: 2px solid #000000; padding: 4rem 0; overflow: hidden; position: relative;}

.mentoring_apply_wrap .profile_wrap{overflow: hidden;}

.mentoring_apply_wrap .thumbnail{position: absolute; left: 0; top: 4rewm; width: 28.2rem;}

.mentoring_apply_wrap .carrer_box{float: right; width:  calc(100% - 28.2rem); padding-left: 8rem;}

.mentoring_apply_wrap .name{font-size: 3rem; margin: 2rem 0 1rem}

.mentoring_apply_wrap .company{font-size: 2rem; margin-bottom: 2rem;}

.mentoring_apply_wrap .descript{border-top: none; padding: 4rem; background: #F7F7F7; overflow: hidden;}

.mentoring_apply_wrap .descript > li{float: left}

.mentoring_apply_wrap .descript > li + li{margin-top: 0;}

.mentoring_apply_wrap .descript > li.group{ width: 60%;}

.mentoring_apply_wrap .descript > li.group > ul > li{width: 50%; float: left;;}

.mentoring_apply_wrap .descript > li.region{width: 40%; }

.mentoring_apply_wrap .descript > li.mentoring {width: 100%; margin-top: 2rem; min-height: 5rem;}

.mentoring_apply_wrap .descript > li.mentoring > ul > li{float: left; margin-right: 4rem;}

.mentoring_apply_wrap .board_list.type2{border-top: none;}

.calendar_wrap {margin-top: 5rem;}

.calendar_wrap .keyword_wrap{border-bottom: 1px solid #E6E6E6; min-height: 10rem; padding: 3rem 0}

.calendar_wrap .keyword_wrap .tag{ padding: .25rem 1.25rem ; border:1px solid #DDDDDD;  font-size: 1.5rem; font-weight: 400; color:#555555; display: inline-block; margin-right: 3rem;}

.calendar_wrap .keyword_wrap .tag button{padding-left: 1rem; }

.mypage_box{padding: 6rem 7rem; background-color: #F9F9F9; position: relative; margin-bottom: 5rem; }

.mypage_box .name{font-size: 2.4rem; font-weight: 400; color: #333; margin-bottom: 2rem;}

.mypage_box .name strong{ font-weight: 900;}

.mypage_box .name .rank{font-size: 1.6rem; font-weight: 400; display: inline-block; padding-left: 1rem;}

.mypage_box .contact {border: none; overflow: hidden; margin-bottom: 0;}

.mypage_box .contact li{float: left; font-size: 1.8rem; line-height: 2.4rem; color: #555555; padding-left: 4rem; position: relative;}

.mypage_box .contact li + li{margin-left: 3rem;}

.mypage_box .contact li:before{content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px;}

.mypage_box .contact li.tel:before{background: url(../img/sub/cantact_01.png);}

.mypage_box .contact li.mail:before{background: url(../img/sub/cantact_02.png);}

.mypage_box .btn_correct{position: absolute; right: 3.5rem; top: 3.5rem; background-color: #1D1A1A; border: 1px solid #1D1A1A; height: 4rem; line-height: 4rem; min-width: 12rem}

.mypage_box .btn_correct:hover{background-color: #fff; color:#1D1A1A;}

.fc-header-toolbar.fc-toolbar {position: relative; margin-bottom: 4rem !important;}

.fc-toolbar-title{position: absolute; left: 50%; top: 0;transform: translateX(-50%); color: #000; font-weight:800 ;}

.fc .fc-button-group{position: static;}

.fc-today-button.fc-button.fc-button-primary{display: none;}

.fc-prev-button.fc-button.fc-button-primary{position: absolute ; left: 50%; top: 0; transform: translateX(-150px); width: 4rem; height: 4rem; text-align: center; color:#999999; background-color: transparent !important; border: none;}

.fc-next-button.fc-button.fc-button-primary{position: absolute; right: 50%; top: 0; transform: translateX(150px); width: 4rem; height: 4rem; text-align: center; color:#999999; background-color: transparent !important;border: none;}

.fc-theme-standard th{background-color:#2F2E2E; border-right: 1px solid transparent ; color :#fff; height: 5rem; vertical-align: middle ; font-weight: 400;}

.fc-theme-standard th .fc-day-sun, .fc-day-sun {color: #FF0000;}

.fc-theme-standard th .fc-day-sat, .fc-day-sat {color: #00A6FD}

.fc .fc-daygrid-day-number{padding: 0 4px}

.fc .fc-daygrid-day-frame{padding: 1.25rem 1rem ;}

.fc .fc-daygrid-day-top{flex-direction: row ;}

.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active{color:#000;}

.fc .fc-daygrid-day.fc-day-today{background-color: transparent;}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top{ position: relative; color : #fff; padding-left: .25rem;}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top:before{content: ''; position: absolute; left: 0; top: -.25rem; width: 3rem; height: 3rem; background: #555555; z-index: -1; border-radius: 100%;}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{width: calc(100% - 2rem); left: 50%; transform: translateX(-50%);}

.fc-license-message{display: none;}

.greetings .title{ font-size: 3.5rem; font-weight: 400; color: #333; margin-bottom: 4rem; word-break: keep-all}

.greetings .title strong{font-weight: 700;}

.greetings .bg_box{height: 42rem; position: relative}

.greetings .bg_box:before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%);  width: 100vw; height:100%; background: url('../img/sub/greeting1.png') no-repeat top/cover; }

.greetings .txt_box_wrap{ overflow: hidden; margin-left: -4rem; margin-top: 6rem}

.greetings .txt_box2{float: left; width: 50%; padding-left: 4rem}

.greetings .txt_box2 .txt{ font-size: 1.9rem; font-weight: 500; color: #333; line-height: 3.8rem; word-break: keep-all}

.greetings .txt_box2 span{margin-top: 5.75rem; display: inline-block;  font-size: 1.9rem; font-weight: 500; color: #333; }

.greetings .txt_box2 span img{padding-left: 2rem}

.greetings .txt_box2 .txt + .txt{margin-top: 2rem}

.org_wrap{background: #F9F9F9; padding: 10rem 8rem; }

.org_wrap .group{width: 35rem; margin: auto;}

.org_wrap .group strong{display: block; padding: 1.5rem 1rem; background: #235DC9; font-size: 2rem; font-weight: 700; color: #fff; text-align: center; position: relative}

.org_wrap .group strong span{display: block; font-size: 1.7rem; font-weight: 300; opacity: .68; }

.org_wrap .group ul{padding: 2rem; background: #fff; margin-top: 0 }

.org_wrap .org_group_wrap{position: relative}

.org_wrap .org_group_wrap:before{content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 65.8%; background: #D9D9D9;z-index: 0;}

.org_wrap .org_group_wrap > div{position: relative; z-index: 1}

.org_wrap .org_group1{ margin-bottom: 4rem}

.org_wrap .org_group2{ margin-bottom: 9rem}

.org_wrap .org_group2 .group strong{ background: #1BB1B1}

.org_wrap .org_group3{ margin-left: calc(50% + 8rem); margin-bottom: 12rem}

.org_wrap .org_group3 .group{margin: 0}

.org_wrap .org_group3 .group + .group{margin-top: 2.5rem}

.org_wrap .org_group3 .group strong{background: #06428D}

.org_wrap .org_group3 .group strong:before{content: ''; position: absolute; left:-8rem; top: 50%; transform: translateY(-50%); width: 8rem; height: 1px; background: #D9D9D9; }

.org_wrap .org_group4:before{content: ''; position: absolute; left: calc(50% - 1rem); top: -5rem; transform: translateX(-50%); width: 76.5%; height: 1px; background: #D9D9D9;}

.org_wrap .org_group4 > ul{ margin-left: -2rem}

.org_wrap .org_group4 > ul:after{content: ''; clear: both; display: block}

.org_wrap .org_group4 > ul > li{ float: left; width: 25%; position: relative}

.org_wrap .org_group4 > ul > li:before{content: ''; position: absolute; left: 50%; top: -5rem; width: 1px; height: 100%; background: #D9D9D9}

.org_wrap .org_group4 > ul > li .group{width: 100%; min-height: 157px; padding-left: 2rem; position:relative; z-index: 1}

.org_wrap .org_group4 > ul > li .group + .group{margin-top: 4rem}

.org_wrap .org_group4 > ul > li:nth-of-type(1) .group strong{background: #06428D}

.org_wrap .org_group4 > ul > li:nth-of-type(1) .group:nth-of-type(2) strong{background: #4D59C7}

.org_wrap .org_group4 > ul > li:nth-of-type(2) .group strong{background: #1167BE}

.org_wrap .org_group4 > ul > li:nth-of-type(3) .group strong{background: #118FBE}

.org_wrap .org_group4 > ul > li:nth-of-type(4) .group strong{background: #118FBE}

.org_wrap .org_group4 > ul > li .group ul{min-height: 9.5rem; }

@media (max-width: 1300px) {.org_wrap .org_group_wrap:before{height: 64.9%}}

@media (max-width: 1023px) {.manual_wrap .group3 .group{min-height: 25rem}
    .manual_wrap .top_box.type2{padding: 20rem 0 6rem; text-align: center}
    .top_box.type2 .img{right: inherit; left: 50%; top: 3rem; transform: translateX(-50%); width: 200px}
    .group_center .group br{display: none}
    .manual_wrap .group3 .group{min-height: inherit}
    .org_wrap{padding: 10rem 3rem}
    .org_wrap .group{width: 28rem}
    .org_wrap .group strong{font-size: 1.9rem; padding: 1.25rem .5rem}
    .org_wrap .org_group_wrap:before{height: 65.6%}
}

@media (max-width: 900px) {.org_wrap .org_group_wrap:before{height: 64.6%}}

@media (max-width: 768px) { .member { padding-top: 3rem; }
    .login1 .title { width: 18rem; padding-left: 0; }
    .login1 .form { width: calc(100% - 22rem); margin: 0 4rem 3rem 0; }
    .login1 .list li { display: block; width: 40rem; max-width: 100%; margin: 0 auto; }
    .login1 .list li:last-child { margin: 0.5rem auto 0; }
    .certify .group { padding: 3rem; }
    .certify .group span { height: 7.5rem; }
    .find .form { margin-bottom: 3.5rem; }
    #contents{padding: 4rem 0 7rem}
    #contents_title{font-size: 3.4rem; }
    .contents_util .util .u_btn.print{display: none}
    .greetings .title{font-size: 2.8rem}
    .greetings .bg_box{height: 16rem; position: relative}
    .greetings .txt_box_wrap{ margin-left: 0rem; margin-top: 4rem}
    .greetings .txt_box2{float: none; padding-left :0; width: 100%}
    .manual_wrap .group3 .group{min-height: inherit; float: none; width: 100%; padding: 0}
    .manual_wrap .group3 .group + .group{border-left: none; margin-top: 7rem}
    .manual_wrap .group3 .group + .group:before{ left: 50%; top: -5.5rem; transform: translateY(0) translateX(-50%) rotate(-90deg);}
    .bul_number_list > li > strong{min-width: 15rem}
    .bul_number_list > li > span{width: calc(100% - 16rem)}
    .manual_wrap .top_box.type2 br{display: none}
    .org_wrap{padding: 5rem 2rem}
    .org_wrap .org_group_wrap:before{height: 100%}
    .org_wrap .group{max-width: 90%; width: 35rem}
    .org_wrap .org_group3{ margin-left: auto; margin: auto; margin-bottom: 10rem}
    .org_wrap .org_group3 .group{margin: auto}
    .org_wrap .org_group3 .group strong:before{display: none}
    .org_wrap .org_group4 > ul > li{float: none; width: 100%}
    .org_wrap .org_group4 > ul > li + li{margin-top: 4rem}
    .org_wrap .org_group4 > ul > li .group{width: 35rem; max-width: 90%; min-height: inherit;}
    .org_wrap .org_group4 > ul > li .group ul{min-height: inherit;}
    .org_wrap .org_group4 > ul > li .group + .group{margin-top: 2.5rem}
    .org_wrap .org_group4:before{display: none;}
    .org_wrap .org_group4 > ul > li:before{display: none;}}


@media (max-width: 480px) { .member { padding-top: 2rem; }
    .login1 .title { float: none; width: 100%; margin-bottom: 1rem; }
    .login1 .form { float: none; width: calc(100% - 4rem); margin: 0 auto 2rem; padding-right: 11rem; }
    .login1 .form .btn { width: 10rem; }
    .login1 .list li { padding-left: 1rem; }
    .login1 .list a { margin-left: 0.5rem; padding-right: 0.5rem; }
    .certify .group { float: none; width: 100%; }
    .certify .group.group2 { float: none; margin: 1rem 0 0; }
    .certify .group span { height: auto; }
    .bul_number_list > li > strong{min-width: 100%; display: block}
    .bul_number_list > li > span{width: 100%; display: block; margin-top: .5rem; padding-left: 4.5rem; line-height: 2.4rem}}