@media screen and (max-width:1200px) {
#wrapper {
}
#wrapper02 {
}
#hd {
    height: 60px;
}
#tnb {
    display: none;
}
#quick{display:none;}
	#hd_wrapper {
		width: 100%; 
		height: auto;
		text-align: center;
	}
	#logo {    width: calc(100% - 20px);
    /* margin-left: 10px; */
        max-width: unset;
    padding: 10px 0 10px;
    margin: 0 0 0 20px;
    display: block;
	}
	#logo img {
		height: 25px;
		display: block;
		margin: 0 auto;     margin-top: 7px;
   
	}
	#logo > span { display: block; float: left; cursor: pointer; font-size: 25px;    color: #231815;; }
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }
	#snb > li > h2 {display: none;}
#snb > li > ul {
    text-align: center;
    border-bottom: 1px solid #ddd;
    height: 50px;
}
#snb > li > ul > li {
    display:inline-block;
    border-bottom:0;
}
 
#snb > li > ul > li a {
    padding-left: 20px;
    height: 50px;
}

#snb > li > ul > li a{color: #333;}
#snb > li > ul > li.snb2d.active a{    border-bottom: 1px solid #fff;}
	#container_wr {width:100%; }
	.sec_wrap{    margin: 0;
    width: calc(100% / 3);}
	.section_main{margin:0 auto;}

	#snb{    margin-top:0px;}
	#snb > li > ul > li a i{display:none}

	#aside { position: fixed; left: -305px; top: 0px; margin: 0px; z-index: 1000000000; overflow-y: auto; }
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1000000000; top: 0px; left: -30px }
	.close_menu > i { font-size: 40px; cursor: pointer; }
	.mobile_menu { display: block; }

	#container_1200 {width: calc(100% - 20px); margin:10px 10px;}

	#ft_wr {width:100%;}

	#snb > li > ul > li a b{    vertical-align: middle;}
	.mobile_menu {}
	.mobile_menu > ul {padding-bottom: 15px;  }
	.mobile_menu > ul > li { 
		position: relative; width: 100%; padding: 15px 0 0px 0;

	}
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #fff; font-size: 20px; cursor: pointer;}
.mobile_menu > ul > li > ul {
    display: none;
    margin-top: 15px;
    background: #222;
    padding-bottom: 10px;
}
	.mobile_menu > ul > li > ul > li { width: 100%;  padding: 10px 15px 0px 10px;}
	.mobile_menu > ul > li > ul > li a{color:#fff;}
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }
.gnb_1da {
    color: #fff;
	margin-left: 10px;
}
/*메인*/
	/*서브*/
	.sub_top {
		position: static;
	}
	.left_menu ul {
		margin-top: 0;
	}
	.sub_top_text{display:none;}

ul.m_sub0107_under{display:block;}

.sub0102 .sub0102_list li .left_img img{width:100%;height:auto;}
#container02 {
	float: none;
	width:calc(100% - 40px);
	margin:30px auto ;
}
.left_menu_top {    position: absolute;
    top: 60px;
    background: none;
    width: 100%;
    height: 153px;
    line-height: 153px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    /* border-bottom: 1px solid #fff; */
    background: rgba(0,0,0,0.5);
}
.left_menu {
    width: 100%;
    float: none;
}
.left_menu ul {
    border: 0;
    background: #f4f3f1;
    text-align: center;
}
.left_menu li {
    display:inline-block;
    border-bottom:0;
	line-height: 40px;
}
.left_menu li .sub0107_under{display:none;}
.left_menu li a {    padding: 0 15px!important;
    text-align: center;
}

.left_menu li a.on{color:#fff;background-color:#4a4a4a}
.qa_text {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 20px 0;
}

#ft_link {
    padding: 5px 0;
    text-align: center;
}
.ft_wrap {
    text-align: center;
}
#ft_catch {
    float: none;
    padding: 30px 0 10px;
    margin: 0 auto;
    max-width: 140px;
}
#ft_catch img{width:100%;}
.ft_text {
    float: none;
    width: 96%;
    margin-top: 0;
	margin:0 auto;
}
.ft_text .ft_tell{float:none;}
#aside {display:block;}



}

@media screen and (max-width:900px) {
.section1 {width:100%;}
.section2,.section3 {    width: 48%;
    margin: 15px 1%;}
.sec_wrap.section1 li{width:25%;}
 

.cont01 { padding: 0px 0 30px;}
.sec_wrap.section1 li:nth-child(3) p.nh, .sec_wrap.section1 li:nth-child(4) p.nh{    top: unset;
    bottom: 0;}
.cont01 ul li {
    width: 50%;
}
.cont02_3.cont02_all {width:100%;}
.cont02_1.cont02_all, .cont02_2.cont02_all {width:47.5%;}
 
.sub_page h4 {
    font-size: 20px;
    word-break: keep-all;
    line-height: 29px;
}
.big_text02 {font-size: 15px;}

ul.site_map_wrap > li .site_map_tit {
    font-size: 16px;
    margin-bottom: 5px;
}
 
}




