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

/* pc */
@media only screen and (max-width:1280px){
	.header{width: 100%; padding: 30px 30px 0;}
	.footer{width: 100%; padding: 60px 30px 80px;}
	
	/* main */
	.main_con > div{width: 100%; padding: 0 30px}
	.main_con.section01 p span{padding-left: 7%;}
	
	/* sub */
	.sub_visual > div{width: 100%;left: 100px;}
	#sidebar .sub_tab{width: 100%; padding: 0 30px;}
	.sub_con_wrap .sub_con > div{width: 100%; padding: 160px 30px;}
	#sub02_tab .sub_tab{padding: 140px 30px 0}
}

@media only screen and (max-width:1240px){
	.footer .f_menu_wrap{width: 420px; padding-left: 60px;}
	.footer .r_box{padding-left: 60px;}
    
}

@media only screen and (max-width:1100px){
	.footer .f_menu_wrap { width: 390px; padding-left: 40px;}
	.footer .r_box { padding-left: 30px;}
	
	.main_con.section02 .box{padding: 0 20px;}
	.main_con.section02 .box .sbj {line-height: 46px;font-size: 36px;}
	
	.sub_con_wrap h3{line-height: 50px; font-size: 40px;}
}





/* tablet */
@media only screen and (max-width:1024px){
	.header .nav_wrap,
	.depth_wrap{width: 550px; padding-left: 80px;}
	.depth_wrap ul li a { padding: 15px 10px;}
	.footer > div{float: none;width: 100%;}
	.footer .f_info p span{display: inline-block; padding-left: 20px;}
	.footer .f_info p span:first-child{padding-left: 0}
	.footer .f_info .copy{padding-top: 0; padding-bottom: 40px;}
	.footer .r_box{ padding-left: 0; padding-top: 40px; border-top: 1px solid #ddd;border-left: 0;}
	.footer .f_menu_wrap{display: none;}
	
	.main_con.section01 {padding: 60px 0;}
	.main_con.section01 p{font-size: 20px;}
    .main_con.section02 {padding: 120px 0 150px;}
	.main_con.section02 .box{padding: 0 10px;}
	.main_con.section02 .box .mont{font-size: 56px;}
	
	.sub_visual > div{margin-top: -5%;font-size: 34px;}
	.sub_visual h2{font-size: 18px;}
	
	.sub_con_wrap .sub_con > div{padding: 130px 30px}
	.sub_con_wrap h3 { line-height: 48px; font-size: 35px;}
	
	.sub01_01 .section01 .img_box{width: 230px}
	.sub01_01 .section02{margin-top: 0}
	.sub01_01 .section02 .box{padding: 0 10px;}
	
	.sub02_01 .section01 .box .img_box{width: 100px;}
	.sub02_01 .section01 .box .txt_box { padding: 0 35px 0 130px;}
	.sub02_01 .section02 .tlt_wrap *{float: none;}
	.sub02_01 .section02 .tlt_wrap p{padding-left: 0;text-align: center;}
	.sub02_01 .section02 .box{padding: 0 30px 80px 0}
	.sub02_01 .section02 .img_box{width: 70px;}
	.sub02_01 .section02 .txt_box { padding: 40px 0 0 50px;}
	.sub02_01 .section02 .btn_go{bottom: -40px; width: 200px; height: 200px;}
	.sub02_01 .section03 .box{padding-right: 20px}
	.sub02_01 .section03 .txt_box{padding: 30px}
	
	.sub03_01 .process_wrap .img_box {width: 560px; margin: 0 auto; padding-right: 0; padding-bottom: 100px;}
	.sub03_01 .process_wrap .process{position: relative;right: auto;}
	
	.gallery_wrap .gall .txt_box .tlt{font-size: 20px}
}

@media only screen and (max-width:980px){
	.header .nav_wrap{display: none;}
	.header .lang_wrap{right: 80px}
	.btn_side{display: block}
	.scroll .btn_side div{background-color: #333}
	
	.main_con.section02 .box .mont {font-size: 50px;}
	.main_con.section02 .box .sbj {padding: 40px 0; line-height: 43px;
    font-size: 32px;}
	
	.sub_visual > div{left: 30px;font-size: 30px}
	.sub_visual h2,
	.sub_visual p{padding-bottom: 20px}
	
	.sub01_03 .box{padding: 10px;}
	.gallery_wrap .gall{padding: 10px}
	
	.sub02_02_01 .box{padding: 40px;}
	.sub02_02_01 .box .txt_box .tlt,
	.sub02_02_05 .farm01 .box .tlt, 
	.sub02_02_05 .farm02 .txt_box div{font-size: 18px;}
	.sub02_02 .thum_wrap .tlt_wrap h3{font-size: 28px; padding-bottom: 0}
	.sub02_02 .s_tlt{font-size: 24px;}
	.sub02_02 .func_wrap li{width: 31%}
	.sub02_02 .spec_wrap .book .txt_box{padding-top: 0}
	.sub02_02 .spec_wrap .book .txt_box div{font-size: 25px;}
	.sub02_02_05 .caution_wrap li{width: 32%;padding-bottom: 32%;margin-bottom: 3%;}
	.sub02_02_05 .caution_wrap li:nth-child(4){margin-left: 0}
	.sub02_02_05 .sub_con_wrap.bg .tlt_wrap{padding-top: 0}
	.sub02_02_05 .farm01 .txt_box{padding-right: 50px}
}





/* mobile */
@media only screen and (max-width:768px){	
    body{font-size: 15px}
    .header{height: 70px; padding: 25px 20px 0;}
    .header h1 a{width: 150px; height: inherit;}
	.btn_side,
	.header .lang_wrap{top: 28px;}
	.header a {font-size: 14px;}
    .footer{text-align: center;}
    .footer > div{float: none;}
    .footer .f_logo{width: 140px; margin: 0 auto; padding-bottom: 20px;}
    .footer .f_info{padding-left: 0}
    .footer .f_info br{display: block}
    .footer .f_info span{display: none}	
	.footer .sns_box ul{display: inline-block}
	
	.main_con.section01 p{line-height: 35px}
	.main_con.section02 {padding: 80px 0}
	.main_con.section02 .box{width: 100%;padding: 0;padding-bottom: 80px;}
	.main_con.section02 .box .mont {font-size: 40px;}
	.main_con.section02 .box .sbj {padding: 8px 0 30px;font-size: 28px}
	.main_con.section02 .box .sbj br{display: none;}
	.main_con.section02 .box .btn_wrap {padding: 55px 0 35px;}
	
    
    /*sub*/
    .sub_visual { height: 350px;}
	.sub_visual > div{font-size: 24px;}
    .sub_visual h2 {font-size: 16px;}
	.sub_visual h2, 
	.sub_visual p {padding-bottom: 10px;}
	#sidebar .sub_tab li a{padding: 26px 20px;}
	.sub_con_wrap h3 {line-height: 39px; font-size: 28px;}
	h3.pb {padding-bottom: 70px;}
	
	.tlt_wrap p br{display: none;}
	.sub01_01 .section01 .l_box{float: none;width: 100%;}
	.sub01_01 .section01 .r_box{display: none;}
	.sub02_01 .section01 .box .txt_box{padding-right: 0}
	.sub02_01 .section02 .tlt_wrap *{padding-bottom: 20px;}
	.sub01_01 .section02 .box { float: none; width: 100%;padding: 0 20px 50px;}
	.sub01_01 .section02 .txt_box{min-height: inherit;}
	.sub01_01 .section02 .box .mont {font-size: 18px;}
	.sub01_02 .history .year{font-size: 34px;}
	.sub01_02 .history .txt_box{margin-left:110px;padding-bottom: 20px;}
	.sub01_02 .history .txt_box p span:first-child{left: 40px;}
	.sub01_02 .history .txt_box p{padding: 0 0 10px 70px}
	.sub01_03 .box .txt_box{height: inherit; padding: 25px 20px;}
	.sub01_03 .box .txt_box div{line-height: 24px; font-size: 16px;}
	
	.sub02_01 .section01 .box{float: none; width: 100%;}
	.sub02_01 .section01 .box:first-child{padding-bottom: 50px;}
	.sub02_01 .section02 .box{float: none; width: 100%; padding: 0 0 80px 0;}
	.sub02_01 .section02 .btn_go{width: 180px; height: 180px;}
	.sub02_01 .section03 .box{float: none; width: 100%;margin-bottom: 30px;}
	.sub02_01 .section03 .txt_box {min-height: inherit;}
	
	#sub02_tab .sub_tab{padding-top: 50px}
	#sub02_tab li{width: 33.33%}
	#sub02_tab li a{height: 50px;line-height: 50px;}
	.sub02_02_01 .box .img_box,
	.sub02_02_01 .box .txt_box{width: 100%;float: left}
	.sub02_02_01 .box .img_box,
	.sub02_02 .spec_wrap .book .img_box{padding-left: 0; padding-bottom: 40px;}
	.sub02_02 .thum_wrap .img_box,
	.sub02_02 .thum_wrap .txt_box,
	.sub02_02 .spec_wrap .book .img_box,
	.sub02_02 .spec_wrap .book .txt_box{float: none; width: 100%;}
	.sub02_02 .thum_wrap .txt_box{padding-left: 0}
	.sub02_02 .thum_wrap .txt_box .tlt_wrap{padding-bottom: 0}
	.sub02_02 .thum_wrap .tlt_wrap h3{font-size: 24px}
	.sub02_02 .s_tlt {font-size: 20px;}
	.sub02_02 .s_tlt:before{width: 8px; height: 8px; margin: 0px 9px 3px 0;}
	.sub02_02 .func_wrap li{width: 48%;height: 95px; font-size: 16px}
	.sub02_02 .func_wrap .box_wrap .box{width: 48%;}
	.sub02_02 .spec_wrap table th, 
	.sub02_02 .spec_wrap table td { padding: 10px 20px;}
	.sub02_02 .spec_wrap .book .txt_box div{font-size: 20px;}
	.sub02_02_05 .caution_wrap li {width: 48%; padding-bottom: 50%;}
	.sub02_02_05 .caution_wrap li:first-child,
	.sub02_02_05 .caution_wrap li:nth-child(3),
	.sub02_02_05 .caution_wrap li:nth-child(4){margin-left: 2%}
	.sub02_02_05 .caution_wrap li .num{font-size: 30px;}	
	.sub02_02_05 .second .thum_wrap > .cb{padding-bottom: 0}
	.sub02_02_05 .farm01 .txt_box,
	.sub02_02_05 .farm01 .img_box{float: none;width: 100%;}
	.sub02_02_05 .farm01 .txt_box{padding-right: 0}
	.sub02_02_05 .farm01 .img_box{padding-top: 40px}
	.sub02_02_05 .farm02 .box{width: 46%; margin-left: 7%;}
	.sub02_02_05 .farm02 .box:nth-child(3){margin-left: 0}
	.sub02_02_05 .farm02 .box:nth-child(3) .img_box,
	.sub02_02_05 .farm02 .box:nth-child(4) .img_box{margin-top: 50px;}
	.sub02_02_05 .farm02 .section01 .box{height: 354px;}
	.sub02_02_05 .farm02 .section02 .box{margin-bottom: 7%}
	
	.sub03_01 .process_wrap .img_box{width: 100%; padding-bottom: 60px;}
	.sub03_01 .process_wrap .process .mont:after{}
	.sub03_02 .search_wrap {padding: 45px 20px;}
	.sub03_02 .search_wrap > .cb{width: 100%}
	.sub03_02 .search_wrap .l_box {width: 100%;}
	.sub03_02 .search_wrap .l_box label{width: 40%;}
	.sub03_02 .search_wrap .r_box{width: 100%; padding-left: 0;padding-top: 10px;}
	.sub03_02 .search_wrap .r_box label{width: 40%; padding-bottom: 10px;}
	
	
	.board_search_wrap .total_num {float: none;}
	.board_search_wrap .search_wrap{float: none; width: 100%}
	.board_wrap li{padding: 20px 0}
	.board_wrap .date{top: 23px;}
	.board_wrap .date .num01{font-size: 32px}
	.board_wrap .txt_box {padding-left: 90px;}	
	.board_wrap .txt_box .tlt{font-size: 18px;}
	.board_wrap .txt_box .tlt span{font-size: 13px;}
	.search_form_wrap .total_num{display: none;}
    .search_form_wrap .search_form{float: none;width: 100%;}
    .search_form_wrap .search_form span{display: inline-block}
    .search_form_wrap .search_form .s01{width: 20%}
    .search_form_wrap .search_form .s02{width: 50%}
    .search_form_wrap .search_form .s03{width: 20%}
    .search_form_wrap .search_form span *{width: 100%}	
    .pagination *{width: 35px;height: 35px;line-height: 25px;}
	.gallery_wrap .gall{width: 50%}
}


@media only screen and (max-width:499px){ 
	.main_con.section01{padding: 30px 0}
	.main_con.section01 p {font-size: 16px;}
	.main_con.section02 .box .mont {font-size: 34px;}
	.main_con.section02 .box .sbj { padding: 0px 0 20px; font-size: 24px;}
	
	.sub_visual h2 {font-size: 14px;}
	.sub_visual > div {font-size: 20px;}
	#sidebar .sub_tab li a { padding: 26px 10px;}
	.sub_con_wrap .sub_con > div { padding: 90px 15px;}
	.sub_con_wrap h3 { padding-bottom: 30px;font-size: 25px;}
	.sub01_03 .sub_con_wrap h3 br{display: none;}
	
	.sub01_01 .section01 .txt_box {padding: 26px 0 0 16px;}
	.sub01_01 .section02 .box {padding: 0 0 50px;}
	.sub01_02 .history .year{position: relative;}
	.sub01_02 .history .txt_box {margin-left: 0; margin-top: 20px;}
	.sub01_03 .box {float: none;width: 100%;padding: 10px 0}
	
	.sub02_01 .section01 .box .img_box{position: relative;margin: 0 auto}
	.sub02_01 .section01 .box .txt_box { padding-left: 0;padding-top: 20px;}
	.sub02_01 .section02 .img_box { width: 50px;}
	.sub02_01 .section02 .txt_box {padding: 25px 0 0 38px;}
	.sub02_01 .section02 .btn_go{width: 160px; height: 160px; padding: 26px;}
	.sub02_01 .section03 .box{padding-right: 0}
	
	.sub02_02_01 .sub_con_wrap h3 br{display: none}
	.sub02_02 .func_wrap li span{padding: 0 20px; font-size: 14px;}
	.sub02_02_05 .caution_wrap li .num{font-size: 24px;padding-bottom: 7px;}
	.sub02_02_05 .caution_wrap li .txt{font-size: 13px;}
	
	.sub03_02 .search_wrap .l_box label,
	.sub03_02 .search_wrap .r_box label{float: none; width: 100%;}
	.sub03_02 .search_wrap .l_box .nice-select.wide,
	.sub03_02 .search_wrap .r_box .search_form{float: none; width: 100%}
	
	.view_wrap .tlt_wrap .subject{font-size: 20px;}
	.gallery_wrap .gall{width: 100%; padding: 0 0 20px }
	.view_btm_wrap .list_wrap a img{margin-right: 10px;}
}




/***** 김동욱 *****/
@media only screen and (max-width: 980px){
    .header .lang_wrap 
    {display: none}
    /* 다국어 랩 햄버거 네비안으로 숨겼어용 ^^ */
}