/* font Setting */
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family:'SBAggroM'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
    font-family:'SBAggroL'; 
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff'); 
    font-weight:normal; 
    font-style:normal; 
}
@font-face {
    font-family: 'Exercise Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Exercise Regular'), url('ExerciseRegular-7B8Aw.woff') format('woff');
    }

html, body {font-family:'Pretendard-Regular'; font-size:18px; line-height:1.4; color:#000;}


* {margin:0; padding:0; box-sizing:border-box;}

.hide {position:absolute; left:-9999px; top:0; overflow:hidden; text-indent:-9999px;}

button {font-family:'NanumSquareRound'; font-size:18px; line-height:1.4em;}

:root{
    --color_white:#fff;
    --color_black:#000;
    --color_P:#461A72;
    --color_Pl:#6C1BBC;
    --color_Pd:#7F6C98;
    --color_Dp:#CD3885;
    --color_Lp:#F3A1C6;
	

    --bg-lp:rgba(243, 161, 198, 0.05);
    --bg-lp01 : #F5F1F3;
    --bg_Lpink:#FDF9FB;
	--opacity_05: 5%;
    --filter_black:invert(0%) sepia(4%) saturate(0%) hue-rotate(324deg) brightness(102%) contrast(105%);

	--font_style_1:'SBAggroM';
	--font_style_2:'Exercise Regular';
}

@media print{
    #header{display:none;}
}

/* skip_navigation */
#accessibility {position:absolute; width:100%; top:-1px; left:0; z-index:10000;}
#accessibility li {position:absolute; top:-1px; left:0; width:100%;}
#accessibility a {display:block; width:100%; height:1px; font-size:0.875rem; font-weight:bold; color:#fff; text-decoration:none; overflow:hidden; text-align:center; background:#000;}
#accessibility a:active,#accessibility a:focus {height:40px; line-height:40px; color:#fff;}


/* header CSS */
#header {width:100%; height:70px; font-size:0; position:fixed; top:0; left:0; z-index:999; background:rgba(255,255,255,0); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
#header .headerWrap {width:1660px; height:100%; margin:0 auto; display:flex; flex-flow:row; justify-content:space-between; align-items:center;}
#header .logo a {width:auto; height:40px; display:flex; flex-flow:row; align-items:flex-end;}
#header .logo a span {width:90px; height:100%; display:inline-block; position:relative;}
#header .logo a span img {-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;}
#header .logo a span img.normal {position:absolute; z-index:0;}
/* #header .logo a span img.scroll {position:absolute; z-index:1; opacity:0;} */
#header .logo a label {cursor:pointer; display:flex; flex-flow:row; align-items:flex-end; line-height:0.6; padding-left:10px; font-size:21px; letter-spacing:0; color:#fff; -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;}
#header .logo a label span {width:auto; height:auto; letter-spacing:-1px;}
#header .logo a label span.vol {padding-left:5px;}
#header .logo a label span.year:after {content:'년'; padding-right:5px; font-size:0.9em; position:relative; bottom:2px;}
#header .logo a label span.month:after {content:'월호'; font-size:0.9em; position:relative; bottom:2px;}



#header .gnb {display:flex; flex-flow:row-reverse; align-items:center; }
#header .gnb .subscribe {position:relative; display:inline-block; color:#fff; background:rgba(100,100,100,0.2); border:2px solid #fff; border-radius:50px; padding:7px 15px; font-weight:900; text-align:center; font-size:15px; line-height:15px; margin-left:20px; -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;}



/* 1366 hide */
#header #menuArea.w1366_hide {display:block; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
#header #menuArea.w1366_hide .menuBox > ul {width:905px; display:flex; flex-flow:row; justify-content:space-between;}
#header #menuArea.w1366_hide .menuBox .topMenu {width:calc(100% / 4); position:relative;}
#header #menuArea.w1366_hide .menuBox .topMenu > a {position:relative; display:block; color:var(--color_black); /* height:55px; */ line-height:70px; padding:0 1C0px; font-weight:bold; text-align:center; font-size:18px;}
#header #menuArea.w1366_hide .menuBox .topMenu > a:after {content:''; display:block; position:absolute; bottom:10px; left:50%; transform:translateX(-50%); width:0; height:3px; background:var(--color_Dp); opacity:0; -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;}
#header #menuArea.w1366_hide .menuBox .subMenu {width:calc(100% - 10px); position:absolute; overflow:hidden; display:none; background:var(--color_white); top:100%; right:5px; z-index:99;}

/* #header.active #menuArea.w1366_hide .menuBox .subMenu {top:125%;}
#header.scroll #menuArea.w1366_hide .menuBox .subMenu {top:100%;} */

/* #header #menuArea.w1366_hide .menuBox .topMenu:hover > .subMenu{display: block;} */

#header #menuArea.w1366_hide .menuBox .subMenu li {display:block;}
#header #menuArea.w1366_hide .menuBox .subMenu li a {position:relative; display:block; color:#333; height:40px; line-height:40px; font-size:18px; font-weight:bold; text-align:center;}
#header #menuArea.w1366_hide .menuBox .subMenu li:first-child a {height:50px; padding-top:10px;}
#header #menuArea.w1366_hide .menuBox .subMenu li:last-child a {height:50px; padding-bottom:10px;}
#header #menuArea.w1366_hide .menuBox .subMenu li a span {position:relative; -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;}
#header #menuArea.w1366_hide .menuBox .subMenu li a span:after {content:''; display:block; position:absolute; left:-12px; top:-1px; width:0; height:0; border-radius: 100%; background:var(--color_Dp); -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;}
#header #menuArea.w1366_hide .menuBox .topMenu > a:hover:after {width:calc(100% - 80px); opacity:1;}
#header #menuArea.w1366_hide .menuBox .subMenu li a:hover span {color:var(--color_Dp);}
#header #menuArea.w1366_hide .menuBox .subMenu li a:hover span:after {width:6px; height:6px;}

/* 1366 show */
#header #menuArea.w1366_show {display:none;}
#header #menuArea.w1366_show .menuBtn {width:40px; height:40px; position:relative; display:block;}
#header #menuArea.w1366_show .menuBtn img {width:100%; position:absolute; top:0; left:0; -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;}
#header #menuArea.w1366_show .menuBtn .open {width:100%; height:100%; position:absolute; top:0; left:0;}
#header #menuArea.w1366_show .menuBtn .close {width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#header #menuArea.w1366_show .menuBtn img.normal {z-index:0;}
#header #menuArea.w1366_show .menuBtn img.scroll {z-index:1; opacity:0;}
#header #menuArea.w1366_show .menuBtn.active img.scroll {opacity:1;}
#header #menuArea.w1366_show .menuBox {width:100%; position:fixed; top:70px; left:0;}
#header #menuArea.w1366_show .menuBox > div {width:100%; display:none;}
#header #menuArea.w1366_show .menuBox > div > ul {width:100%; background:var(--color_white); padding:25px 0; border-top: 1px solid #f4f4f4; display:flex; flex-flow:row; justify-content:space-between;}
#header #menuArea.w1366_show .menuBox .topMenu {width:calc(100% / 4); padding:0 10px; text-align:center; border-right:1px solid #fff;}
#header #menuArea.w1366_show .menuBox .topMenu:last-child {border-right:0;}

#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle {position:relative; color:var(--color_Dp); line-height:1; font-size:22px; font-weight:900; display:inline-block; margin:15px 0 10px;}
#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle:before {content:''; display:block; position:absolute; border-radius:100%; left:-12px; top:-1px; width:6px; height:6px; background:var(--color_Dp);}
#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle img {width:15px; height:15px; display:none; position:absolute; top:50%; right:20px; transform:translateY(-50%); -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;}
#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle img.plus {z-index:0;}
#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle img.minus {z-index:1; opacity:0;}
#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle.active img.minus {opacity:1;}
#header #menuArea.w1366_show .menuBox .topMenu .subMenu {margin:0 30px 10px; padding-top:15px; border-top:2px solid var(--color_Dp);}
#header #menuArea.w1366_show .menuBox .topMenu .subMenu li a {position:relative; display:block; color:#333; height:38px; line-height:38px; font-size:18px; font-weight:normal; text-align:center; letter-spacing:-0.5px;}
#header #menuArea.w1366_show .menuBox .topMenu .subMenu li:hover a{font-weight: bold;}


#header.active {background:rgba(255,255,255,1);}
#header.active .logo a img.scroll {opacity:1;}
#header.active .logo a label {color:var(--color_Dp);}
#header.active .gnb .subscribe {color:#fff; background:var(--color_Dp); border-color:var(--color_Dp);}
/* #header.active #menuArea.w1366_hide .menuBox .topMenu > a {color:var(--color_Dp);} */
#header.active #menuArea.w1366_show .menuBox {display:block;}

#header.scroll {height: 70px; background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0 9px 3px rgba(194,194,194,0.5); -moz-box-shadow: 0px 0 9px 3px rgba(194, 194, 194, 0.5); box-shadow: 0px 0 9px 3px rgba(194,194,194,0.5);}
/* #header.scroll .logo a img.scroll {opacity:1;} */
#header.scroll .logo a label {color:var(--color_Dp);}
#header.scroll .gnb .subscribe {color:#fff; background:var(--color_Dp); border-color:var(--color_Dp);}
#header.scroll #menuArea.w1366_hide .menuBox .topMenu > a {height:70px; line-height:70px; /*color:var(--color_Dp);*/ -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
/* #header.scroll #menuArea.w1366_show .menuBtn img.scroll {opacity:1;} */

#header.subHead {background:rgba(255,255,255,1); -webkit-box-shadow:0px 0 9px 3px rgba(194,194,194,0.5); -moz-box-shadow:0px 0 9px 3px rgba(194,194,194,0.5); box-shadow:0px 0 9px 3px rgba(194,194,194,0.5);}
#header.subHead .logo a span img.normal {display:none;}
#header.subHead .logo a span img.scroll {opacity:1;}
#header.subHead .logo a label {color:var(--color_Dp);}c
#header.subHead .gnb .subscribe {color:#fff; background:var(--color_Dp); border-color:var(--color_Dp);}
/* #header.subHead #menuArea.w1366_hide .menuBox .topMenu > a {color:var(--color_Dp);} */
#header.subHead #menuArea.w1366_show .menuBtn img.scroll {opacity:1;}

/* search */
.search {
	position: relative;
  /*   height: 50px; */
  }
  
  .search .input {
	  background-color: inherit;
	  border: 1px solid #000;
	  border-radius: 50px;
	  font-size: 0;
	  height: 50px;
	  width: 50px;
	  transition: width 0.3s ease;
  }
  
  .btn {
	background-color: inherit;
	border: 0;
	border-radius: 50px;
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	top: 0;
	left: 0;
	height: 55px;
	width: 55px;
	transition: transform 0.3s ease;
  }
  
  .btn:focus,
  .input:focus {
	outline: none;
  }
  
  .search.active .input {
	  width: 200px;
	  color: #333;
	  padding-left: 20px;
	  font-size: 18px;
  }
  
  .search.active .btn {
	transform: translateX(145px);
  }

  .search .btn:hover i{
	color:var(--color_Dp);
  }

/* display */

.w1366_show {display:none;}
.w1366_hide {display:block;}

.show_br {display:block;}
.show_425{display:none;}

.hide_br {display:none}
.hide_425{display: block;}

/* footer_start */
#footerArea {
	width:100vw;
	height: 290px;
	
	/* background:#EAEAEA; */
	position:relative;
}
#footerArea::after{
	position:absolute;
	content: '';
	background: url('https://cdn.jsdelivr.net/gh/solmopark/oworld/docs/img/main_bottomBG.png') center bottom /cover no-repeat;
	width:100%;
	height: 618px;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#footerArea .footBox {
	width:1312px;
	display:flex;
	flex-flow: column;
	align-items: center;
	margin:0 auto;
}

