/*헤더*/
#wrap{ position:relative; overflow:hidden;}
#header{ width:100%;z-index:200;background:#fff;top:0;}
#header h1 {position:absolute; left:0; top:50%; transform:translateY(-50%);  z-index:9999;}
.header_inner{position:relative; width:91rem; margin:0 auto;}
.header_inner:after{content:""; display:block; clear:both;}
#header .header-top{position:relative;height:1.8rem;}
#header .header-top:after{content:'';display:block;position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0;}
#header .header-top .header_inner{height:100%;display:flex;justify-content:space-between;}

#header .header-top .link-list{display:flex;}
#header .header-top .link-list li {width:9rem;background:#6256ac;}
#header .header-top .link-list li a{font-size:0.8rem;color:#fff;display:flex;justify-content:center;align-items:center;height:1.8rem;}
#header .header-top .link-list li a img{margin-left:5px;}
#header .header-top .link-list li:nth-child(2){background:#4a929f;}
#header .header-top .link-list li:nth-child(3){background:#7ea9d9;}

#header .header-top .link-sns {display:flex;position:absolute;right:0;}
#header .header-top .link-sns li:not(:last-child){margin-right:0.75rem;}



.gnb{position:absolute; right:6rem; font-size:0.7rem; top:50%;transform:translateY(-50%);display: flex;align-items:center;z-index:1;}
/* 로그인 전 */
.gnb .log{display:inline-block; vertical-align:top; z-index:100;font-size:0.8rem;color:#fff;}
.gnb .log li{position:relative;  display:inline-block; padding:0 0.5rem; }
.gnb .log li:before{ content : ""; display : block; position : absolute; left :-15px; top:50%;  margin-top:-2px; width : 4px; height : 4px; background : #fff; border-radius:50%; }
.gnb .log li:first-child:before{display:none;}
.gnb .log li:before{display: none;}
.gnb .log li a{color:#000;}
.gnb .log li:first-child:after{content:'';display:block;position:absolute;width:1px;height:0.75rem;background:#ddd;right:-3px;top:50%;transform:translateY(-50%);}


/* 로그인 후 관리자님 */
.gnb .log_box{display:inline-block; vertical-align:top; z-index:500; cursor: pointer;color:#333; height:1.5rem;  line-height: 1.5rem; margin-right:0.8rem;}
.gnb .log_box img{ width: 1rem; vertical-align: middle; display: inline-block; margin-right:5px;}
.gnb .log_box i, .gnb .log_box a{color: #333; margin-left:10px;}

  
/* 클릭시 내려옴 */
.gnb .login_list{position:absolute; top:40px; right:0; background: #fff; z-index:500; display: none; padding:0 20px 15px; text-align:left;}
.gnb .login_list li{display: block; padding: 5px 10px; font-size: .75rem; height:auto; line-height:1; }
.gnb .login_list li:nth-of-type(1){position: relative; padding:10px 0; margin-bottom:10px;}
.gnb .login_list li:nth-of-type(1):after{content : ""; display : block; position : absolute; bottom:0; left :50%; transform: translateX(-50%); width: 100%; height:1px; background: #ddd;}
.gnb .login_list li:nth-of-type(1) p img{width: 1.5rem;padding-right: 5px;}
.gnb .login_list li b{font-weight:500;}

/*검색*/
.search{display:inline-block;}
.search_area{width: 32.8rem; border-radius: 2rem; overflow: hidden; position: relative;}
.search_area label{display:none;}
.search_area input.insearch{  float: left; display: inline-block; font-size:0.7rem;  margin: 0;  padding: 0 0 0 20px;  width:calc(100% - 4rem);  height:4rem;  line-height: 4rem;  border: none;   color: #4B4F58; background-color:#fff ;font-weight: 400; box-sizing:border-box; border-radius:0;font-size:0.8rem;}
.inbtn {  float: left;  display: inline-block;  margin: 0;  padding: 0 0 0px 0;  border: none;  color: #999;   text-align: center;}
 a.inbtn {  padding: 0 0 0 0;  width: 4rem;  height:4rem; background-color:#fff;line-height: 1.5rem;  color:#fff; font-size:0; background: #fff url("/images/default/main/search-icon.png") no-repeat center center; }


.hashtag{margin-top:1.4rem;}
.hashtag ul{display:flex;justify-content:center;}
.hashtag ul li a{color:#fff;font-weight:300;font-size:0.9rem;}
.hashtag ul li:not(:last-child){margin-right:1.5rem;}

@media (max-width:767px){
	.search_area {width:100%;}
}



/*사이트맵 버튼*/
#header .btn-gnb-menu{position:fixed; right:0; top:0;height:5rem; line-height:5rem; cursor:pointer; z-index:9999; width:4.75rem; text-align:center;background: url(/images/default/main/site-map-icon.png)no-repeat center center;border:1px solid #ddd;border-top:none;border-right:none;}
#header.open .btn-gnb-menu{background:url(/images/default/main/site-map-icon-x.png)no-repeat center center; border:none;}
#header .btnAll { position:relative; width: 30px; height: 26px; outline: none; z-index:9999;}
#header .btnAll span { display: block; width: 100%; height: 1px; position: absolute; background-color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; border-radius:3px;}
#header .btnAll > span:nth-child(1) { top: 0; }
#header .btnAll > span:nth-child(2) { top: 10px; }
#header .btnAll > span:nth-child(3) { top: 20px; }
#header.open .btnAll > span:nth-child(1) { top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; }
#header.open .btnAll > span:nth-child(3) { top: 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.search-bx{width:100%;position:absolute;background:#493d89;height:14.25rem;top:5rem;z-index:55;display:none;transition-duration: 0.5s;}
.search-bx > div {display:flex;justify-content:center;align-items:center;height:100%;position:relative;width:32.8rem;margin:0 auto;}
.search-x{position:absolute;right:-2.5rem;top:2.5rem;cursor:pointer;}

/*탑메뉴*/
.header_inner #nav {  height:5rem;font-weight:bold;padding-left:8rem; }
.header_inner #nav > ul {clear:both;position:relative; padding:0px; margin:0; box-sizing:border-box;height:5rem;}
.header_inner #nav > ul > li { display:inline-block; float:none;  height:5rem;vertical-align:top;position:relative;}
/*.header_inner #nav > ul > li:last-child{display:none;}*/
.header_inner #nav > ul > li > div > a{font-size:1.1rem;text-align:center; color:#000; font-weight: 600;display:inline-block; height:5rem; line-height:5rem; text-transform: uppercase;position:relative;}
.header_inner #nav > ul > li > div{position:relative; padding:0 2rem;}

.header_inner #nav > ul > li > div > a strong{font-weight: 600;}
.header_inner #nav ul li ul {z-index: 100;position: absolute;display: none; width:11.8rem; height: auto; left:50%;  top:5rem; box-sizing:border-box; padding:1.4rem 1.4rem; margin-left:-5.9rem;  background: #6256ac;   text-align:center; }
.header_inner #nav ul li ul li {margin-top:0.74rem;}
.header_inner #nav ul li ul li:first-child{margin-top: 0;}
.header_inner #nav ul li ul li a{color:#fff; font-size:0.84rem; height:auto; font-weight:normal;}
.header_inner #nav ul li ul li a:hover{color:#ffe75e; text-decoration:underline !important;}
.header_inner #nav ul li ul li a:focus{color:#ffe75e;}

/*주요 프로그램 탑메뉴 예외*/
.header_inner #nav ul.excep{background: #6256ac; width:580px; height:120px; text-align:left; padding:1.5rem; position:absolute; box-sizing:border-box;font-size:0.85rem; left:40%;}
.header_inner #nav ul.excep > li{display:block; height:auto; position:static; margin-bottom:10px;}
.header_inner #nav ul.excep > li > a{ color:#fff; font-weight:normal; background:url(/images/default/main/plus.png) no-repeat right center; padding-right:30px;}
.header_inner #nav ul.excep > li > a.on{ color:#fff; font-weight:normal; background:url(/images/default/main/minus.png) no-repeat right center; padding-right:30px;}
.header_inner #nav ul.excep > li.on > a{color:#f9e183;  text-decoration:underline !important; background:url(/images/default/main/minus.png) no-repeat right center;}
.header_inner #nav ul.excep > li > ul{display:block; position:absolute; left:380px; top:1.5rem; padding:0; width:260px;}
.header_inner #nav ul.excep > li > ul:before{content : ""; display : block; position : absolute; left : -25px; top:0;  width :1px; height : 100%; background : #8c57ad;}
.header_inner #nav ul.excep > li > ul > li{width:50%; float:left;text-align:left; margin-top:0; margin-bottom:10px; position:relative; padding-left:10px;}
.header_inner #nav ul.excep > li > ul > li:before{content : ""; display : block; position : absolute; left : 0; top:13px;  width :6px; height : 1px; background : #fff;}
.header_inner #nav ul.excep > li > ul > li a{font-size:0.8rem !important; }
.header_inner #nav ul.excep > li a:hover{color:#f9e183;  text-decoration:underline !important;}

/*사이트맵*/
/* ****************** 사이트맵 ********************** */
/* -------- 사이트맵 01 -------- */
/* 사이트맵 01 */
.sitemap-wrapper{padding:30px; background-color:#fff;}
.sitemap-wrapper > ul{display:table; width:100%; table-layout:fixed;}
.sitemap-wrapper > ul > li{display:table-cell; vertical-align:top; text-align:center;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding:15px; font-size:18px; background-color:#f2f2f2;  letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li ul {padding:0 5% 20px;}
.sitemap-wrapper > ul > li ul a{display:block; padding:10px 0; color:#666; font-size:14px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li ul a:hover{color:#000; }

/* -------- 사이트맵 -------- */
#siteCon{	position:fixed; top:0; left:0; right:0; bottom:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;   z-index:999;-webkit-transition:all 0.3s  0.5s;transition:all 0.3s  0.5s;
}
#siteInCon{position:absolute; top:0; left:0; bottom:0; right:120px;}
#siteCon .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#siteCon .flipBg{float:left; position:relative; height:100%;}

#siteCon .flipBg:after{	
	content:""; 
	position:absolute; right:0; top:0px; 
	width:100%; height:100%; 
	background: #000; 
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;
}

/* 사이트맵 02 :: 메뉴리스트 */
.siteCon_dep2{height:100%; }
.siteCon_dep2 > ul{overflow:hidden; position:relative; z-index:1; height:100%;}
.siteCon_dep2 > ul > li{overflow:hidden; float:left; width:20%;height:100%;position:relative;padding-top:15%;}
.siteCon_dep2 > ul > li:after{content:'';display:block;position:absolute;width:1px;height:100%;background:#ddd;right:0;top:0;}
.siteCon_dep2 > ul > li:last-child{display:none;}
.siteCon_dep2 > ul > li > div > a {position:relative; color:#333;font-weight:700;}
.siteCon_dep2 > ul > li > div > a:hover{color:#000;}
.siteCon_dep2 > ul > li > div{color:#191919; font-size:1.4rem; letter-spacing:-1.0px;font-weight:600;padding:0 15%;margin-bottom:1.5rem;}
.siteCon_dep2 > ul > li > ul > li > ul > li{display:none;}

.siteCon_dep2 > ul > li ul a{overflow:hidden; position:relative; display:block;  padding:20px 15%; color:#777; font-size:1rem; letter-spacing:-0.15px; font-weight:400; line-height:1.2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.siteCon_dep2 > ul > li ul a:after{position:absolute; top:0; left:0; width:0; content:""; height:100%; background:#6256ac; z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.siteCon_dep2 > ul > li ul a span{position:relative; z-index:1;}
.siteCon_dep2 > ul > li ul a .gnb-icon{display:none;}
.siteCon_dep2 > ul > li ul a:hover{color:#fff; }
.siteCon_dep2 > ul > li ul a:hover:after{width:100%; }
.siteCon_dep2 ul li span{
	display:block; opacity:0;filter:Alpha(opacity=50);
	-webkit-transform:translateX(-5%);
	transform:translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; 
}
/* 사이트맵 open */
#siteCon.open{
	opacity:1.0;filter:Alpha(opacity=100); 
	visibility:visible; 
	background-color:#fff;
	-webkit-transition:all 0.3s  0s; 
	transition:all 0.3s 0s;
}
#siteCon.open .flipBg:before{height:100%;}
#siteCon.open .flipBg:after {width:0;}
#siteCon.open .flipBg {
	-webkit-transform: scaleX(1);
	transform: scaleX(1); 
	transform-origin:right top; 
	transition-property: transform;
}
#siteCon.open .siteCon_dep2 ul li span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); 
}




/*푸터*/
#footer{ clear:both;background:#313033; color:#a5a5a5; font-size:0.9rem;width:calc(100% - 95px);}
#footer .footer-inner {width:1625px;margin:0 auto;}
#footer .footer-inner .footer-top{padding:1.25rem 0;border-bottom:1px solid #464647;margin-bottom:3rem; }
#footer .footer-inner .footer-top ul {display:flex;margin-left:-1.75rem;}
#footer .footer-inner .footer-top ul li{padding:0 1.75rem;position:relative;}
#footer .footer-inner .footer-top ul li:not(:last-child):after{content:'';display:block;position:absolute;width:5px;height:5px;background:#8a8a8a;border-radius:50%;top:50%;right:0;transform:translate(-50%,-50%);}
#footer .footer-inner .footer-top ul li a {color:#8a8a8a;font-weight:600;font-size:0.8rem;}
#footer .footer-inner .footer-top ul li a:hover{color:#fff;font-weight:700;}
#footer .footer-inner .footer-con {padding-bottom:4.5rem;position:relative;} 
#footer .footer-inner .footer-con > div.footer-bx p{color:#9a8cf1;font-weight:700;}
#footer .footer-inner .footer-con > div.footer-bx b {color:#fff;display:inli ne-block;margin-right:5px;}
#footer .footer-inner .footer-con > div.footer-bx em{padding:0 0.75rem;}
#footer .footer-inner .footer-con > div.footer-bx:not(:last-child){margin-bottom:1.5rem;}
#footer .footer-inner .footer-con .copy {color:#b8b8b8;font-weight:600;font-size:.8rem;margin-top:3.5rem;}
#footer  .footer-logo {position:absolute;right:0;top:4.75rem;}
#footer  .footer-logo a{display:inline-block;}
#footer  .footer-logo a:not(:last-child){margin-right:1.7rem;}
#footer  .top{width:3rem;height:3rem;background:#6256ac;color:#fff;text-align:center;position:absolute;cursor: pointer;right:0;padding:1.5rem 0 0 0;font-size:0.8rem;font-weight:500;border-radius:10px;}
#footer  .top:after{content:'';display:block;position:absolute;width:0.7rem;height:0.85rem;background:url(/images/default/main/top-icon.png)no-repeat center center;background-size:cover;left:50%;transform:translateX(-50%);top:0.6rem;}
#footer  .site_shotcut {width:11.5rem;background:#222222;border-radius:10px;color:#fff;position:absolute;top:0;right:0;}
#footer .site_shotcut dl{position:relative;}
#footer .site_shotcut .site_click {position:relative; height: 2.75rem; line-height: 2.75em; width:100%; padding: 0 1rem; text-align:left; opacity:1; transform:none; -webkit-transform:none; transition:none; -webkit-transition:none;font-family:'Pretendard','Noto Sans KR','나눔고딕', 'Nanum Gothic', 'sans-serif';font-size:0.85rem;color:#fff;}
#footer .site_shotcut .site_click:after { content:''; position:absolute; right:1rem; top:50%; width:.3rem; height:.3rem; border:0 solid #fff; border-width:.1rem 0 0 .1rem; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#footer .site_shotcut.on .site_click:after { margin-bottom:4px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
#footer .site_shotcut .site_click:hover{transition:all .5s; }
#footer .site_shotcut .site_list { position:absolute; bottom:calc(2.3rem + 1px);width:100%; right: 0; display:none; padding:.55rem 0; border-bottom:1px solid #ddd; background-color:#eee; }
#footer .site_shotcut .site_list li a { display:block; padding:.5rem .9rem; }
#footer .site_shotcut .site_list li:hover{color:#2C7CE6;}
#footer  .site_shotcut:first-child{margin-right:1.5rem;}


@media (max-width:1625px){
	#footer .footer-inner {width:100%;padding:0 1rem;}
}
@media (max-width:1500px){
	#footer {width:calc(100% - 3rem);}
}

@media (max-width:1030px){
		#footer .footer-logo{position:relative;top:auto;right:auto;margin-top:2rem;}


}
@media (max-width:767px){
#footer .site_shotcut {top:-3rem;}
#footer .footer-inner .footer-top{margin-bottom:4rem;}
#footer .footer-logo a img{width:5rem;}
}






/********************************************************
■ 레이아웃 변경
********************************************************/

@media (max-width:1820px){
.header_inner {width:100%;}
.gnb{top:0;    transform: translateY(0);}
}
@media (max-width:1500px){
	.header_inner{ width:100%;}
	.gnb{right:4.5rem;}
	#header h1{left:1.5rem;}
	.k_mob{display:block;}
	.k_web{display:none;}
	.yknot_banner{bottom:3.5rem;}
	.header_inner #nav > ul > li > div{padding:0 1.2rem;}
	#header .btn-gnb-menu{width:3rem;height:5rem;border:none;}

}
@media (max-width:1300px){
	
	#wrap{ background-size:115%;}
    .header_inner #nav > ul > li > div{padding:0 .9rem;} 
    #footer .copyright { width:100%;padding:2rem 1rem;}
	#footer .fcon .of { width:100%;}
	#footer .fcon .notice{padding-left:1rem;}
	#footer .fcon .cust{padding:0 1rem;}
}
@media (max-width:1200px){
	#header h1 img{height:2rem;}
	#header h1{left:1rem;}
	.header_inner #nav{padding-left:7rem;}
}

@media (max-width:1120px){
    .header_inner #nav > ul > li > div > a{font-size:.9rem;}
	#header h1{width:8rem;}
}

@media (max-width:1030px){
.gnb{top:50%;    transform: translateY(-50%);}
}

/********************************************************
■ 태블릿
********************************************************/

@media (max-width:1030px){
    html{font-size:16px;}
    body{font-size:1rem}

    .tablet{display:block;}
    .web{display:none;}
    img {max-width:100%; vertical-align:middle;}

    /* 헤더 */
    #wrap{ position:relative; overflow:hidden;}
	#header .header_inner{}
	.header_inner #nav{display:none;}
	#header{width:100%; height:5rem; }
	#header h1 {position:absolute; left:1rem; top:50%; transform:translateY(-50%);  z-index:9999;}
	#header h1 img{width:7rem;}
	#header p.sns{display:none;}
	#header .btn-gnb-menu{display:block;}
    #header p.log{display:none; position:absolute; right:5rem; top:0;height:5rem; line-height:5rem;cursor:pointer; z-index:10; width:5rem; text-align:center; background: url("/images/default/main/down.png") no-repeat 90% center; background-size: 12px auto;}
    #header p.logon{ padding-top:0.84rem; line-height:1.0; }
    #header p.logon b{display:block; margin-top:10px;font-size: 0.8rem;}
    
    #header .btnAll { }
    #header .btnAll span { display: block; width: 100%; height: 2px; position: absolute; background-color: #fff; -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.42rem; }
    #header .btnAll > span:nth-child(3) { top: 0.81rem; }
    #header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
    #header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; }
    #header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

	.header_bottom{position:absolute;top:0;height:5rem;}

    /*사이트맵*/
    #header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:5rem;  z-index:100; transition:right 0.45s; background:#fff;}
    #header.open #navi{transition:right 0.45s; right:0px;}
    
	#menuAll .menu-member{display: block;}
    #navi h3{font-size:1rem; padding:1.5rem 0.75rem; line-height:1.3; color:#666; font-weight:normal; margin:0; text-align: left; background:#EFF7FE;}
    #navi h3 em{color:#6256ac; font-weight:600;}
    #navi .menu-member{background: #6256ac; overflow:hidden;}
    #navi .menu-member li{width:50%; float:left; text-align:center; padding:.75rem 0; font-size:.9rem;}
    #navi .menu-member li a{color:#fff; display:block;}
    #navi .menu-member li:nth-of-type(2n-1){ border-right: 1px solid rgba(255, 255, 255, .5);}
	#navi .menu-member li.w100{border-bottom:1px solid rgba(255, 255, 255, .5);}

    /*1차*/
    #navi ul.mbtop {width:100%; margin:0; padding:0;}
    #navi ul.mbtop li {margin:0; float:none; width:100%; padding:1rem; border-bottom:1px #eeeeee solid; background:url('/images/mobile/down.png') right +1rem center no-repeat; background-size:15px auto; }
	#navi ul.mbtop > li:last-child{display:none;}
    #navi ul.mbtop li a {padding:0; background: none; text-align:left; display:block; width:100%; height:3rem; box-sizing:border-box; font-weight:500;  font-size:1.2rem; line-height:50px;   color:#262626;}
    #navi ul.mbtop li.open_li{ position:relative;}
    #navi ul.mbtop li.open_li:after{ content : ""; display : block; position : absolute; left:95%; top:20px; width :15px; height : 8px;  background:url('/images/mobile/up.png') 0 0 no-repeat; background-size:15px auto;}
    #navi ul.mbtop li.open_li > a {color:#6256ac;}


    /*2차*/
    #navi ul.mbtop li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:0.75rem;margin-top:0;}
    #navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none;}
    #navi ul.mbtop li ul li a {color:#262626; background:url(none); font-weight:500; height:auto; line-height:30px; padding-left:0;  font-size:1.1rem;}
    #navi ul.mbtop li ul li:first-child{border: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;}
	

	/* 검색 */	
	.cate_area .pt ul{font-size:0.8rem;}
	.cate_area .pt ul li{width:33.33%;}
	.search-icon img{width:1.5rem;}


	#footer .copyright p:not(:first-child){margin-top:1rem;}

}



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

    .tablet{display:none;}
    .mob{display:block;}


    /* 헤더 */
    #header #navi{padding-top:5rem;}
	#header .header-top .link-sns{display:none;}
	#header .header-top .link-list{width:100%;}
	#header .header-top .link-list li{width:calc(100% / 3);}
	


    #header p.log{right:3.3rem;height:2.8rem; width:2.8rem; line-height:2.8rem; background-size: 8px auto; }
    #header p.log img{width:20px;}
	#header p.logon b{position:absolute; top:0; right:3.5rem; margin:0; line-height:2.8rem; }

	#sepration {height:12rem;}
    #sepration .section{}
    #sepration .section h2{font-size: 2rem;}
	
	#footer .fcon .of{height:5.5rem;}
	#footer .fcon .notice{width:100%; padding:0 1rem;     height: 2.7rem;
    overflow: hidden;}
	#footer .fcon .cust{width:100%; text-align:left; border-top:1px solid #eee;}
	#footer .copyright .fr{float:left !important; margin-top:.5rem;}

	/*검색*/
	.ts_rt{display:none;}
	.search_all{width:100%;}
	.search_all input.btnSearch{width:2rem;}	
	.tit-search h2{line-height:1.3;}	
	.sr_result .tb_view tbody td{font-size:14px;}

}


@media (max-width:500px){

	#footer .copyright .fr ul{}
	#footer .copyright .fr li{display:inline-block; padding:0 5px; text-align:center; margin:0;}
	#footer .copyright .fr li img{width: auto; height:1.6rem;}
	#footer .copyright .cust > ul{text-align:center;}
	#footer .copyright .cust > ul > li{float:none;}

}