/* top_menu_00.css */

/* 최상단 메뉴 */
.top_wrap {/*background:linear-gradient(90deg, rgb(88 34 224) 0%, rgb(133 41 242) 100%); */ background:#f5f7fa;display: block; width: 100%;padding:6px 0;border-bottom: 1px solid #eee;}
.top_wrap ul {display:inline-block;}
.top_wrap ul li{float:left;font-size: 13px; color: #000;  padding-left:10px;}
.top_wrap ul li a i{font-size:11px;}
.top_wrap ul li a{display: block;}
.header .mn{ display:grid; grid-template-columns: 20% 50% 30%; align-items: center; }
.top_wrap .top_right {}
.top_wrap .top_right li{}
.top_wrap .top_right li.home_btn { width: 35px; text-align: center; padding:0; }
.top_wrap .top_right li.home_btn a { width:34px;color:#fff; }
.top_wrap .top_right li.home_btn i {color:#fff; display:block; width:34px; }
.top_wrap .top_right li a#favorite { color:#333 !important; }
/* .top_wrap .top_right li:nth-child(2) {background:#ea5903;padding: 0 20px; }
.top_wrap .top_right li:nth-child(2) a {font-size:13px; font-weight:300; color:#fff; } 
.top_wrap .top_right li:nth-child(2) i {color:#fff; font-size:12px; padding-right:2px;} */

.top_wrap .user_info {float:right; margin-right:30px;}
.top_wrap .user_info li {margin-left:10px; font-weight:300; font-size:12px; position:relative;}
.top_wrap .user_info li b, 
.top_wrap .user_info li span {color:#81c3bf !important; font-weight:500; padding-right:2px;}
.top_wrap .user_info li:first-child:after {display:none;}
.top_wrap .user_info li:after {content:''; position:absolute; left:0px; top:2px; width:1px; height:10px; background:#777;}

.top_wrap .container{display:flex;justify-content: space-between; align-items: center;}
.top_wrap .top_left {}
.top_wrap .top_left li { color:#666; letter-spacing:0; padding-left:0px;font-size:30px;font-weight:300;}
@media screen and (max-width: 640px) {
	.top_wrap .top_left{width:100%;}
	.top_wrap .top_left li {float:unset;width:100%;text-align:center;font-size:26px;}
}
@media screen and (max-width: 599px) {
	.top_wrap .top_left li {font-size:22px;}
}

/* header */
.m_icon {font-size:15px; text-align: right; padding-top:7px; margin-bottom:7px;}
/*.m_icon a {display:inline-block; font-size:13px; font-weight:500; color:#7b7b7b; letter-spacing: 0.02em; margin-left:10px;}*/
.m_icon a:hover {color:#333;}
.m_icon a:after {display:inline-block; content:''; width:1px; height:12px; vertical-align: baseline; background: #ccc; margin-bottom:-1px; margin-left:10px;}
.m_icon a:last-child:after {display: none;}
.header {width:100%; height:auto; letter-spacing:-0.01em; word-spacing: 0; position:absolute; z-index:9; transition:all 0.2s ease-in-out; 
	-webkit-transition:all 0.2s ease-in-out; background:#fff; box-shadow: 0px 2px 4px -2px rgb(1 1 0 / 20%); } 
.header .logo { height:120px; display:inline-block; position:relative; }
.header .logo img { height: auto; position:absolute; top:50%; transform:translateY(-50%); }
.header .search {display:inline-block; vertical-align: bottom; position:relative;}
.header .search input {width:500px; height:46px; line-height:43px; padding-right:30px; border:4px solid #cfa205;
-moz-border-image: -moz-linear-gradient(top right, #6a5405 0%, #cfa205 100%);
-webkit-border-image: -webkit-linear-gradient(top right, #6a5405 0%, #cfa205 100%);
border-image: linear-gradient(to top left, #6a5405 0%, #cfa205 100%);
border-image-slice: 1;}
.header .search .search_btn {display:inline-block; position:absolute; cursor: pointer; right:-15px; top:0px; padding:0 10px; line-height:46px; padding-right:30px;}
.header .search .search_btn:hover {color: #3197ee;}
.header .cs {display:inline-block; width:350px; padding-top:15px; text-align: center; vertical-align: bottom; float:right;}
.header .cs img {display:inline-block; vertical-align: middle; margin-right:10px;}
.header .cs h3 {display: inline-block; vertical-align: middle; line-height:1.2em;font-size:20px;}
.header .cs h3 .phon_nm {font-size:28px; font-weight:600;}
.header .cs h3 p {font-size:14px; font-weight:400; letter-spacing: -0.03em;}
.header .cs a {display:none;}
.gnb {}
.gnb .main_menu li {font-size:0; word-spacing: 0; height:39px;  float:left;}
.gnb .main_menu li.left_menu {float:left;}
.gnb .main_menu li.right_menu {float:right;text-align: center; line-height: 75px;}
.gnb .main_menu li.right_menu a {padding:0 0 0 15px;}
.gnb .main_menu li.right_menu a:first-child {padding:0;}
.gnb .main_menu li a {display:inline-block; padding:25px 20px 30px 20px; color:#000; font-weight:300;}
.gnb .main_menu li a:hover  {opacity:0.9;}
.gnb .main_menu li.left_menu a {font-size:16px; }
.gnb .main_menu li a img {margin-top:-2px;}
.gnb .main_menu li.right_menu a {font-size:14px; }
.gnb .main_menu li a .new {font-size:11px; font-family:'NanumBarunGothic',sans-serif;font-weight:normal;width:18px !important; height:18px !important; padding:0; margin-top:-3px; margin-left:2px; line-height:20px; display: inline-block; text-align: center;background:#e5750a;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;vertical-align: middle;font-weight: 600;}

nav#topNav .sub_menu {width:160px !important; height:auto !important; background:white !important; text-align: left;z-index: 99999999; position: absolute;top:50px;
	width: 100%; color: #333; border: none; }
nav#topNav .sub_menu li:first-child {padding-left: 0;margin-left: 0; }
nav#topNav .sub_menu li {float: none;display:inline-block;padding: 0;background: none;text-align: left; width: 100%; line-height: 40px; background-color: white !important; }
nav#topNav .sub_menu li a { display: inline-block; width: 100%; font-size: 15px !important; border-bottom: 1px solid #ccc; background:white !important; }
nav#topNav .sub_menu li a span { padding:0 0.7rem; }
nav#topNav .sub_menu li:hover a { background-color:#6851a3 !important; color:white; }


.m_menu {position:absolute; right:0; top:0; display:none; z-index: 9999 !important;}
.m_menu .menu_icon {position:absolute; z-index:999999; top:0px; right:5%; display:inline-block; background: transparent; vertical-align: baseline;}
.m_menu .menu_icon .wrap { padding:0.7rem; height: 100%; ; border-radius:1rem; margin-top: 0.7rem; margin-right: 0.5rem; }
.m_menu .menu_icon .wrap span {display:block; width:25px; height:3px; border-radius:2px; background:#333; margin:6px auto;/* transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;*/}
.m_menu .menu_icon .close_icon {width:20px; margin:20px auto 0;}
.m_menu .menu_icon .close_icon img{width:100%;}

.full_menu {opacity:0; height:0; width: 100%;  transform: scale(1,0); transform-origin: top;  background: #fff;  position: fixed; z-index:99999; top:0; left:0; text-align: left; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

.full_menu.open { opacity:1; height:100%;  transform: scale(1,1);  display:block;  overflow-y:scroll;}
.full_menu dl {clear:both; }
.full_menu dd {display:block; width:16.66%; float:left; text-align: center; padding-top:15%; border-right:1px solid #eee;}
.full_menu dd h3 {font-size:33px; margin-bottom:20px;}
.full_menu dd a {display:block; text-align: center; height:20px;  line-height:20px;  font-size:20px; margin:20px 0;}
.full_menu dd a:hover {color: #050b0b;}
.full_menu .m_icon {display:none; line-height: 1; letter-spacing:-1px;background: #f5f7fa; position:relative; z-index:1;}
.full_menu .m_icon:after {content:''; position:absolute; left:0; top:0; width:100%; height:73px; background:#fafafa; z-index:-1; border-bottom: 1px solid #eee;}
.full_menu .m_icon .login_notice {color:#777; line-height: 20px; margin:30px 0 15px; display: block; font-size:13px;} 
.full_menu .m_icon .login_btn { display:grid; grid-template-columns:repeat(2, 1fr); }
.full_menu .m_icon .login_btn li { text-align:center; background:#999; line-height: 45px;}
.full_menu .m_icon .login_btn li a{color:#fff; display:block; border: 1px solid #fff; }
.full_menu .m_icon .login_btn li:first-child {margin-left:0; background:#ea5903;}
.full_menu .m_icon .mobile_logo {width:220px;padding-top: 6px;}
.full_menu .m_icon img { max-width:120px; }
.full_menu .m_icon .login_btn li.mypageBtn,
.full_menu .m_icon .login_btn li.addAdBtn { background-color:#5822e0; }

/* 로그인 후 */
.full_menu .user_info {width:100%; margin:35px 0 20px; font-size:13px; display:inline-block;}
.full_menu .user_info li {float:left; margin-left:30px; font-weight:300; font-size:14px; position:relative;}
.full_menu .user_info li:first-child {margin-left:0;}
.full_menu .user_info li b,
.full_menu .user_info li span {color:#5822e0; font-weight:500; padding-right:2px;}
.full_menu .user_info li:first-child:after {display:none;}
.full_menu .user_info li:after {content:''; position:absolute; left:-15px; top:3px; width:1px; height:9px; background:#d8d2bb;}


.main_wrap .main_top {padding-top:170px; position:relative; width:100%; }
.mobileScrollMenu > ul{background:#fff;display:flex!important;    align-items: center; justify-content: center;}
.mobile_mn li{width:50%;}
.mobile_mn li a{font-size:1rem;font-weight:500;}
.mobile_mn li span.new{border-radius:50%;width:17px!important;height:17px!important;}