@charset "utf-8";
/* CSS Document */

html {position: relative; height: 100%; font-size:10px; -webkit-tap-highlight-color: rgba(0,0,0,.2); tap-highlight-color: rgba(0,0,0,.2);}
body {
	height:100%; 
	padding:0;
	margin:0;
	font-family: 'Noto Sans KR',malgun gothic,'맑은 고딕','돋움',Arial,sans-serif;
	font-size:1.5rem;
	font-weight:400;
	line-height: 1.4;
	color:#3c3c3c;
	letter-spacing: -0.02em;
}
a,a:hover,a:focus{color:inherit; text-decoration: none; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:700; margin:0; padding:0;}
h2{font-size:2.8rem;}
h3{font-size:2.4rem;}
h4{font-size:2rem;}
h5{font-size:1.8rem;}
h6{font-size:1.6rem;}

form{margin:0; padding:0;}
div, ul, ol, li{box-sizing: border-box;}
ul,li,ol{list-style: none; margin:0; padding:0;}
p{line-height:1.8; margin:1em 0;}
label{font-weight:inherit;}

button{box-sizing: border-box; outline: none; font-family: inherit; font-size: inherit; height: 34px; padding:2px 10px; word-break: keep-all; word-wrap: break-word;}
button:hover{cursor:pointer;}
button:focus, button:active{}

