@media screen and (max-width:1100px) { 
 .gall_row .col-gn-4 { 
 width: 33%; 
 } 
#wrapper { } 
#wrapper02 { } 
#wrapper02 #container_wr { padding: 10px; } 
#container_1200 { 
width: calc(100% - 20px); 
 } 
#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: 10px 0 10px; 
margin: 0 auto; 
display: inline-block; 
 } 
#logo a { 
line-height: 50px; 
position: absolute; 
left: 0; 
top: 0; 
width: 100%; 
 } 
#logo img { 
height: 32px; 
margin: 0 auto; 
 } 
#logo > span { display: block; float: left; cursor: pointer; font-size: 25px; position: relative; color:#222; 
 z-index: 66; } 
#logo a:after { 
width: 250px; 
height: 15px; 
position: absolute; 
bottom: -14px; 
left: 50%; 
margin-left: -125px; 
z-index: -1; 
background-size: 100% 100%; 
 } 
.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%; } 

.hd_pops { 
 left: 50% !important; 
 margin-left: -150px; 
 width: 300px; 
 border-radius: 10px; 
 overflow: hidden; 
 } 
.hd_pops_con { 
 width: 100% !important; 
 height: auto !important; 
 } 



#aside { position: fixed; left: -345px; top: 0px; margin: 0px; z-index: 1000000000; overflow-y: auto; } 
.close_menu { position: fixed; display: block; height: 0px; z-index: 1000000000; top: 0px; left: -100px } 
.close_menu > i { 
font-size: 20px; 
cursor: pointer; 
color: #fff; 
background: #5E3D76; 
display: inline-block; 
padding: 0 6px; 
margin-top: 9px; 
border-radius: 50%; 
line-height: 50px; 
width: 50px; 
text-align: center; 
 } 
.mobile_menu { display: block; } 


#ft_wr { width:100%; } 


.mobile_menu { } 
.mobile_menu > ul { padding-bottom: 15px; } 
.mobile_menu > ul > li { 
position: relative; 
width: 100%; 
padding: 10px 0 0; 
font-size: 15px; 
border-bottom: 1px solid #ddd; 
 } 
.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #999; font-size: 20px; cursor: pointer; } 
.mobile_menu > ul > li > ul { 
display: none; 
background: #f3f3f3; 
padding-bottom: 10px; 
border-top: 1px solid #ddd; 
font-size: 13px; 
padding-left: 20px; 
 } 
.mobile_menu > ul > li > ul > li { width: 100%; padding: 10px 15px 0px 10px; } 
.mobile_menu > ul > li > ul > li a { color:#111; display:block; } 
.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; } 
.gnb_1da { 
color: #111; 
margin-left: 10px; 
display: inline-block; 
padding: 0; 
border:0; 
margin-bottom: 10px; 
 } 

.slide_text { 
 text-align: left; 
 width:90%; 
padding:40px 0; 

 } 
.slide_text p { word-break:keep-all; font-size:24px; text-align: center; } 

.cont01 .cont01_ul > li .p { 
 font-size: 12px; 
white-space: normal; 
 border-bottom:0; 
 } 

/*서브*/
#container02 { 
float: none; 
width: calc(100% - 40px); padding: 20px 0px 50px; 
 } 

.left_menu ul { border:0; margin-left:1px; margin-top:1px; } 
.left_menu li:nth-child(1) { display:none; } 
.left_menu li { border:0; margin-left: -1px; text-align:center; margin-top: -1px; } 
.left_menu li a { 
 height: 40px; 
 border: 1px solid #ddd; 
 padding: 10px 0; 
 line-height: 120%; 
 overflow: hidden; 
 } 
.left_menu { 
 width: 100%; 
 float: none; 
 } 

.left_menu ul:after { content:""; display:block; clear:both; } 
.left_menu_2 li { width:50%; float:left; } 
.left_menu_3 li { width:calc(100% / 3); float:left; } 


.sub0101 .greeting_wrap .left { padding-left: 0%; } 
.sub0101 .greeting_wrap .left strong { 
 font-size: 25px; 
 margin-bottom: 10px; 
 } 
.sub0101 .greeting_wrap .left p { 
 font-size: 16px; 
 } 

