@charset "utf-8";

.loader_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff url('../images/common/loading_bg.jpg') 0 0 repeat; z-index: 9999; }
#loaderImage { text-align: center; position: fixed; top:50%; left: 50%;  -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.loader_logo {position: fixed; top: 20px; left: 20px; text-align: center;}

#top_banner {padding: 25px 0;}
#top_banner .close {cursor: pointer; position: absolute; top: 0; right: 0;}

/* header */

#header { width: 2000px; background-color: #fff; border-bottom: 1px solid #e5e5e5;  position: relative; top: 0; left: 50%; margin-left: -1000px;letter-spacing: 0; z-index: 100; min-width:320px;}
/* #header.stiky {position: fixed; box-shadow:0 0 5px rgba(0,0,0,0.2); width: 100%; left: 0; margin-left: 0; } */
#header .hd_top {/* padding: 30px 0 25px; */ border-bottom: 1px solid #e5e5e5;}
#header .hd_bot {position: relative;}
#header .hd_bot.stiky {position: fixed; box-shadow:0 0 5px rgba(0,0,0,0.2); width: 100%; top: 0;	left: 0; margin-left: 0; background-color: #fff; }
#header .top_util { position: absolute; top: 20px; right: 0; }
#header .top_util p {display: inline-block;  padding: 0 8px; position: relative;}
#header .top_util p:after {content:''; display: block; width: 2px; height: 80%; background-color: #c0c0c0; position: absolute; top: 20%; left: -1px;}
#header .top_util p:first-child:after {display: none;}
#header .top_util p a {display: block; font-size: 13px; color: #787878; font-weight: 400;}
#header .top_util p a:hover {color: #272859;}
#header .top_shop_util {position: absolute; top: 65px; right: 0; z-index: 999;}
#header .top_shop_util > li {float: left; padding: 0 15px; position: relative;}
#header .top_shop_util > li a {display: block; padding: 5px 0;}
#header .top_shop_util > li .coun {position: absolute; top: 5px; right: 0px; width: 20px; height: 20px; line-height: 20px; background-color: #000; border-radius:50%; font-size: 11px; color: #fff; text-align: center;}
#header .top_shop_util .member_sub {display: none; position: absolute; top: 100%; left: 50%; width: 100px; margin-left: -50px; background-color: #f5f5f5; border: 1px solid #ddd; text-align: center;}
#header .top_shop_util .member_sub li { }
#header .top_shop_util .member_sub li a {display: block;padding: 7px 10px; font-size: 12px; transition:.25s;}
#header .top_shop_util .member_sub li a:hover {background-color: #fff; color: #272859;}


#header #logo { text-align: center; padding: 35px 0 20px;}

#header #gnb {margin-left: 30px;}
#header #m_gnb {display: none;	}
/* gnb - depth1 */
#header #gnb {letter-spacing: 0; background-color: #fff; }
#header #gnb .dep1_wrap {position: relative; font-size: 0; }
#header #gnb .dep1_wrap .dep1_con  {display: inline-block;  }
#header #gnb .dep1_wrap .dep1_con .dep1 {display: block; height: 60px; line-height: 65px; padding: 0 30px; text-align: center; position: relative; font-weight: 500; color: #333; font-size: 16px;  font-family: 'Gmarket Sans'; letter-spacing: -1px;	 transition:0.5s; -webkit-transition:0.5s; 	}
#header #gnb .dep1_wrap .dep1_con .dep1:after {content:''; display: block; width: 2px; height: 25%; background-color: #ccc; position: absolute; top: 40%; left: 0;}
#header #gnb .dep1_wrap .dep1_con:first-child .dep1:after {display: none;}

