@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% - 40px);
    /* margin-left: 10px; */
        max-width: unset;
    padding: 10px 0 10px;
    margin: 0 0 0 20px;
    display: block;
	}
	#logo img {
		display: block;
		margin: 0 auto;
    max-width: 125px;
    margin-top: 10px;
}
	#logo > span { display: block; cursor: pointer; font-size: 25px;    color: #231815;
		position: absolute;
		left: 20px;
		top: 10px; 
	}
	.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%; }
	.sec_wrap{    margin: 0;
    width: calc(100% / 3);}
	.section_main{margin:0 auto;}




	#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%;}


	.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% - 20px);
	margin:0 auto 60px;
}
.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: #f5f5f5;
    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:#1448a7}
.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%;}
.sub0101 .sub0101_table li{width:50%;}
.sub0101 .sub0101_table2 li:nth-child(2n-1){width:25%;}
.sub0101 .sub0101_table2 li:nth-child(2n){width:75%;}

.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%;}
.sub0101_text {
    white-space: normal;
    padding: 20px 0 0;
    font-size: 14px;
}
.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;
}
.sub0102 .sub0101_text{width:80%;margin:0 10%;white-space: pre-line;font-size: 16px;}
.sub0103 .under_img{width:100%;height:auto;}
.sub0103 .sub0101_text{width:100%;white-space: pre-line;}

.sub0102 .sub0102_list li .left_img{    width: 40%;}
.sub0102 .sub0102_list li .right_text {  width: 60%;}

.sub0102_in .left{float:none;margin:0 auto;}
.sub0102_in .right{float:none;    width: 100%;}

.sub0103_sec1 .right img{width:100%;height:auto;}

.sub0105_sec1 .right{float:unset;   margin: 0 auto; }
.sub0105_sec1 .left{float:unset;    width: 100%;}
.sub0107_1 .sub0101_table li{width:calc(100% / 2)}

.sub0301 .sub0101_table li:nth-child(2n){width:200px}
.sub0301 .sub0101_table li:nth-child(2n-1){width:calc(100% - 200px)}

.sub0302 .sub0101_table li:nth-child(2n-1), .sub0302 .sub0101_table li:nth-child(2n){width:100%;}
}




@media screen and (max-width:700px) {
.sub0101_bg {
    max-width: 800px;
    height: 400px;
    width: 100%;
    padding: 35px 15px;
    background: url(/img/sub0101_bg.png)no-repeat center;
    background-size: auto;
    border-radius: 20px;
}
.sub0101_bg br{
	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%}
	.bxslider li{min-height:auto!important}
	.sub0102 .sub0102_list li{    margin-bottom: 50px;}
	.sub0102 .sub0102_list li .left_img, .sub0102 .sub0102_list li .right_text{width:100%;}
	.sub0102 .sub0102_list li:nth-child(2n) .right_text{text-align:left;}
	.sub0102 .sub0102_list li .right_text{padding-left:0;}
	.sub0103 ul li{font-size:17px}
.sub0504 .sub0504_tbl th{    border-right: 1px solid #eee;
    word-break: keep-all;
    line-height: 20px;
    padding: 10px 0;}
.sub0106_sec3 {text-align:center;}
.sub0106_sec3 p{width:100%;}
.sub0106_sec3 img{    margin: 10px auto 0;
    float: none;}

.sub0107 .sub0107_table1 li{width:120px;}
.sub0107 .sub0107_table1 li:nth-child(2n){width:calc(100% - 120px)}
.sub0107 .sub0107_table1 li:nth-child(3n):after{content:'';display:block;clear:both;}
.sub0107_table li:nth-child(3n){display:none;}
.sub0107_table li{width:120px;}
.sub0107_table li.mid{width:calc(100% - 120px)}
.sub0204 .sub0204_table tr th:nth-child(1) ,.sub0204 .sub0204_table tr td:nth-child(1),
.sub0204 .sub0204_table tr th:nth-child(5), .sub0204 .sub0204_table tr td:nth-child(5),
.sub0204 .sub0204_table tr th:nth-child(8), .sub0204 .sub0204_table tr td:nth-child(8){display:none;}

.travel_info li img{width:100%;}
}