#ft_link { padding: 5px 0; text-align: center; } 
.ft_wrap { text-align: center; } 
#ft_catch { 
float: none; 
padding: 0 0 15px; 
margin: 0 auto; 
max-width: 200px; 
 } 
 
.ft_text { 
float: none; 
width: 96%; 
margin-top: 0; 
margin:0 auto; 
 } 
.ft_text p.copy { 
 font-size: 12px; 
 } 
.ft_link a { 
 padding: 0 5px; 
 font-size: 13px; 
 } 
.ft_inz_img { 
position: static; 
margin-top: 10px; 
width: 100%; 
max-width: 548px; 
 } 
#aside { display:block; } 
#top_btn { display:block; } 
.float { display:none; } 
 } 

@media screen and (max-width:1000px) { 
.sub0201 .brand li { height:300px; } 
 } 

@media screen and (max-width:900px) { 
 .lview { 
 display: none; 
 } 
 .sview { 
 display: block; 
 } 
 .img_box { 
 width: 100%; 
 height: 315px; 
 background: url(/img/sub0101.jpg) no-repeat center; 
 background-size: cover; 
 } 

 .text_box { 
 width: 100%; 
 padding: 0; 
 transform: translate(0, 0px); 
 margin-top: 35px; 
 } 
.cont01 .cont01_ul > li { 
 width: calc((100% - 25px) / 2); 
 float: left; 
 margin-right: 25px; 
 } 
.cont01 .cont01_ul > li:nth-child(2) { 
 margin-right: 0; 
 } 
.cont01 .cont01_ul > li:last-child { 
 width: 100%; 
 } 

.sub_top { height:170px; } 
.sub_top .sub_top_text { 
 font-size: 14px; 
 padding-top: 30px; 
 height: 140px; 
 } 
.sub_top .sub_top_text b { font-size: 18px; } 
.sub_top .sub_top_text img { height:100%; width:auto; max-height: 80px; } 

.sub_top .sub_top_text_wrap { 
 font-size: 16px; 
 max-width: calc(100% - 20px); 
 } 
.sub_top p { 
 font-size: 13px; 
 } 

.navi_wrap { 
 display: none; 
 } 
.sub_page { 
 font-size: 13px; 
 } 

.sub0201 .brand .txt1 h4 { float:none; } 
.sub0201 .brand .txt1 p { float:none; } 
.sub0201 .brand .txt2 { font-size:14px; } 
 
.sub0301_table td p { 
 white-space: normal; 
 } 
/*인사말*/
.sub0101 { display: block; margin-top: 40px; white-space:normal; font-size: 15px; } 
.sub0101 .tit01 { font-size: 24px; margin-right:0px; margin-bottom:20px; display: block; } 
.sub0101 .sign { width:200px } 

/*홍보센터*/
.sub0103, .sub0103_box02 { display:block } 
.sub0103_img { display:none } 
.sub0103_box02 > div { width:100% } 
.sub0103_box02_l { padding-left:0px; margin-top:20px } 
.d_box, .sub0103 { font-size:15px } 
.sub0103_box01 li b, .d_box_bb { font-size: 18px; } 
.sub0103_box01 li span { font-size: 20px; 
 line-height: 45px; 
 margin-right: 15px; width: 50px; 
 height: 50px; 
 } 
.d_box { padding: 24px; } 
.sub0103_box01 li { align-items: start; margin-bottom: 30px; } 
 } 
@media screen and (max-width:700px) { 
#tnb ul { width: 100%; } 
.left_menu ul { font-size:13px; } 
.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 { 
height: 400px; 
 } 
.slide_text { 
 width: 85%; 
 margin: 80px auto; 
 } 

.slide_text p { font-size:20px; } 
.slide_text p:nth-child(2) { font-size: 38px; } 
.cont01 { 
 padding: 40px 0 10px; 
 } 

.sub_history .hist_depth1 > li:first-child { 
 display: none; 
 } 
.sub_history .hist_depth1 > li { 
 width: 50%; 
 } 
.sub_history .hist_depth2 { 
 width: 100%; 
 } 


.root_daum_roughmap .wrap_map { height:300px !important; } 

.slt .slt_more { 
top: -43px !important; 
 } 

.sub0101 .top_img li:nth-child(even) { 
 margin-right: 0; 
 } 
.sub0201_wrap_ul li { 
 width: 100%; 
 float: none; 
 margin-bottom: 20px; 
 } 

.sub0201 .brand li { float:none; width:100%; height:auto; } 
.sub0201 .brand .txt1 h4 { float:left; } 
.sub0201 .brand .txt1 p { float:right; } 

.gall_row > li { 
 padding-left: 5px; 
 padding-right: 5px; 
 } 
#bo_v { 
 padding: 0; 
 } 

