@charset "utf-8";
/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select{-webkit-border-radius:0}

/* UI JS CSS */
.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}

@media all and ( min-width: 1920px ){

}

/* 1480px 이하 */
@media all and (max-width:1480px){


}


/* 1220px 이하 */
@media all and (max-width:1220px){
#gnb .gnb1_li { padding: 0 40px; }
.sec1{padding:0px 5%; margin:0px auto 40px;}

.container {margin:70px auto 0px; padding:50px 5%;}
.sub_container {padding:110px 5% 50px;}

#header .util{right:20px;}

}


/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
#header{display: none !important;}
#m-header{display: inline-block !important}
.mainroll{margin:60px auto 40px; }
.sec1 li{width:23%;margin:0 1% 20px;}
.sec1 li .sec1-tit{padding:15px 0px;font-size:14px;}

.m_icon1, .m_icon2, .m_icon3, .m_icon4, .m_icon5, .m_icon6, .m_icon7, .m_icon8, .m_icon9, .m_icon10, .m_icon11, .m_icon12, .m_icon13, .m_icon14, .m_icon15, .m_icon16, .m_icon17, .m_icon18, .m_icon19, .m_icon20, .m_icon21, .m_icon22, .m_icon23, .m_icon24{background-size:75px auto;}

.container {margin:60px auto 0px; padding:50px 5%;}
.sub_container {padding:110px 5% 50px;}

.title {font-size:30px;margin-bottom:40px;}
.title_sub {font-size:24px;margin-bottom:40px;}


/* 공지사항 */
.search_area li.select_type_seach {width:200px;height:36px; margin-right:10px;}
.search_area li.select_type_seach select{FONT-SIZE: 14px;}
.search_area li.sbox{width: 300px; height:36px;}
.search_area .input01{FONT-SIZE: 14px;}

.boardtb { border-top:0px solid #b1adad; }
.boardtb .tit{font-size: 18px;}
.boardtb .txt{font-size:16px;}


.agreeBox textArea{height:200px;}




}

	
/* Mobile 850px 이하 */
@media all and (max-width:850px) {	

.filebox_s label {width:70px;}
.filebox_s .upload-name {padding:0px 70px 0px 10px;}	

}
	
