@charset "UTF-8";

/* Common. Column Grid 1200px - 1599px (Site Default 1200px)
----------------------------------------------------------------------------- */

/* 1. 1 Column Grid 0px - 399px
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 399px){
	.prof-tab ul li{width: 100%}
	.listPage{float:left;clear:both;}
	.boardSearch{float:left;}
	.border-info .b-search fieldset span.s_btn i{margin: 0 5px;}
	.tb_write{border-bottom:none}
	.tb_write tbody th{padding: 15px 10px 7px !important; float: left; width: 100% !important; text-align: left; border-top: none !important;border-right: none !important; background-color: #fff;}
	.tb_write tbody th.l-line{border-left:none}
	.tb_write tbody td{padding: 0 10px 10px !important; float: left; width: 100% !important; border-top: none !important;border-bottom: 1px solid #d6d6d6 !important}
}

/* 2. 1 Column Grid 400px - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 400px) and (max-width: 767px){
	.prof-tab ul li{width: 50%}
	.tb_write{border-bottom:none}
	.tb_write tbody th{padding: 15px 10px 7px !important; float: left; width: 100% !important; text-align: left; border-top: none !important; border-right: none !important; background-color: #fff;}
	.tb_write tbody th.l-line{border-left:none}
	.tb_write tbody td{padding: 0 10px 10px !important; float: left; width: 100% !important; border-top: none !important;border-bottom: 1px solid #d6d6d6 !important}
}

/* 2. 2 Column Grid Infinity - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 767px){
}
@media screen and (max-width: 766px){
	.longTab li{width:100%;}
	
	.boardSearch, .boardSearch fieldset.box{width:100%;}
	#boardwarp .boardInformation.listPage{position:relative;line-height:30px;}
	.boardSearch fieldset.box select.input_select{margin-bottom:5px;width:100%;}
	.boardSearch fieldset.box input.InputTxt{width:100%;}
	.boardSearch fieldset.box input[type=submit]{width:100%;}
	.boardList th, .boardList td{width:auto !important;white-space:normal !important;word-break:break-all;line-height:1.5;vertical-align: middle;}
	.boardList th.h_num, .boardList td.num{display:none;}
	.boardList th.h_author, .boardList td.author{display:none;}
	.boardList th.h_vCount, .boardList td.vCount{display:none;}
	.boardList th.h_file, .boardList td.file{display:none;}
	.boardList td.date{width:90px !important;}
	.boardList td.title{}
	.gallery_bbs .list{display:block;margin-top:10px;}
	.gallery_bbs .list li{width:100%;}
	.gallery_bbs .list li dl dt{height:100%;}
	.gallery_bbs .list li dl dt .thumb{width:100%;height:auto;min-height:none;}
	.gallery_bbs .list li dl dt .thumb img{width:100%;max-height:none;}
	.gallery_bbs .list li dl{margin:0 0 10px 0;}
	.boardCommentCount{margin:10px 0;width:100%;}
	.boardComment .boardCommentList dl{padding:10px 0;}
	.boardComment .boardCommentList dd.btn_box{position:static;right:0;top:0;margin-top:10px;letter-spacing:-1px}
	.boardReadHeader .datainfo ul.fileinfo li{margin:5px 0;width:100%;}
	.boardReadHeader .datainfo ul.fileinfo li a,
	.boardReadHeader .datainfo ul.fileinfo li p{display:block;width:100%;}
	.border-info .b-search{width: 100%;}
	.border-info .b-search fieldset span{display: block; margin-bottom: 10px;}
	.border-info .b-search fieldset span.b_input,
	.border-info .b-search fieldset span.b_btn{display:block}
	.border-info .b-search fieldset span.s_btn{height:auto;text-align:center;}
	.border-info .b-search fieldset span.s_btn i{display:inline-block;margin:0;width:100%;height:1px;line-height:1px;}
	.border-info .b-search fieldset span.s_btn button{width:48%;margin:6px 2px 0 2px;line-height:40px;}
	.bview-area .bview-cont{padding-bottom: 0}
	.bview-area .bview-cont .bv-answer{padding: 20px; margin-top: 20px}
	.bview-area .bview-cont .bv-answer::before{position: relative; ; top: 0; left: 0; width:1.8em;height:1.8em;font-size:1.1em;}
	.bview-area .bview-cont .bv-answer .answer-box{padding-top: 5px; padding-left: 0}
	.bview-area .bview-foot{display: none}
	.tb_write tbody td .w-30{width: 100% !important;}

	/* view */
	.boardWrite .boardWriteHeader, .boardWrite .boardWriteBody, .boardWrite .boardWriteFooter{background:none;}
	.boardWrite dt, .boardWrite dd{width:100%;clear:both;}
	.boardWrite dt{border-bottom:1px dashed #eee;background-color:#fafafa;}
	.boardWrite dd{margin:0;}
	.boardWrite input[type="text"]{width:100% !important;}
	.boardWrite select{width:100% !important;}
	/* password check */
	.box_pw dl{padding:5%;}
	.box_pw dt{width:100%}
	.box_pw dd.form{margin-top:0;padding:0;width:100%}
	.box_pw dd{margin-top:20px;width:100%;text-align:center;}

	.modi-area ul li {padding-top: 10px; border-top: 1px dashed #ddd;}
	.modi-area ul li:first-child{border-top: 0;}	
	.modi-area ul li a{width:100%;}
	.modi-area ul li .b_delete{display: block; padding-left: 0; margin-top: 10px;}
	.modi-area ul li .b_delete button{display: block; width: 100%; height: 50px;}
}

/* 3. 1 Column Grid 768px - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
	.prof-tab ul li{width: 33.333%}
	.gallery_bbs .list li{width:50%;}
	.gallery_bbs .list li dl dt .thumb{width:100%;}
	.gallery_bbs .list li dl dt .thumb img{width:100%;}
	.tb_write{border-bottom:none}
	.tb_write tbody th{padding: 15px 10px 7px !important; float: left; width: 100% !important; border-top: none !important; border-right: none !important; background-color: #fff;}
	.tb_write tbody th.l-line{border-left:none}
	.tb_write tbody td{padding: 0 10px 10px !important; float: left; width: 100% !important; border-top: none !important;border-bottom: 1px solid #d6d6d6 !important}
}

/* 3. 2 Column Grid Infinity - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1024px){
}
@media screen and (max-width: 1023px){
	.boardNavigation{padding:0;}
	.boardNavigation .btn{margin-top:5px;width:100%}
	.boardNavigation .buttonLeft, .boardNavigation .buttonRight{width:100%}
	.t-type{border-bottom: none !important}
	.t-type .bdl{border-left: 0}
	.t-type th{padding: 15px 10px 7px !important; float: left; width: 100% !important; text-align: left; border-top: none !important; border-right: none; background-color: #fff;}
	.t-type td{padding: 0 10px 15px !important; float: left; width: 100% !important; border-top: 0 !important;border-bottom: 1px solid #e8e8e8 !important}
	.t-type td .pad-1{padding-right: 0 !important}
	.t-type td .pad-2{padding-top: 10px !important; padding-right: 0 !important}
	.t-type td .half{width: 100%}
}

/* 4. 1 Column Grid 1025px - 1199px (Site Default 1200px : No Media Query)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1199px){
}

/* 4. 2 Column Grid Infinity - 1199px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1199px){
}
@media screen and (max-width: 1198px){
	.video-container{width: 100%; height: 100%;}
}

/* 5. 1 Column Grid 1600px - Infinity (Main only)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1600px){
}