#footerArea .footBox >* {
    width: 100%;
	padding-top:25px;
}

#footerArea .footBox .ft_top,
#footerArea .footBox .ft_bot{
	display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
	
}

#footerArea .footBox .ft_top .ft_sns li{width:50px;}
#footerArea .footBox .ft_top .ft_sns li a img{
	width:90%;
}
#footerArea .footBox .ft_mid{
	padding-bottom:25px;
	border-bottom:1px solid #333;;
}
#footerArea .footBox .ft_mid .add{
	margin-bottom: 25px;
}
#footerArea .footBox .ft_mid .tel{
	
}
#footerArea .footBox .ft_mid .tel li.deco{
	padding-right:30px;
	position: relative;
}

#footerArea .footBox .ft_mid .tel li.deco::after{
	content: '';
	position: absolute;
	top:5px;
    right: 15px;
    width: 1px;
    height: 18px;
	background:#333;
}
#footerArea .footBox .ft_bot {
	margin-bottom: 25px;
}
#footerArea .footBox .ft_bot .ft_menu li{
	margin-left:20px;
	text-decoration: underline;
}
#footerArea .footBox .ft_top .ft_sns,
#footerArea .footBox .ft_mid .tel,
#footerArea .footBox .ft_bot .ft_menu{
	display: flex;
    flex-flow: row;
	align-items: center;
}