@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 a {padding:0;
}
.left_menu li{width:auto;text-overflow:ellipsis;
white-space:nowrap; text-align:center}
.left_menu li a{padding:0 5px;}
.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%;
}
.sub0101 .sub0101_table2 li:nth-child(2n-1){width:100%;}
.sub0101 .sub0101_table2 li:nth-child(2n){width:100%;}
.sub0101 .sub_text{width:100%;    padding: 0 0 10px 10px;}
.sub0101 .sub0101_text img{width:100%}
.sub0103 ul li span{display:block;    margin-bottom: 10px;}
.sub0104 .sub0104_ban p{word-break:keep-all;}
.sub0105 #daumRoughmapContainer1545197767822 .wrap_map{height:300px!important}

.sub0103_sec1 .left{width:100%;    padding: 0;  padding-left: 20px;
        margin: 10px 0 20px;    text-align: left;}
.sub0103_sec1 .right{    width: 100%;
    max-width: 376px;
    margin: 0 auto 10px;
    float: unset;}

.sub0106_sec2 .vision_txt{    padding-left: 20px;
    width: 100%;
    margin: 0 auto 30px;
    float: unset;
    padding: 0;
    max-width: 300px;}
.sub0106_sec2 p{text-align:center;}

.sub0202 .sub0202_history li.data span{    word-break: keep-all;
    line-height: 25px;
    display: block;
    width: 100%;
    margin-top: 5px;}
.sub0501 ul li span.color_r{    display: block;
    margin-bottom: 5px;}
.sub0501 ul li span.color_g{margin-right:10px;}
.sub0501 ul li span.tip{    text-indent: 0px;}
.sub0502 ul li{word-break:keep-all;}

#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%;}
.sub0102_in .right img{width:100%;}

.sub0204 .sub0204_table tr th:nth-child(6), .sub0204 .sub0204_table tr td:nth-child(6),
.sub0204 .sub0204_table tr th:nth-child(7), .sub0204 .sub0204_table tr td:nth-child(7){display:none;}
.sub0205 .sub0205_sec1 .left, .sub0205 .sub0205_sec1 .right{text-align:center; width: 100%;}
.sub0205 .sub0205_sec1 .left{margin:0;padding:0;}
.sub0205 .sub0205_sec1 .right{margin:10px 0}
.sub0205 .sub0202_p{    text-align: center;margin-bottom:0}
.sub0205 .sub_text{ padding:10px 0;    text-align: center;}
.sub0205 .sub_text img,.sub0206 .sub_text img{width:100%;max-width:448px;}
.boat_list li{ width: calc(96% / 2);}
.sub0206 .sub_text{padding:0;max-width:420px;margin:0 auto 10px;}

.sub0301 .sub0101_table li:nth-child(2n){width:100%}
.sub0301 .sub0101_table li:nth-child(2n-1){width:100%}
.sub05_left img.in{    width: auto;
    max-width: 250px;
    margin: 10px auto;
    float: unset;
    text-align: center;
    display: block;}
.sub05_left p{    width: 100%;
    padding: 0;    float: unset;}

.sub05_left .sub_text{padding:10px 0;}

.sub0502 .sub_text{    padding: 10px 0;}
.sub0502 .sub_text img{width:100%;height:auto;}

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


@media screen and (max-width:400px) {
.section3_t .sec_ti{width:100%;}
.sub0101 .sub0101_table li {
    width: 100%;
}
.main_banner .main_banner_text{    letter-spacing: 0;
    word-break: keep-all;line-height: 25px; padding: 20px 0px;}
.sub0104 .sub0104_ban{padding: 30px 0 240px;}
.sub0104 .sub0104_ban .sub0104_call span{display:block;}

.sub0105_sec1 .right{width:100%;max-width:369px}
.sub0105_sec1 .right img{width:100%;height:auto;}
.sub_page .subti h1{font-size:25px;color: #fff;}

.sub0107_table li, 
.sub0107 .sub0107_table1 li, 
.sub0107_table li.mid,
.sub0107 .sub0107_table1 li:nth-child(2n),
.sub0107_1 .sub0101_table li{width:100%;    border-right: 0;
    border-left: 0;}
.sub0203 .sub_text{padding: 0 0 10px}
.sub0203 .sub_text img{width:100%;}
.sub0204_table th,
.sub0204_table td{line-height:30px;}
.sub0206 .sub_text{padding:0;max-width:420px;margin:0 auto;}
.boat_list li{    min-height: 280px;}

.sub0505 .sub_text,.sub0506 .sub_text{padding:10px 0}


.sub0101_bg {
    max-width: 800px;
    height: auto;
    width: 100%;
    padding: 40px 15px;
    background: url(/img/sub0101_bg.png)no-repeat center;
    background-size: auto;
    border-radius: 0px;
}
}