@media screen and (max-width:700px) {
#snb > li > ul{ height:auto}
#snb > li > ul > li a {height:40px}
#container02 {
    float: none;
    width: calc(100% - 20px);
    margin: 30px auto;
}

.subti{margin-bottom:20px;     line-height: 58px;}
.subti h1{    font-size: 20px;}
.subti p{display:none}
.sub_page .subti h1{font-size:27px;}
	.section2, .section3{width:100%;margin:15px 0}
.section3_t .sec_ti{width: 100px;
    float: left;}
.section3_t p{}
	#tnb ul { width: 100%; }

	.hd_sch_wr{top:80px;width: calc(100% - 20px); z-index: 0; }
	#hd_qnb{ display: none; float:right;margin-top:30px}
	#hd_sch #sch_stx {width:calc(100% - 50px);}
	.bxslider li {
		
	}
	.slide_text {
		font-size: 15px;
		margin-top: 0;
	}
	.slide_text strong {
		font-size: 25px;
		margin-bottom: 10px;
		line-height: 30px;
	}
	#section1 {
    width: 95%;
    margin: 0 auto;
    padding: 15px 0;}
	#section1 .sec1_video, #section1 .sec1_menu{width:100%;float:unset;min-height:auto}
	#section1 .sec1_video iframe{height: 300px;min-height: auto;}
	.main_banner{    margin-top: 0;}
	.main_banner .main_banner_text{letter-spacing: 1px;}
	#section2{    padding: 30px 0px 50px;}
	#section2 .sec2_imgs li{    width: 50%;}
	#section2 .sec2_imgs li:last-child{width: 100%}
	.section2_t, .section3_t{height:auto}
	.bxslider li{min-height:auto!important}
	 
	.sub_con h3{    font-size: 22px;}
	.sub_page h5{    font-size: 16px;     line-height: 20px;}
	.sub_con{    font-size: 14px;}
	.sub0101 .sub0101_l, .sub0101 .sub0101_r{float:none; width:100%}
	.sub0101 .sub0101_r{margin-top:10px}
	.sub0101 dl{    padding: 10px 10px;}

	.sub0103 .highlight_text strong {
    font-size: 24px;
    margin-bottom: 0px;
}
.sub0103 .highlight_text p {
    font-size: 22px;
    line-height: 32px;
}
.sub0103 .highlight_text p:after {
    width: 100%;
    background: #f2f2f2;
    z-index: -1;
    display: block;
}
.sub0103_img {
    top: unset;
    bottom: -20px;
    right: -10px;
}
.sub0103_basic {
    width: 100%;
    font-size: 14px;
    line-height: 23px;
    color: #444;
    margin-top: 10px;
}

.sub_con .pro_head h3 span{    font-size: 27px;}
 .sub_con .pro_head h3{ font-size: 20px;}
 .sub_page h4{font-size: 16px;}
}


@media screen and (max-width:600px) {

.sec_wrap.section1 li{width:50%;    min-height: 170px;}
.sec_wrap.section1 li:hover p.yh{    min-height: 170px;    padding: 40px 10px 0;}
/*서브*/
.sub_page .subti p{ display:none;}
.sub_page .subti{margin-bottom:10px;}
.left_menu li {
    display: block;
    border: 0;
    width: 50%;
    float: left;
}
.left_menu li a {
    padding: 0;
    background-image: none;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
}
.left_menu li:last-child a { border-bottom: 0px solid #d7d7d7;}
.left_menu li a.on {
    background-image: none;
    border-bottom: 1px solid #fff;
}
.ft_text {
    font-size: 13px;
}
.gall_row .col-gn-4 {
    width: 100%;}

#ft_catch{
    padding: 10px 0;
    margin: 0 auto;
    max-width: 140px;
    width: 100%;
}
 
#bo_sch{width:100%;}
#bo_sch select{width: 35%;    margin: 0;
    height: 40px;}
#bo_sch .sch_input{width:50%;}
#bo_sch .sch_btn{width:15%;}
 

}
@media screen and (max-width:500px) {
.sub_page .subti h1{color:#fff;}
}


@media screen and (max-width:400px) {
.section3_t .sec_ti{width:100%;}
 
.main_banner .main_banner_text{    letter-spacing: 0;
    word-break: keep-all;line-height: 25px; padding: 20px 0px;}
 
}