#footerArea .footBox .ft_top .ft_sns li{
	margin-left:10px;
}

/*------- top-button-start -------*/
#back-top {
    position: fixed; 
    display:none;
    mix-blend-mode: difference;
    bottom: 7%; 
    right:10px; 
    width:auto;
    z-index:51;
    text-align:center;
    cursor: pointer;
}
a#back-top:active {background:none;}
a#back-top {
    display: block; 
    text-decoration: none;
}


/*모바일*/
@media only screen and (max-width:1920px) {
	
}
@media only screen and (max-width:1700px) {
	/* header CSS */
	#header .headerWrap{width:100%; padding:0 5%;}
}
@media only screen and (max-width:1600px) {
	/* header */
	#header #menuArea.w1366_hide .menuBox .topMenu > a{font-size: 16px;}
	#header #menuArea.w1366_hide .menuBox .subMenu li a{font-size: 16px;}
	/* search */
	.search .input{width:45px; height:45px;}
	.btn{width:45px; height:45px;}
	.search.active .btn{transform: translateX(140px);}
	
	
}
@media only screen and (max-width:1366px) {
    /* header CSS */
	#header {height:70px;}
	#header .headerWrap {padding:0 60px;}
	#header .headerWrap >*:nth-of-type(1){ order:1; }
	#header .headerWrap >*:nth-of-type(2){ order:3; }
	#header .headerWrap >*:nth-of-type(3){ order:2; }

	#header .gnb {flex-flow:row;}
	#header .gnb .subscribe {margin-left:0; margin-right:30px; font-size:14px; line-height:14px; padding:5px 14px;}

	#header #menuArea.w1366_hide {display:none;}
	#header #menuArea.w1366_show {display:block;}
	#header #menuArea.w1366_show .menuBox > div {position:relative;}
	#header #menuArea.w1366_show .menuBox > div:after {content:''; display:block; width:100%; height:80px; position:absolute; top:0; left:0; z-index:1;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu {display:block;}

	#header.scroll {height:70px;}
	
	/* search */
	.search{margin-left: auto; margin-right: 10px;}
	.search .input{width:40px; height: 40px;}
	.btn {width:40px; height: 40px;}
	.search.active .btn{transform: translateX(158px);}
	
	
	.w1366_show {display:block;}
	.w1366_hide {display:none;}

}
@media screen and (max-width:1280px){
	/* footer */
	#footerArea{font-size: 0.9rem;     height: 240px;}
	#footerArea::after{ height: 68vh;}
	#footerArea .footBox{width:auto; padding: 0 30px;}
	#footerArea .footBox .ft_top .ft_logo img{width:70%;}
	#footerArea .footBox .ft_top .ft_sns li{width:36px;}
	#footerArea .footBox >* {padding-top: 20px;}
	#footerArea .footBox .ft_mid {padding-bottom: 20px;}
	#footerArea .footBox .ft_mid .add {margin-bottom: 16px;}
	#footerArea .footBox .ft_bot {margin-bottom: 20px;}
	
}
@media screen and (max-width:1200px) {
	/* display */
	.show_br {display:none;}

    /* header CSS */
	#header .headerWrap{padding:0 40px;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle {font-size:16px;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu li a {height:35px; line-height:35px; font-size:15px;}
    #header #menuArea.w1366_show .menuBox .topMenu .subMenu li:hover a {color:var(--color_Dp);}
	#header #menuArea.w1366_show .menuBtn img{width:90%;}

	
}
@media screen and (max-width:1000px) {
	/* search */
	.search .input{width:30px; height: 30px;}
	.btn {width:30px; height: 30px; font-size: 18px;}
	.search.active .btn{transform: translateX(165px);}
	
}
@media screen and (max-width:900px){
	#footerArea .footBox .ft_bot {flex-flow: column-reverse;}

	/* back-top */
	#back-top{mix-blend-mode: inherit; bottom: 5%; right: 5px;}
	#back-top img {width:90%; background: #fff;}
}
@media screen and (max-width:768px) {
    #header .logo a label span.vol {display:none;}
	#header .logo a label span.year {padding-left:5px;}
	/* #header .logo a label span.year:after {content:'.'; padding-right:0; font-size:1em; bottom:0;}
	#header .logo a label span.month:after {content:'.'; font-size:1em; bottom:0;} */
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu {margin:0 10px 10px;}
	
	#header.agreePage .new{font-size:16px;}


	/* footer */
	#footerArea {height: auto;}
	#footerArea::after{height: 74vh;}
	#footerArea .footBox .ft_top {padding-bottom:10px;}
	#footerArea .footBox .ft_mid .tel{ justify-content: center;}
	#footerArea .footBox .ft_mid .add{text-align: center;}
	#footerArea .footBox .ft_bot .ft_menu {padding-bottom:15px;}
}

