@media screen and (max-width:1200px) {
#wrapper {
    padding-top: 50px;
}
#wrapper02 {
    padding-top: 50px;
}
#hd {
    height: 50px;
}
#tnb {
    display: none;
}
	#hd_wrapper {
		width: 100%; 
		height: auto;
		text-align: center;
	}
	#logo {
		width: calc(100% - 20px);
		margin-left: 10px;
		float: none;
		padding: 8px 0 8px;
		margin: 0 auto;
		display: inline-block;
	}
	#logo img {
    height: 34px;
	}
	#logo > span {
    display: block;
    float: left;
    cursor: pointer;
    font-size: 25px;
    color: #222;
	}
	.hd_sch_wr{position:absolute;top:80px;left:10px;width:430px;margin-left:0px;  }
	#hd_qnb{float:right;margin-top:30px}
	#gnb { display: none; }

	#container_wr {width:100%; }



#aside {
    position: fixed;
    left: -305px;
    top: 0px;
    margin: 0px;
    z-index: 999999999999999;
    overflow-y: auto;
    display: block;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1000000000; top: 0px; left: -30px }
	.close_menu > i { font-size: 40px; cursor: pointer; color: #ff8a30;}
	.mobile_menu { display: block; }

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

	#ft_wr {width:100%;}




	.mobile_menu {}
	.mobile_menu > ul {padding-bottom: 15px;  }
	.mobile_menu > ul > li {
    position: relative;
    width: 100%;
    padding-top:20px;
	}
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #222; font-size: 20px; cursor: pointer;}
	.mobile_menu > ul > li > ul {
		display: none;
		    margin-top: 15px;
    background: #222;
    padding: 15px 0;
	}
	.mobile_menu > ul > li > ul > li { width: 100%;     padding: 0 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: #333;
    font-weight: 600;
    margin-left: 10px;
	}


.bxslider li{background:url(/img/slide01.jpg)no-repeat center;background-size:cover;height:400px;}
.bxslider li .slide_img{height:400px;}
.slide_text {
    width: 50%;
    height: auto;
    padding: 53px;
    color: #222;
    font-size: 17px;
    background-color: rgba(355,355,355,0.5);
    max-width: 1200px;

    text-align: center;
}
.slide_text strong {
    font-size: 40px;
}
.slide_text h2 {
    font-size: 24px;}

.cont02_tit p {
    white-space: inherit;padding-right: 20px;}
.con04 .con04_in .right .cont02_tit p{padding-right:0;}
.cont02 .left {  width: 35%;}
.cont02 .cont02_tit { font-size: 25px;}
.cont02 .right {width: 65%;}
.cont02 .right ul li {background-size: 110px !important;}
.cont02 .right ul li strong {font-size: 22px;}

.cont03 .cont03_tit strong, .cont03 .cont03_tit b {font-size: 25px;}
.cont03 .cont03_tit p {
    margin: 0 0 10px 0;
}



.con04_in {
    width: 100%;}

.con04 .con04_in .right .cont02_tit p {
    padding: 0;
}


.con02 .maincon_in .right img{width:100%}
.con04 {
    padding: 70px 20px 80px 20px;
    height: auto;
}
.con04 .right .cont02_tit p {
    margin-bottom: 40px;
	white-space: pre-line;
}
.con04 .right .cont02_tit a {
    padding: 15px 30px;
}
.cont05 {
    padding: 30px 0;
}
.maincon05_in{display:block;}
.cont05 .left{width:100%;padding:0;}
.cont05 .right{width:100%;padding:0;padding-top:30px;    clear: both;}
.bottom_left{width:100%}
.main_map iframe{height:300px;}
	/*서브*/
	.sub_top {
    height: 300px;    padding-top: 111px;}
	

	.sub_top_text {
		margin: 0 auto;
		text-align: center;
		padding-top: 40px;
	}
	.sub_top_text02{text-align: center;}
		#container02 {
		float: none;
		width: calc(100% - 20px);
		margin:30px auto 60px;
	}
	.left_menu {
		width: 100%;
		float: none;    margin-top:0;
}

#snb > li > h2 {display: none;}
#snb > li > ul {
    text-align: center;
   
    height: 50px;
}
#snb > li > ul > li {
    display:inline-block;
    border-bottom:0;
}


	.qa_text {
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		margin: 20px 0;
	}

.snb2dul{ float:none;   border-right: 0;
    border-left: 0;
}

/*서브페이지*/

.sub0101_m img{width:100%}

.sub0101_b_img div img {
    width: 100%;
    padding: 0 20px;
}




.sub0201_cb {
    overflow-x: scroll;
    white-space: nowrap;
}

table.sub0201_tb {
    width: 1000px;}



















	#ft_link {padding: 5px 0;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: 48%;
		margin-top: 0;
		margin:0 auto;
		padding-left: 42px;
	}

	#aside {display:block;}
.ft_wrap {
    padding: 0 20px;
}


.ft_bottom ul li{white-space:pre-line}





}

