html{font-size:20px;}
body{font-size:1rem;}

.tablet{display:none;}
.mob{display:none;}
br{font-family: 'Noto Sans KR', 'sans-serif';}


/*탑메뉴*/
#wrap{ position:relative; overflow:hidden;}
#wrap img { border:none; vertical-align:middle; }
#wrap i{vertical-align:middle;}

#header{position:relative; width:100%; z-index:100;-webkit-transition:all .3s;transition:all .3s;}
#header h1{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:100;}
#header h1 img,
#footer h3 img{width:8rem;}
#header .header_inner{position:relative; width:1400px; margin:0 auto; height:5.3rem; }
#header .header_inner:after{content:""; display:block; clear:both;}

/*gnb*/
#header .header_inner .top_menu{position: absolute; right: 0; top:0; z-index:100; font-size: 0.65rem; font-weight:500; letter-spacing:0.02em; overflow:hidden;}
#header .header_inner .top_menu li{position: relative; float:left; color: #545859; }
#header .header_inner .top_menu li a{display:block; width:98px; height:30px; line-height:30px; text-align:center; color:#fff; background:#545859;}
#header .header_inner .top_menu li.color a{background:#FEC72C;}
#header .header_inner .top_menu li.memN{margin-right:10px; letter-spacing:0; line-height:30px;}
#header .header_inner .top_menu li.memN:after{display:none;}
#header .header_inner .top_menu li:last-child{margin-right: 0;}

/*탑메뉴*/
#header .header_inner #nav {text-align:right; padding-top:25px; margin-right:2rem;}
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;}
#header .header_inner #nav ul li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;}
#header .header_inner #nav ul li {position:relative; }
#header .header_inner #nav ul li  a{text-align:center; font-weight: 500; font-size:1.1rem; display:inline-block; height:4rem; line-height:4rem; text-transform: uppercase; position:relative;margin:0 1.8rem;}
#header .header_inner #nav ul li  a strong{font-weight: 600; }
#header .header_inner #nav ul li.active div a{color:#0b9cff;}
#header .header_inner #nav ul li.active a:before{width:100%; left:0%;}


/*탑메뉴 2차*/
#header .header_inner #nav ul li ul {z-index: 100;position: absolute;display: none; width:100%; height: 14rem; left:0;box-sizing:border-box; padding:1.2rem 0;   border-top:none; text-align:center;}
#header .header_inner #nav ul li ul li {display:block;margin:0; margin-bottom:.75rem; line-height:1; padding-bottom: 0.4rem; }
#header .header_inner #nav ul li ul li a{display:inline-block; font-size:0.85rem; margin:0; height:auto; font-weight:normal; line-height:1.3;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .header_inner #nav ul li ul li a:after{position: absolute; display : block; content:''; width: 0%; height: 1px; bottom: -.25rem; left: 0; background-color: #DDB739; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease; transition: all 0.3s ease;}
#header .header_inner #nav ul li ul li a:hover{position: relative; color:#DDB739; }
#header .header_inner #nav ul li ul li a:hover:after{width: 100%;}