#header #gnb .dep1_wrap .dep1_con:hover .dep1,
#header #gnb .dep1_wrap .dep1_con .dep1:focus,
#header #gnb .dep1_wrap .dep1_con.active .dep1 { color: #272859; }
/* gnb - depth2 */
#header #gnb .dep2_wrap {display: none; padding: 30px; position: absolute; top: 100%; left: -30px; width: calc(100% + 30px);  background-color: #fff; border-right: 1px solid #ddd;border: 1px solid #ddd; z-index: 9999;}
#header #gnb .dep1_con:first-child .dep2_wrap{border-left: 1px solid #ddd;}
#header #gnb .dep2_wrap .dep2_con {text-align: left; position: relative; display: inline-block; vertical-align: top;	 width: 50%; }
#header #gnb .dep2_wrap .dep2_con:nth-child(even) {border-right: none;}
#header #gnb .dep2_wrap .dep2_con .dep2 {/* display: block; */ display: inline-block;  vertical-align: top;padding: 8px 20px; width: 130px; line-height: 1.33; font-size: 15px; color: #272859; font-weight: 700; transition:0.5s; }
#header #gnb .dep2_wrap .dep2_con:hover .dep2,
#header #gnb .dep2_wrap .dep2_con .dep2:focus,
#header #gnb .dep2_wrap .dep2_con.active .dep2 {  color: #e33d1c; text-decoration: underline;  }
/* gnb - depth3 */
#header #gnb .dep3_wrap { padding:6px 5px; display: inline-block; width: calc(100% - 130px);/*  position: absolute; top: 0; left: 130px;  */padding-left: 20px; border-left: 1px solid #ddd}
#header #gnb .dep3_wrap .dep3_con {text-align: left; float: left; }
#header #gnb .dep3_wrap .dep3_con .dep3 {display: block; padding: 3px 6px 3px 3px; line-height: 1.33; font-size: 13px; color: #666; letter-spacing: -1px; transition:0.5s; position: relative;}
#header #gnb .dep3_wrap .dep3_con .dep3:after {content:'/'; display: block; font-size: 12px;  line-height: 1.33; position: absolute; top: 5px; right: 0; color: #777; }
#header #gnb .dep3_wrap .dep3_con:last-child .dep3:after {display: none;}
#header #gnb .dep3_wrap .dep3_con .dep3:hover,
#header #gnb .dep3_wrap .dep3_con .dep3:focus,
#header #gnb .dep3_wrap .dep3_con.active .dep3 { text-decoration: underline; }

#header #gnb .link_list {padding: 15px 0; margin-top: 30px; text-align: center; clear: both;}
#header #gnb .link_list li {display: inline-block; font-size: 0;}
#header #gnb .link_list li a {display: inline-block; padding: 0 10px; 	font-size: 13px; position: relative; }
#header #gnb .link_list li a:after {content:''; display: block; width: 1px; height: 60%; background-color: #999; position: absolute; top: 25%; right: 0;}
#header #gnb .link_list li:last-child a:after {display: none;}
#header #gnb .link_list li a:hover {text-decoration: underline;}
/* #header #gnb .link_list li a span {display: inline-block; width: 13px; height: 13px; border-radius:50%; background-color: #e2a93d; margin-right: 3px;	vertical-align: middle;}
#header #gnb .link_list li:nth-child(1) a span {background-color: #f2cf52;}
#header #gnb .link_list li:nth-child(2) a span {background-color: #f77b1f;}
#header #gnb .link_list li:nth-child(3) a span {background-color: #61ccd5;}
#header #gnb .link_list li:nth-child(4) a span {background-color: #8dc325;}
#header #gnb .link_list li:nth-child(5) a span {background-color: #ac8844;}
#header #gnb .link_list li:nth-child(6) a span {background-color: #2a9586;}
#header #gnb .link_list li:nth-child(7) a span {background-color: #93d2e2;} */

#header #gnb .item_type_list {text-align: center; margin-top: 15px; padding: 30px 0 0; border-top: 1px solid #ddd; font-size: 0;}
#header #gnb .item_type_list a {display: inline-block;  margin: 0 15px; color: #e33d1c; font-weight: 500; font-size: 16px; font-family: 'Gmarket Sans'; font-weight: 500; transition:.25s;}
#header #gnb .item_type_list a:hover {text-decoration: underline;}