input[type="checkbox"],
input[type="radio"]{accent-color: #0a8075;}

input[type="text"],
input[type="tel"],
input[type="password"]{outline:none; box-sizing: border-box; font-family: inherit; height:34px; padding:4px 5px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-transition: background-color 5000s;
	-webkit-text-fill-color: inherit !important;
}

select{
	height:34px;
	font-family: inherit;
	outline: none;
	padding: 4px 20px 4px 5px;
	box-sizing: border-box;
	background:#fff url("../images/selectbtn.png") no-repeat right 5px top 50%; 
	background-size:12px;
	font-size:inherit;
	border: 1px solid #b4b4b4;
	border-radius: 5px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { display: none;}

textarea{outline:none; box-sizing: border-box; font-family: inherit; height: 200px; padding:4px 5px;}
textarea:hover,
textarea:focus{border:1px solid #0a8075; }

.form_control{
	font-size:inherit; border-radius: 5px; border:1px solid #b4b4b4; color:inherit;
	-webkit-box-shadow:0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 rgba(255,255,255,0); 
	-webkit-transition: border 0.2s; transition: border 0.2s; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_control:focus{
	border:1px solid #0a8075; 
	-webkit-box-shadow:0 0 0 rgba(255,255,255,0); box-shadow:0 0 0 rgba(255,255,255,0);}

.form_control[readonly] {border:1px solid #cdcdcd; background-color: #eee;}
.form_control[disabled] {border:1px solid #cdcdcd; background-color: #eee; color:#888;}

/*placeholder 색상 변경*/
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b4b4b4;
    opacity: 1; /* Firefox */
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b4b4b4;
}
input::-ms-input-placeholder { /* Microsoft Edge */
    color: #b4b4b4;
}

.starc:after{content:"*"; color:#ca2d35;}


/*버튼 스타일*/
.btnsty02{background:#0a8075; border:0; border-radius: 5px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty02:hover, 
.btnsty02:focus{background:#0f9488; color:#fff;}
.btnsty02:active{background:#0a6f66;}

.btnsty03{background:#606060; border:0; border-radius: 5px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty03:hover, 
.btnsty03:focus{background:#707070; color:#fff;}
.btnsty03:active{background:#505050;}

/*.btnsty03{background:#fff; border:1px solid #0a8075; border-radius: 5px; color:#0a8075; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty03:hover, 
.btnsty03:focus{background:#e1e9ff; color:#0a8075;}
.btnsty03:active{background:#c6d1eb;}*/

.btnsty04{background:#fff; border:1px solid #ca2d35; border-radius: 5px; color:#ca2d35; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty04:hover, 
.btnsty04:focus{background:#fff6f6; color:#ca2d35;}
.btnsty04:active{background:#eedede;}

.btnsty05{background:#356aeb; border:0; border-radius: 5px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty05:hover, 
.btnsty05:focus{background:#5486ff; color:#fff;}
.btnsty05:active{background:#2e5ed3;}

.btnsty06{background:#1ba926; border:0; border-radius: 5px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty06:hover, 
.btnsty06:focus{background:#23b92e; color:#fff;}
.btnsty06:active{background:#1d9926;}

.btnsty07{background:#d38129; border:0; border-radius: 5px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty07:hover, 
.btnsty07:focus{background:#de872b; color:#fff;}
.btnsty07:active{background:#c87927;}

.btnsty08{background: #f5f5f5; border: 1px solid #b4b4b4; border-radius: 5px; color:#3c3c3c; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty08:hover, 
.btnsty08:focus{background:#fafafa;}
.btnsty08:active{background:#ebebeb;}

.btnsty09{background:#d94545; border:0; border-radius: 5px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty09:hover, 
.btnsty09:focus{background:#e74d4d; color:#fff;}
.btnsty09:active{background:#c73939;}

.btn_sm{padding:0 5px; height: 28px; border-radius: 5px;}

.txtbtn{border:none; background: transparent; outline: none;}
.txtbtn:hover, .txtbtn:focus, .txtbtn:active{font-weight: 700;}

.logoutbtn{cursor:pointer;}

.txt_color1{color:#00b595;}

/*헤더*/
header{position:relative;}
.headbox{width:100%; background: #fff; z-index: 10;}
.headbox .row{width:100%; max-width: 1000px; margin:0 auto;}

.logobox{position: relative; width:100%; max-width: 1000px; margin:0 auto; text-align: center; font-weight: 700; font-size:1.8rem; padding:0 10px;}
.logobox .home_tit{display:block; margin:10px 0;}
.logobox .home_tit img{/*width:110px;*/ height: 38px; display: block; margin:0 auto;}

/*상단 메뉴*/
.mainnavbar{width:100%; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; white-space: nowrap; }
.navbar{width:100%; max-width: 1000px; margin: 0 auto; padding:0;}
.navbar>li{display:inline-block;}
.navbar .step1{display: block; font-weight: 700; font-size:1.5rem; padding:10px 8px;}
.navbar .step1:hover, 
.navbar .step1:focus{color:#0a8075;}
.navbar .active .step1{color:#0a8075;}


/*탭메뉴*/
/*.tabnav_box{position:relative; width:100%; max-width: 1000px; margin:30px auto; padding:0;}
.tabnav_box hr{position:absolute; bottom:0; left: 0; border:0; height: 1px; background-color: #00ad66; margin:0; padding:0; width:100%; box-sizing: border-box;}
.tabnav_box .tabnav{position:relative; display: flex; flex-wrap: nowrap; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tabnav_box .tabnav::-webkit-scrollbar {display: none;}
.tabnav_box li{display: inline-block; text-align: center; font-size:1.5rem; min-width: 80px; padding-top:2px; flex-grow: 0; flex-shrink: 0; word-break: keep-all; word-wrap: normal; }
.tabnav_box li a{display:block; padding:14px 10px; background-color: #ebebeb; border-top:1px solid #c8c8c8; border-bottom:1px solid #00ad66; border-left:1px solid #c8c8c8; -webkit-transition: border 0.2s, background 0.2s; transition: border 0.2s, background 0.2s; }
.tabnav_box li:last-child a{border-right: 1px solid #c8c8c8;} 
.tabnav_box li+li a{}
.tabnav_box li a:hover{background-color: #f5f5f5; } 
.tabnav_box li a:active{background-color: #c8c8c8;} 
.tabnav_box li.active{padding-top:0;}
.tabnav_box li.active a{color:#00ad66; font-weight:700; background-color: #fff; border-top:3px solid #00ad66; border-right:1px solid #00ad66; border-bottom:1px solid #fff; border-left:1px solid #00ad66;}
.tabnav_box li.active a:hover{background-color: #fff;}
.tabnav_box li.active a:active{background-color: #fff;}*/

/*탭메뉴2*/
.tabnav_box2{position:relative; width:100%; max-width: 1000px; margin:30px auto; padding:0;}
.tabnav_box2 hr{position:absolute; bottom:0; left: 0; border:0; height: 1px; background-color: #0a8075; margin:0; padding:0; width:100%; box-sizing: border-box;}
.tabnav_box2 .tabnav{position:relative; display: flex; flex-wrap: nowrap; align-items: end; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tabnav_box2 .tabnav::-webkit-scrollbar {display: none;}
.tabnav_box2 li{display: inline-block; text-align: center; font-size:1.5rem; line-height: 1.3; min-width: 80px; padding-top:2px; flex-grow: 0; flex-shrink: 0; word-break: keep-all; word-wrap: normal; }
.tabnav_box2 li a{display:flex; align-items: center; justify-content: center; height: 60px; padding:0 10px; background-color: #efefef; border-top:1px solid #a9a9a9; border-bottom:1px solid #0a8075; border-left:1px solid #a9a9a9; -webkit-transition: border 0.2s, background 0.2s; transition: border 0.2s, background 0.2s; }
.tabnav_box2 li:last-child a{border-right: 1px solid #a9a9a9;} 
.tabnav_box2 li+li a{}
.tabnav_box2 li a:hover{background-color: #e0e0e0; } 
.tabnav_box2 li a:active{background-color: #CFCFCF;} 
.tabnav_box2 li.active{padding-top:0;}
.tabnav_box2 li.active a{color:#0a8075; font-weight:700; background-color: #fff; border-top:1px solid #0a8075; border-right:1px solid #0a8075; border-bottom:1px solid #fff; border-left:1px solid #0a8075;}
.tabnav_box2 li.active a:hover{background-color: #fff;}
.tabnav_box2 li.active a:active{background-color: #fff;}



/*메인페이지*/
.contents{width:100%; min-height: 500px;}
.main_banner{width:100%; border-top:1px solid #0a8075; background: #d1edff url("../images/bg_main.png") repeat left;}
.main_banner .main_banner_in{width:100%; max-width: 1920px; height: 158px; background: url("../images/mainbanner.png") no-repeat center; background-size: cover; margin:0 auto;}
.main_banner .txt_box{width:100%; max-width: 1000px; margin:0 auto; padding:30px 25px;}
.main_banner .txt_box h2{font-size:2.8rem; line-height: 1.2; color:#1e1e1e;}
.main_banner img{display: block; width:100%; max-width: 1920px; margin:0 auto;}


.quick_banners{width:100%; max-width: 1000px; margin:0 auto;}
.quick_banner_row{display: flex; flex-wrap: wrap; padding:15px 5px; }
.quick_banner_row .quick_banner{width: 100%; padding:5px;}
.quick_banner_row .quick_banner .banner_in{border-radius:20px;}
.quick_banner_row .banner_1 .banner_in{background-color: #0a8075;}
.quick_banner_row .banner_2 .banner_in{background-color: #eeb036;}
.quick_banner_row .banner_3 .banner_in{background-color: #bd694c;}
.quick_banner_row .banner_in{width:100%; padding:34px 28px; background-position: bottom 18px right 22px; text-align: center; color:#fff; cursor: pointer;}
.quick_banner_row .banner_in img{width:170px; margin:0 auto; display: block;}
.quick_banner_row .banner_in h3{margin:10px 0 0 0; font-size:2rem;}


.quick_notice_row{display: flex; flex-wrap: wrap; padding:10px 5px 0; width: 100%;}
.quick_notice_row .quick_banner{width:100%; padding:5px;}

.quick_notice_row .banner_5 .banner_in{background: linear-gradient(#3785e2, #356aeb, #2d69b2); width: 100%; height: 180px; padding: 0 5%; display: flex; flex-wrap: nowrap; align-items: center; column-gap: 25px;}
.quick_notice_row .banner_5 .banner_in img{width:220px; align-self: end; margin-left:10px;}
.quick_notice_row .banner_5 .banner_in p{color:#fff; font-weight: 700; font-size:2.8rem; margin:10px 0; position: relative; padding-right:24px;}
.quick_notice_row .banner_5 .banner_in p::before{content:""; width:14px; height: 14px; display: inline-block; border-right:4px solid #fff; border-bottom:4px solid #fff; transform:rotate(-45deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; right:0; margin-top:-7px;}

.quick_notice_row .banner_6 .banner_in{/*background: #05C4B4;*/ background: linear-gradient(#0bd5c4, #05C4B4, #00afa0); width: 100%; height: 180px; padding: 0 5%; display: flex; flex-wrap: nowrap; align-items: center; /*justify-content: center; flex-direction: column;*/ column-gap: 20px;}
.quick_notice_row .banner_6 .banner_in img{width:170px;}
.quick_notice_row .banner_6 .banner_in p{color:#fff; font-weight: 700; font-size:2.8rem; margin:10px 0; position: relative; padding-right:24px;}
.quick_notice_row .banner_6 .banner_in p::before{content:""; width:14px; height: 14px; display: inline-block; border-right:4px solid #fff; border-bottom:4px solid #fff; transform:rotate(-45deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; right:0; margin-top:-7px;}

.quick_notice_row .board_1{}
.quick_notice_row .board_1 .board_in{border: 1px solid #d2d2d2; height: 100%; border-radius: 20px;}
.quick_notice_row .board_1 .board_tit{font-size:1.6rem; height: 48px; padding:0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #d2d2d2;}
.quick_notice_row .board_1 .board_tit h3{font-size:2rem; color:#0a8075;} 
.quick_notice_row .board_1 .more_btn{font-size:2.5rem; width: 30px; height: 30px;}
.quick_notice_row .board_1 .more_btn a{/*border:1px solid #dcdcdc; */border-radius: 50%; padding:0 8px; display: block; width:100%; height: 100%; cursor: pointer; line-height: 25px; transition: background 0.2s; color:#0a8075;}
.quick_notice_row .board_1 .more_btn a:hover{background-color:#f0f0f0;}
.quick_notice_row .board_1 .more_btn a:active{background-color:#dcdcdc;}
.quick_notice_row .board_1 .board_lists{padding:10px 0; height: 165px;}
.quick_notice_row .board_1 .board_list{width:100%; padding:0 15px; line-height: 25px; display: flex; align-items: center; justify-content: space-between;}
.quick_notice_row .board_1 .list_tit{width:80%; padding:2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quick_notice_row .board_1 .list_tit a:hover{color:#00ad66; font-weight: 700; text-decoration: underline;}
.quick_notice_row .board_1 .list_day{color: #a0a0a0; font-size:1.3rem; padding-left:5px;}

.quick_banner_row .banner_in{-webkit-transition: filter 0.2s, background 0.2s; transition: filter 0.2s, background 0.2s;}
/*.quick_banner_row .banner_1 .banner_in:hover{background-color: #144291;}
.quick_banner_row .banner_2 .banner_in:hover{background-color: #5caae9;}
.quick_banner_row .banner_3 .banner_in:hover{background-color: #faba3c;}*/
.quick_banner_row .banner_in:hover{filter:brightness(110%);}
.quick_banner_row .banner_in:active{filter:brightness(90%);}

.quick_notice_row .infobox_1 .banner_in{border:1px solid #d2d2d2; overflow: hidden; border-radius: 20px;}
.quick_notice_row .infobox_1 .infobox_tit{font-size:1.6rem; height: 48px; padding:0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #d2d2d2;}
.quick_notice_row .infobox_1 h3{font-size:2rem; color:#0a8075;}
.quick_notice_row .infobox_1 .infobox_txt{padding:20px; height: 165px; vertical-align: middle; font-size:1.6rem; background-color: #f5f5f5; }
.quick_notice_row .infobox_1 .infobox_txt p{line-height:1.4; margin:10px 0; text-indent: -11px; padding-left:11px;}
.quick_notice_row .infobox_1 h4{font-size:1.7rem;}


/*컨텐츠 공통*/
.section_tit{width:100%; background-color: #6abf94; border-top:1px solid #0a8075; border-bottom:1px solid #dcdcdc;}
.section_tit .tit_box_0{background-image: url("../images/section_banner_img.png");}

.section_tit .tit_box{display: flex; align-items: center; width:100%; max-width: 1000px; height: 120px; margin:0 auto; overflow: hidden; background-repeat: no-repeat; background-position: right 5% bottom 0; background-size:300px;}
.section_tit .tit_box .tit_txt{position: relative; width:100%; display: block; padding-left:5%; color:#1e1e1e;}

.contents_in{width:100%; max-width: 1000px; margin:0 auto; padding: 0 15px; display: flex; flex-wrap: wrap; gap: 0 4%;}
.contents_full{width:100%; padding-left: 20px; padding-right: 20px;}
.col_xs_12{width:100%;}

.img_box img{width:100%;}
.list_01{text-indent: -0.7em; padding-left:0.7em;}
.list_01::before{content: "\2022"; margin-right:0.4em; color:#00ad66;}

.list_02{text-indent: -2.3em; padding-left:2.3em;}
.bull_02{color:#00ad66; font-weight: 700;}

.btn_sample{width:165px; font-weight: 700; font-size:1.6rem; margin:5px 5px 5px 0; padding:10px 5px; display: inline-block; text-align: center; box-sizing: border-box;}
.btn_sample:last-child{margin-right:0;}



/*테이블 스타일*/
.tbl_xscroll{overflow-x:auto;}
.tbl_xscroll table{}
.tbl_xscroll th,
.tbl_xscroll td{white-space:nowrap;}

.tbl_box{margin: 20px 0;}
.tbl_sty_1{width:100%; border-top:1px solid #0a8075; border-collapse: collapse; line-height: 1.4;}
.tbl_sty_1 th, .tbl_sty_1 td{padding:8px 8px; height:34px; text-align: center; font-size:1.4rem; /*word-break: keep-all; word-wrap: break-word;*/}
.tbl_sty_1 th{background-color:#efefef; border-bottom:1px solid #dcdcdc;}
.tbl_sty_1 td{border-bottom:1px solid #dcdcdc;}
.tbl_sty_1 td.td_tit{text-align: left;}
.tbl_sty_1 td.td_adr{text-align: left; word-break: break-all; word-wrap: break-word;}
.tbl_sty_1 td a:hover{color:#00ad66; text-decoration: underline; cursor: pointer;}
.tbl_sty_1 label{display: inline-block; margin:0 7px 0 0;}
.tbl_sty_1 label input{margin-left:0; margin-right:3px;}
.tbl_sty_1 p{line-height:1.4; margin:10px 0;}

.tbl_sty_1 .td_rowhead{font-weight: 700; width:15%; min-width: 60px; background-color: #efefef;}
.tbl_sty_1 .td_cont{text-align: left; padding-left:5px;}
.tbl_sty_1 .btn_download{padding-left:20px; background:url("../images/ico_down.png") no-repeat left center; background-size: 14px;}
.tbl_sty_1 .icon_img{width:22px;}

.file_attach_box{width:100%;}
.file_attach_box +.file_attach_box{margin-top:5px;}
.file_attach_box .file_attach_label{display:inline-block;  padding:7px 10px; height: 34px; box-sizing: border-box; background:#606060; border:0; border-radius: 5px; color:#fff; cursor: pointer; -webkit-transition: background 0.1s; transition: background 0.1s;}
.file_attach_box .file_attach_label:hover, 
.file_attach_box .file_attach_label:focus{background:#707070; color:#fff;}
.file_attach_box .file_attach_label:active{background:#505050;}
.file_attach_box .inp_file{display: none;}
.file_attach_box .filename_txt{display:inline-block;}
.file_attach_box .btn_del_file{display:none;}


.tbl_sty_2{width:100%; border-collapse: collapse;}
.tbl_sty_2 th, .tbl_sty_2 td{padding:5px; height:34px; text-align: center; border:1px solid #dcdcdc; word-break: keep-all; word-wrap: break-word; font-size:1.4rem;}
.tbl_sty_2 th{background-color:#ebebeb;}
.tbl_sty_2 td{border-bottom:1px solid #dcdcdc;}
.tbl_sty_2 td.td_tit{text-align: left;}
.tbl_sty_2 td.td_adr{text-align: left; word-break: break-all; word-wrap: break-word;}
.tbl_sty_2 td a:hover{color:#00ad66; text-decoration: underline; cursor: pointer;}

.tbl_sty_3{width:100%; margin:0 auto;}
.tbl_sty_3 .td_rowhead{font-weight: 700; padding:15px 0 0;}


.tbl_sty_4{width:100%; border-top:1px solid #0a8075; border-collapse: collapse; line-height: 1.4;}
.tbl_sty_4 th, .tbl_sty_4 td{padding:2px; height:21px; text-align: center; font-size:1.4rem; /*word-break: keep-all; word-wrap: break-word;*/}
.tbl_sty_4 th{background-color:#efefef; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.tbl_sty_4 td{border:1px solid #dcdcdc;}

.thd_1 th{background-color:#dae3f3;}
.thd_2 th{background-color:#e2f0d9;}
.thd_3 th{background-color:#fff2cc;}
.thd_4 th{background-color:#fbe5d6;}
.thd_5 th{background-color:#f4e6fb;}

/**/
.half_border_3 tr th:nth-child(3){border-right:1px solid #c6c6c6;}
.half_border_3 tr td:nth-child(3n){border-right:1px solid #dcdcdc;}
.half_border_3 tr td:nth-child(6n){border-right:0;}

/*본문용 정보 박스*/
.info_box{background-color: #f5f5f5; padding:15px 20px; margin:20px 0; border:1px solid #dcdcdc;}
.info_box h4{ font-size:1.5rem; margin:10px 0;}
.info_box p{ font-size:1.4rem; line-height: 1.6; margin:5px 0;}

.info_box2{ display: flex; align-items: center; justify-content: space-between; background-color: #f5f5f5; padding:15px 20px; margin:20px 0; border:1px solid #dcdcdc;}
.info_box2 .txt_box{text-indent:-8px; padding-left:8px;}
.info_box2 .img_box{font-size:1.4rem; text-align: center;}
.info_box2 .img_box img{border:1px solid #f0f0f0;}

.tit_sty1{font-size:2.4rem; margin:40px 0 15px; color:#141414;}
.tit_sty2{font-size:2rem; margin:30px 0 15px;}
.li_sty1{font-size:1.7rem; line-height: 1.7; text-indent:-10px; padding-left:10px; margin:15px 0;}
.li_sty2{font-size:1.5rem; line-height: 1.7; text-indent:-10px; padding-left:10px; margin:5px 0;}

/*동영상 영역*/
.vidbox{width:100%; height: 0; margin-top:10px; margin-bottom:20px; position:relative; padding-bottom:56.25%;}
.vidbox iframe{width:100%; height:100%; position:absolute; top:0; left:0;}


/* 갤러리형 게시판 */
.gallery_list_box{display: flex; flex-wrap: wrap; /*overflow:hidden; */width:100%; border-top:1px solid #8c8c8c; border-right:1px solid #dcdcdc;}
.gallery_list_box .gallery_list{width:50%; /*float:left; height:300px;*/ border-bottom:1px solid #dcdcdc;}
.gallery_list_box .gallery_list a{display:block; padding:20px 0; text-align:center; border-left:1px solid #dcdcdc; height: 100%; text-decoration:none; position:relative; outline: 1px solid transparent; box-sizing: border-box; -webkit-transition: background 0.2s, outline 0.2s; transition: background 0.2s, outline 0.2s;}
.gallery_list_box .gallery_list a img{display: block; margin: 0 auto; border:1px solid #dcdcdc; width:120px; height:180px;}
.gallery_list_box .gallery_list a span{display:block;}
.gallery_list_box .gallery_list a .tit{color:#141414; height:1.4; margin:15px 0 10px; padding:0 15px;}
.gallery_list_box .gallery_list a .date{/*margin: 10px 0;*/ font-size:1.3rem; color:#8c8c8c;}

.gallery_list_box .gallery_list a:hover,
.gallery_list_box .gallery_list a:focus{background-color: #eef5ff; outline: 1px solid #00ad66; z-index: 2;}
.gallery_list_box .gallery_list a:active{background-color: #d6dfec;}


/*페이지네이션*/
.pagination_box{text-align: center; margin:30px 0;}
.pagination{text-align:center; font-size:0;}
.pagination .page_btn{display:inline-block; width:30px; height:30px; font-size:1.4rem; line-height:30px; background-color:#fff; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; text-decoration:none; color:#646464; vertical-align: top; position: relative;}
.pagination .page_btn:last-child{border-right: 1px solid #dcdcdc;}
.pagination .page_btn a{display: block; width:100%; height: 100%; line-height: 2;}
.pagination .page_btn.on{background-color:#0a8075 !important; color:#fff; font-weight:700; cursor:default; border:1px solid #0a8075;}
.pagination .page_btn a .invisible{position: absolute; top:0; left:0; clip: rect(0,0,0,0); width:1px; height: 1px; margin:-1px; overflow: hidden;}
.pagination .page_btn.first a::before{content:""; width:9px; height: 9px; display: inline-block; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; transform:rotate(135deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; left:50%; margin-top:-5px; margin-left:-6px;}
.pagination .page_btn.first a::after{content:""; width:9px; height: 9px; display: inline-block; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; transform:rotate(135deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; left:50%; margin-top:-5px; margin-left:0px;}
.pagination .page_btn.prev a::before{content:""; width:9px; height: 9px; display: inline-block; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; transform:rotate(135deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; left:50%; margin-top:-5px; margin-left:-2px;}
.pagination .page_btn.next a::before{content:""; width:9px; height: 9px; display: inline-block; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; transform:rotate(-45deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; left:50%; margin-top:-5px; margin-left:-6px;}
.pagination .page_btn.end a::before{content:""; width:9px; height: 9px; display: inline-block; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; transform:rotate(-45deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; left:50%; margin-top:-5px; margin-left:-10px;}
.pagination .page_btn.end a::after{content:""; width:9px; height: 9px; display: inline-block; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; transform:rotate(-45deg); transform-origin: center; box-sizing: border-box; position: absolute; top:50%; left:50%; margin-top:-5px; margin-left:-4px;}


.pagination .page_btn:hover,
.pagination .page_btn:focus{background-color: #efefef;}
.pagination .page_btn.disabled{cursor:not-allowed; opacity:0.6; background-color: #fff;}
.pagination .page_btn.disabled a{pointer-events: none;}


/*검색창 스타일*/
.scrhbox{width:100%; margin:20px 0; display: flex; justify-content: right;}
.scrhbox form{width:100%; display:flex; justify-content: right;}
.scrhbox select, .scrhbox input, .scrhbox button{display:inline-block; border-radius: 5px; font-size:1.5rem;}
.scrhbox select{display: inline-block; width:30%; max-width: 120px; margin-right:1%;}
.scrhbox input{display: inline-block; width:50%; max-width: 200px;}
.scrhbox button{display: inline-block; width:19%; max-width: 60px; padding:0; margin-left:5px;}


/*하단 버튼*/
.botbtn_box{width:100%; margin:25px 0; text-align: center;}
.botbtn_box button{width:140px; display:inline-block; font-weight: 700; font-size:1.6rem; margin:5px;}


/*로그인 팝업*/
.popup_content{display:none; position:fixed; top:0; left:0; z-index: 999; padding:80px 0 20px; width:100%; height:100%; background:rgba(0,0,0,.7); overflow-y: auto;}
.popup_open{display: block;}
.popup_content .login_box{width:90%; max-width: 640px; background-color: #fff; margin:0 auto; padding:15px;}
.popup_content .login_box h4{font-size:2rem; text-align: center;}
.popup_content .login_box .sub_txt{text-align: center; margin:10px 0; line-height: 1.4;}
.popup_content .login_box .tbl_box{margin:10px 0;}
.popup_content .login_box .tbl_sty_1 select{width:40%; max-width: 200px; min-width: 180px; display:inline-block;}
.popup_content .login_box .tbl_sty_1 .inp_direct{width:40%; max-width: 200px; min-width: 180px;}
.popup_content .login_box .tbl_sty_1 .inp_purpose{width:100%;}
.popup_content .login_box .tbl_sty_1 .chk_list{margin-right:20px;}


/*자료수집 동의*/
.popup_content{display:none; position:fixed; top:0; left:0; z-index: 999; padding:80px 0 20px; width:100%; height:100%; background:rgba(0,0,0,.7); overflow-y: auto;}
.popup_open{display: block;}
.agree_box{width:100%; max-width: 640px; background-color: #fff; margin:0 auto; padding:15px;}
.agree_box h4{font-size:2rem;}
.agree_box .privacy_info{background-color: #f0f0f0; border:1px solid #dcdcdc; margin:10px 0; padding:15px; overflow-y:auto; height:200px; line-height:1.6;}
.agree_box .privacy_agree{font-size: 1.6rem; font-weight: 700; text-align: center; margin-bottom:20px;}
.agree_box .privacy_agree input[type=checkbox]{width:18px; height: 18px; vertical-align: top;}
.agree_box .privacy_agree label{vertical-align: top;}
.agree_box .tbl_box{margin:10px 0;}
.agree_box .tbl_sty_1 select{width:40%; max-width: 200px; min-width: 180px; display:inline-block;}
.agree_box .tbl_sty_1 .inp_direct{width:40%; max-width: 200px; min-width: 180px;}
.agree_box .tbl_sty_1 .inp_purpose{width:100%;}
.agree_box .tbl_sty_1 .chk_list{margin-right:20px;}

/*패스워드 체크*/
.inp_authchk{max-width: 220px;}

/*주소찾기*/
.inp_zipno{max-width: 220px;}

/*로그인 페이지*/
.loginform{width:100%; max-width: 310px; margin:20px auto;}
.loginform .loginipbox{position: relative;}
.loginform .loginipbox+.loginipbox{margin-top:5px;}
.loginform .loginipbox .icobox{position: absolute; top:0; left:0; margin:0; width:40px; height:40px; text-align: center;}
.loginform .loginipbox .icobox img{width:20px; margin-top:7px;}
.loginform .loginipbox .form_control{width:100%; height:40px; /*padding-left:40px;*/ background-color:transparent; border-radius: 5px;}
.loginform .btnsty02{margin:15px 0; width: 100%; height: 48px; font-size:1.7rem; font-weight: 700;}
.loginform .btnsty03{margin:0 auto; display: inline-block; font-weight: 700; width:100%; height: 48px; font-size:1.7rem;}
.loginform .label_txt{margin:10px 0 5px; display: inline-block;}


/*답변*/
.reply_box{ padding: 10px 3%; background-color: #efefef; border-top:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin:20px 0;}
.reply_box h4{font-size:1.5rem; margin:3px 0;}
.reply_box textarea{width:100%; margin:3px 0;}
.reply_box .btn_box{text-align: center;}
.reply_box .btn_box .reply_btn{width:160px; height: 36px; font-size:1.5rem; font-weight: 700; margin:3px;}


/*담당교원 페이지*/
.teacherpage_titbox{display: flex; align-items:flex-end; justify-content: space-between; flex-wrap: wrap;}
.teacherpage_titbox .teacherpage_btn_box{margin-bottom:10px;}
.info_tit{text-align: center; font-size: 2rem; font-weight: 700; margin:20px 0; line-height: 1.4;}
.teacherpage_btn_box button{margin:3px 0;}
.btn_icon{width:16px; vertical-align: top;}

.bol_txt{color:#00ad66;}


/*인트로 페이지*/
.intro_box{word-break: keep-all; word-wrap: break-word;}

/*footer*/
footer{width:100%; border-top:1px solid #c8c8c8; margin-top:30px;}
.footer_box{ width:100%; max-width: 1000px; margin:0 auto;; padding: 20px 15px 40px; text-align: left;}
.footer_box img{height: 38px; display: inline-block;}
.footer_box img+img{margin-left:30px;}
.footer_box p{font-size:1.4rem; line-height: 1.4; margin: 7px 0;}


/*가로 사이즈*/
.wd_1{width:1%;}
.wd_2{width:2%;}
.wd_3{width:3%;}
.wd_4{width:4%;}
.wd_5{width:5%;}
.wd_6{width:6%;}
.wd_7{width:7%;}
.wd_8{width:8%;}
.wd_9{width:9%;}
.wd_10{width:10%;}
.wd_11{width:11%;}
.wd_12{width:12%;}
.wd_13{width:13%;}
.wd_14{width:14%;}
.wd_15{width:15%;}
.wd_16{width:16%;}
.wd_17{width:17%;}
.wd_18{width:18%;}
.wd_19{width:19%;}
.wd_20{width:20%;}
.wd_21{width:21%;}
.wd_22{width:22%;}
.wd_23{width:23%;}
.wd_24{width:24%;}
.wd_25{width:25%;}
.wd_26{width:26%;}
.wd_27{width:27%;}
.wd_28{width:28%;}
.wd_29{width:29%;}
.wd_30{width:30%;}
.wd_31{width:31%;}
.wd_32{width:32%;}
.wd_33{width:33%;}
.wd_34{width:34%;}
.wd_35{width:35%;}
.wd_36{width:36%;}
.wd_37{width:37%;}
.wd_38{width:38%;}
.wd_39{width:39%;}
.wd_40{width:40%;}
.wd_41{width:41%;}
.wd_42{width:42%;}
.wd_43{width:43%;}
.wd_44{width:44%;}
.wd_45{width:45%;}
.wd_46{width:46%;}
.wd_47{width:47%;}
.wd_48{width:48%;}
.wd_49{width:49%;}
.wd_50{width:50%;}
.wd_51{width:51%;}
.wd_52{width:52%;}
.wd_53{width:53%;}
.wd_54{width:54%;}
.wd_55{width:55%;}
.wd_56{width:56%;}
.wd_57{width:57%;}
.wd_58{width:58%;}
.wd_59{width:59%;}
.wd_60{width:60%;}
.wd_61{width:61%;}
.wd_62{width:62%;}
.wd_63{width:63%;}
.wd_64{width:64%;}
.wd_65{width:65%;}
.wd_66{width:66%;}
.wd_67{width:67%;}
.wd_68{width:68%;}
.wd_69{width:69%;}
.wd_70{width:70%;}
.wd_71{width:71%;}
.wd_72{width:72%;}
.wd_73{width:73%;}
.wd_74{width:74%;}
.wd_75{width:75%;}
.wd_76{width:76%;}
.wd_77{width:77%;}
.wd_78{width:78%;}
.wd_79{width:79%;}
.wd_80{width:80%;}
.wd_81{width:81%;}
.wd_82{width:82%;}
.wd_83{width:83%;}
.wd_84{width:84%;}
.wd_85{width:85%;}
.wd_86{width:86%;}
.wd_87{width:87%;}
.wd_88{width:88%;}
.wd_89{width:89%;}
.wd_90{width:90%;}
.wd_91{width:91%;}
.wd_92{width:92%;}
.wd_93{width:93%;}
.wd_94{width:94%;}
.wd_95{width:95%;}
.wd_96{width:96%;}
.wd_97{width:97%;}
.wd_98{width:98%;}
.wd_99{width:99%;}
.wd_100{width:100%;}


.mt_5{margin-top:5px;}
.alert_txt{color:#F11014; margin:5px 0;}

/*컨텐츠 공통*/
.contents_in{padding-left:30px; padding-right:30px;}
.col_sm_6{width:48%;}

/*헤더*/
.headbox .row{display: flex;}
.logobox{width:300px; flex-shrink: 0; text-align: left;}
.logobox .home_tit img{margin:0;}

/*상단 메뉴*/
.mainnavbar{flex-grow: 1; display: flex; align-items: center; border:0;}
.navbar{text-align: right;}
.navbar .step1{font-size:1.8rem; padding:10px 20px;}


/*메인페이지*/
.main_banner{ }
.main_banner .main_banner_in{height: 360px; background-size: cover;}
.main_banner .txt_box{padding:65px 45px;}
.main_banner .txt_box h2{font-size:4.8rem;}

.quick_notice_row .banner_6 .banner_in{}

/*테이블 스타일*/
.tbl_sty_1 th, .tbl_sty_1 td{font-size:1.5rem;}
.tbl_sty_2 th, .tbl_sty_2 td{font-size:1.5rem;}


/*탭메뉴*/
.tabnav_box2 li{width:20%;}

/*메인페이지*/
.quick_banner_row .quick_banner{width: 33.33%;}
.survey_box .quick_banner{width:50%;}
.quick_notice_row .board_1{width:50%;}
.quick_notice_row .board_1 .list_tit{font-size:1.5rem;}
.quick_notice_row .infobox_1{width:50%;}

/*컨텐츠 공통*/
.col_md_6{width:50%; padding:0 15px;}


/*팝업창*/
.popup_box{position:fixed; top:0; left:0; z-index: 2000; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; overflow-y: auto;}
.popup_on{display:block;}
.popup_box .popup_cont{position:relative; width:92%; max-width: 1400px; margin:100px auto; background: #fff; padding:1px 30px 30px;}
.popup_box .botbtn_box{margin:25px 0 0; text-align: center;}
.popup_box .botbtn_box button{font-weight: 700; width:200px; height: 40px; margin:5px;}
/*
.popup_teacherlist{position:fixed; top:0; left:0; z-index: 2000; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; overflow-y: auto;}
.popup_on{display:block;}
.popup_teacherlist .popup_cont{position:relative; width:92%; max-width: 800px; margin:100px auto; background: #fff; padding:30px;}
.popup_teacherlist .botbtn_box{margin:25px 0 0; text-align: center;}
.popup_teacherlist .botbtn_box button{font-weight: 700; width:200px; height: 40px; margin:5px;}

.popup_situation{position:fixed; top:0; left:0; z-index: 2000; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; overflow-y: auto;}
.popup_on{display:block;}
.popup_situation .popup_cont{position:relative; width:92%; max-width: 800px; margin:100px auto; background: #fff; padding:30px;}
.popup_situation .botbtn_box{margin:25px 0 0; text-align: center;}
.popup_situation .botbtn_box button{font-weight: 700; width:200px; height: 40px; margin:5px;}*/


/*결과 차트*/
.rst_tit{text-align:left;}
.rst_chart_box{width: 100%; max-width: 470px; height: 470px; margin:20px auto; border:1px solid #dcdcdc; padding:20px 25px; text-align: center; overflow-x: auto;}
.rst_chart_box h4{line-height:1.2; margin-bottom:15px;}
.rst_chart_box .chart_inbox{width:100%; height: 360px;}
/*.rst_chart_box{width: 100%; max-width: 470px; height: 470px; margin:20px auto; border:1px solid #dcdcdc; padding:20px 30px; text-align: center; overflow-x: auto;}
.rst_chart_box h4{line-height:1.2; margin-bottom:15px; display: block; width:408px;}
.rst_chart_box .chart_inbox{width:408px; height: 360px;}*/

/*pdf용 레이아웃*/
.pdf_area_all{padding:0; margin:0;}
.pdf_area_all_on{width:940px;}
.pdf_area{margin:0; padding:40px 0;}
.pdf_area_all_on .pdf_area{padding:20px 30px 0; width:940px;}
.pdf_area_all_on .chart_inbox{width:408px;}
.pdf_area_all_on .rst_chart_box{padding:20px 25px;}

/*.pdf_cover{border:1px solid #dcdcdc; width:100%; height: 1330px; padding:80px !important; background: #0a8075 url("../images/pdfcover.png") no-repeat right bottom; background-size: cover;}
.pdf_cover .prt_tit{font-size:5.4rem; font-weight: 700; line-height: 1.3; margin-top:160px; color: #fff;}
.pdf_cover .prt_day{font-size:3.4rem; font-weight: 400; line-height: 1.3; margin-top:30px; color: #fff;}
.pdf_cover .logo_cli{width:160px; text-align: left;}
.pdf_cover .logo_sel{width:160px; text-align: right;}

.pdf_area .rst_tit{background-color:#0a8075; font-size:2.6rem; color:#fff; padding:10px 15px;}
.pdf_area h4{font-size:2.2rem; margin-top:40px; color: #0a8075;}
.pdf_area h5{font-size:2rem; margin-top:20px;}*/


	/*상단메뉴*/
@media (max-width: 991px){
	.headbox .row, .section_tit .tit_box, .navbar, .contents_in, .tabnav_box2, .main_banner .txt_box, .quick_banners, .footer_box{width:100%}
	.headbox>.row{flex-wrap: wrap;}
	.logobox{width:100%;}
	.mainnavbar{width:100%; border-top:1px solid #dcdcdc;}
	.navbar .step1{font-size:1.5rem; padding:10px;}
	
	/*본문*/
	.contents{width:100%; min-height: 500px;}
	.main_banner{width:100%; border-top:2px solid #3A6EB9; border-bottom:1px solid #dcdcdc; background: #d1edff url("../images/bg_main.png") repeat left;}
	.main_banner .main_banner_in{width:100%; max-width: 1920px; height: 158px; background: url("../images/mainbanner.png") no-repeat center right 45%; background-size: cover; margin:0 auto;}
	.main_banner .txt_box{width:100%; max-width: 1000px; margin:0 auto; padding:30px 15px;}
	.main_banner .txt_box h2{font-size:2.2rem; line-height: 1.2;}
	.main_banner img{display: block; width:100%; max-width: 1920px; margin:0 auto;}
	
	.contents_in{padding-left:15px; padding-right:15px; }
	.quick_banner_row .quick_banner{width:100%;}
	.quick_notice_row .board_1{width:100%;}
	.quick_notice_row .infobox_1{width:100%;}
	
	.section_tit .tit_box{background-size: 210px; height: 90px;}
	.section_tit .tit_box .tit_txt{font-size:2.2rem;}
	
	.footer_box img{margin-right:10px; height: 32px;}
	.footer_box img+img{margin-left: 0;}
	
	
	.popup_box .popup_cont{padding:1px 15px 15px;}
    
    
    /*결과 차트*/
    .rst_chart_box{padding:20px 15px;}
	
}