/* Mobile 768px 이하 */
@media all and (max-width:768px) {

.pc_only{display: none !important;}	
.mo_only{display: inline-block !important;}

.title_main {font-size:24px;margin-bottom:30px;}
.title_main > p{font-size:15px;margin-top:16px;}

.title_sub {font-size:20px;margin-bottom:20px;}

.sec1 li{width:23%;margin:0 1% 20px;}
.sec1 li .sec1-tit{padding:15px 0px;font-size:13px;}
.m_icon1, .m_icon2, .m_icon3, .m_icon4, .m_icon5, .m_icon6, .m_icon7, .m_icon8, .m_icon9, .m_icon10, .m_icon11, .m_icon12, .m_icon13, .m_icon14, .m_icon15, .m_icon16, .m_icon17, .m_icon18, .m_icon19, .m_icon20, .m_icon21, .m_icon22, .m_icon23, .m_icon24{background-size:70px auto;}

#sub-header .prev_m{width:50px; text-align:left;padding:20px 0px 0px 20px;}
#sub-header .stitle{font-size:20px; }

.container {padding:40px 5%;}
.sub_container {padding:100px 5% 40px;min-height:calc(100vh - 160px);}

.form_sty1 ul{padding:15px 0px;}
.form_sty1 ul:first-child{border-top:1px solid #666;padding:20px 0px 10px;}
.form_sty1 .tit{display: inline-block;width:100%;text-align:left;font-size:15px;color: #333;line-height:1;letter-spacing:-0.03em; margin-bottom:10px;}
.form_sty1 .cont{display: inline-block;width:100%;text-align:left;padding-left:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.filebox_s {width:100%;}

.col50{width:100% !important; }
.col01{width:230px !important; }
.col02{width:60px !important; }
.col03{width:80px !important; }
.col04{width:100% !important; }
.col05{width:180px !important; }

.title {font-size:28px;margin-bottom:30px;}

.btn-type.btn1 {width:50%;height:45px;line-height:41px;padding:0px 20px; margin:0 0px;}

.boardtb .content_box .txt1{font-size:14px;color: #333;}
.boardtb .content_box .txt2{font-size:13px;color: #333;}


.login_stxt{text-align:left;margin:0px auto 20px;font-size:13px;line-height:1.4;}

.login_area{margin:0px auto; font-size:0;}
.login_area .leftBtn{display: inline-block; width:100%;padding-right:0px;margin-bottom:15px;}
.login_area .rightBtn{display: inline-block; width:100%;padding-left:0px;}

.login_guide{margin-top:30px;padding:0px 0px;}
.login_guide .leftArea{width:35%;}
.login_guide .rightArea{width:65%;font-size:13px;}
.login_guide .rightArea > span{margin:0 10px; font-size:10px;line-height:13px;}

.txt_preBox{padding:20px;}

.join_ok{background: url(../img/i_join_ok.png) center 50px no-repeat;padding-top:200px;}
.join_ok > h3{font-size:16px;}
.join_ok > p{font-size:13px;margin-bottom:30px;}
.join_ok > .buttonArea li{display: inline-block; width:100%;}
.join_ok > .buttonArea li:first-child{margin-right:0%;margin-bottom:10px;}


.login_title{font-size:2.0rem;margin-bottom:40px;}

}






/*mobile 640 이하 */
@media all and (max-width:640px){
.m_icon1, .m_icon2, .m_icon3, .m_icon4, .m_icon5, .m_icon6, .m_icon7, .m_icon8, .m_icon9, .m_icon10, .m_icon11, .m_icon12, .m_icon13, .m_icon14, .m_icon15, .m_icon16, .m_icon17, .m_icon18, .m_icon19, .m_icon20, .m_icon21, .m_icon22, .m_icon23, .m_icon24{background-size:65px auto;}

.thumbImg{width:125px;}


.search_area li.select_type_seach {width:200px;margin-right:10px;}
.search_area li.select_type_seach select{FONT-SIZE: 13px;}
.search_area li.sbox{width: 200px;}
.search_area .input01{FONT-SIZE: 13px;}


.boardtb { border-top:0px solid #b1adad; }
.boardtb .tit{font-size: 16px;padding:0px 0px 0px;}
.boardtb .txt{font-size:14px;padding:0px 0px 0px;}
.boardtb .time_wrap{padding:10px 0px}
.boardtb .time_wrap .time{font-size: 12px; margin-right:15px;}
.boardtb .time_wrap .hit{font-size: 12px;}
.boardtb .content_box{padding:20px 0px; min-height:150px; font-size:13px;}	
.boardtb .file_box{padding:10px 10px 4px;}

.paging span {width:28px;height:28px;line-height:26px;}
.paging span a {width:26px;height:26px;font-size:12px;}

.page_move li.prev{width:20%; font-size:12px;padding:12px 10px;}
.page_move li.prev_tit{width:80%;font-size:12px;padding:12px 10px;}

.list-type1 {width:100%;margin:0px auto 30px;}
.list-type1 li{padding:0px 0px; border-left: 0px solid #d9d9d9;}
.list-type1 .no{display: none !important;}	
.list-type1 .cont{display: inline-block;width:100%;font-size:14px;margin-bottom:10px;}
.list-type1 .name{display: inline-block;width:auto;text-align:left;font-size:13px; margin-right:15px;}
.list-type1 .file{display: inline-block;width:auto;text-align:left;font-size:13px; margin-right:15px;}
.list-type1 .date{display: inline-block;width:auto;text-align:left;font-size:13px;}
.list-type1 .hit{display: none !important;}	
.list-type1 .list-head{display: none !important;}	
.list-type1 .list-body{background-color: #fff;padding:10px 0px;}


}


/*mobile 520 이하 */
@media all and (max-width:520px){

.footer .f_logo{display:none !important;}
.title_main {font-size:20px;margin-bottom:30px;}
.title_main > p{font-size:14px;margin-top:16px;}
.title_sub {font-size:16px;line-height:1.3;}

.m_icon1, .m_icon2, .m_icon3, .m_icon4, .m_icon5, .m_icon6, .m_icon7, .m_icon8, .m_icon9, .m_icon10, .m_icon11, .m_icon12, .m_icon13, .m_icon14, .m_icon15, .m_icon16, .m_icon17, .m_icon18, .m_icon19, .m_icon20, .m_icon21, .m_icon22, .m_icon23, .m_icon24{background-size:60px auto;}

.filebox_s label {width:60px;}
.filebox_s .upload-name {padding:0px 60px 0px 10px;}


.title {font-size:26px;margin-bottom:30px;}

.sub_container {min-height:calc(100vh - 120px);padding:90px 5% 40px;}
.container {padding:30px 5% 40px;}

.search_area {margin-bottom:20px; padding:0px;border:0px solid #d9d9d9;background: #fff; }
.search_area li.select_type_seach {width:38%;margin-right:2%;}
.search_area li.select_type_seach select{FONT-SIZE: 13px;}
.search_area li.sbox{width: 60%;}
	

}

/*mobile 480 이하 */
@media all and (max-width:480px){
.sec1 li{width:31.33333%;margin:0 1% 20px;}
.sec1 li .sec1-tit{padding:15px 0px;font-size:13px;}


}


/*mobile 420 이하 */
@media all and (max-width:420px){

.m_icon1, .m_icon2, .m_icon3, .m_icon4, .m_icon5, .m_icon6, .m_icon7, .m_icon8, .m_icon9, .m_icon10, .m_icon11, .m_icon12, .m_icon13, .m_icon14, .m_icon15, .m_icon16, .m_icon17, .m_icon18, .m_icon19, .m_icon20, .m_icon21, .m_icon22, .m_icon23, .m_icon24{background-size:55px auto;}

.title {font-size:24px;margin-bottom:30px;}


.page_move li.prev{width:25%; font-size:12px;}
.page_move li.prev_tit{width:75%;font-size:12px;}



}


/*mobile 376이하 */
@media all and (max-width:376px){
.m_icon1, .m_icon2, .m_icon3, .m_icon4, .m_icon5, .m_icon6, .m_icon7, .m_icon8, .m_icon9, .m_icon10, .m_icon11, .m_icon12, .m_icon13, .m_icon14, .m_icon15, .m_icon16, .m_icon17, .m_icon18, .m_icon19, .m_icon20, .m_icon21, .m_icon22, .m_icon23, .m_icon24{background-size:50px auto;}

.search_area {margin-bottom:10px;}
.search_area li.select_type_seach select{FONT-SIZE: 12px;}
.search_area .input01{FONT-SIZE: 12px;}

.thumbImg{width:100px;}

}

/*mobile 320 이하 */
@media all and (max-width:320px){
.search_area {margin-bottom:10px; padding:0px;border:0px solid #d9d9d9;background: #fff; }
.search_area li.select_type_seach {width:65px;margin-right:10px;}
.search_area li.select_type_seach select{FONT-SIZE: 12px;}
.search_area li.sbox{width: 200px;}
.search_area .input01{width: 140px;FONT-SIZE: 12px; padding:0px 0px 0px 10px;}

.col05{width:150px !important; }

}