#header .header_inner #nav ul li.active ul li a strong{font-weight:normal;}
.bg_box{margin: 0 auto !important; display:none; position: absolute; width: 100%; height: 11rem; top:5.3rem; z-index:10; box-sizing:border-box; background-color:#fff8e6; box-sizing: border-box; box-shadow:3px 15px 15px rgba(0,0,0,0.1);}
.bg_box:after{position: absolute; content:''; display : block; top:0; left: 0; width: 32%; height: 100%; background: url("/images/default/main/tsm_bg.jpg") no-repeat center top;  z-index:-1;}

.bg_box .box_img{width:1400px; margin: 0 auto; height: 100%;  position:relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #fff;}
.bg_box .box_img h4{margin-bottom: 1rem; font-size:1.4rem; line-height:1.3;}
.bg_box .box_img p{font-size: .9rem; font-weight: 300; line-height: 1.3;}


/*사이트맵 버튼*/
#header .btn-gnb-menu{position:absolute; right:0; top:50%; transform:translateY(-10%); cursor:pointer; z-index:9999;text-align:center;}
#header .btnAll {position:relative; width:1.5rem; height:1.5rem; outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 0.15rem; position: absolute; background-color: #000; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; right:0;}
#header .btnAll > span:nth-child(2) { top: 0.5rem; right:0; width:1.1rem;}
#header .btnAll > span:nth-child(3) { top: 1rem; right:0; width:1.4rem;}
#header.open .btn-gnb-menu{display:block;}
#header.open .btnAll > span{}
#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}


/*사이트맵*/
#header #navi{background:#fff7e1 url("/images/default/main/allmenu_Bg.jpg") no-repeat center center; background-size:cover; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0;  z-index:100; transition:right 0.45s;overflow:hidden;}
#header.open #navi{transition:right 0.45s; right:0px;}
#menuAll h3{text-align: center; padding-top:8rem;  line-height:1.3; margin-bottom:2rem; color:#000;font-size:2.2rem; font-weight:100; letter-spacing:-0.06em;}
#menuAll h3 span{display:block; font-size:0.8rem; letter-spacing:5px; font-weight:600; margin-bottom:1rem; color:#FE8182;}
#menuAll h4{text-align:center;font-size:1.5rem;color:#222222;line-height:1.8rem;margin-bottom: 2rem;position:relative;}
#menuAll .mobile_top ul {overflow:hidden; width:1400px; margin:0 auto; }
#menuAll .mobile_top ul li{width:18%; float:left; margin:1%;}
#menuAll .mobile_top ul li a{display:block; font-size:1.2rem; font-weight:500; color:#fff; background:#545859; padding:1rem 0; text-align:center; width:100%; }
#menuAll .mobile_top ul li ul{margin-top:2rem;}
#menuAll .mobile_top ul li ul li{float:none; width:100%; padding-left:.75rem; position:relative; margin-top:20px; margin-left:0;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:10px; width :8px; height : 1px; background:#666;}
#menuAll .mobile_top ul li ul li a{ display:block; font-size:1rem; color:#212121; background:none; text-align: left; padding:0;}
#menuAll .mobile_top ul li ul li a:hover{text-decoration:underline !important;}
#menuAll .mobile_top ul li ul li ul{margin:20px 0 30px;}
#menuAll .mobile_top ul li ul li ul li{margin-top:0;}
#menuAll .mobile_top ul li ul li ul li:before{width:4px; height:4px; border-radius:50%; top:5px;}
#menuAll .mobile_top ul li ul li ul li a{color:#c68602; font-weight:400; font-size:0.85rem; }




/*애니메이션*/
@keyframes bgMotion1 {
  0% { transform:translateY(0px);}
  100% { transform:translateY(30px);}
} 

/*비주얼*/
#visual {width:100%; z-index: 0; position:relative; overflow:hidden;}
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:100%; height:42rem; box-shadow:inset 0 10px 10px rgba(0, 0, 0, .15);}
#visual .bxslider li .ptext {display: flex; flex-direction: column; justify-content: center; align-items: center; position:relative; margin: 0 auto; font-size:1rem; line-height:1.5; font-weight:300; box-sizing:border-box; z-index:1; color:#fff;  width:100%; height: 100%; text-align:center; }
#visual .bxslider li .ptext h3{font-weight: 800; font-size:3rem; color: #fff; line-height:1; margin:0; text-transform:uppercase;}
#visual .bxslider li .ptext h3 img{display:inline-block; width:20rem;}
#visual .bxslider li .ptext h4{font-weight: 500; font-size:1.2rem; color: #fff;  margin:1.5rem 0 0.5rem; font-family: 'JSDongkang-Bold';}
#visual .bxslider li .ptext p{}



#visual .bx-wrapper .bx-pager{right:revert;}
#visual .bx-wrapper .bx-pager.bx-default-pager{padding-top: 0; margin-right: 0;}
#visual .bx-wrapper .bx-pager.bx-default-pager a {width:3rem; height:.15rem; border-radius:.1rem; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; margin:0 .2rem; background:#fff; opacity: 0.8;}
#visual .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#FEC72C; opacity: 1;}


#visual .bx-controls-direction a {display:inline-block;width:8.4rem;height:0.75rem;z-index:11; margin:0 2.5rem;}
#visual .bx-controls-direction .bx-prev {background:url(/images/default/main/vl.png) no-repeat;font-size:0; background-size:100% auto;}
#visual .bx-controls-direction .bx-next {background:url(/images/default/main/vr.png) no-repeat;font-size:0; background-size:100% auto;}



.ani_effect {opacity: 0; transition-timing-function: ease-in; -webkit-animation: ani_effect 0.8s 0.8s;  animation: ani_effect 0.8s 0.8s;  animation-fill-mode: forwards;}

@keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
  }
}