@media only screen and (max-width:680px) {	
    /* header CSS */
	#header {height:50px;}
	#header.scroll {height:50px;}
	#header .headerWrap {padding:0 15px;}
	#header .logo a {height:40px;}
	#header .logo a span {width:86px;}
	#header .logo a label {padding-left:2px; font-size:16px; font-weight:900; letter-spacing:-0.5px;}
	#header .logo a label span {font-size:1em; line-height:0.7;}
	#header .gnb .subscribe {margin-right:20px; font-size:12px; line-height:12px; padding:6px 8px 3px;}
	#header #menuArea.w1366_show .menuBtn {width:30px; height:30px;}
	#header #menuArea.w1366_show .menuBox {top:50px;}
	#header #menuArea.w1366_show .menuBox > div:after {display:none;}
	#header #menuArea.w1366_show .menuBox > div > ul {flex-flow:column; padding:0;}
	#header #menuArea.w1366_show .menuBox .topMenu {width:100%; padding:0; border-right:0; position:relative; border-bottom:1px solid #c0c9d9;}
	#header #menuArea.w1366_show .menuBox .topMenu:last-child {border-bottom:0;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle {width:100%; text-align:left; display:block; font-size:18px; padding:15px 20px; margin:0; color:#333;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle:before {display:none;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle img {display:block;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu {border-top:0; display:none;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu li a {height:35px; line-height:35px; font-size:16px; padding:0 5%; text-align:left;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu li:hover a {
        color: var(--color_Dp); font-weight: bold; background: var(--color_white);}


	#header.active #menuArea.w1366_show .menuBox {height:calc(100vh - 50px); background:rgba(0,0,0,0.7);}

	/* footer */
	#footerArea{font-size: 0.85rem; background:#EAEAEA; height: auto;} 
	#footerArea::after{display: none;}
	#footerArea .footBox {padding: 0 20px;}
	#footerArea .footBox .ft_top .ft_sns li {width: 30px; margin-left: 5px;}
	#footerArea .footBox .ft_mid .tel, #footerArea .footBox .ft_bot .ft_menu {flex-flow: column; align-items: flex-start;}
	#footerArea .footBox .ft_mid .tel li.deco::after {display: none;;}
	#footerArea .footBox .ft_mid .add{text-align: start;}
	#footerArea .footBox .ft_bot .ft_menu li {    margin-left: 0;}
	#footerArea .footBox .ft_bot {    align-items: flex-start;}
}
@media only screen and (max-width:450px) {
	/* display */
	.show_425{display:block;}
	.hide_425{display:none ;}
    /* header */
	#header .gnb .subscribe {margin-right:12px; font-size:11px; line-height:11px; padding:5px 8px 3px; border-width:1px;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenuTitle {height:40px; line-height:40px; font-size:16px; padding:0 20px; color:var(--color_Dp);}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu {margin:0; padding:10px 0;}
	#header #menuArea.w1366_show .menuBox .topMenu .subMenu li a {height:30px; line-height:30px; font-size:14px; padding:0 30px;}

	#header.agreePage .new{font-size:14px;padding: 3px 8px;}
	/* search */
	#header .logo a {height: auto;}
	
}
@media only screen and (max-width:400px){	
	.search.active .input {width: 140px;}
	.search.active .btn {transform: translateX(105px);}

	#back-top {right: -3px;}
	#back-top img {width:80%;}
}
@media only screen and (max-width:360px) {
    /* header */
    #header .logo a span {width:63px; height:auto;}
	#header .logo a label {font-size:15px;}
	#header .logo a label span.year {top:1px;}
	#header .logo a label span.year:after {content:'.'; padding-right:0; font-size:1em; bottom:0;}
	#header .logo a label span.month {top:1px;}
	#header .logo a label span.month:after {content:'.'; font-size:1em; bottom:0;}
	#header .gnb .subscribe {margin-right:10px;}

	#header #menuArea.w1366_show .menuBtn{width: 25px; height: 25px;}

	/* search */
	.search .input {width: 25px; height: 25px;}
	.search.active .input{font-size: 14px; width:150px;}
	.btn{width: 25px; height: 25px; font-size: 14px;}

	/* footer */
	#footerArea {font-size: 0.75rem;}
	#footerArea .footBox .ft_top .ft_sns li {width:28px;}
}

@media only screen and (max-width:350px){
	/* footer */
	#footerArea {font-size: 0.7rem;}

}