@charset "utf-8";
.basic_btn, .del_btn, .list_faq_questions:after, .join_btn, .login_input_wrap button, .terms_bottom a, .id_chk_btn, .cal_years_btn, .btn_lst li a, .cal_down_btn{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bo_gallery_img_cover a{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.jflex{display: -webkit-box; display: -ms-flexbox; display: flex;}

input, select{vertical-align: middle; background: #fff; border: 1px solid #ccc; font-family: 'Noto Sans KR', sans-serif; color: #999; letter-spacing: 0px;  border-radius: 0;  font-size: 16px;}
select{padding: 5px; height: 40px; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: 0; background: url(../imgs/select_arrow_icon.png) no-repeat 93% center #fff; background-size: 14px; min-width: 80px;}
select::-ms-expand{display:none;}
.half_select{width: 300px; background-position: 96% center;}
.half_input{width: 50%;}

/* Common - Form - Style */
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="file"], select{position: relative; background-color: #fff; border-radius: 3px; padding: 0 10px; border: 1px solid #e6e6e6; font-size: 13px; height: 40px; box-sizing: border-box;  display: inline-block; vertical-align: top;  width: 100%; color: #646464; font-family: "NotoSans", "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif;}
input:focus, select:focus, textarea:focus{outline:0;}
button{border: 0; cursor: pointer;}
/* Form - Disabled */
textarea:disabled, input:disabled, select:disabled{background-color: #efefef !important;}
/* Placeholder */
::placeholder{font-family: "돋움", Dotum, sans-serif; font-size: 13px; color: #bbb; font-family: "NotoSans", "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif; font-weight: 400;}
/* Checkbox */
input[type="checkbox"]{-webkit-appearance: none; appearance: none; border: 1px solid #c8c8c8; border-radius: 3px; width: 16px; height: 16px; margin: 0; background-color: #fff; vertical-align: middle;}
input[type="checkbox"]:checked{background: url("../imgs/check.png") no-repeat center / 12px; border: 1px solid #0185cf; margin: 0; background-color: #fff;}
input[type=checkbox]::-ms-check{border: 1px solid #c8c8c8; border-radius: 3px; background-color: #fff; vertical-align: top;}
input[type=checkbox]:checked::-ms-check{border: 1px solid #0185cf; background-color: #fff;}
/* Textarea */
textarea{height: 130px; resize:none; padding: 5px;}
/* Input - Number */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{opacity: 1;}
/* Radio */

input[type="radio"]{-webkit-appearance: none; appearance: none; border: 1px solid #aaa; background-color: #fff; width: 18px; height: 18px; border-radius: 50%; margin: 0; vertical-align: top;}
input[type="radio"]:checked{background: url("../imgs/radio.png") no-repeat center; border: 1px solid #0185cf;}
input[type="radio"]::-ms-check{border: 1px solid #b6b6b6; background-color: #fff;}
input[type="radio"]:checked::-ms-check{border: 1px solid #0085cf; background-color: #fff;}
/* Common - File */
input[type="file"]{line-height: 40px;}
input[type="file"]::file-selector-button{display: none;}
input[type=file]::-ms-value{border:1px solid #ccc; background:#fff; border-radius: 3px; padding: 0 10px;}
input[type=file]::-ms-browse{border:1px solid #ccc; background:#fff; border-radius: 3px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {		/* IE에서만 적용 */
	input[type=file]{border: 0;}
}

.required{display: inline-block; vertical-align: middle; color: #ff0000; margin-left: 3px;}
.help_text{display: block; font-size: 14px; font-weight: 300; color: #999; margin-top: 5px;}
.help_text .text_red{color: #ff0000;}
/* ------------ 목록 -------- */
/* 목록 검색 */
.search_wrap{width: 100%; padding: 0 50px; height: 100px; background: #f9f9f9; margin-bottom: 60px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #ebebeb; box-sizing: border-box;}
.search_wrap select{width: 100px; height: 47px; margin-right: 10px; border: 1px solid #e1e1e1; outline: none; background: url(../imgs/search_arrow_icon.png) no-repeat 90% center #fff; background-size: 19px;}
.search_wrap .search_box{width: 450px; height: 47px; border: 1px solid #e1e1e1; position: relative; z-index: 9; padding-right: 47px; background: #fff;}
.search_wrap .search_box input{width: 100%; height: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: none; position: relative; z-index: 9;}
.search_wrap .search_box button{width: 47px; height: 47px; position: absolute; right: 0; top: 0; background: url(../imgs/search_icon.png) no-repeat center;}
.search_wrap p{font-weight: bold; font-size: 18px; color: #000; margin-right: 20px;}
/* 목록 토탈 */
.total_page{padding-right: 5px; text-align: right;}
.total_page p{font-size: 14px; color: #666; line-height: 30px;}
.total_page p span{color: #222;}
/* 목록 테이블 */
.board_list{border-top: 1px solid #000;}
.board_list ul{display: table; table-layout: fixed; width: 100%;}
.board_list li{line-height: 70px; text-align: center; color: #222; font-weight: 500; font-size: 15px; display: table-cell; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_list li a{color: #555;}
.board_list li a:hover{text-decoration: underline;}
.board_list li.bo_num{width: 50px;}
.board_list li.bo_80{width: 80px;}
.board_list li.bo_100{width: 100px;}
.board_list li.bo_120{width: 120px;}
.board_list li.bo_150{width: 150px;}
.board_list li.bo_200{width: 200px;}
.board_list .board_h{height: 70px; line-height: 70px; border-bottom: 1px solid #e1e1e1;}
.board_list .board_b{border-bottom: 1px solid #e1e1e1;}
.board_list .board_b li{color: #999; font-weight: 400; font-size: 15px;}
.board_list .board_b li.bo_title{text-align: left;}
.board_list .board_b li img{vertical-align: middle;}
.board_list .board_b.active{background: #f3f3f3;}
/* 목록 페이저 */
.board_pager{margin-top: 50px; margin-bottom: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px;}
.board_pager a{display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #666;}
.board_pager .prev a{background: url(../imgs/num_arrow1.png) no-repeat center/contain;}
.board_pager .prev2 a{background: url(../imgs/num_arrow2.png) no-repeat center/contain;}
.board_pager .next a{background: url(../imgs/num_arrow1.png) no-repeat center/contain; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.board_pager .next2 a{background: url(../imgs/num_arrow2.png) no-repeat center/contain;}
.board_pager a.active{color: #222; font-weight: 700; text-decoration: underline;}
/* 목록 상단영역 */
.bo_top_layput{margin-top: 50px; margin-bottom: 8px;}
.bo_top_layput.top_in{margin-top: 20px;}
.bo_top_layput ul:after{content:""; clear:both; display:block;}
.bo_top_layput li{float: left;}
.bo_top_layput li.bo_top_left_margin{margin-left: 5px;}
.bo_top_layput li.bo_top_right{float: right;}

/* ------------ 뷰 -------- */
/* 뷰 타이틀 */
.bo_v_header{border-top: 2px solid #000; background: #f3f3f3; padding: 20px; border-bottom: 1px solid #ddd; text-align: center;}
.bo_v_header ul:after{content:""; clear:both; display:block;}
.bo_v_header h2{font-size: 23px;}
.bo_v_header .bo_v_info{display: inline-block; margin-top: 10px; padding: 0 3px;}
.bo_v_header .bo_v_info li{float: left;}
.bo_v_header .bo_v_info li{font-size: 14px; font-weight: 300; color: #666; margin-right: 15px;}

/* 뷰 첨부파일 */
.bo_v_file{display: table; margin: 0; border: 0; border-bottom: 1px solid #ddd; padding: 10px 20px; width: 100%;}
.bo_v_file h2 {display: table-cell; padding: 0; background: none; width: 90px; vertical-align: middle;}
.bo_v_file ul{display: table-cell;}
.bo_v_file:after{content:""; clear:both; display:block;}
.bo_v_file li{padding: 0; margin-right: 10px; float: left;}
.bo_v_file a{color: #666; font-size: 15px;}
.bo_v_file a:hover{text-decoration: underline;}
.bo_v_file a span{font-size: 14px; padding: 5px 5px 5px 22px; background: url(../imgs/icon_file.png) no-repeat left;}

/* 뷰 정보 */
.bo_v_request{}
.bo_v_request ul{display: flex; flex-wrap: wrap; width: 100%;}
.bo_v_request li{display: flex; flex: 1 1 20%; align-items: center; justify-content: center; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 15px; word-break: keep-all;}
.bo_v_request li:nth-child(2n-1){background: #f3f3f3; font-weight: 700; flex-basis: 13%;}
.bo_v_request li:nth-child(2n){color: #666;}

.bo_v_request.free_portfolio li{flex: 1 1 80%;}
.bo_v_request.free_portfolio li:nth-child(2n-1){flex-basis: 20%;}
.bo_v_request.free_portfolio li:nth-child(2n){justify-content: left; text-align: left; padding-left: 10px;}
.bo_v_request.free_portfolio li.request_table{padding: 0;}
.request_table dl{display: flex; flex-wrap: wrap; width: 100%;}
.request_table dl dd{flex: 1 1 70%; justify-content: center; text-align: center; border-top: 1px solid #ddd; padding: 10px 0;}
.request_table dl dd:nth-child(-n+2){border-top: 0;}
.request_table dl dd:nth-child(2n-1){flex-basis: 30%; border-right: 1px solid #ddd;}
.free_portfolio_term{border: 1px solid #ddd; padding: 20px; text-align: center;}

.bo_v_indicators ul{display: flex; flex-wrap: wrap; width: 100%;}
.bo_v_indicators li{display: flex; flex: 1 1 80%;}
.bo_v_indicators li:first-child{flex-basis: 20%;}
.bo_v_indicators img{width: 100%;}
.bo_v_indicators dl{display: flex; flex-wrap: wrap; width: 100%;}
.bo_v_indicators dd{display: flex; flex: 1 1 30%; align-items: center; justify-content: center; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 15px; word-break: keep-all;}
.bo_v_indicators dd:nth-child(2n-1){background: #f3f3f3; font-weight: 700; flex-basis: 20%;}
.bo_v_indicators dd:nth-child(2n){color: #666;}

/* 뷰 내용 */
.bo_v_con{margin: 0; padding: 40px 20px; border-bottom: 1px solid #ddd; min-height: 150px;}
.bo_v_img{margin: 0; padding: 0;}
.bo_v_img img{width: 100%;}
.bo_v_title{font-size: 19px; font-weight: 700; margin-top: 30px; margin-bottom: 10px; padding-left: 5px;}
.bo_v_box{padding: 20px; border: 1px solid #ddd; min-height: 100px; color: #666; font-size: 14px; line-height: 1.6; /* height: 150px; overflow-y: auto; */}
.bo_v_con.portfolio_type{border: 1px solid #ddd;}

/* 뷰 코멘트 입력 */
.bo_v_text textarea{border: 1px solid #ddd; padding: 20px; font-size: 15px;}


/* 뷰 이전&다음 글 */
.bo_v_nb{margin: 0; border-bottom: 0;}
.bo_v_nb li{padding: 20px; border: 0; border-bottom: 1px solid #ddd; width: 100%; display: table;}
.bo_v_nb li:hover{background-color: transparent;}
.bo_v_nb li a{display: table-cell; padding: 0; vertical-align: middle;}
.bo_v_nb li .nb_tit{display: table-cell; padding: 0; width: 100px; color: #333; vertical-align: middle;}
.bo_v_nb li i{font-size: 15px; margin-left: 5px;}

/* 뷰 하단 버튼 */
.bo_v_btn{margin-top: 50px;}
.bo_v_btn ul:after{content:""; clear:both; display:block;}
.bo_v_btn li{float: left;}
.bo_v_btn li.bo_v_right{float: right;}
.bo_v_btn li li{margin-left: 5px;}
.bo_v_btn li li:first-child{margin-left: 0;}
a.basic_btn{display: inline-block; padding: 17px 50px; line-height: 20px; background: #0b1457; border: 1px solid #0b1457; color: #fff; border-radius: 3;}
a.basic_btn.white_btn{background: #fff; border: 1px solid #333; color: #333;}
a.basic_btn.white_gray_btn{background: #fff; border: 1px solid #ddd; color: #666;}
a.basic_btn.gray_btn{background: #ccc; border: 1px solid #ccc; color: #333;}
a.basic_btn.small_btn{padding: 6px 20px; line-height: 20px; font-size: 13px;}
a.basic_btn.input_btn{padding: 0 20px; height: 40px; font-size: 13px; line-height: 40px;}
a.basic_btn:hover{background: #000 !important; border-color: #000 !important; color: #fff !important;}

/* ------------ 쓰기 -------- */
.bo_write{border-top: 2px solid #000;}
.bo_w ul{display: table; table-layout: fixed; width: 100%;}
.bo_w ul li{display: table-cell; border-bottom: 1px solid #ddd; padding: 15px; font-size: 13px;}
.bo_w ul li:first-child{width: 150px; background: #f3f3f3; font-size: 14px; padding-left: 20px; vertical-align: middle;}
.bo_w ul li.bo_w_notice label{margin-left: 5px; margin-right: 10px;}
.bo_w ul li.bo_w_notice span{display: inline-block; color: #999;}
/* 뷰 add & del */
.bo_w .variable_type{width: 100%; margin-top: 10px;}
.bo_w .variable_type:first-child{margin-top: 0;}
.bo_w .variable_type:after{content:""; clear:both; display:block;}
.bo_w .variable_type dd{float: left; margin-left: 5px;}
.bo_w .variable_type dd:nth-child(1){width: 100px; margin-left: 0;}
.bo_w .variable_type dd:nth-child(2){width: calc(100% - 150px);}
.bo_w .variable_type dd:nth-child(3){}
.bo_w .variable_type a.variable_btn{display: block; position: relative; width: 40px; height: 40px; border: 1px solid #ddd;}
.bo_w .variable_type a.variable_btn:after{content: ''; position: absolute; width: 16px; height: 2px; top: 50%; left: 50%; margin-top: -1px; margin-left: -8px; background: #999;}
.bo_w .variable_type a.variable_btn.plus_btn:before{content: ''; position: absolute; width: 2px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -1px; background: #999;}


.period_lay:after{content:""; clear:both; display:block;}
.period_lay dd{float: left; width: 200px; line-height: 40px;}
.period_lay dd:nth-child(2){width: 30px; text-align: center;}

.radio_lay:after{content:""; clear:both; display:block;}
.radio_lay dd{float: left; line-height: 18px; margin-right: 25px;}
.radio_lay dd label{padding-left: 8px;}

/* ------------ FAQ -------- */
.board_faq .board_faq_set{position: relative; border-bottom: 1px solid #333;}
.board_faq .list_faq_questions{position: relative; display: table; table-layout: fixed; width: 100%; padding: 15px 0; border-top: 1px solid #333; cursor: pointer;}
.board_faq .list_faq_questions:after{content: ''; position: absolute; width: 15px; height: 15px; background: url("../imgs/snav_dark.png") no-repeat center/15px; top: 50%; margin-top: -8px; right: 20px;}
.board_faq .list_faq_questions.on:after{content: ''; transform: rotate(-180deg);}
.board_faq .list_faq_questions li{display: table-cell; font-size: 18px; width: 100%; vertical-align: middle;}
.board_faq .list_faq_questions li:first-child{width: 80px; text-align: center; font-family: 'Times New Roman'; font-size: 30px; vertical-align: middle;}
.board_faq .list_faq_questions li:nth-child(2){padding-right: 50px;}
.board_faq .list_faq_questions li:nth-child(3){width: 100px; padding-right: 50px;}
.board_faq .list_faq_answer{display: none; border-top: 1px solid #d5dbe0;}
.board_faq .list_faq_answer > ul{display: table; table-layout: fixed; width: 100%; overflow: hidden; background: #f7f9fb;}
.board_faq .list_faq_answer > ul > li{display: table-cell; width: 100%;}
.board_faq .list_faq_answer > ul > li:first-child{width: 80px; text-align: center; font-family: 'Times New Roman'; font-size: 30px; vertical-align: middle;}
.board_faq .list_faq_answer > ul > li:nth-child(2){padding: 20px; padding-left: 40px;}
.board_faq .list_faq_answer .bubble_box_left{position: relative; background: #ffeb33; padding: 20px 30px; border-radius: 0 30px 30px; color: #262626; max-width: 70%; margin-bottom: 10px; font-size: 15px;}
.board_faq .list_faq_answer .bubble_box_left:after{content: ''; position: absolute; top: 0; left: -40px; width: 0px; height: 0px; border-bottom: 30px solid transparent; border-right: 40px solid #ffeb33;}
.board_faq .list_faq_answer .bubble_box_left.per50{width: 50%;}
.board_faq .list_faq_answer .bubble_box_left.per30{width: 30%;}
.board_faq .list_faq_answer .bo_v_file{border-bottom: 0; padding: 0;}
.board_faq .list_faq_answer .bo_v_file li{border: 1px solid #ccc; padding: 5px; border-radius: 3px; margin-top: 10px;}

.faq_admin_btn {text-align: right; margin-top: 20px;}
.faq_admin_btn ul:after{content:""; clear:both; display:block;}
.faq_admin_btn ul{display: inline-block; vertical-align: top;}
.faq_admin_btn li{float: left;}
.faq_admin_btn li:nth-child(n+2){margin-left: 3px;}
.faq_admin_btn .del_btn{display: inline-block; background: #fff; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; text-align: center; font-size: 13px;}
.faq_admin_btn .del_btn:hover{background: #000; border-color: #000; color: #fff;}

/* ------------ Gallery -------- */
.bo_gallery_list ul{width: 100%; flex-wrap: wrap;}
.bo_gallery_list li{width: 30%; margin-right: 5%;}
.bo_gallery_list li:nth-child(3n){margin-right: 0;}
.bo_gallery_img_cover{position: relative; height: 250px; overflow: hidden; cursor: pointer;}
.bo_gallery_img_cover a{display: block; height: 250px; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.bo_gallery_img_cover:hover a{transform: scale(1.2);}
.bo_gallery_desc_tit{display: block; padding: 20px 0 40px;}
.bo_gallery_desc_tit b, .bo_gallery_desc_tit span{display: block;}
.bo_gallery_desc_tit b{font-size: 18px; line-height: 20px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bo_gallery_desc_tit span{font-size: 15px; color: #999; margin-top: 10px;}

/* ------------ Mov Gallery -------- */
.mov_play{position: absolute; width: 100%; height: 250px; background: url("../imgs/sub_img03.png") no-repeat center; background-size: 60px; z-index: 1;}
.mov_cover{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.7); z-index: 98; display: none;}
.mov_popup{position:fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; z-index: 99;}
.mov_popup > div{position: relative; width: 960px !important; height: 540px !important;}
.youtube_wrap iframe{width: 960px !important; height: 540px !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.popup_close{position: absolute; top: -45px; right: 5px; color: #001a3f; padding-right: 35px; font-size: 19px;}
.popup_close:after, .popup_close:before{content: ''; position: absolute; right: 0; width: 25px; height: 2px; background: #001a3f; transform: rotate(45deg); top: 50%;}
.popup_close:before{content: ''; transform: rotate(-45deg); top: 50%;}


/* ------------ Member -------- */
.sign_title{padding: 60px 0; text-align: center;}
.sign_title p:nth-child(1){font-size: 70px; font-weight: 300; color: #000;}
.sign_title p:nth-child(2){color: #999; font-size: 15px;}
.login_input_wrap{width: 600px; margin: 0 auto;}
.login_input_wrap input{width: 100%; height: 70px; border: 2px solid #ebebeb; padding: 0 18px; margin-bottom: 10px; font-size: 16px; color: #999; background: #fff; outline: none;}
.login_input_wrap input::placeholder{font-size: 16px;}
.login_input_wrap button{display: block; width: 100%; height: 70px; margin-top: 10px; background: #001a3f; color: #fff; font-size: 19px; font-weight: 600;}
.login_input_wrap button:hover{background: #000;}

.join_btn_wrap{padding-top: 30px; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #e6e8ec; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.join_btn_wrap .v_line{width: 1px; height: 13px; background: #aaa; margin: 0 12px;}
.join_btn_wrap a:hover{text-decoration: underline;}
.join_btn{display: block; width: 100%; height: 70px; line-height: 70px; font-size: 19px; margin-bottom: 55px; color: #001a3f; border: 1px solid #001a3f; text-align: center;}
.join_btn:hover{background: #000; border-color: #000; color: #fff;}

.agree_wrap .agree_order{width: 600px; margin: 0 auto 50px;}
.agree_wrap .agree_order ul:after{content:""; clear:both; display:block;}
.agree_wrap .agree_order ul{position: relative; margin: 0 auto;}
.agree_wrap .agree_order ul li{width: 200px; float: left; text-align: center;}
.agree_wrap .agree_order ul li:first-child b:after{content: ''; display: none;}
.agree_wrap .agree_order ul li b{position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; font-size: 19px; background: #9bacb7; color: #fff;}
.agree_wrap .agree_order ul li.on b{background: #001a3f;}
.agree_wrap .agree_order ul li b:after{content: ''; position: absolute; top: 50%; margin-top: -3px; left: -130px; width: 130px; height: 6px; background: #9bacb7;}
.agree_wrap .agree_order ul li span{display: block; text-align: center; margin-top: 10px;}

.agree_wrap .term_wrap ul{background: #fafafa; border: 1px solid #ccc; border-bottom: 0; padding: 30px; display: table; table-layout: fixed; width: 100%;}
.agree_wrap .term_wrap li{display: table-cell; vertical-align: middle;}
.agree_wrap .term_wrap li:first-child{width: 35px;}
.agree_wrap .term_wrap .label{width: 25px; height: 25px; background: url(../imgs/c_check.png) no-repeat center/contain; display: inline-block; cursor: pointer; margin-top: 5px;}
.agree_wrap .term_wrap input[type="checkbox"]{display: none;}
.agree_wrap .term_wrap input[type="checkbox"]:checked+label{background: url(../imgs/c_check_over.png) no-repeat center/contain;}
.agree_wrap .term_wrap li label span{font-size: 23px; font-weight: 300; margin-right: 5px;}
.agree_wrap .term_wrap p{font-size: 12px; color: #666;}
.agree_wrap .term_wrap .terms{margin-bottom: 20px; height: 200px; border: 1px solid #ccc; padding: 30px; font-size: 14px; color: #999; line-height: 1.4; overflow-y: scroll;}
.agree_wrap .term_wrap .terms::-webkit-scrollbar{background: #eee; border-radius: 20px; width: 5px; padding-right: 10px;}
.agree_wrap .term_wrap .terms::-webkit-scrollbar-thumb{background: #bbb; border-radius: 20px;}

.terms_bottom{text-align: center; margin-top: 50px;}
.terms_bottom span{display: inline-block; font-size: 23px; margin-bottom: 50px;}
.terms_bottom a{display: block; width: 200px; margin: 0 auto; margin-bottom: 150px; height: 56px; line-height: 56px; font-size: 17px; border: 1px solid #041e42; text-align: center;}
.terms_bottom a:hover{background: #000; color: #fff;}

.join_wrap{border-top: 1px solid #000;}
.join_wrap ul{display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #ddd; padding: 0 20px;}
.join_wrap ul li{display: table-cell; vertical-align: middle; padding: 30px 0;}
.join_wrap ul li:first-child{width: 150px; font-size: 17px;}
.join_wrap input{height: 50px; width: 400px;}
.join_wrap .confirm_btn{display: inline-block; width: 100px; text-align: center; height: 50px; line-height: 50px; background: #001a3f; color: #fff;}
.join_wrap .confirm_btn:hover{background: #000;}
.join_wrap .id_chk_btn{margin-left: 10px;}

/* 가입완료 */
.complete_wrap span{display: block; text-align: center; font-size: 25px;}
.complete_wrap span b{color: #001a3f;}
.complete_wrap div{border: 1px solid #000; padding: 50px; margin-top: 30px;}
.complete_wrap div p{font-size: 17px; margin-bottom: 10px; text-align: center;}


/* ------------ Data -------- */
/* 파일 업로드 */
.file_up_wrap{padding: 30px; background: #f3f3f3; border: 1px solid #ccc; margin-bottom: 30px;}
.file_up_wrap div{position: relative;}
.file_up_wrap h4{font-size: 19px; font-weight: 700; margin-bottom: 10px;}
.file_up_wrap ul:after{content:""; clear:both; display:block;}
.file_up_wrap li{float: left; width: 48%; margin-left: 4%; font-size: 13px; line-height: 40px;}
.file_up_wrap li:first-child{margin-left: 0;}
.file_up_wrap li.only_one{width: 100%; margin: 0;}
.file_up_wrap a.sample_down_btn{display: inline-block; position: absolute; top: 0; right: 0; padding: 4px 20px; border: 1px solid #000; background: #000; color: #fff; font-size: 13px;}

/* 별점 */
.star_point i{color: #fa9d4c;}
.star_point span{display: inline-block; margin-left: 5px; font-size: 13px; color: #999;}

/* 달력 */
.schedule_wrap{width: 100%;}
.schedule_wrap table{width: 100%;}
.schedule_wrap table th, .schedule_wrap table td{border: 1px solid #ccc; padding: 20px;}
.schedule_wrap table td{padding: 10px 20px; vertical-align: top;}
.schedule_wrap table td span{display: block; margin-bottom: 10px; font-size: 15px;}
.schedule_wrap table td a{display: block; font-size: 13px; margin-top: 3px;}
.schedule_wrap table td a:hover{text-decoration: underline;}
.schedule_wrap table td:first-child span{color: #ff0000;}
.schedule_wrap table td.holiday span{color: #ff0000;}

.schedule_month{padding: 20px; background: #f3f3f3; text-align: center;}
.schedule_month div{position: relative; display: inline-block;}
.schedule_month h3{font-size: 25px; font-weight: 700;}
.schedule_month a{position: absolute; display: block; top: 50%; margin-top: -18px; width: 36px; height: 36px; background: #fff; border: 1px solid #ccc; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 26px;}
.schedule_month a.prev_btn{left: -70px; background-image: url("../imgs/arrow_prev.png");}
.schedule_month a.next_btn{right: -70px; background-image: url("../imgs/arrow_next.png");}

/* 학사일정 */
.calendar_wrap{width: 1300px; margin: 0 auto;}
.cal_wrap{width: 100%;}
.cal_head, .cal_body{display: table; width: 100%; text-align: center; vertical-align: middle;}
.cal_head{border-top: 2px solid #000; border-bottom: 1px solid #ccc;}
.cal_row{display: table-row;}
.cal_th, .cal_td{display: table-cell; padding: 13px 10px; background: #f3f3f3; border-left: 1px solid #ccc; font-size: 16px; color: #999; width: 20%; vertical-align: middle; box-sizing: border-box;}
.cal_th{color: #333; font-size: 19px;}
.cal_row > .cal_td{border-bottom: 1px solid #ccc;}
.cal_row .c_cal{width: 300px; background: #fff;}
.cal_row .c_moth{width: 100px; border-right: 1px solid #ccc;}
.cal_row .c_box{width: auto; padding: 0; border-left: 0; border-right: 1px solid #ccc; vertical-align: top; background: #fff;}
.cal_row .sub_cal{display: table; width: 100%; border-bottom: 1px solid #ccc;}
.cal_row .sub_cal:nth-child(n+7){border-bottom: 0;}
.cal_row .cal_th .sub_cal{border-bottom: 0;}
.cal_row .sub_cal .cal_td{border-bottom: 0;}
.cal_row .c_day{width: 200px; background: #fff; border-left: 0;}
.cal_row .c_con{width: auto; background: #fff;}
.cal_row .cal_td.c_con{text-align: left;}
.cal_row .cal_th.c_cal{background: #f3f3f3;}
.cal_row .cal_th.c_day, .cal_row .cal_th.c_con{background: #f3f3f3;}
.cal_row .cal_td .month_area{font-size: 14px; font-weight: 300;}
.cal_row .cal_td .month_area span{display: block; font-size: 21px; font-weight: 400; color: #666;}
.cal_row .cal_td .month_area span b{color: #333; font-weight: 700;}
.calendar_box{width: 250px; margin: 0 auto;}
.calendar_box ul:after{content:""; display:block; clear:both;}
.calendar_box ul{margin-bottom: 10px;}
.calendar_box ul li{float: left;}
.calendar_box ul li.cc_mm{font-size: 15px; font-weight: 300;}
.calendar_box ul li.cc_mm span{font-size: 21px; font-weight: 700; color: #041e42;}
.calendar_box ul li.cc_ye{float: right; font-size: 21px; font-weight: 700; color: #333;}
.calendar_box table{width: 100%; font-size: 13px; color: #666; border-top: 2px solid #000;}
.calendar_box table th{background: #eee; padding: 8px 0;}
.calendar_box table td{padding: 10px 0 5px;}
.calendar_box table td span{display: inline-block; line-height: 24px;}
.calendar_box table td span.active{background: #0661bc; color: #fff; width: 24px; height: 24px; border-radius: 24px;}
.cal_search:after{content:""; display:block; clear:both;}
.cal_search{position:relative; width:100%; height:auto; padding:20px; background-color:#f3f3f3; box-sizing:border-box;}
.cal_search .years_select{display:inline-block; width:180px; margin-right:2px; font-size:15px; height: 35px; line-height: 35px; border: 1px solid #ccc; vertical-align:middle;}
.cal_search .cal_years_btn{display: inline-block; text-align: center; color: #fff; min-width:70px; height:35px; line-height:35px; margin-right:20px; vertical-align:middle; background: #666;}
.cal_search .cal_years_btn:hover{background: #000;}
.cal_search .cal_down_btn{float: right; border: 1px solid #333; background: #fff; height:35px; line-height:35px; padding: 0 15px; font-size: 14px;}
.cal_search .cal_down_btn:hover{background: #000; color: #fff;}
.cal_search .btn_lst{display:inline-block;}
.cal_search .btn_lst li{display:inline-block; vertical-align:middle;}
.cal_search .btn_lst li a{display:block; height:30px; line-height:30px; padding:0 12px; font-size:15px; box-sizing:border-box; border-radius:30px;}
.cal_search .btn_lst li a:hover, .cal_search .btn_lst li a.on{background-color:#041e42; color:#fff;}
.cal_search .searchs{position:absolute; top:18px; right:20px; width:105px; height:35px; line-height:35px; background-color:#32383e; text-align:center; font-size:14px; color:#fff;}
.cal_search .searchs:before{content:""; display:inline-block; width:14px; height:13px; margin-right:5px; background:url(../../../images/site/kor/content/schoolcal_search_icon.png) no-repeat;}
.month_nav{margin-bottom: 40px;}
.month_nav ul:after{content:""; display:block; clear:both;}
.month_nav ul{width: 100%;}
.month_nav ul li{float: left; width: 8.333%; text-align: center;}
.month_nav ul li a{display: block; width: 100%; height: 42px; line-height: 42px; border: 1px solid #ccc; border-left: 0; font-size: 14px;}
.month_nav ul li:first-child a{border-left: 1px solid #ccc;}
.month_nav ul li a:hover{text-decoration: underline;}
.month_nav ul li a.active{background: #0661bc; color: #fff;}
.mobile_only_480{display: none;}


/* 그래프 */
.graph_wrap{background: #fff; width: 40%; margin: 40px auto 50px;}
.graph_wrap.spider_web{width: 50%; margin: 50px auto 0;}
.graph_wrap .highcharts-credits, .graph_wrap .highcharts-exporting-group{display: none;}
.graph_wrap text{font-family:'Malgun Gothic', Dotum, verdana, sans-serif; font-size: 13px; letter-spacing: 0;}



.only_pc{display: block;}
.only_mobile{display: none !important;}
.only_pc.dis_inline{display: inline;}
.only_pc.dis_inline_block{display: inline-block;}

@media all and (max-width:1320px){
	/* 학사일정 */
	.calendar_wrap{width: 96%; margin: 0 auto;}
	.cal_head{display: none !important;}
	.cal_body{border-top: 2px solid #000;}
}

@media all and (max-width:1023px){
	/* ------------ Gallery -------- */
	.bo_gallery_list li{width: 47%; margin-right: 6%;}
	.bo_gallery_list li:nth-child(3n){margin-right: 6%;}
	.bo_gallery_list li:nth-child(2n){margin-right: 0;}
	
	/* ------------ Mov Gallery -------- */
	.mov_popup > div, .youtube_wrap iframe{width: 760px !important; height: 428px !important;}
	
	/* 그래프 */
	.graph_wrap{width: 80% !important;}
}

@media all and (max-width:959px){
	/* 일반 게시판 목록 */
	.board_list .board_h{display: none;}
	.board_list .board_b{display: block; padding: 15px 0; box-sizing: border-box;}
	.board_list .board_b:after{content:""; clear:both; display:block;}
	.board_list li{position: relative; float: left; line-height: 1.4; text-align: left; display: inline-block; width: auto !important; padding: 0 10px;}
	.board_list li.bo_num{display: none !important;}
	.board_list li.bo_title{margin-bottom: 5px; display: block; width: 100% !important;}
	.board_list li.bo_num, .board_list li.bo_80, .board_list li.bo_100, .board_list li.bo_120, .board_list li.bo_150, .board_list li.bo_200{width: auto !important;}
	.board_list li:before{content: ""; display: inline-block; width: 2px; height: 12px; background: #e1e1e1; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
	.board_list li.bo_rep:before, .board_list li.bo_title:before, .board_list li:last-child::before{content: ''; display: none;}
	.board_list li.bo_rep{margin-bottom: 2px;}
	.board_list li.bo_clear{clear: both}
	.board_list li.bo_last:before{content: ""; display: none;}
	.board_list li:last-child{padding-right: 0;}
	.board_list .board_b li{font-size: 13px;}
	.board_list .board_b li.bo_title a, .board_list .board_b li.bo_stitle a{font-size: 15px;}
	
	.board_list.data_list .board_b{display: block; table-layout: inherit;}
	.board_list.data_list .board_b:after{content:""; clear:both; display:block;}
	.board_list.data_list li{display: block; float: left; padding: 0 10px;}
	
	.board_list.job_list .board_b{display: block; table-layout: inherit;}
	.board_list.job_list .board_b:after{content:""; clear:both; display:block;}
	.board_list.job_list li{display: block; float: left; padding: 0 10px;}
	.board_list.job_list .board_b li.bo_title, .board_list.job_list .board_b li.bo_stitle{width: auto !important;}
	.board_list.job_list .board_b li.bo_stitle{clear: both;}
	.board_list.job_list .board_b li.bo_date, .board_list.job_list .board_b li.bo_hit{display: none;}
	
	.board_list.reflex_list .board_b{display: block; table-layout: inherit;}
	.board_list.reflex_list .board_b:after{content:""; clear:both; display:block;}
	.board_list.reflex_list li{display: block; float: left; padding: 0 10px;}
	
	/* 달력 */
	.schedule_wrap{overflow-x: auto;}
	.schedule_wrap .schedule_scroll{min-width: 600px;}
	.schedule_wrap table td{padding: 10px; vertical-align: top;}
	.schedule_wrap table th{font-size: 14px;}
	.schedule_wrap table td span{margin-bottom: 8px; font-size: 13px;}
	.schedule_wrap table td a{font-size: 12px; margin-top: 5px;}

	.schedule_month h3{font-size: 19px;}
	.schedule_month a{position: absolute; display: block; top: 50%; margin-top: -16px; width: 32px; height: 32px; background: #fff; border: 1px solid #ccc; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 22px;}
	
	/* 학사일정 */
	.cal_body, .cal_row{display: block;}
	.cal_th, .cal_td{font-size: 14px; padding: 10px; border-left: 0;}
	.cal_td{display: block; width: 100% !important;}
	.cal_row{margin-top: 30px;}
	.cal_row .cal_td .month_area span{display: inline-block}
	.cal_row .cal_td.c_cal{padding: 0; padding-bottom: 20px;}
	.cal_row .cal_td.c_box{border-bottom: 0;}
	.cal_row .sub_cal .cal_row{display: table-row}
	.cal_row .sub_cal .cal_row li.cal_td{display: table-cell; width: auto !important;}
	.cal_row .sub_cal .cal_row li.cal_td:first-child{width: 30% !important;}
	.calendar_box{width: 100%;}
	.cal_row .c_moth, .cal_row .c_box, .cal_row .c_con{border-left:  1px solid #ccc;}
}

@media all and (max-width:767px){
	.only_pc{display: none !important;}
	.only_mobile{display: block;}
	.only_mobile.dis_inline{display: inline;}
	.only_mobile.dis_inline_block{display: inline-block;}
	
	.help_text{font-size: 13px;}
	
	select{background-size: 13px; font-size: 14px; background-position: 90% center;}
	.search_wrap{padding: 20px; height: auto; margin-bottom: 30px; display: block;}
	.search_wrap select{height: 40px; background-size: 15px;}
	.search_wrap .search_box{height: 40px; padding-right: 40px; width: 100%; margin-top: 10px;}
	.search_wrap .search_box button{width: 40px; height: 40px; background-size: 20px;}
	.half_select{width: 100%; background-position: 96% center;}
	
	.total_page p{font-size: 13px;}
	
	/* 일반 게시판 목록 */	
	.bo_v_header{padding: 20px 10px;}
	.bo_v_file{padding: 10px;}
	.bo_v_con{padding: 30px 10px;}
	.bo_v_nb li{padding: 15px 10px;}
	.bo_v_btn{margin-top: 30px;}
	
	a.basic_btn{padding: 12px 30px; line-height: 20px; font-size: 13px;}
	
	/* ------------ 쓰기 -------- */
	.bo_w ul{display: block; width: 100%;}
	.bo_w ul li{display: block; padding: 15px 10px;}
	.bo_w ul li:first-child{display: none;}
	/* 뷰 add & del */
	.bo_w .variable_type dd:nth-child(1){width: 70px; margin-left: 0;}
	.bo_w .variable_type dd:nth-child(2){width: calc(100% - 120px);}
	
	.period_lay dd{width: 100%; text-align: center; margin-top: 5px;}
	.period_lay dd:nth-child(1){margin-top: 0;}
	.period_lay dd:nth-child(2){display: none;}
	
	.bubble_box_left li:first-child{width: 100px;}
	.bubble_box_left li b{width: 80px; height: 80px;}
	.bubble_box_left li b span{font-size: 17px;}
	.bubble_box_left li div{padding: 20px 15px; border-radius: 0 20px 20px;}
	.bubble_box_left li p{font-size: 17px;}
	.bubble_box_left li div:after{content: ''; position: absolute; top: 0; left: -30px; width: 30px; height: 24px;}
	
	.board_faq .list_faq_questions li{font-size: 15px;}
	.board_faq .list_faq_questions li:first-child{width: 60px; font-size: 25px;}
	.board_faq .list_faq_answer > ul > li:first-child{width: 60px; font-size: 25px;}
	.board_faq .list_faq_answer > ul > li:nth-child(2){padding-left: 30px;}
	.board_faq .list_faq_answer .bubble_box_left{width: 100% !important; max-width: 100%; padding: 15px 20px; border-radius: 0 15px 15px;}
	.board_faq .list_faq_answer .bubble_box_left:after{content: ''; left: -30px; border-bottom: 20px solid transparent; border-right: 30px solid #ffeb33;}
	
	/* 뷰 정보 */
	.bo_v_request li{flex: 1 1 70%; padding: 15px 10px; font-size: 13px;}
	.bo_v_request li:nth-child(2n-1){flex-basis: 30%;}
	.bo_v_request li:nth-child(2n){color: #666; justify-content: flex-start; text-align: left;}
	
	.bo_v_indicators li:first-child{flex-basis: 100%;}
	.bo_v_indicators dd{flex: 1 1 60%; padding: 15px 10px; font-size: 13px;}
	.bo_v_indicators dd:nth-child(2n-1){flex-basis: 40%;}
	.bo_v_indicators dd:nth-child(2n){color: #666; justify-content: flex-start; text-align: left;}
	
	/* ------------ Mov Gallery -------- */
	.mov_popup > div, .youtube_wrap iframe{width: 460px !important; height: 259px !important;}
	
	/* ------------ Member -------- */
	.sign_title{padding: 40px 0;}
	.sign_title p:nth-child(1){font-size: 50px;}
	.sign_title p:nth-child(2){font-size: 13px;}
	.login_input_wrap{width: 100%;}
	
	.agree_wrap .agree_order{width: 300px; margin: 0 auto 50px;}
	.agree_wrap .agree_order ul li{width: 100px;}
	.agree_wrap .agree_order ul li b{width: 60px; height: 60px; line-height: 60px; font-size: 17px;}
	.agree_wrap .agree_order ul li b:after{content: ''; position: absolute; top: 50%; margin-top: -3px; left: -40px; width: 40px; height: 6px; background: #9bacb7;}
	.agree_wrap .agree_order ul li span{display: block; text-align: center; margin-top: 10px;}
	
	.agree_wrap .term_wrap ul{padding: 20px 15px;}
	.agree_wrap .term_wrap li label span{font-size: 17px;}
	.agree_wrap .term_wrap .terms{padding: 15px; height: 150px;}
	
	.terms_bottom{margin-top: 30px;}
	.terms_bottom span{font-size: 17px; margin-bottom: 30px;}
	
	.join_wrap ul{padding: 0 10px;}
	.join_wrap ul li{display: table-cell; vertical-align: middle; padding: 30px 0;}
	.join_wrap ul li:first-child{width: 100px; font-size: 14px;}
	.join_wrap input{height: 40px; width: 100%;}
	.join_wrap .confirm_btn{height: 40px; line-height: 40px; width: 100%;}
	.join_wrap .id_chk_btn{margin-left: 0; margin-top: 10px;}
	
	/* ------------ Data -------- */
	/* 파일 업로드 */
	.file_up_wrap{padding: 20px;}
	.file_up_wrap h4{font-size: 15px;}
	.file_up_wrap li{float: inherit; width: 100%; margin-left: 0; margin-top: 5px; padding-left: 10px;}
	.file_up_wrap li:first-child{margin-top: 0; padding: 0;}
	.file_up_wrap a.sample_down_btn{font-size: 12px; padding: 2px 10px;}
	
	/* 학사일정 */
	.cal_search{text-align: center;}
	.btn_lst{margin-top: 15px;}
	.cal_search{text-align: left; padding: 20px 10px;}
	.cal_search .cal_down_btn{float: inherit; display: inline-block; margin-top: 5px;}
	.month_nav ul li{width: 16.666%; text-align: center;}
	.month_nav ul li:nth-child(6n+1) a{border-left: 1px solid #ccc;}
	.month_nav ul li:nth-child(n+7) a{border-top: 0;}
	
	/* 그래프 */
	.graph_wrap{width: 100% !important;}
}

@media all and (max-width:600px){
	/* ------------ Gallery -------- */
	.bo_gallery_list li{width: 100%; margin-right: 0 !important;}
}

@media all and (max-width:480px){
	a.basic_btn{padding: 8px 20px; font-size: 13px;}
	/* ------------ Mov Gallery -------- */
	.mov_popup > div, .youtube_wrap iframe{width: 340px !important; height: 191px !important;}

	/* 학사일정 */
	.mobile_only_480{display: block;}
	.month_nav ul li{width: 33.333%; text-align: center;}
	.month_nav ul li:nth-child(3n+1) a{border-left: 1px solid #ccc;}
	.month_nav ul li:nth-child(n+4) a{border-top: 0;}
}