@-webkit-keyframes ani_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
  }
}

/*컨텐츠*/
#container{margin:0; padding:0; position:relative; z-index:0; clear:both; font-size:0.95rem;line-height:1.5;}
#container .inn{width:1400px; margin:0 auto; position:relative; box-sizing: border-box; } 
#container img{vertical-align:middle;}
#container h3{font-size:2.6rem; color:#000; line-height:1.2; margin-bottom:2.5rem;  font-family: 'JSDongkang-Bold';}
#container h3 span{display:block; margin-bottom:2rem; font-size:1.2rem;  letter-spacing:0; color:#616566; font-family: 'JSDongkang-Regular';}
#container h3 em{color:#F7C729;}
#container h4{font-size:1.7rem; line-height:1.4; margin-bottom:1.5rem; color:#F7C729 ; letter-spacing:-0.02rem;}


/*소개*/
#container .cts1{position:relative; background:#FEC72C; padding: 2.5rem 0;}
#container .cts1 .inn{display:flex;align-items: center; flex-wrap: wrap;}
#container .cts1 h3,
#container .cts1 h3 span{ flex:1; color:#fff;}
#container .cts1 .inn ul{width: 47.25%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#container .cts1 .inn ul li{background-color: #ffffff;   box-shadow: 4px 0px 8px rgb(59 55 58 / 34%);    width: 46%;    padding-top: 46%;    height: 0;    position: relative;margin: 2%;}
#container .cts1 .inn ul li div{position: absolute;  top: 0; left:0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%;  height: 100%; text-align: center;}
#container .cts1 .inn ul li div img{width:4rem;}
#container .cts1 .inn ul li div h4{ font-size: 1.5rem;  font-weight: 700;    line-height: 1.2;    letter-spacing: -1px;    color: #000; width: 100%;  padding:1rem 0;  margin:0;}
#container .cts1 .inn ul li div p{font-size: .75rem;   font-weight: 500;    line-height: 1.5;    letter-spacing: -0.5px;    color: #1f1f1f; width: 100%; padding:0;}



/*청춘정거장, 청춘스럽*/
#container .cts2{padding:3.8rem 0;  position:relative;}
#container .imgtxt{display:flex; align-items: center; flex-direction:row-reverse;} 
#container .imgtxt .txt{ flex:1; padding-left: 10%;}
#container .imgtxt .imgs{width: 53%;}
#container .imgtxt .imgs li{position:relative;}
#container .imgtxt .imgs li p{position:absolute; left:0; bottom:0; display:none;}
#container .imgtxt .imgs img{width:100%;}

#container .imgtxt .txt ul{ margin-top: 50px; width: 420px;}
#container .imgtxt .txt ul li{list-style: none;  display: inline-block; text-align: center;  font-weight: 400; line-height: 1; letter-spacing: -0.5px;
color: #000000; margin: 3px 2px; cursor: pointer; vertical-align:middle;}
#container .imgtxt .txt ul li a{display: inline-block;font-size: 16px; padding: 12px 0;border-radius: 50px;width: 130px; background-color: #e6e6e6; min-height:38px;}
#container .imgtxt .txt ul li a.active {color: #ffffff !important; background-color: #F7C729 !important;}

#container .cts3{padding:3.8rem 0;  position:relative; background:#545859;}
#container .cts3 h3,
#container .cts3 h3 span{color:#fff;}

