@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common.css*/
.inner:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.inner{width: 1370px; margin: 0 auto;box-sizing:border-box;*display:inline-block;zoom:1;}

.innerb:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.innerb{width: 685px; margin: 0 auto;box-sizing:border-box;*display:inline-block;zoom:1;}

.container_sub h2 {font-size: 30px;font-weight: bold;margin-bottom: 30px;}
.container_sub h2::before {content: "";display: inline-block;background-color: #000;width:26px;height:30px;margin-right:10px;background: url(/img/common/dot_h2.jpg) no-repeat center 5px;margin-left:-30px;}

@media screen and (max-width:1024px){
	.container_sub h2::before {margin-left:0 !important;}
}

.clfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clfix{*display:inline-block;zoom:1;}
.clearfix{*zoom: 1} 
.clearfix:before, .clearfix:after{display:table; content:""; line-height:0;} 
.clearfix:after{clear:both;} 
.fright {float:right}
.fleft {float:left}

.w100 {width:100%;}
.mt60 {margin-top:60px}
.mb60 {margin-bottom:60px}
.mt25 {margin-top:25px}
.mb25 {margin-bottom:25px}

.grid-column {grid-column: span 2;}
.grid-row {grid-row:span 2;}

.row-span {grid-row: span 2;}
.col-span {grid-column: span 2;}

.ti {width: 40%;height:4px;margin:3% 0;float:right;}
.ti a {color: #fff;font-size: 15px;text-align: center;width:90%;float: right;background: #034691;border-radius: 15px;max-width: calc(100% - 20px);}

.ti2 {width: 100%;height: 50px;line-height: 50px;background: url(/img/common/down_02.png) no-repeat left 50%;margin-bottom: 20px;}
.ti2 a {color: #fff;text-align: center;width:calc(100% - 60px) ;float: right;background: #034691;border-radius: 15px;max-width: calc(100% - 60px);}

.ti3 {width:100%;height: 50px;line-height: 50px;margin:3% 0;}
.ti3 a {color: #fff;text-align: center;width:100%;background: #034691;border-radius: 15px;}

.groupmenu{border: 1px solid #cfcfcf; border-bottom: none;}

#container_visual {position: relative;height:320px;}
#container_visual .in-view .bg{overflow:hidden;width:100%;transform:scale(1) rotate(0.001deg);animation:visualani 2.5s ease-in-out;}
@keyframes visualani{0%{transform:scale(1.1) rotate(0.001deg);}100%{transform:scale(1) rotate(0.001deg);}}


#sub_visual span {color:white;font-size:4em;}
#sub_visual {display:inline-block;width:100%;height:320px;overflow: hidden;position: relative;}
#sub_visual .bg {position:absolute;left:0;top:0;width:100%;height:320px;background-size: cover;}

#sub_visual .bnrtxtwrap{position: absolute; margin: auto; top: 40%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
#sub_visual .bnrtxtwrap>h3{font-size: 46px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}

.tab_submenu{height: 60px;} 
.tab_submenu .tab_sub2ul{width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tab_submenu .tab_sub2ul li{float: left; width: 50%; height: 100%; border-bottom: 3px solid #ccc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li:nth-child(1){border-right: 1px solid #ccc;}
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 18px;}
.tab_submenu .tab_sub2ul li:hover a{color: #c80e21;}
.tab_submenu .tab_sub2ul li:hover{border-bottom-color: #c80e21;}
.leftmenu_b{display: none;}
.tab_submenu .tab_sub2ul li.on{border-bottom-color: #c80e21;}
.tab_submenu .tab_sub2ul li.on a{color: #c80e21;}

/*페이지*/
.pg_wrap{margin: 30px 0;}
.pg_current{}
.pg_page{background: #fff;}
.pg_start{display: none;}
.pg_end{display: none;}

/*검색*/
#bo_sch{position:relative; width: 480px; border: none; margin-bottom: 60px; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#bo_sch>form{width: 100%; }
#bo_sch #sfl{width: 129px; height: 40px;margin: 0; border: 1px solid #ddd;}
#bo_sch .sch_input{width: 249px; height: 40px; background-color: #fff; border: 1px solid #ddd; }
#bo_sch .sch_btn{width: 102px; height: 40px; text-align: center;height: 40px; background-color: #000; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: 700;}
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 129px; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/down.png) 95% 50% no-repeat;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch .sch_input{padding: 0 10px; box-shadow: none; -webkit-box-shadow: none;  outline: none;}

/*버튼*/
a.btn_b01.notice_btn01{display: none;}
a.btn_b02:hover, .btn_b02:hover {background:#000}
/*카테고리*/
#bo_cate>ul>li:nth-child(1){display: none;}
.bo_cate_link{display: none;}
#bo_cate{border: none; width: 100%; background: transparent; padding: 0; margin: 0; text-align: center; margin-top: 20px; margin-bottom:;}
#bo_cate li{width: 50%; border: 1px solid #cccccc;  -webkit-transition: .2s;  transition: .2s; padding: 0;}
#bo_cate li:nth-child(3){border-left: none;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: none;}
#bo_cate a:hover{ border-bottom: 2px solid #c71526;}
#bo_cate a{padding: 8px 0;}
#bo_cate #bo_cate_on{border-bottom: 2px solid #c71526;-webkit-box-shadow:none;box-shadow:none;  background: none; color: #000;}
/* 게시판 공통 */
#bo_w{padding-bottom: 80px;}

/* 버튼 제어 */
a.btn, .btn				{padding:10px 15px; text-align: center; font-weight: 400;border-radius: 15px;}
a.btn_b02, .btn_b02		{text-align: center; background: #444; font-weight: 300;border-radius: 15px;} /*글쓰기*/
a.btn_b01, .btn_b01		{border-radius: 15px;} /*수정, 삭제, 목록, 답변*/
.btn_submit				{background: #f58220;  text-align: center;border-radius: 15px;} /*댓글등록*/
.bo_vc_w .btn_submit	{border-radius: 0; font-weight: 300;border-radius: 15px;}
a.btn_cancel			{background: #dedede; text-align: center;border-radius: 15px;}

#bo_btn_top a.btn_admin, #bo_btn_top .btn_admin	{width:auto ;height:40px; line-height: 40px; text-align: center; } /*관리자, 복사, 이동*/
#bo_btn_top .a.btn_b02, #bo_btn_top .btn_b02{height: 40px;}
#bo_btn_top a.btn_b01, #bo_btn_top .btn_b01{width:auto;height: 40px; line-height: 40px;} /*수정, 삭제, 목록, 답변*/

.more_opt li {width: 140px;}


.btn .fa{} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 16px;}
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{}
.bo_w .btn_submit, .bo_vc_w .btn_submit{border-radius: 0; font-size: 1.0em;}
.btn_cancel{height: 40px; line-height: 40px;}
.btn_bo_user{margin: 20px 0;}
.bo_fx{margin: 20px 0; width: 100%;}
#bo_v_share .btn{padding: 0 20px; width:130px; }
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
#ctt{margin: 0; padding: 0;}
#ctt_con{padding: 0;}
#ctt_con .reg_bn + .inner{padding: 90px 20px; min-height: 700px;}
#ctt_con *{color: #333;}
.reg_bn{width: 100%; height: 90px; background: #333;}
.ctt_admin{position: absolute; width: 1200px; left: 50%; top: 90px; height: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.ctt_admin a{line-height: 60px; height: 100%;}

#sub_menu {position:absolute;bottom:0px;text-align:center;display:block;width:100%;background-color:rgba(255,255,255, 0.35);height:70px;}
#sub_menu ul{display:inline-block; *display:inline; zoom:1;width:100%;}
#sub_menu ul li {float:left;width:25%;line-height:70px;font-weight:500;font-size: 23px;}
#sub_menu ul li a {color:#fff;font-}
#sub_menu ul li.on {background-color:#fff;}
#sub_menu ul li.on a {color:#000}

.container_sub {margin:50px auto 50px;}


@media screen and (max-width:1370px){
	.container_sub {margin:5% auto 5%;}
    .inner{width: 90%;}
    .innerb{width:90%;}
}

@media screen and (max-width:1024px){
	#sub_menu .inner{width:100%;}	
    a.btn, .btn{font-size: 14px;}
    a.btn_b01, .btn_b01{font-size: 14px;}
    a.btn_b02, .btn_b02{font-size: 14px;}
    a.btn_admin, .btn_admin{font-size: 14px;}
    .btn_submit{font-size: 14px;}
    .tab_submenu{height: 55px;} 
    .tab_submenu .tab_sub2ul li a{font-size: 16px; line-height: 55px;}
    .ctt_admin{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
    .ctt_admin a{line-height: 60px; height: 100%;}
    #ctt_con *{font-size: 14px;}
}

@media screen and (max-width:1024px){
    .reg_bn{height: 60px;}
    .ctt_admin{width: 100%; left: 0; top: 60px; -webkit-transform: none; -ms-transform: none; transform: none;}
    .ctt_admin a{line-height: 60px; height: 100%;}
	#sub_visual .bnrtxtwrap {width: 100%;}	
}

@media screen and (max-width: 700px){
   	#sub_visual .bnrtxtwrap>h3 {font-size: 50px;}
	.bo_v_left{width: 100%;}
    .bo_v_left li{width: 20%;}
    .bo_v_left li a{width: 100%;}
    .bo_v_com{float: left; margin: 0 0 20px; width: 100%;}
    .bo_v_com li{margin-left: 0; margin-right: 5px; width: 30%;}
    .bo_v_com li a{width: 100%; font-size: 14px;}
}
@media screen and (max-width:630px){

	#bo_w .bo_w_flie .file_wr{height: 80px;}
    #bo_w .bo_w_flie .lb_icon{height: 100%;}
    #bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 14px;}
    a.btn, .btn{padding: 0 10px;}

}

@media screen and (max-width:570px){
	.container_sub h2 {font-size: 20px;}
   	#sub_visual .bnrtxtwrap>h3 {font-size: 40px;}
    #bo_sch{width: 376px;}
    #bo_sch .sch_input{width:213px;}
    #bo_sch .sch_btn{width: 60px; font-size: 12px;}
    #bo_sch #sfl{width:95px; font-size: 12px;}
    #bo_sch #sfl option{font-size: 12px;}
    #bo_sch .sch_input{font-size: 12px;}


	#sub_menu ul li {
		font-size: 16px;
	}

}
@media screen and (max-width: 480px){
    a.btn, .btn{font-size: 12px;}
    a.btn_b01, .btn_b01{font-size: 12px;}
    a.btn_b02, .btn_b02{font-size: 12px;}
    a.btn_admin, .btn_admin{font-size: 12px;}
    .btn_submit{font-size: 12px;}
    .tab_submenu{height: 40px;} 
    .tab_submenu .tab_sub2ul li a{font-size: 14px; line-height: 40px;}
    .bo_v_com li a{width: 100%; font-size: 12px;}
    #bo_w .bo_w_flie .file_del label{font-size: 13px;}
    #ctt_con *{font-size: 13px;}
}
@media screen and (max-width:400px){
    .mdlTxt>h2{font-size: 26px;}
    .ing_bnr_Wrap>.bnrtxtwrap{width: 100%;}
    .ing_bnr_Wrap>.bnrtxtwrap>p{word-break: keep-all;}
    #bo_sch{width: 280px;}
    #bo_sch .sch_input{width: 128px;}
    #bo_sch .sch_btn{width: 50px;}
    #bo_w .bo_w_flie .file_wr{height: 120px;}
    #bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
    #bo_w .bo_w_flie .file_del label{font-size: 12px;}
    
    .bo_fx{float: none;}
    .bo_fx ul{width: 100%;}
    .bo_fx .btn_bo_user li{width: 25%; margin-left: 0;}
    .bo_fx .btn_bo_user li a{width: 100%;}
    .bo_fx .btn_bo_user .bo_fx_write{width: 100%;}
    .bo_fx .btn_bo_user .bo_fx_write a{margin-right: 5px; margin-top: 10px; width: 100%;}
	#sub_menu ul li {font-size:15px;}
}