@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: 'Hakgyoansim Chulseokbu L',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="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: 0px;
	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;}

.form_control{
	font-size:inherit; border-radius:0; 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 #2a36ad; 
	-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 #b4b4b4;}

/*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;}
.mo_br:after{content: "\A"; white-space: pre;}

/*버튼 스타일*/
.btnsty02{background:#2a36ad; border:0; border-radius: 6px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty02:hover, 
.btnsty02:focus{background:#3845c0; color:#fff;}
.btnsty02:active{background:#2d379a;}

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

.btnsty04{background:#fff; border:1px solid #ca2d35; border-radius: 6px; 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:#05c4b4; border:0; border-radius: 6px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty05:hover, 
.btnsty05:focus{background:#05cebd; color:#fff;}
.btnsty05:active{background:#04b9aa;}

.btnsty06{background:#4bbb1a; border:0; border-radius: 6px; color:#fff; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty06:hover, 
.btnsty06:focus{background:#4fc41b; color:#fff;}
.btnsty06:active{background:#43a617;}

.btnsty07{background:#d38129; border:0; border-radius: 6px; 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: 6px; color:#3c3c3c; -webkit-transition: background 0.1s; transition: background 0.1s;}
.btnsty08:hover, 
.btnsty08:focus{background:#fafafa;}
.btnsty08:active{background:#ebebeb;}

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

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

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

.logoutbtn{cursor:pointer;}



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

.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{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:#2a36ad;}
.navbar .active .step1{color:#2a36ad;}
.mainnavbar .txt_point{color:#2a36ad; text-decoration: underline;}

/*탭메뉴*/
/*.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: #2a36ad; 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 #2a36ad; 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:#2a36ad; font-weight:700; background-color: #fff; border-top:3px solid #2a36ad; border-right:1px solid #2a36ad; border-bottom:1px solid #fff; border-left:1px solid #2a36ad;}
.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: #2a36ad; margin:0; padding:0; width:100%; box-sizing: border-box;}
.tabnav_box2 .tabnav{position:relative; display: flex; flex-wrap: wrap; 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.4rem; line-height: 1.3; min-width: 80px; width:33.33%; 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: 100%; padding:10px 3px; background-color: #ebebeb; border-top:1px solid #c8c8c8; border-bottom:1px solid #2a36ad; border-left:1px solid #c8c8c8; -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 #c8c8c8;} 
.tabnav_box2 li+li a{}
.tabnav_box2 li a:hover{background-color: #f5f5f5; } 
.tabnav_box2 li a:active{background-color: #c8c8c8;} 
.tabnav_box2 li.active{padding-top:0;}
.tabnav_box2 li.active a{color:#2a36ad; font-weight:700; background-color: #fff; border-top:1px solid #2a36ad; border-right:1px solid #2a36ad; border-bottom:1px solid #fff; border-left:1px solid #2a36ad;}
.tabnav_box2 li.active a:hover{background-color: #fff;}
.tabnav_box2 li.active a:active{background-color: #fff;}

/*탭메뉴3*/
.tabnav_box2.tabmenu4 li{width:25%; min-height: 55px;}

/*탭메뉴4*/
.tabnav_box2.tabmenu5 li{min-height: 55px;}


/*메인페이지*/
.contents{width:100%; min-height: 500px;}
.main_banner{width:100%; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background: #023c73;}
.main_banner .main_banner_in{width:100%; max-width: 1920px; height: 400px; background: url("../images/mainbanner_m.png") no-repeat right bottom; background-size: 300px; 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; font-family: 'Hakgyoansim Chulseokbu B'; color:#fff; word-break: keep-all; word-wrap: break-word; }
.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:10px 5px;}
.quick_banner_row .quick_banner{width: 100%; padding:5px;}
.quick_banner_row .banner_1 .banner_in,
.quick_banner_row .banner_2 .banner_in,
.quick_banner_row .banner_3 .banner_in{background: #f0a73f; width: 100%; height: 180px; padding: 0 5%; display: flex; flex-wrap: nowrap; align-items: center; column-gap: 25px; justify-content: space-evenly;}
.quick_banner_row .banner_2 .banner_in{background: #023c73;}
.quick_banner_row .banner_3 .banner_in{background: #0fa593;}
.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:74px;}
.quick_banner_row .banner_in h3{margin:10px 0 0 0;}


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

.quick_notice_row .banner_5{}
.quick_notice_row .banner_5 .banner_in,
.quick_notice_row .banner_6 .banner_in{background: #3785cd; width: 100%; height: 180px; padding: 0 5%; display: flex; flex-wrap: nowrap; align-items: center; column-gap: 25px; justify-content: space-evenly;}
.quick_notice_row .banner_5 .banner_in img,
.quick_notice_row .banner_6 .banner_in img{width:74px;}
.quick_notice_row .banner_5 .banner_in p,
.quick_notice_row .banner_6 .banner_in p{color:#fff; font-weight: 700; font-size:2.2rem; margin:10px 0; position: relative; padding-right:24px; line-height: 1.2;}
.quick_notice_row .banner_5 .banner_in p::before,
.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 .banner_6 .banner_in{background: #7dc62f;}


.quick_notice_row .board_1{}
.quick_notice_row .board_1 .board_in{border: 1px solid #d2d2d2; height: 100%;}
.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;} 
.quick_notice_row .board_1 .more_btn{padding:2px 4px; width:26px; text-align: center; font-size:1.5rem; cursor: pointer; border:1px solid #d2d2d2; border-radius: 5px;}
.quick_notice_row .board_1 .board_lists{padding:10px 0; height: 165px; background-color: #f5f5f5;}
.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:#2a36ad; font-weight: 700; text-decoration: underline;}
.quick_notice_row .board_1 .list_day{/*color: #a0a0a0; */font-size:1.3rem; padding-left:5px;}

.quick_banners .banner_in{-webkit-transition: filter 0.2s, background 0.2s; transition: filter 0.2s, background 0.2s; }
.quick_banners .banner_in:hover{filter: brightness(110%);}
.quick_banners .banner_in:active{filter:brightness(90%);}

.quick_notice_row .infobox_1 .infobox_in{border:1px solid #d2d2d2;}
.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;}
.quick_notice_row .infobox_1 .infobox_txt{padding:20px; height: 165px; display: block; background-color: #f5f5f5; vertical-align: middle; font-size:1.6rem;}
.quick_notice_row .infobox_1 h4{font-size:1.7rem;}


/*컨텐츠 공통*/
.section_tit{width:100%; background-color: #023c73; border-top:1px solid #dcdcdc; 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: 100px; margin:0 auto; overflow: hidden; background-repeat: no-repeat; background-position: right -140px top; background-size:cover;}
.section_tit .tit_box .tit_txt{position: relative; width:100%; display: block; padding-left:5%; color: #fff;}


.contents_in{width:100%; max-width: 1000px; margin:0 auto; padding: 0 15px; display: flex; flex-wrap: wrap; gap: 0 4%;}
.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:#2a36ad;}

.list_02{text-indent: -2.3em; padding-left:2.3em;}
.bull_02{color:#2a36ad; 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_box{margin: 20px 0;}
.tbl_sty_1{width:100%; border-top:1px solid #3c3c3c; 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.5rem; /*word-break: keep-all; word-wrap: break-word;*/}
.tbl_sty_1 th{background-color:#ebebeb; 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:#2a36ad; 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: #f0f0f0;}
.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:#505050; border:0; border-radius: 6px; 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:#5a5a5a; color:#fff;}
.file_attach_box .file_attach_label:active{background:#3c3c3c;}
.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.5rem;}
.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:#2a36ad; 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 #3c3c3c; border-collapse: collapse; line-height: 1.4;}
.tbl_sty_4 th, .tbl_sty_4 td{padding:8px 8px; height:34px; text-align: center; font-size:1.4rem; /*word-break: keep-all; word-wrap: break-word;*/}
.tbl_sty_4 th{background-color:#ebebeb; border-bottom:1px solid #dcdcdc;}
.tbl_sty_4 td{border-bottom:1px solid #646464; border-left:1px solid #dcdcdc;}
.tbl_sty_4 td:first-child{border-left:none;}
.tbl_sty_4 td.td_tit{text-align: left;}
.tbl_sty_4 td.td_adr{text-align: left; word-break: break-all; word-wrap: break-word;}
.tbl_sty_4 td a:hover{color:#2a36ad; text-decoration: underline; cursor: pointer;}
.tbl_sty_4 label{display: inline-block; margin:0 7px 0 0;}
.tbl_sty_4 label input{margin-left:0; margin-right:3px;}
.tbl_sty_4 p{line-height:1.4; margin:10px 0;}

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

.tbl_sty_5{width:100%;  border-collapse: collapse;}
.tbl_sty_5 th, .tbl_sty_5 td{padding:5px; height:34px; text-align: center; border:1px solid #dcdcdc; word-break: keep-all; word-wrap: break-word; font-size:1.5rem;}
.tbl_sty_5 th{background-color:#ebebeb;}
.tbl_sty_5 td{border-bottom:1px solid #dcdcdc;}
.tbl_sty_5 td.td_tit{text-align: left;}
.tbl_sty_5 td.td_adr{text-align: left; word-break: break-all; word-wrap: break-word;}
.tbl_sty_5 td a:hover{color:#2a36ad; text-decoration: underline; cursor: pointer;}
.tbl_sty_5 thead tr:first-child th{border-top:1px solid #3c3c3c;}


/*본문용 정보 박스*/
.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 #2a36ad; 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:#505050 !important; color:#fff; font-weight:700; cursor:default; border:1px solid #505050;}
.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: #f0f0f0;}
.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: 0; 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;}


/*하단 버튼*/
.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; vertical-align: top;}


/*로그인 팝업*/
.popup_content{display:none; position:fixed; top:0; left:0; z-index: 999; padding:40px 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:1.8rem;}
.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:40px 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:1.8rem;}
.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:30px 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: 0;}
.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_cont_box{border-top:1px solid #3c3c3c; margin:20px 0;}
.reply_cont_box .reply_cont{border-bottom:1px solid #dcdcdc; padding:20px 10px;}
.reply_cont_box .writer_nm{font-weight: 700; margin-bottom:10px;}
.reply_cont_box .cont_txt{/*margin:5px 0;*/}
.reply_cont_box .write_day{margin:12px 0 7px; font-size:1.3rem; font-weight: 700; color:#aaa;}
.reply_cont_box .btn_box{}
.reply_cont_box .btn_box button{font-size:1.3rem; padding:1px 6px; height: 28px;}

/*답변*/
.reply_box{ padding: 10px 3%; background-color: #f0f0f0; 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;}

.bol_txt{color:#2a36ad;}


/*인트로 페이지*/
.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: center;}
.footer_box img{height: 38px; display: inline-block;}
.footer_box img+img{margin-left:20px;}
.footer_box p{font-size:1.4rem; line-height: 1.4; margin: 7px 0; text-align: left;}




/*가로 사이즈*/
.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;}


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

@media (min-width: 768px){
	/*메인페이지*/
	.main_banner .main_banner_in{background-position: right bottom; background-size: 436px;}
	.main_banner .txt_box{padding-top:60px;}
	.main_banner .txt_box h2{font-size:3.8rem;}
}


@media (min-width: 991px){
	.mo_br:after{content: ""; white-space: normal;}
	
    /*상단메뉴*/
    .headbox .row{display: flex;}
    .logobox{width:300px; flex-shrink: 0; text-align: left;}
    .logobox .home_tit img{margin:0;}

    .mainnavbar{width:690px; flex-grow: 1; flex-shrink: 1; display: flex; align-items: center; border:0;}
    .navbar{text-align: right;}
    .navbar .step1{font-size:1.8rem; padding:10px 20px;}
    
    /*컨텐츠 공통*/
    .contents_in{padding-left:30px; padding-right:30px;}
    .col_sm_6{width:48%;}
    
    /*메인페이지*/
    .main_banner{ }
	.main_banner .main_banner_in{height: 400px; background: url("../images/mainbanner.png") no-repeat center; background-size: cover;}
    .main_banner .txt_box{padding:80px 45px;}
    .main_banner .txt_box h2{font-size:4.8rem;}
    
    
    .quick_notice_row .quick_banner{width:50%;}
    .quick_banner_row .quick_banner{width:33.33%;}
    
    .quick_notice_row .banner_5 .banner_in p,
    .quick_notice_row .banner_6 .banner_in p{font-size:2.8rem;}
    
    .section_tit .tit_box{background-position:center; height: 120px;}
    
    /*탭메뉴2*/
    .tabnav_box2 li{font-size:1.5rem; width:16.66%;}
    
    /*탭메뉴4*/
    .tabnav_box2.tabmenu5 li{width:20%;}
	
	/*footer*/
	.footer_box{text-align:left;}
    
    
}