@media screen and (max-width:900px) {
.slide_text strong {
		    font-size: 30px;}

.slide_text h2 {
    font-size: 20px;
}
.slide_text a {
    font-size: 16px;    padding: 15px 40px;}


.cont02_tit strong {
    font-size: 24px;
}
.cont02_tit strong:after {
    width: 40px;
    height: 3px;
    top: 44px;
}
.cont02_tit h1 {
    font-size: 16px;}

.cont02_tit p {    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.con04 .con04_in .right .cont02_tit strong:after {
     width: 40px;
    height: 3px;
    top: 39px;

}


.cont05 .slt .slt_title{font-size: 24px;margin-bottom: 10px;}
.cont05 .slt .slt_more a{line-height: 40px;}

.cont05 .right h4{font-size: 24px;}

.con01 .maincon_in .right{height:250px;}
.con02 .maincon_in .right{height:250px;}
.con03 .maincon_in .right{height:250px;}

.left{width:50%}
.right{width:50%}
.con02 .maincon_in .right{width:50%}
.con02 .maincon_in .left{width:50%}
.cont01 #container_1200 {padding: 5px 0;}
.cont01 strong {display: none;}
.topics {font-size: 13px;}
.cont01 .gr_bg .cont_ul li .cont_icon {
    width: 80px;
    height: 80px;
}
.cont01 .gr_bg .cont_ul li a p {font-size: 15px;}

/*서브페이지*/
.sub0101_t h2 {
    font-size: 24px;}
.sub_line {
    margin: 15px auto;
    width: 40px;
    height: 3px;
}

.sub0101_t h2 span {
    font-size: 20px;}
.sub0101 p {
    font-size: 16px;}

.sub0102 p {
    font-size: 24px;
}
.sub0102_tb tr th{width:24%;}



table.sub0201_tb{font-size:14px;}
.table_b{font-size:16px;}
.sub0201_cmr ul li{font-size:16px;}
.sub0201_cmr p{font-size:16px;}


.sub0401_t h2{
    font-size: 24px;
	word-break:keep-all}

.sub0401_c h4{
    font-size: 20px;}
.sub0401_c ul li{font-size:16px;
	text-indent: -24px;
    padding-left: 28px;}
table.sub0401_tb{font-size:16px;}

.sub0501_tb {
    overflow-x: scroll;
    white-space: nowrap;
}

.sub0501_tb table {
    width: 900px; font-size:15px;}
.sub0501 h2{    margin-bottom: 40px;
    font-size: 24px;}
.sub0501 p{font-size:16px;}
.sub0501 h3{
    font-size: 20px;}

/*하단*/
#ft_catch {
    text-align: center;
    padding-bottom: 30px;
}
#ft_catch img{width:100%}
.ft_wrap{display:block}
.ft_text {
    font-size: 13px;
	text-align:center;
	width:100%;
	padding:0;
	height:auto
}

.ft_call {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.ft_call h2 {
    font-size: 18px;
}

.call_num {
    font-size: 24px;
}

.call_time {
    font-size: 15px;
}
.ft_right {
    width: 100%;
    padding-top: 0px;
}
.ft_account {
    text-align: center;
}
}
@media screen and (max-width:700px) {

.table-scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }
.sub_page {
    font-size: 13px;
}
	#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);}
	
	.slide_text {
		font-size: 14px;

		transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;
	}

.cont01 .gr_bg .cont_ul {text-align: center;}
.cont01 .gr_bg .cont_ul li {
    width: auto;
    float: none;
    display: inline-block;
    margin: 0 20px 20px 20px;
}
.cont02 {
    padding: 40px 0;
}
.cont02 .left {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
.cont02 .right {
    width: 100%;
    float: none;
}
.cont02 .right ul li {
    height: 180px;
}

.cont03 {
    padding: 30px 0 10px;
}
.cont03 .cont03_tit strong, .cont03 .cont03_tit b {
    font-size: 25px;
    display: block;
}
.cont03 .cont03_tit p, .cont03 .main_address {
    font-size: 14px;
}
.main_map iframe {
    height: 300px;
}
.sub_top_text {
    padding-top: 60px;
}
.sub_top_text strong {
    font-size: 30px;
}
.sub_top_text {
    font-size: 18px;
}
.navi_wrap {
    margin-bottom: 50px;
    position: relative;
}
#snb > li > ul > li a{padding: 16px 40px;}
#snb > li > ul > li.snb2d.active a{padding: 16px 40px;}

.bx-wrapper .bx-controls-direction a{}
.bx-wrapper .bx-next {


}
.sub0101 p {

    white-space: inherit;word-break:keep-all
}

.sub0201_cm {
    display: block;
}
.sub0201_cmr {
    padding-left: 0px;
    padding-top: 20px;
    text-align: center;
}
.sub0201_cml img{width:100%;}

}


@media screen and (max-width:600px) {
.bx-viewport{height: 300px !important;}
.bxslider li {
		height: auto;
		
	}
.bx-controls-direction{display:none;}
.slide_text {
    width: 100%;
    height: auto;
    padding: 91px;
    margin: 0;
	 position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}
.bxslider li .slide_img {
    height: 300px;
}
   
.slide_text strong {
    font-size: 24px;
}
.slide_text h2 {
    font-size: 16px;    margin-bottom: 10px;
}
.slide_text a {
    font-size: 14px;}


.line {
    width: 21px;
    margin: 5px auto;
}
.con01 {
    padding: 40px 0 0 0;
}
.con02 {
    padding: 40px 0 0 0;
}
.cont02_tit p{    margin-bottom: 30px;}



.cont02_tit b a{    background: #ff8a30;
    padding: 8px 20px;
    border-radius: 50px;
    color: #fff;}
.cont02_tit b a:hover{     background: #ff8a30;
    padding: 8px 20px;
    border-radius: 50px;
    color: #fff;}

.cont02_tit strong {
    font-size: 20px;
}

.cont02_tit p {
    font-size: 14px;
    padding: 0 50px;
    margin-top: 10px;
}

.con04 .right .cont02_tit p {
    margin-bottom: 35px;}

.left {
    margin-bottom: 40px;}

.con01 {
    padding: 30px 0 0 0;
}
.con02 {
    padding: 30px 0 0 0;
}
.con03 {
    padding: 30px 0 0 0;
}

.con01 .maincon_in{display:block}
.con03 .maincon_in{display:block}
.left{width:100%; margin-bottom: 30px;text-align:center;}
.right{width:100%;text-align:center;}
.con02 .maincon_in .left{width:100%}
.con01 .maincon_in .right{height:200px;}
.con02 .maincon_in .right{height:200px;}
.con03 .maincon_in .right{height:200px;}
.con04 .right {

    text-align: center;
}


.con04 .con04_in .right .cont02_tit strong:after{display:none;}


.con04 {
        background: url(/img/con04_img.png) no-repeat 42% 73%;
        margin-top: 12px;
    height: 250px;
    padding: 34px 20px 15px 20px;
}




.cont05 .right{padding:0}
/*서브*/
.sub_top {
    height: 250px;
    padding-top: 78px;
}
.sub_top h2 {
    font-size: 40px;}
.sub_top p {
    font-size: 15px;
	white-space:pre-line}







.slt .slt_content {
    padding: 0;
}
.slt .slt_content ul li {
    line-height: 25px;
}
.slt .slt_content ul li a {
    font-size: 13px;
}
.x-gallery .text .title {
    font-size: 18px;
}
.x-gallery .text .desc {
    font-size: 14px;
}
.slide_left {
    margin-bottom: 10px;
}

.bx-controls.bx-has-controls-direction {
    bottom: 5px !important;
}

.cont02 .right ul li {
    height: auto;
    min-height: 140px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px !important;
	    padding: 15px;
}
.con02 .maincon_in{flex-direction:column}
.con02 .maincon_in .left{ order: 1;}
.con02 .maincon_in .right{ order: 2;}








.con01 .maincon_in .right{width:100%}
.con02 .maincon_in .right{width:100%}
.con03 .maincon_in .right{width:100%}
.con02 .maincon_in .left{padding-left:0;}
.cont02 .right ul li:nth-child(1), .cont02 .right ul li:nth-child(3) {
    background-color: #619b44;
}
.cont02 .right ul li:nth-child(2), .cont02 .right ul li:nth-child(4) {
    background-color: #4e6783;
}
.cont02 .right ul li p {
    white-space: normal;
}
.cont02 .right ul li span {
    margin-top: 10px;
}
.cont02 .right ul li span em {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.cont02 .right ul li span b {
    line-height: 30px;
	margin-left: 0;
}
.slt .slt_content ul li a {
    float: left;
    width: 247px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.navi_wrap {
    display: none;
}
#snb > li > ul {
    height: auto;
}
#snb > li > ul > li {
    width: 50%;
	float: left;
}


.sub0102_text {
    font-size: 13px;
    white-space: normal;
    line-height: 22px;
}

.sub0401_t {
    margin-bottom: 40px;
}
.sub0401_c ul{
    margin-bottom: 40px;
}

}



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

	.cont01{font-size: 14px;}

	.cont01 .gr_bg .cont_ul li {
		margin: 0 5px 10px 5px;
	}
.con04 .con04_in .right .cont02_tit p{white-space: inherit; word-break:keep-all}
	
.sub0101_t {
    margin-bottom: 10px;
}
.sub0101_t h2 {
    font-size: 20px;
}
.sub0101_t h2 span {
    font-size: 18px;
}
.sub0101_b p {
    margin: 10px 0;
}
.sub0101 p {
    font-size: 14px;
}
.sub0102 p {
    font-size: 18px;
}
.sub0101_b_img{display:block}
.sub0101_b_img div {
    width: 100%;
    padding-bottom: 10px;
}
.sub0101_b_img div img{padding:0}

.table_b{font-size:14px;
}

.sub0201_cmr ul li {
    font-size: 14px;
}
.sub0201_cmr p {
    font-size: 14px;}


.sub0401_t h2{
    font-size: 20px;}

.sub0401_c h4{
    font-size: 18px;}
.sub0401_c ul li {
    font-size: 14px;
    text-indent: -20px;
    padding-left: 25px;
}
table.sub0401_tb{font-size:14px;}
.sub0501_tb table{font-size:14px;}
}