#container .imgtxt .bx-controls-direction{position:absolute; right:-60px; bottom:0;}
#container .imgtxt .bx-controls-direction .bx-prev,
#container .imgtxt .bx-controls-direction .bx-next{width:3rem; height:3rem; position:relative;}
#container .imgtxt .bx-controls-direction .bx-prev:after,
#container .imgtxt .bx-controls-direction .bx-next:after{content : "\e93b"; display : block;font-size:1.2rem; font-weight:500; text-align:center; position : absolute; left:0px; top:0; width : 100%; height : 100%; line-height:3rem; font-family:'xeicon'; }
#container .imgtxt .bx-controls-direction .bx-prev {background:#E9EAEB; }
#container .imgtxt .bx-controls-direction .bx-next {background:#F7C729;}
#container .imgtxt .bx-controls-direction .bx-prev:after{color:#4C4C4C;}
#container .imgtxt .bx-controls-direction .bx-next:after{ content : "\e93e"; color:#fff; }


/*문화*/
#container .cts4{background:#F7F7F7;  position:relative; }
#container .mega{display:flex; align-items: center; padding:3.8rem 0;} 
#container .mega .txt{width: 40%; padding:0 7%;line-height:1.7;}
#container .mega .txt .more{margin-top:1.5rem;}
#container .mega .txt .more a{color:#f7c729; text-decoration:underline !important;}
#container .mega .imgs{flex:1;  }
#container .mega .imgs ul{overflow:hidden;}
#container .mega .imgs li{width:50%; float:left; padding-top:37.3%; position:relative;}
#container .mega .imgs li div{position:absolute; left:0; top:0; right:0; bottom:0; padding:8px;}
#container .mega img{width:100%; height:100%;}
#container .mega .imgs li:nth-of-type(1){padding-top:74.6%;}

#container .mega.value{flex-direction:row-reverse; padding-top:0;}
#container .mega .imgs2{flex:1; }

#container .cts5{position:relative; padding: 2.5rem 0; text-align:center;}
#container .cts5 ul li{display:inline-block; margin:0 3rem;}
#container .cts5 ul li a{}
#container .cts5 h4{color:#545859; margin-bottom:2.5rem; font-size:1.6rem;}


/*푸터*/
#footer{ clear:both; line-height:1.5;background-color:#434343; color:#bdbec6; font-size:.8rem; letter-spacing:0.02em; position:relative;}
#footer .copyright { width:1400px; margin:0 auto; padding:3rem 0;position:relative;  overflow:hidden;}
#footer .fl_txt{float:left;}
#footer .fr_txt{float:right; text-align:right;}
#footer .copyright p span{margin-right:10px;}
#footer .copyright .copy{margin-top:10px;}

#footer .fcon{margin-bottom: 1rem;}
#footer .fcon li{display:inline-block; margin-left:15px; padding-left:15px; position:relative;}
#footer .fcon li:before{content : ""; display : block; position : absolute; left : 0; top:50%; margin-top:-9px;  width :1px; height : 18px; background : #898989;}
#footer .fcon li:first-child{margin-left:0; padding-left:0;}
#footer .fcon li:first-child:before{display:none;}
#footer .fcon li a{color:#fff; }

#footer .sns{margin-bottom:0.5rem;}
#footer .sns li{display:inline-block; margin-left:0.5rem;}
#footer .sns li img{width:2.3rem;}



/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1400px){
	#header .header_inner{width:100%;}
	#header h1 img,
	#footer h3 img{width: 10rem;}	


	/*탑메뉴*/
	#wrap{overflow-x:hidden;}	
	#header .header_inner{width:100%; padding:0 1rem;}
	#header .header_inner h1{left:1rem; width:9rem;}
	#header .header_inner #nav ul li a {margin:0 1rem; font-size:1rem;}

		
	/*탑메뉴 2차*/
	.bg_box .box_img{width:100%; margin: 0; padding: 1rem;}
	.bg_box .box_img h4{font-size:1.2rem;}
	.bg_box .box_img p{font-size:0.75rem;}
	.bg_box:after{width:25%;}

	#header .btn-gnb-menu{right:1rem;}


	/*컨텐츠*/
	#container .inn{width:100%; padding:0 1rem;}

	/*문화*/
	#container .mega .txt{width: 450px; padding:0 2%;}
	/*로고배너*/
	#container .cts5 ul li{margin:0.5rem 1rem;}

	/*푸터*/
	#footer .copyright{width:100%; padding:2rem 1rem;}
}