.hd_sch_wr {position: absolute; top: 12px; right: 0; width: 235px; z-index: 99; transition:.25s; }
.hd_sch_wr.active {width: 400px;}
.hd_sch_wr form {position: relative;}
.hd_sch_wr input[type=text] {width: 100%; height: 35px; line-height: 35px; padding: 0 40px 0 20px; background-color: #fff; color: #787878; border: 2px solid #ec3a46;  font-weight: 500; font-family: 'Noto Sans KR';}
/* .hd_sch_wr input[type=text]:focus {width: 400px;} */
.hd_sch_wr button {position: absolute; top: 0; right: 10px; background-color: transparent; border: none; height: 35px; font-size: 18px; color: #ec3a46;}
.hd_sch_wr .sch_link_list {display: none; position: absolute; top: 100%; right: 0; width: 100%; background-color: #fff; padding: 20px 10px 10px; font-size: 14px; border: 1px solid #ddd; z-index: 1; }
.hd_sch_wr .sch_link_list p {color: #28285a;padding: 0 10px 7px; font-weight: 500; font-size: 13px; border-bottom: 1px solid #eee;}
.hd_sch_wr .sch_link_list ul {padding: 5px 0;}
.hd_sch_wr .sch_link_list ul li {color: #777;  cursor: pointer; transition:.25s;}
.hd_sch_wr .sch_link_list ul li span {display: block; padding: 7px 10px; }
.hd_sch_wr .sch_link_list ul li:hover {background-color: #28285a; color: #feed01;}
/* 사이트맵 버튼 */
.open_sitemap{position: absolute; top:0px; left: 0; width: 30px; height: 60px;  z-index: 999; }
.open_sitemap.active  {}
.open_sitemap a{position:relative;display:block;width: 30px; height: 60px; transition:.25s;}
.open_sitemap a span{position:absolute;left:50%;top:50%;display:block;width:18px;height:3px;background-color:#333;margin:-1.5px 0 0 0;text-indent:-9999px;}
.open_sitemap span,
.open_sitemap span:before,
.open_sitemap span:after{content:"";left:0;position:absolute;display:block;width:100%;height:100%;background-color:#333;transition:.25s;-webkit-transition:.25s;}
.open_sitemap span:before{top:-6px;}
.open_sitemap span:after{bottom:-6px;}

.open_sitemap.active span{background-color:transparent;}
.open_sitemap.active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.open_sitemap.active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}

/* 전체메뉴 */
#gnb_all {display: none;margin:0 0 5px;padding:0 0 10px;border:1px solid #ddd;background:#fff; position: absolute; top: 100%; left: 0; width: 100%;  min-height:580px; padding: 30px 15px; z-index: 99;}
#gnb_all h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_all .gnb_1dul {float: left; width: 75%;}
#gnb_all .gnb_1dli {position:relative; float: left; width: calc(33.33% - 30px); margin: 0 15px;}
#gnb_all .gnb_1dli_on {color:#fff;text-decoration:none}
#gnb_all .gnb_1da {display:block;padding:0 15px;height: 40px; line-height: 44px;font-weight:500;text-decoration:none; font-size: 17px; background-color: #272859; color: #fff; font-family: 'Gmarket Sans'; border-bottom: 1px solid #444;  transition:.25s;}
#gnb_all .gnb_1dli_on .gnb_1da,
#gnb_all .gnb_1dli:hover .gnb_1da {padding-left: 20px;}
#gnb_all .gnb_2dul { background-color: #fff;}
#gnb_all .gnb_1dli_over .gnb_2dul,
#gnb_all .gnb_1dli_over2 .gnb_2dul {display:block;top:-1px;left:127px;width:150px;background:#fff}
#gnb_all .gnb_2da {display: block;padding:10px 15px; font-size: 15px;border-bottom:1px solid #f4f4f4;font-weight:500;text-decoration:none; position: relative;}
#gnb_all .gnb_2da span {display: inline-block; width: 12px; height: 2px; background-color: #c1c0c0; position: absolute; top: 50%; margin-top: -1px; right: 20px;}
#gnb_all .gnb_2da span:before {content:''; display: block; width: 2px; height: 12px; background-color: #c1c0c0; position: absolute; top: -5px; left: 5px;}

#gnb_all .gnb_1dli_over .gnb_2da {display:block;padding:0 10px;height:30px;border-bottom:1px solid #e9e9e9;line-height:2.9em !important;line-height:2.6em; transition:.25s;}
#gnb_all .gnb_2dli {position:relative;}
#gnb_all .gnb_2dli_on {color:#fff;text-decoration:none}
#gnb_all .gnb_2dli_on .gnb_2da,
#gnb_all .gnb_2dli:hover .gnb_2da {color: #e33d1c;text-decoration:none}
#gnb_all .gnb_2dli .gnb_2da.on span:before,
#gnb_all .gnb_2dli:hover .gnb_2da span:before {display: none;}
#gnb_all .gnb_1dli_over li:hover .gnb_3dul,
#gnb_all .gnb_1dli_over2 li:hover .gnb_3dul {display:block;top:-1px;left:127px;width:150px;background:#fff}
#gnb_all .gnb_1dli_over li:hover .gnb_3da {display:block;padding:0 10px;height:30px;border-bottom:1px solid #e9e9e9;line-height:2.9em !important;line-height:2.6em}

#gnb_all .gnb_3dul {display: none;padding: 10px 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
#gnb_all .gnb_3dli {float: left; }
#gnb_all .gnb_3da {display:block; font-size: 13px; color: #777; padding: 7px 6px 7px 3px; position: relative; transition:.25s;}
/* #gnb_all .gnb_3da:focus, */
#gnb_all .gnb_3da:after {content:'/'; display: block; font-size: 12px;  line-height: 1.33; position: absolute; top: 7px; right: 0; color: #777; }
#gnb_all .gnb_3dli:last-child .gnb_3da:after {display: none;}

#gnb_all .etc_list {float: right; width: 25%; margin-top: 60px;}
#gnb_all .etc_list > ul {padding: 5px 0;}
#gnb_all .etc_list .link_list li {display: inline-block; margin: 5px 0px;font-size: 0;}
#gnb_all .etc_list .link_list li a {display: inline-block; padding: 0 10px;	font-size: 13px; position: relative; transition:.25s;}
#gnb_all .etc_list .link_list li a:hover {text-decoration: underline;}
#gnb_all .etc_list .link_list li a:after {content:''; display: block; width: 1px; height: 60%; background-color: #999; position: absolute; top: 25%; right: 0;}
#gnb_all .etc_list .link_list li:last-child a:after {display: none;}
/* #gnb_all .etc_list .link_list li a span {display: inline-block; width: 13px; height: 13px; border-radius:50%; background-color: #e2a93d; margin-right: 3px;	vertical-align: middle;}
#gnb_all .etc_list .link_list li:nth-child(1) a span {background-color: #f2cf52;}
#gnb_all .etc_list .link_list li:nth-child(2) a span {background-color: #f77b1f;}
#gnb_all .etc_list .link_list li:nth-child(3) a span {background-color: #61ccd5;}
#gnb_all .etc_list .link_list li:nth-child(4) a span {background-color: #8dc325;}
#gnb_all .etc_list .link_list li:nth-child(5) a span {background-color: #ac8844;}
#gnb_all .etc_list .link_list li:nth-child(6) a span {background-color: #2a9586;}
#gnb_all .etc_list .link_list li:nth-child(7) a span {background-color: #93d2e2;} */

#gnb_all .etc_list .item_type_wrap {}
#gnb_all .etc_list .item_type_list { margin-top: 15px; padding: 30px 10px 0; border-top: 1px solid #ddd; font-size: 0;}
#gnb_all .etc_list .item_type_list a {display: block; line-height: 25px; color: #e33d1c; font-weight: 500; font-size: 16px; font-family: 'Gmarket Sans'; font-weight: 500; transition:.25s;}
#gnb_all .etc_list .item_type_list a:hover {text-decoration: underline;}

/* footer */
#footer {background-color: #fff; color: #787878; border-top: 1px solid #d7d7d7; font-family: 'Gmarket Sans';font-weight: 500; letter-spacing: -1px;}
#footer .f_top {border-bottom: 1px solid #d7d7d7;}
#footer .f_top .f_menu li {display: inline-block;}
#footer .f_top .f_menu li a {display: block;  padding:15px; color: #333;  font-size: 14px;  position: relative; transition:0.25s;}
#footer .f_top .f_menu li a:hover,
#footer .f_top .f_menu li a:focus {color: #e33d1c;}
#footer .f_top .f_menu li a:after { content:''; display: block; width: 2px; height: 25%; background-color: #d7d7d7; position: absolute; top: 37.5%; left: 0;}
#footer .f_top .f_menu li:first-child a {padding-left: 0; }
#footer .f_top .f_menu li:first-child a:after {display: none;}
#footer .sns_menu {position: absolute; top: 10px; right: 55px; z-index: 1;}
#footer .sns_menu li {display: inline-block; vertical-align: top; padding: 0 2px;}
#footer .sns_menu li a {display: block; opacity: .8;	transition:.25s;}
#footer .sns_menu li a:hover {opacity: 1; border-color: transparent; background-color: #033a3a;}
#footer .f_bot {padding: 20px 0 30px; position: relative; background-color: #feed01; color: #28285a; }
#footer .f_bot .txt_wrap {float: left; width: 50%;}
#footer .f_bot .txt {line-height: 1.7;}
#footer .f_bot .txt_wrap .box > p {display: inline-block; vertical-align: top; text-align: left;	}
#footer .f_bot .txt_wrap .box .escrow {padding-left: 20px;}
#footer .cs_wrap {float: right;width: 50%;/*  color: #333;  */position: relative;}
#footer .cs_wrap .cs_txt_wrap {display: inline-block; vertical-align: middle; padding-right: 12%; 	}
#footer .cs_wrap h3 { 	}
#footer .cs_wrap h3 span {color: #e33d1c;}
#footer .cs_wrap .cs_txt_wrap .gray {color: #787878;}
#footer .cs_wrap .tel { font-weight: 700;line-height: 1.2;}
#footer .cs_wrap ul { margin-bottom: 15px;display: inline-block; vertical-align: middle; }
#footer .cs_wrap li { margin: 7px 0;}
#footer .cs_wrap li a {display: inline-block; width: 110px; height: 35px; line-height: 38px; text-align: center; background-color: #fff; border: 2px dotted #28285a; border-radius:7px; font-size: 14px; font-weight: 700; letter-spacing: -1px; transition:.25s;}
#footer .cs_wrap li a:hover {background-color: #272859; color: #fff;}
#footer .cs_wrap li span { padding-left: 10px; font-weight: 500;}
#footer .copyright {font-weight: 700;}

#quick_kakao {position: fixed; right: 14%; bottom: 150px; z-index: 9997;}
#footer #top_trigger{display:none;position:fixed;right:14%;bottom:70px;margin:0 /* -896px */0 0 0;z-index:9998;	background-color: rgba(255,255,255,0.5);		opacity: .5; transition:.25s;}
#footer #top_trigger:hover { opacity: 1;}

#quick_wrap {position: fixed; top: 38%; right: 50%; margin-right: -900px; z-index: 99;}
#quick_wrap a {display: block; margin: 5px 0; width: 98px; height: 98px; background-color: #272859; color: #fff; font-family: 'Gmarket Sans';  font-size: 16px; line-height: 1.1; font-weight: 500; text-align: center;border-radius:50%; box-shadow:0 0 5px rgba(0,0,0,.2); transition:.25s;}
#quick_wrap a span {font-size: 14px;}
#quick_wrap a .icon { padding-top: 14px;}
#quick_wrap a.profile {background-color: #28285a;}
#quick_wrap a.profile .icon {padding-top: 11px;}
#quick_wrap a.kakao {background-color: #fae91f; color: #381e1f;}
#quick_wrap a.reward {background-color: #ff5a00; color: #fff;}
#quick_wrap a.reward .icon {padding-top: 16px;}
#quick_wrap a:hover { -ms-transform:translateX(-10px); -webkit-transform:translateX(-10px); transform:translateX(-10px);}

/* 반응형 */
@media all and (max-width:2000px){
	#header {width: 100%; left: 0; margin-left: 0;}
	.quick_wrap {right: 20px; margin-right: 0;}
	#quick_kakao {right: 20px; bottom: 130px; width: 49px;}
	#quick_kakao img {max-width:100%;}
	#footer #top_trigger {right: 20px;}
	#quick_wrap {margin-right: 0; right: 20px;}
}
@media all and (max-width:1800px){
	#header #logo {left: 15px;}
}
@media all and (max-width:1400px){
		.quick_wrap {width: 75px;}
		.quick_wrap li .icon img {width: 70px;}
}
@media all and (max-width:1250px){
	#header #gnb .dep1_wrap .dep1_con .dep1 {padding: 0 20px; font-size: 16px;}
	#quick_kakao {bottom: 80px;}
	#footer #top_trigger {bottom: 20px;}
}
@media all and (max-width:1200px){
	#footer .sns_menu {right: 90px;}
	#footer .inicis_mark {right: 20px;}
}
@media all and (max-width:1060px){
	#header .w1100 {position: static;}
	#header .top_util {top: 11px; right: 15px; }
	#top_banner .close {right: 15px;}

	#header .top_shop_util .member_sub {left: auto; right: 0; margin-left: 0;}
	#header #gnb .dep2_wrap {padding: 20px 10px;}
	#header #gnb .dep2_wrap .dep2_con .dep2 {width: 110px; padding: 8px 10px;font-size: 13px;}
	#header #gnb .dep3_wrap {left: 110px; padding-left: 10px;}
	
	.quick_wrap {display: none;}
	.sitemap .wrap {margin: 60px 0;}
	.sitemap .login_box {left: 20px; top: 20px;}





	#footer .f_bot .txt_wrap {float: none; width: 100%; text-align: center;}
	#footer .cs_wrap {float: none; width: 60%; margin: 0 auto 30px; }
	#footer .cs_wrap li a {width: 100px; /* font-weight: 500; */}
}
@media all and (max-width:768px){
	#top_banner {padding: 15px 0px;}
	#top_banner .banner {padding: 0 20px;}
	#top_banner .close {right: 10px; width: 13px; }
	#header #logo {padding: 35px 0 10px;}
	#header #logo img {width: 150px;}
	#header #hd_wrapper {padding: 15px;}
	#header.stiky #hd_wrapper {width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
	#header .top_util {top: 5px;}
	#header .top_shop_util {top: 42px;}
	#header #gnb {display: none;}
	#header .hd_bot {height: 50px;}
	.open_sitemap,
	.open_sitemap a {height: 50px;}
	.hd_sch_wr {top: 8px; right: 5px;}
	#gnb_all {/* top: calc(100% + 50px); */ top: calc(100% + 10px);height: 100%;  overflow-y:auto;}
	#gnb_all .gnb_1dul {float: none; width: 100%;}
	#gnb_all .gnb_1dli {float: none; width: 100%; margin: 0;}
	#gnb_all .gnb_1da {font-size: 15px; height: 35px; line-height: 38px; border-bottom: 1px solid #eee;}
	#gnb_all .gnb_2da {font-size: 14px;}
	#gnb_all .etc_list {float: none; width: 100%; margin-top: 30px;}

	#header #m_gnb {display: block;	padding: 16px 0 0 35px;}
	#header #m_gnb a {display: inline-block; font-family: 'Gmarket Sans'; font-size: 16px; color: #333; font-weight: 500; }
	#header #m_gnb a:first-child {margin-right: 10px; padding-right: 17px; position: relative;}
	#header #m_gnb a:first-child:after {content:'';display: block; width: 1px; height: 60%; background-color: #272759; position: absolute; top: 15%; right: 0;}

	

	

	#footer .f_bot {padding: 20px 0 60px;}
	#footer .f_top .f_menu {text-align: center;}
	#footer .f_top .f_menu li a {font-size: 14px;}
	#footer .sns_menu {position: static; text-align: center; margin: 10px 0;}

	/* #footer .f_bot .txt_wrap {float: none; width: 100%; text-align: center;}
	#footer .cs_wrap {float: none; text-align: center; margin-top: 20px;	} */

	#footer .cs_wrap {width: 380px; }
	#footer .cs_wrap .cs_txt_wrap {padding-right: 15px;}

	#quick_wrap {right: 5px; top: auto; bottom: 80px;}
	#quick_wrap a {width: 58px; height: 58px; line-height: 58px;}
	#quick_wrap a .icon,
	#quick_wrap a.reward .icon,
	#quick_wrap a.profile .icon {padding-top: 0;}
	#quick_wrap a .txt {display: none;}
}
@media all and (max-width:600px){
	#header .top_util {float: none;position: absolute;top: 5px; right: 5px;	}
	

	#header #m_gnb {	padding: 16px 0 0 25px;}
	#header #m_gnb a {font-size: 14px; letter-spacing: -1px;}
	#header #m_gnb a:first-child {margin-right: 3px; padding-right: 8px;}
	#header #m_gnb a:first-child:after { height: 60%;  top: 20%;}


	#footer .f_top .f_menu {font-size: 0;}
	#footer .f_top .f_menu li {width: 33.33%;}
	#footer .f_top .f_menu li a {font-size: 14px; padding: 7px 0;}
	#footer .f_top .f_menu li:nth-child(4) a:after {display: none;}
}
@media all and (max-width:486px){
	

	#header #hd_wrapper {padding: 15px 10px;}
	#top_banner .close { width: 10px;}

	
	
	#header .top_util p {/* margin: 0 2px; */ padding: 0 4px;}
	#header .top_util p:after {width: 1px;}
	#header .top_util p a {font-size: 12px; font-weight: 700;}
	#header .top_util li {font-size: 11px; }
	#header .top_util li.list_wish {display: none;}
	#header #gnb .dep1_wrap .dep1_con .dep1 {padding: 0 10px;}
	#header #gnb {margin-left: 120px;}

	.hd_sch_wr {width: 130px;}
	.hd_sch_wr.active {width: 280px;}
	.hd_sch_wr .sch_link_list {font-size: 12px;}

	/* .hd_sch_wr input[type=text] {width: 180px;  }
	.hd_sch_wr input[type=text]:focus {width: 300px;}
	 */

	.cs_info_wrap h3 {font-size: 16px;}
	.cs_info_wrap h3 span {font-size: 20px;}
	.cs_info_wrap .cs_wrap,
	.cs_info_wrap .bank_info {background-size:auto 25px; background-position: top 45px right 50%; padding: 0 12px; text-align: center;}
	.cs_info_wrap .cs_wrap {padding-left: 0;}
	.cs_info_wrap .bank_info {padding-right: 0;}
	.cs_info_wrap .partner {font-size: 0; margin: 0 -4px;}
	.cs_info_wrap .partner p {width: calc(50% - 8px); margin: 0 4px;}
	.cs_info_wrap p {font-size: 11px;}

	#footer .f_bot {padding: 20px 0 30px;}
	#footer .f_logo img {width: 110px;}
	#footer .f_top .f_menu li a {font-size: 12px;}
	#footer .sns_menu {position: static; text-align: center; margin-bottom: 10px;}
	#footer .f_bot .txt {font-size: 12px !important;}
	#footer .f_bot .txt span {font-size: 12px !important;}
	#footer .top_trigger {width: 15%; bottom: 0; right: 0;}

	#footer .cs_wrap {margin-bottom: 0px; width: 290px;}
	#footer .cs_wrap .cs_txt_wrap {vertical-align: top; padding: 10px 40px 0 0;}
	#footer .cs_wrap ul { margin-bottom: 0; -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); transform:translateY(-30px); }
	#footer .cs_wrap li a {width: 90px;font-size: 13px; height: 25px; line-height: 25px;}
	#footer .cs_wrap li span {display: block; padding: 2px 0px;text-align: center;}


	#quick_wrap {bottom: 20px;}
	#quick_wrap a {width: 40px; height: 40px; line-height: 40px; }
	#quick_wrap a img {width: 25px;}
	#quick_wrap a.reward {line-height: 42px; }
	#quick_wrap a.kakao {line-height: 44px; }
}
@media all and (max-width:320px){
	#header #top_right {min-width:320px; float: none;}
}