.sub0101 .greeting_wrap .left, .sub0101 .greeting_wrap .right { float:none; width:100% } 
.sub0101 .greeting_wrap .left strong { font-size: 20px; } 
.sub0101 .greeting_wrap .left em { font-size: 16px; } 
.sub0101 .greeting_wrap .left p { font-size: 14px; white-space: normal; } 
.sub0101 .greeting_wrap .right { margin-top:20px } 

h3 { font-size: 20px; margin-bottom: 15px; } 
.box_st h4:after { display:none } 
.box_st h4 { font-size: 18px; position: relative; width:100%; margin-bottom: 10px; } 
.box_st > div { padding-left: 0px; min-height: auto; } 
.sub0201_top { font-size: 14px; } 
table.t-view th, table.t-view td { padding:5px } 
.box_st { font-size: 14px; margin-bottom: 30px; 
 padding-bottom: 30px; } 
 } 


@media screen and (max-width:600px) { 
 #container02 { 
 width: calc(100% - 32px); 
 } 
 .gall_row .col-gn-4 { 
 width: 50%; 
 } 


.cont01 { 
 padding:0; 
 } 
.cont01 #container_1200 { 
 width:100%; margin-top: 10px; 
 } 
.cont01 .cont01_ul > li { 
 width: 100%; 
 float: none; 
 margin-bottom:10px; 
 } 
.cont01 .cont01_ul > li strong { 
 font-size: 20px; 
 padding: 0 10px; 
 } 
.cont01 .cont01_ul > li .p { 
 padding: 10px 10px 15px 10px; 
 } 
/*서브*/
.sub_ti { font-size:22px; } 

.slt .slt_content { 
 padding: 0; 
 } 

.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; 
 } 

.sub0201 h1 { font-size: 20px; } 
.sub0201 h2 { font-size: 16px; word-break: keep-all; 
 letter-spacing: -0.5px; } 
.sub0301_table, .sub0301_table tbody , .sub0301_table tr, .sub0301_table th, .sub0301_table td { 
 display: block; 
width: 100%; 
 } 
.sub0301_table th img { 
 max-width: 100%; 
 } 
.sub0301_table td { 
 padding-left: 0; 
 padding-bottom: 30px; 
 } 



.sub_tbl tr, .sub_tbl th, .sub_tbl td { display:block; } 
.sub_tbl th { 
 padding: 10px 0 5px; 
 border-bottom: 0; 
 border-right: 0; 
 text-align: left; 
 } 

.sub_tbl th:nth-child(3) { 
 border-left: 0; 
 } 
.sub_tbl td { 
 padding: 0 0 10px 0; 
 } 
.bx-controls.bx-has-controls-direction { 
 bottom: 5px !important; 
 } 




.ft_text { 
 font-size: 12px; 
 line-height: 16px; 
 white-space: unset; 
 } 
 #ft_catch{
  max-width: 160px;
 }

 } 



@media screen and (max-width:500px) { 
 .sub0101 strong { 
 font-size: 20px; 
 } 

.sub0301_ul li .round { 
width: auto; 
 margin-right: 0; 
 float: none; 
 margin-bottom: 5px; 
 height: inherit; 
 padding: 0; 
 text-align: left; 
 color: #01a5e3; 
 background: none !important; 
 } 
.sub0301_ul li p { 
 width: 100%; 
 white-space: normal; 
 float: none; 
 } 
 
#bo_sch select { width:20%; } 
#bo_sch .sch_input { width:calc(80% - 50px); } 
 } 



@media screen and (max-width:430px) { 
.slide_text p { font-size:17px; } 
.slide_text p:nth-child(2) { font-size: 32px; } 
 } 

@media screen and (max-width:380px) { 
 .slide_text p { font-size:16px; } 
 .slide_text p:nth-child(2) { font-size: 28px; }
  #ft_catch{
    max-width: 125px;
  } 
 }