/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	html{font-size:16px;}
    body{font-size:1rem}
	.web{display:none;}
    .tablet{display:block;}   
    
	/* 헤더 */
	#header h1 img,
	#footer h3 img{width: 10rem;}
	#header h1{transform:translateY(-50%);}
	#header .header_inner {height: 4rem; position:relative;}
	#header .header_inner #nav{display:none; }	
	#header .header_inner .top_menu{display:none;}
	#header .btn-gnb-menu{width:4rem; height:4rem;}
	
	/*사이트맵 버튼*/
	#header .btn-gnb-menu{display:block; position:absolute; right:0; top:0; width:4rem; height:4rem; transform: translateY(0%);cursor:pointer; z-index:9999; text-align:center; }
	#header .btnAll {position:relative; width:1.5rem; height:1.3rem; top:50%; transform:translateY(-50%);outline: none; z-index:9999;margin-top:0;}
	#header .btnAll span { display: block; width: 100%; height: 0.12rem; position: absolute; background-color: #000; -webkit-transition: all 0.25s; transition: all 0.25s; }
	#header .btnAll > span:nth-child(1) { top: 0;}
	#header .btnAll > span:nth-child(2) { top: 0.5rem; }
	#header .btnAll > span:nth-child(3) { top: 1rem;}
	#header.open .btn-gnb-menu{display:block; }
	#header.open .btnAll > span{}
	#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
	#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
	#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}

	/* gnb */
	.menubg{display:none;}
	#header #navi .gnb li{width:50%; float:left;}
	#header #navi .gnb li a{display:block; width:100%; height:3rem; line-height:3rem; text-align:center; background:#535353; color:#fff; font-weight:500; letter-spacing:0.04em;}
	#header #navi .gnb li.color a{background: #FEC72C;}
	#header #navi .gnb .memN{position:absolute; left:1rem; top:25px; font-weight:100; font-size:1.2rem;}

	#header #navi .sns{position:absolute; left:0; bottom:2rem; width:100%; text-align:center;}
	#header #navi .sns li{display:inline-block; margin:0 15px;}
	#header #navi .sns li img{width:2rem;}

	/*전체메뉴*/	
	#header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:4rem; z-index:100; transition:right 0.45s;}
    #header.open #navi{transition:right 0.45s; right:0px;}
    #menuAll{display: block;}
    #navi h3{font-size:1.2rem; padding:1rem 0.75rem; line-height:1.3; font-weight:normal; margin:0; text-align: center;background: linear-gradient(to left, #a5c854, #67c5cc); }
    #navi h3 em{font-weight:600;color:#fff;}
	#menuAll .mobile_top{width:100%;height:auto; flex-direction: column;}
	#menuAll .mobile_top .mbtop{flex-direction: column;}
	#menuAll .mobile_top .mbtop > li > a:after{display:none;}
	
    /*1차*/
    #navi ul.mbtop {width:100%; margin:0; padding:0;}
    #navi ul.mbtop li {margin:0; float:none; width:100%; padding-right:0; border-bottom:1px #eeeeee solid; position:relative; }
	#navi ul.mbtop li:after{ content :"\e941"; display : block; position : absolute; right:1rem;  top:15px;font-family:'xeicon'; font-weight:500; }

    #navi ul.mbtop li a {padding:0; background: none; text-align:left; display:block; width:100%; padding:15px 1rem;box-sizing:border-box; font-size:1.15rem;  color:#262626;}
    #navi ul.mbtop li.open_li{ position:relative;}
    #navi ul.mbtop li.open_li:after{ content :"\e944";}
   
    /*2차*/
    #navi ul.mbtop li ul {display:none; float:none; background-color:#fff7e1; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:1rem 1rem; margin-top:0;}
    #navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none; padding-left:0;}
    #navi ul.mbtop li ul li a {color:#262626; background:url(none);  height:auto; padding-left:0;  font-size:1.1rem;}
	#navi ul.mbtop li ul li a:hover{color:#fdaf0f;}
    #navi ul.mbtop li ul li:after,
	#navi ul.mbtop li ul li:before{display:none;}

    /*3차*/
    #navi ul.mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
    #navi ul.mbtop li ul li ul li {display:none;}

	#menuAll .mobile_top > ul > li:nth-child(2) > a{ background: #fff; }
	#menuAll .mobile_top > ul > li:nth-child(3) > a{ background: #fff; }
	#menuAll .mobile_top > ul > li:nth-child(4) > a{ background: #fff; }
	#menuAll .mobile_top > ul > li:nth-child(5) > a{ background: #fff; }

	#navi ul.mbtop li.open_li > a {color:#fdaf0f;}


	/*비주얼*/
	#visual .bxslider li{height:36rem;}
	#visual .bx-wrapper .bx-controls{bottom: 1rem;}


	/*컨텐츠*/
	#container h3{margin-bottom:2rem; text-align:center; font-size: 1.7rem;}
	#container h3 span{margin-bottom:1rem;}
	#container h4{font-size:1.5rem;}

	/*소개*/
	#container .cts1 .inn{display:block;}
	#container .cts1 .inn ul{width:70%; margin: 0 auto;}
	#container .mega .imgs,
	#container .mega .imgs2{width:100%; margin-top:1.5rem;}
	#container .mega .imgs ul{margin:0 -2%;}


	/*청춘정거장, 청춘스럽*/
	#container .imgtxt{display:block;}
	#container .imgtxt .txt{padding:0 1rem;}
	#container .imgtxt .txt ul{width:100%; margin:2rem 0; text-align:center;}
	#container .imgtxt .imgs{width:100%;}
	#container .imgtxt .bx-controls-direction{right:0;}


	/*문화*/
	#container .mega{display:block;}
	#container .mega .txt{width:100%; padding:0 1rem;}

	

}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	html{font-size:16px;}
    body{font-size:1rem}
	
	.mob{display:block;}


	/*탑메뉴*/
	#wrap{font-size:1rem;}	
	#header h1{left: 1rem;}
	#header h1 img,
	#footer h3 img{max-width: 7rem;}
	#header .header_inner{height:3.6rem;}
	#header #navi{padding-top:3.6rem;}
	#header .btn-gnb-menu{width:3.6rem; height:3.6rem;}

	

	/*비주얼*/
	#visual .bxslider li .ptext h3 img{width:15rem;}
	#visual .bxslider li{height:30rem;}	
	#visual .bx-wrapper .bx-controls{bottom: 0;}
	#visual .bx-controls-direction a{width:4rem;}
	.bx-wrapper .bx-controls-auto .bx-stop,
	.bx-wrapper .bx-controls-auto .bx-start{width:1rem;}
	


	/*컨텐츠*/
	/*소개*/
	#container .cts1 .inn ul{width:100%;} 
	#container .cts1 .inn ul li div img{width:3rem;}
	#container .cts1 .inn ul li div h4{font-size:1.6rem;}

	/*청춘정거장, 청춘스럽*/
	#container .imgtxt .txt ul li{width:30%;}
	#container .imgtxt .txt ul li a{width:100%; font-size: 13px;}
	#container .imgtxt .bx-controls-direction .bx-prev,
	#container .imgtxt .bx-controls-direction .bx-next{width:2.5rem; height:2.5rem; }
	#container .imgtxt .bx-controls-direction .bx-prev:after,
	#container .imgtxt .bx-controls-direction .bx-next:after{line-height:2.5rem;}

	/*로고배너*/
	#container .cts5 ul li img{height:2rem;}


	/* 푸터 */
	#footer{ font-size:.9rem;}
	#footer .fl_txt{float:none; width:100%; text-align:center; font-size:0.85rem;}
	#footer .fr_txt{float:none; width:100%; text-align:center; margin-top:20px;}
	#footer h3{display:none;}
}


@media (max-width:320px){
	/*비주얼*/	
	#visual .bxslider li{height:24rem;}	
	
	#container h3,
	#container .txt h3{font-size:1.6rem;}

	/*소개*/
	#container .cts1 .inn ul li div p{font-size:12px; padding:5px 0 5px;}
	
	#footer .fcon li{margin-left:4px; padding-left:6px;}

}