@import url('font.css');  /* 폰트임 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:175%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:15px; color:#777777; font-weight: 400; font-family:'NanumSquare', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif; background:#333;}
*{ font-family:'NanumSquare', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif; margin:0; padding:0;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:1rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:1rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:170%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/

input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#ababab; }
input:-ms-input-placeholder {color:#ababab; }
input::placeholder {color:#ababab; }

span, b, strong, font, u{line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* Common */
.eng{font-family: 'Outfit', sans-serif !important;}
.ls0 {letter-spacing:0 !important;}
.w1280{max-width:1280px; padding: 0 25px; box-sizing:border-box; margin: 0 auto;}
.w1280:after{content:''; display: block; clear:both;}
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.white{color:#fff !important;}
.pointColor{color:#00a29e !important;}

.com_pad{padding: 160px 0;}
.com_pad_t{padding: 160px 0 0;}
.com_pad_b{padding: 0 0 160px;}


/* 레이아웃 */
#wrap {position:relative; width:100%; height:auto; min-width:320px; max-width:640px; background:#fff;  margin:auto;  overflow-x:hidden; }

@media all and (max-width:1024px){
	#wrap {max-width:none; }
	#header {max-width:none;}

}

/* Header */
#header{position: fixed; left: 0; right:0; top:0; z-index: 9999; width: 100%; min-width:320px; max-width:640px; margin:auto; transition:all .3s linear; background:#fff;}
#header.nofixed{top:-200px}
#header.fixed{top:0}

#header .header_top{background:#f9f9f9; box-sizing:border-box;}
#header .header_top:after{content:''; display: block; clear:both;}
#header .header_top .topMenu{float: left; font-size:0; max-width:574px; width: 100%;}
#header .header_top .topMenu li{display:inline-block; width: 25%; box-sizing:border-box; border-right: 1px solid #ddd;}
#header .header_top .topMenu li:first-child{border-left: 1px solid #ddd;}
#header .header_top .topMenu li a{display:block; font-size:14px; line-height: 120%; text-align:center; font-weight:700; letter-spacing:-0.6pt; color:#888888; padding: 15px 0; transition:all .3s linear; position: relative;}
#header .header_top .topMenu li a:hover{color:#222;}
#header .header_top .topMenu li a.eng{font-weight: 400;}
#header .header_top .topMenu li.mall a{color:#00a29e !important; background-color: #fff;}
#header .header_top .topMenu li.mall a:after{content:''; display: block; width:100%; height: 1px; background-color: #fff; position: absolute; left:0; bottom: -1px; z-index: 2;}
#header .header_top .topMenu li a span{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 14px; opacity: .5; transition:all .3s linear;}
#header .header_top .topMenu li a:hover span{opacity: 1;}
#header .header_top .topMenu li.all a span{background:url('/img/allmenu.png') no-repeat center/100% auto;}
#header .header_top .topMenu li.mall a span{background:url('/img/mall.png') no-repeat center/100% auto; opacity: 1;}
#header .header_top .topMenu li.people a span{background:url('/img/people.png') no-repeat center/100% auto;}
#header .header_top .topMenu li.office a span{background:url('/img/office.png') no-repeat center/100% auto;}
#header .header_top .login{float: right; font-size:0;}
#header .header_top .login li{display: inline-block; margin-right: 30px;}
#header .header_top .login li:last-child{margin-right: 0;}
#header .header_top .login li a{display: block; font-size:13px; padding: 15px 0; line-height: 120%; font-weight: 600; letter-spacing: 0.3pt; color:#777777; font-family: 'Outfit', sans-serif; transition:all .3s linear;}
#header .header_top .login li a:hover{color:#222;}


#header.up .header_top .topMenu li.all a{background-color: #00a29e; color:#fff;}
#header.up .header_top .topMenu li.all a span{background:url('/img/allmenu_up.png') no-repeat center/100% auto;}



#header .header_in{overflow: hidden; clear:both; padding: 33px 0 30px; box-sizing:border-box; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0;}
#header .header_in h1{float: left;}
#header .header_in h1 a{display:inline-block; width:187px;}
#header .header_in h1 a img{max-width:100%;}
#header .header_in .topUtil{float: right; font-size:0; margin: 10px 0 0;}
#header .header_in .topUtil li{display: inline-block; margin-left: 26px; vertical-align: top;}
#header .header_in .topUtil li:first-child{margin-left: 0;}
#header .header_in .topUtil li a{display: block; width: 26px; height: 26px; position: relative; transition:all .3s linear;} 
#header .header_in .topUtil li a:hover{opacity: .7;}
#header .header_in .topUtil li.basket a{background:url('/img/shop/basket.png') no-repeat center/100% auto;}
#header .header_in .topUtil li.basket a span{display: inline-block; width: 14px; height:14px; line-height:14px; border-radius:50%; background:#05a4a0; text-align:center; color:#fff; font-size:9px; font-weight:700; letter-spacing:-0.3pt; font-family: 'Outfit', sans-serif; position: absolute; left: -5px; top:-3px;}
#header .header_in .topUtil li.search a{background:url('/img/shop/search.png') no-repeat center/100% auto;}
#header .header_in .topUtil li.btnMenu_m a{background:url('/img/shop/menu.png') no-repeat center/100% auto;}
#header .header_in .topUtil li.btnMenu_m{display: none;}

#menu{position: absolute; left: 50%; top:92px; margin-left: -350px;}
#menu ul{font-size:0;}
#menu ul li{display:inline-block; margin-right: 46px;}
#menu ul li:last-child{margin-right: 0;}
#menu ul li a{display:block; font-size:19px; line-height: 120%; font-weight: 700; letter-spacing: -0.3pt; color:#222; transition:all .3s linear; position: relative;}
#menu ul li a:hover{color:#05a4a0;}
#menu ul li a:after{content:''; display:block; width:0; height: 4px; background-color: #05a4a0; position: absolute; left:0; top:59px; transition:all .3s linear;}
#menu ul li a:hover:after{width: 100%;}


/* 전체메뉴보기 */
.allMenu{background:#00a29e; position:absolute; left:0; top:48px; width:100%; z-index: 999999991; height:0; overflow:hidden; transition:all .3s linear; opacity: 0;}
#header.up .allMenu{height:auto; opacity: 1;}
.allMenu > div{display:flex;}
.allMenu .allMenu_in{box-sizing:border-box;}
.allMenu .allMenu_in:after{content:''; display:block; clear:both;}
.allMenu .allMenu_in.main{background-color: #00a29e; max-width:800px; width: 100%; padding:46px 0 58px;}
.allMenu .allMenu_in.sub{background-color: #008a86; max-width:calc(100% - 800px); width: 100%; padding:46px 0 58px 50px;}
.allMenu .allMenu_in dl{float: left;}
.allMenu .allMenu_in.main dl{width: 20%;}
.allMenu .allMenu_in.sub dl{width: 50%;}
.allMenu .allMenu_in dl dt{margin: 0 0 20px;}
.allMenu .allMenu_in dl dt.last{margin: 36px 0 20px;}
.allMenu .allMenu_in dl dt a{display:block; font-size:17px; line-height:120%; color:#fff; letter-spacing:0.1pt; font-weight:600; font-family: 'Outfit', sans-serif;}
.allMenu .allMenu_in dl dd{padding: 0 0 13px;}
.allMenu .allMenu_in dl dd:last-child{padding: 0;}
.allMenu .allMenu_in dl dd a{display:block; font-size:1rem; line-height: 130%; color:rgba(255,255,255,.8); letter-spacing:-0.6pt; transition:all .3s linear;}
.allMenu .allMenu_in dl dd a:hover{color:rgba(255,255,255,1);}



/* 슬라이드 메뉴 : 모바일 메뉴 */
#menuArea {position:fixed !important; top:0; right:-400px; width:290px; z-index:999999999999; height:100%; max-width:100%; opacity:0; visibility:hidden; transition:all 0.2s linear; min-width:250px; background:#fff;}
#menuArea.view {right:0; opacity:1; visibility:visible; transition:all 0.2s linear;}
#menuArea .btnMenu_mClose {display:block; padding:0; margin:0; position:absolute; top:20px; left:-40px; background:none; border:none; z-index:99999999999 !important; cursor:pointer; width:13px; height:13px; }
#menuArea .btnMenu_mClose img{max-width:100%;}

#menuArea .menuList{box-sizing:border-box; padding:20px 16px 0 32px;}
#menuArea .menuList .member{display:flex; justify-content: space-between; align-items: center;}
#menuArea .menuList .member dt{}
#menuArea .menuList .member dt a{display:block; font-size:12px; color:#222; letter-spacing:-0.6pt;}
#menuArea .menuList .member dt a:after{content:''; display:inline-block; vertical-align:middle; width:5px; height:8px; background:url('/img/shop/more_arrow.png') no-repeat center/100% auto; margin-left:8px;}
#menuArea .menuList .member dd{}
#menuArea .menuList .member dd a{display:block; font-size:0; width:20px; height:20px; background:url('/img/shop/basket.png') no-repeat center/100% auto; position:relative;}
#menuArea .menuList .member dd a span{display:block; width:14px; height:14px; line-height: 14px; text-align:center; border-radius:50%; background:#00a29e; font-size:8px; color:#fff; font-weight:700; font-family: 'Outfit', sans-serif; position:absolute; left:-8px; top:-8px;}
#menuArea .menuList .linkBtn{font-size:0; margin: 17px 0 28px;}
#menuArea .menuList .linkBtn dd{display:inline-block; width:50%;}
#menuArea .menuList .linkBtn dd a{display:block; text-align:center; box-sizing:border-box; border:1px solid #dddddd; font-size:12px; height:30px; line-height:30px; letter-spacing:0; color:#888888; font-family: 'Outfit', sans-serif; transition:all .3s linear;}
#menuArea .menuList .linkBtn dd:last-child a{border-left:0;}
#menuArea .menuList .linkBtn dd a span{display:inline-block; width:12px; height:12px; margin-right:10px; vertical-align:middle; opacity: .5; transition:all .3s linear;}
#menuArea .menuList .linkBtn dd.people a span{background:url('/img/shop/people.png') no-repeat center/100% auto;}
#menuArea .menuList .linkBtn dd.signup a span{background:url('/img/office/signup.png') no-repeat center/100% auto;}
#menuArea .menuList .linkBtn dd.office a span{background:url('/img/shop/office.png') no-repeat center/100% auto;}
#menuArea .menuList .list{}
#menuArea .menuList .list li{padding:0 0 15px;}
#menuArea .menuList .list li a{display:block; font-size:14px; line-height:120%; color:#222; letter-spacing:-0.3pt; font-weight:700;}


#grayLayer {width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; left:0; top:0; z-index:99999999; overflow-x:hidden; overflow-y:auto; display:none;}
#grayLayer > a {display:block;width:100%; height:100%;}
/* 슬라이드 메뉴 : 모바일 메뉴 */





/* 검색 */
	.searchZone{ position:absolute; top:18px;right: 56px; z-index:89; display:none;}
	.mask_search {position:fixed; height:0; width:100%; left:0; top:0; z-index:99999999999999; background:rgba(0,0,0,0.85); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
	.mask_search.visible {height:100%; transition:all 0.8s ease-in-out; opacity:1; visibility:visible;}
	.window {z-index:9999999999; width:90%; max-width:1000px; height:70px; background:#fff; box-sizing:border-box; padding:20px 25px; position:fixed; transform:translate(-50%, -70%); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out; border-radius:20px;}
	.window.visible {transform:translate(-50%, -50%); opacity:1; visibility:visible; transition:all 0.8s ease-in-out; transition-delay:0.5s; border-radius:20px;}
	.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-35px; right:8px;  z-index:999999; cursor:pointer; width: 20px; height: 20px;}
	.window .close img{max-width:100%;}
	.inputB{width:100%; overflow:hidden; clear:both; }
	.inputB dd{float:left; width:calc(100% - 40px); overflow:hidden; }
	.inputB dd .input_search{border:none !important;  letter-spacing:-0.55pt; width:100%; height: 28px; font-size:1rem; color:#777; letter-spacing:-0.35pt;}
	.inputB dd .input_search::placeholder{font-size:15px;}
	.inputB dt{float:right; padding:0 0 0px 10px;}
	.inputB dt input{cursor:pointer; }

	input::-webkit-input-placeholder { color:#999; font-size:13px;}
	input::-moz-placeholder { color:#999; font-size:13px;}
	input:-ms-input-placeholder { color:#999; font-size:13px;}

.mask {position:fixed;  z-index:9999999;  background-color:#000;  display:none;  left:0; top:0;} 
.mask_pro {position:fixed;  z-index:9999999;  background-color:#000;  display:none;  left:0; top:0;} 





/* Footer */
#footer{background:#222222;}
.footer_top{padding:24px 0; box-sizing:border-box; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.footer_top .footerTop_in{position:relative; top:0; width:100%; margin:0 auto;}
.footer_top ul{font-size:0; position: relative; margin:0 auto; width: auto; justify-content: flex-start;}
.footer_top ul li{display:inline-block; margin-right: 24px; width: auto;}
.footer_top ul li:last-child{margin-right: 0;}
.footer_top ul li a{display:block; font-size:1rem; letter-spacing:-0.6pt; color:#b0b0b0; line-height:160%; transition:all .3s linear;}
.footer_top ul li a:hover{color:#fff;}
.footer_top ul li.point a{color:#00a29e !important; font-weight:700;}

.footer_in{}	
.footer_in .footer_info{padding:40px 0; overflow: hidden; clear:both; position: relative;	}	
.footer_in .footer_info h2{float: left;}
.footer_in .footer_info h2 img{max-width:100%;}
.footer_in .footer_info ul{font-size:0; float: left; box-sizing:border-box; padding: 0 0 0 64px;} 	
.footer_in .footer_info ul li{display: inline-block; margin-right:16px; font-size:1rem; line-height: 160%; letter-spacing: -0.6pt; color:rgba(176,176,176,.5); padding:0 0 6px;}	
.footer_in .footer_info .cs{float: right;}	
.footer_in .footer_info .cs dt{font-size:17px; letter-spacing:-0.6pt; color:#fff; line-height: 120%; padding: 0 0 18px;}	
.footer_in .footer_info .cs dd{padding: 0 0 0 72px; box-sizing:border-box; position: relative;}	
.footer_in .footer_info .cs dd strong{display: block; font-size:34px; line-height:120%; letter-spacing:0.2pt; color:#00a29e; font-weight: 700; font-family: 'Outfit', sans-serif; margin: 0 0 6px;}	
.footer_in .footer_info .cs dd p{font-size:1rem; letter-spacing:-0.6pt; color:rgba(255,255,255,.5);}
.footer_in .footer_info .cs dd .tel_icon{position: absolute; left:0; top:50%; margin-top: -29px;}		
.footer_in .footer_info .tel_icon{display:block; width:59px; height:59px; border-radius:50%; box-sizing:border-box; border:1px solid #525252; position: relative;  background: #2d2d2d; /* 그라데이션 지원하지 않는 브라우저 */
background: -webkit-linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% );
background: -moz-linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% );
background: -o-linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% );
background: linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% ); /* 표준 */}
.footer_in .footer_info .tel_icon:after{content:''; display: block; position: absolute; z-index: 2; left: 0; top:0; width: 100%; height: 100%; border-radius:50%; background:url('/img/tel_icon.png') no-repeat center /100% auto;}
.footer_in .footer_info .tel_icon.m{display: none;}	

.footer_in .copyright{padding: 30px 0 40px; border-top:1px solid rgba(255,255,255,.2); position: relative;}
.footer_in .copyright p{font-family: 'Outfit', sans-serif; color:#999999; letter-spacing: 0; font-weight: 300; line-height:120%; font-size:1rem;}
.footer_in .copyright p span,
.footer_in .copyright p span a{font-family: 'Outfit', sans-serif; display:inline-block; color:#666666; font-weight: 300; line-height:120%; font-size:1rem; transition:all .3s linear;}
.footer_in .copyright p span a:hover{color:#aaa;}
.footer_in .sns{font-size:0; position: absolute; right: 0; top:20px;}
.footer_in .sns li{display: inline-block; margin-left: 4px;}
.footer_in .sns li a{display:block; width:38px; height:38px; border-radius:50%; background-color:#434444; background-repeat:no-repeat; background-position:center; background-size:100% auto; font-size:0; transition:all .3s linear;}
.footer_in .sns li a:hover{background-color:#666;}
.footer_in .sns li.facebook a{background-image:url('/img/sns01.png');}
.footer_in .sns li.kakao a{background-image:url('/img/sns02.png');}
.footer_in .sns li.blog a{background-image:url('/img/sns03.png');}
.footer_in .sns li.instagram a{background-image:url('/img/sns04.png');}
.footer_in .sns li.youtube a{background-image:url('/img/sns05.png');}





/* Start-슬릭기본 */
.slick-slider{position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}
/* End-슬릭기본 */





/*******************************************************************************
    @media ~1280px
*******************************************************************************/


/* Header */
#header{}
#header .header_top .topMenu li a{padding: 12px 0;}
#header .header_top .login li a{padding: 12px 0;}

#header .header_in{padding: 22px 0 20px;}
#header .header_in h1 a{width:150px;}
#header .header_in .topUtil{margin: 4px 0 0;}

#menu{top:72px; margin-left: -270px;}
#menu ul li{margin-right: 30px;}
#menu ul li a{font-size:16px;}
#menu ul li a:after{height: 3px; top:44px;}

/* 전체메뉴보기 */
.allMenu{top:41px;}
.allMenu .allMenu_in.main{max-width:70%; padding:30px 0 40px;}
.allMenu .allMenu_in.sub{max-width:30%; padding:30px 0 40px 30px;}
.allMenu .allMenu_in dl dt{margin: 0 0 15px;}
.allMenu .allMenu_in dl dt.last{margin: 28px 0 15px;}
.allMenu .allMenu_in dl dt a{font-size:16px;}
.allMenu .allMenu_in dl dd{padding: 0 0 10px;}
.allMenu .allMenu_in dl dd a{font-sizE:13px;}





/* Footer */
.footer_top{padding:20px 0;}
.footer_top ul li{margin-right: 20px;}

.footer_in{}
.footer_in .footer_info h2{width: 55px;}	
.footer_in .footer_info ul{padding: 0 0 0 30px;} 	
.footer_in .footer_info .cs dd{padding: 0 0 0 60px;}	
.footer_in .footer_info .cs dd strong{font-size:30px;}	
.footer_in .footer_info .cs dd .tel_icon{margin-top: -25px;}		
.footer_in .footer_info .tel_icon{width:50px; height:50px;}





/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/


/* Common */
body,html{font-size:14px;}
.w1280{padding: 0 3%;}
.com_pad{padding: 120px 0;}
.com_pad_t{padding: 120px 0 0;}
.com_pad_b{padding: 0 0 120px;}



/* Header */
#header{}
#header .header_top{}
#header .header_top .w1280{padding:0;}
#header .header_top .topMenu{max-width:100%;}
#header .header_top .topMenu li{width: 33.333%;}
#header .header_top .topMenu li.allBtn{display:none !important;}
#header .header_top .topMenu li.office{border-right:0;}
#header .header_top .login{display:none !important;}
#header .header_in{padding: 18px 0;}
#header .header_in h1 a{width:120px;}
#header .header_in .topUtil{margin: 0px 0 0;}
#header .header_in .topUtil li{margin-left: 15px;}
#header .header_in .topUtil li.btnMenu_m{display: inline-block;}

#menu{display:none !important;}

/* 전체메뉴보기 */
.allMenu{display:none !important;}


/* Footer */
.footer_top{padding:15px 0;}
.footer_top ul li{margin-right: 15px;}

.footer_in{}
.footer_in .footer_info h2{display:none;}	
.footer_in .footer_info{padding:20px 0;}	
.footer_in .footer_info ul{padding: 0; width:calc(100% - 250px);} 	
.footer_in .footer_info ul br{display:none;}
.footer_in .footer_info .cs dt{font-size:15px; padding: 0 0 12px;}	
.footer_in .footer_info .cs dd{padding: 0 0 0 50px;}	
.footer_in .footer_info .cs dd strong{font-size:24px; margin: 0 0 6px;}	
.footer_in .footer_info .cs dd .tel_icon{margin-top: -25px;}		
.footer_in .footer_info .tel_icon{width:40px; height:40px;}

.footer_in .copyright{padding: 20px 0 30px;}
.footer_in .copyright p{width: calc(100% - 180px);}
.footer_in .sns{top:15px;}
.footer_in .sns li a{width:30px; height:30px;}


/*******************************************************************************
    @media 481~680px
*******************************************************************************/



/* Common */
.com_pad{padding: 80px 0;}
.com_pad_t{padding: 80px 0 0;}
.com_pad_b{padding: 0 0 80px;}


/* Header */
#header{}
#header .header_top .topMenu li a{padding: 10px 0; font-size:13px;}
#header .header_top .topMenu li a span{margin-right: 10px; width: 13px; height: 13px;}
#header .header_in .topUtil li{margin-left: 10px;}
#header .header_in .topUtil li a{width: 20px; height: 20px;} 


/* Footer */
.footer_in{}
.footer_in .footer_info{padding: 15px 0;}
.footer_in .footer_info ul{width:calc(100% - 35px);} 	
.footer_in .footer_info ul li{margin-right:12px; padding:0 0 4px;}	
.footer_in .footer_info ul br{display:none;}
.footer_in .footer_info .cs{display:none;}	
.footer_in .footer_info .tel_icon.m{display: block; position:absolute; right:0; top:15px; width:28px; height: 28px;}	

.footer_in .copyright{padding: 15px 0 30px;}
.footer_in .copyright p{width: 100%;}
.footer_in .copyright p span{display:block;}
.footer_in .sns{top:auto; right:auto; position: relative; padding:10px 0 0;}
.footer_in .sns li{margin-left: 2px;}
.footer_in .sns li a{width:28px; height:28px;}




/* 검색 */
.window {height:50px; padding:10px; border-radius:10px;}
.window.visible{border-radius:10px;}
.window .close{width:16px; height:16px; top: -30px;}
.inputB dt {padding:5px 0 0px 0; width: 35px; text-align:center;} 
.inputB dt input {width:18px;}
.inputB dd{width: calc(100% - 35px);}

/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/


/* Common */
body,html{font-size:13px;}




/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:320px){




}




#header .header_depth {position:relative; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:0px 3%; height:48px; box-sizing:border-box;}
#header .header_depth * {box-sizing:border-box;}
#header .header_depth ul {display:block; font-size:0; width:100%; height:60px; overflow-x:auto;}
#header .header_depth ul li {display:table-cell; vertical-align:middle; font-size:13px; padding-right:20px; font-weight:bold; line-height:48px; white-space:nowrap; font-weight:800;}
#header .header_depth ul li:last-child {padding-right:0;}


@media all and (min-width:1280px){
	#header .header_depth {white-space:nowrap;}
	#header .header_depth ul li {width:20%; display:inline-block; text-align:center; padding:0;}
}