@charset "utf-8";
:root {
  --gray-border: #333;

}
 
/* BP(http://bluet.kr/) in Sehee S&D(http://sehee.co.kr/) 2013-02-06 */
/* Reset */
html,body{min-height:100%;    }
body{background:#fff;overflow-y:scroll;/* overflow-y:none;overflow-x:hidden */}
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,input,button,textarea,select,address{margin:0;padding:0}
body,table,input,textarea,select,button{font-family: 'Noto Sans KR', sans-serif; font-size: 16px}
header,footer,section,article,nav,aside,figure,figcaption{display:block}
ul,ol,dl{list-style:none}
a{color:#363636;text-decoration:none; /* font-weight:bold */}
img{border:0}
hr{display:none}
	
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="search"],textarea {-webkit-appearance:none;-webkit-border-radius:0;}

/* Montserrat 폰트 */
@font-face {
	font-family: 'Montserrat', sans-serif;
}

.main-color{color: #2ea7e0;}
.sub-color{color: #036eb8;}
.main-bgcolor{background: #2ea7e0;}
.sub-bgcolor{background: #036eb8;}

.content{justify-content: center; outline:0; background:none; width: 100%; margin:0 auto; position: relative;}
.header img, .lnb img, .footer img,.front .content img,.contentTitle img{display:block}
.a11y-Hidden, .sr-only{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
.fl-right {margin-left: auto;}

.p-inline{display: inline-block;}

/* Skip to Content Button */
.skipToContent{display:block;width:120px;z-index:1;position:absolute;left:50%;top:10px;margin:0 0 0 -60px}
.skipToContent a{display:block;height:1px;overflow:hidden;text-indent:-1000px;cursor:default}
.skipToContent a:focus,.skipToContent a:active{height:12px;text-align:center;text-indent:0;padding:7px 0;background:#666;color:#fff;border-radius:15px}

/* IE6 PNG bug fix */
.png24{tmp:expression(setPng24(this))}

/* for Screen Reader */
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* Layout */
body{background:#fff}
.wrap{width:100%;margin:0 auto;position:relative;}
.header{position:relative; z-index: 30; background: #fff;}
.headerWrap{position:relative;}
.mainVisual{width:100%;height:600px}
.mainVisual img{display:block}
/* .subVisual{width:1200px;margin:0 auto} */
.subVisual img{display:block}
.front .body{}
/* .body{padding:0 0 80px 0;zoom:1; width:1200px;margin:0 auto} */
/* .body.popup{width:1000px;}
.body.popup .contentBody img{width:970px;} */
.body:after{content:"";display:block;clear:both}
/* .front .content{width:1310px;float:none;padding:70px 0 0 0} */
/* .content{position:relative; width:1200px; outline:0}
.content.popup{width:1000px;} */
.content:after{content:"";display:block;clear:both}
.footer{background:#393939;width:100%;/* min-width:1253px */}
.contentBox:after {content:"";display:block;clear:both}
/* Header */
/* .header h1{width:237px;height:63px;position:absolute;left:50%;top:37px;margin:0 0 0 -118px} */
.header h1 a{display:block;overflow:hidden}
.header_mark1{position:absolute;left:30px;top:30px}
.header_mark2{position:absolute;right:0px;top:50px}
.utilmenu-wrap{width: 100%; padding: 10px 0; /* border-bottom: 1px solid #dfdfdf;*/}
.utilmenu{display: flex; justify-content: flex-end; width: 70%; margin-right: 30px;}
/*.utilmenu ul{margin-left:-1px;overflow:hidden;}*/
.utilmenu ul:after{content:"";display:block;clear:both}
.utilmenu li{float:left;padding:0 12px;zoom:1;/* background:url(../images/bg/util_bar.gif) no-repeat left 3px */ }
.utilmenu li:last-child{padding:0;}
.utilmenu a{display:block;float:left;margin:0;overflow:hidden;color:#fff;font-size:12px;font-weight:normal;font-family:Arial,NBG}
.utilmenu .util_cart{padding:0 0 0 12px}
.utilmenu .util_cart a{padding:0 0 0 19px;background:url(../images/ico/util_cart.gif) no-repeat left 2px}
.pcView{display:block;background: #5A5B5B;}
.moView{display:none;}

.menu-title{margin: 0 auto 80px auto; text-align: center; font-weight: 600; font-size: 2.5rem;}
.top-button{background: #5A5B5B; text-align: center; font-size: 13px; padding: 3px 0;}
.top-button a{color: #fff;}


.utilmenu_notice_list a, .user_page_list a{
  position: relative;
  padding-left: 10px;
  margin-right: 10px;
}

.utilmenu_notice_list a::before, .user_page_list a::before{
  content: '';
  position: absolute;
  left: 0;
  top: 25%;
  width: 1px;
  height: 15px;
  background: #999;
}

.utilmenu_notice_list:first-child a::before, .user_page_list:first-child a::before{
  display: none;
}

/*font*/
.price ,p.prodiprice{
    font-family: 'Lato', sans-serif !important;
}
/* 메뉴 */
.gnb{width: 100%; border-top: 1px solid #dfdfdf;}
/* #menu-box-1{width: 1200px; margin: 0 auto;} */
/*.gnb{position:absolute;top:45px;}*/
/*.gnb a.go_home{float:left}*/
.gnb .li_logo{width:230px;}
.gnb .li_menu.on{
	/* border-bottom:5px solid #000;    padding-bottom: 28px; */
	background:url(/common/images/over_circle.png);
	background-position:center;
	background-position-y:6px;
	background-repeat:no-repeat;
	font-weight:bold;
}

.gnb .li_menu{line-height: 50px;}
.gnb .li_icon{    width: 50px;
    /* margin: 0 19px; */
    margin-top: 20px;
	/* padding: 20px 0; */
	padding-bottom:30px;
  /*   text-align: center; */
  vertical-align: bottom;
    }
    .gnb .li_icon img{width:100%;height:auto}
	.gnb .li_icon.cart{/*margin : 0 20px; margin-top: 20px; */margin: 30px 20px 0 20px;}
	.gnb .li_icon.pc_search img{float:right; width: 50%; margin-left: 50%;}

.gnb ul:after{content:"";display:block;clear:both}
.gnb li{font-size:20px;width:160px;text-align:center;display: inline-block;
    vertical-align: top;}
    
.gnb li.menu7{margin:0}
.gnb ul ul{display:none;}
.g_hover{display:block !important;width:175px; position:absolute;/*top:106px;*/background:#fff;border:1px solid gray;border-top:0;font-weight:normal;}
.g_hover li{
	text-align:left;
	/* width:100%; */
	/* padding:15px 15px; */padding:5px 0;margin:0;padding-left:20px;box-sizing: border-box;line-height: 20px;
}
.g_hover a{font-size:14px;}
.g_hover li:hover{
	background:#a9a9a9;
	
}
.g_hover li:hover a{/*color:white;    */ text-decoration: none;}
.gnb ul li.menu3 ul{width:182px}
/* .gnb ul li.menu5 ul{padding:0;border:0}
.gnb ul li.menu5 ul li{display:none} */
.gnb ul li.menu6 ul{width:194px}
.gnb ul ul li{float:none;margin:7px 0}
.gnb_li{font-size:15px !important;}
.pc_search li div.pc_searchDiv{width: 360px;}
.pc_search li{width: 360px !important;}
/* .gnb ul ul li a{font-size:13px;font-weight:normal} */
/* .gnb ul ul li a:hover{font-weight:bold;} */
.pc_search img{cursor: pointer;}
.pc_searchDiv{
    height: 0;
    width:390px;
	background: #fff;}
	.pc_searchDiv > *{display: inline-block;}
	
.pc_searchDiv{height: 70px;position: absolute;top: 151px;right:0;    padding: 15px;
    box-sizing: border-box; display: none;padding-top: 22px;
	z-index: 100;}
.pc_searchDiv input#keysearch{    width: 260px;
    border: 0;
    border-bottom: 1px solid #000;
    padding: 7px;border-radius: 0;}
.pc_searchDiv .pc_search_close{position: absolute;top:10px;right:10px;    background: #a90000;}	
.pc_searchDiv .pc_search_close img{width:30px;cursor: pointer;}	
.pc_searchDiv .pc_search_btn img{width: 24px; margin-left: 15px;cursor: pointer;}
p.mo_search{cursor: pointer;}


/* 배너 */
.main-swiper{position:relative; width:100%; height:650px; margin-bottom:27px;}
.main-swiper div {display:none;opacity:0; position:absolute; top:0; left:0; width:100%; height:650px; transition: opacity .3s linear; -webkit-transition: opacity .3s linear;}
.main-swiper div.show {display:block;opacity:1; transition: opacity .3s linear; -webkit-transition: opacity .3s linear;}
.main-swiper div{
	min-height: 100%;
	background-size: cover;
	}
.main-swiper div:nth-child(1) {background:url("/common/images/banner/banner_1.png") center; background-repeat: no-repeat; background-size: 100%;}

/* PC배너이미지 경로 지정*/
.swiper-slide.slide1{background:url(../images/banner/banner_1.png) no-repeat center 0}
.swiper-slide.slide2{background:url(../images/banner/banner_2.png) no-repeat center 0}
.swiper-slide.slide3{background:url(../images/banner/banner_3.png) no-repeat center 0}
.swiper-slide.slide4{background:url(../images/banner/banner_4.png) no-repeat center 0}
.swiper-slide{background-size:cover !important;}
.swiper-slide .copy1{padding:120px 0 0 68px}
.swiper-slide .copy2{padding:57px 0 0 0}
.swiper-slide .mv_certification{position:absolute;left:0;bottom:20px}

.contentBox .btn_arrow > div{
	position: absolute;
	top: 40%;
    z-index: 10;margin-top: -22px;
}
.contentBox .btn_arrow .recommend-prev{
	left:-20px;cursor: pointer;
}
.contentBox .btn_arrow .recommend-next{
	right:-20px;cursor: pointer;    background:#fff;border-radius: 35px;border: 1px solid #bababa;z-index: 10;

}

.swiper-slide.slide1{background:url(../images/banner/mo_banner_1.png) no-repeat center 0}
.swiper-slide.slide2{background:url(../images/banner/mo_banner_2.png) no-repeat center 0}
.swiper-slide.slide3{background:url(../images/banner/mo_banner_3.png) no-repeat center 0}
.swiper-slide.slide4{background:url(../images/banner/mo_banner_4.png) no-repeat center 0}

}

/* Contents */
.contentBox{
	margin : 70px auto;
}
.contentBox::after{
	float:none;
}
.contentTitle{position:relative;height:auto;font-weight:bold; font-size:25px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #c5c5c5; }
.contentTitle .subVisual img{position:absolute;right:10px;bottom:0}
.contentRoute{text-align:left;position:absolute;left:0;top:38px;padding-left:15px;background:url(../images/bg/bullet_route.gif) no-repeat left 2px;font-size:13px}
.contentRoute span{font-weight:bold}
h3.main_tit {
	font-size:30px;
	text-align:center;
	margin-bottom: 50px;
	font-weight: bold;
}
h3.main_tit::after{
	content: "";
    display: block;
    width: 45px;
	border-bottom: 2px solid #000;
	margin:0 auto;
	margin-top: 25px;
}

/*추천상품  */
.recommend p,.newProduct p{
	font-size:23px;
}
.recommend .proImg{
	width: 280px;height: auto;padding:60px 0;border: 1px solid #dcdcdc;
}
.recommend .prodname {
	margin-top: 20px;
}
.recommend .prodinfo , .newProduct .prodinfo{
	font-size:16px;color:#777777;
}
.recommend .prodprice , .newProduct .prodprice{
	margin-top: 15px;font-family: 'Lato', sans-serif !important;
}
.recommend .prodprice span , .newProduct .prodprice span{font-size:17px;}
.contentBox .btnBox{
	margin:30px 0;    margin-top: 80px;
}
.contentBox .btnBox p.prodAll{
	font-size: 18px;
    border: 1px solid;
    width: 250px;
    padding: 10px;
    text-align: center;
	margin: 0 auto;
	font-weight: 600;
	cursor:pointer;
}
.recPro.moView{
	display:none;
}

/* 신상품 */
.newProduct p{margin-left: 25px;}
.newProduct .newImg{
	margin-top: 19px;
    font-size: 15px;
    width: 50px;
    background: #b01028;
    padding: 2px 3px;
    color: #fff;
    text-align: center;
	border-radius: 5px;
	margin-bottom: 10px;
}
.new_left{
	width:49%;height:500px;float:left;margin-right: 2%;
}
.new_right{width:49%;height:500px;float:left;}
.newProduct{
	width:100%;
}
.newProduct > img{    
	width: 350px;
    height: 350px;
    border: 1px solid #eee;
    padding: 0 49px;
}
.imgTop{
	width:100%; height: auto;
	background:url(../images/newImg_1.png) no-repeat left;background-size: 100%;
	margin-bottom: 30px;
}
.imgTop p {color:#fff;padding-left:200px;}
.imgTop .img_tit{
	padding-top: 65px;
	font-size:30px;
}
.imgTop .img_tit > b{font-size: 35px;}
.imgTop .img_comment{margin-top:15px;font-size:20px;padding-bottom: 36px;}
.imgBot{
	width: 100%;height: 220px;;
}
.imgBot img{ width:48%; height:219px; float:left;margin-right:3%;border:1px solid #eee;}
.imgBot img:nth-last-child(1){margin-right: 0;}

.fl_le{
	float:left;
}
.fl_ri{
	float: right;
}
.brandText{
	width:48%; margin:40px 0;background:url(../images/nanum_logo_smile.png);    background-repeat: no-repeat;
    background-position: right center;
    background-size: 128px;
    /* padding-right: 50px; */
        background-position-x: 87%;
    background-position-y: 81%;
}
.eventText{
	width:48%;margin:40px 0;margin-left:1%;
	text-align:left;
	
}
.brandText .text_tit,.eventText .text_tit{
    font-size: 30px;
	font-weight: normal;
	/* margin-left:40px; */
	margin-bottom: 33px;
}
.eventText .text_tit{margin-left: 40px;}
.brandText .text_tit::after , .eventText .text_tit::after{
	content: "";
    display: block; 
    width: 45px;
	border-bottom: 1px solid #fff;
	margin-top: 25px;
	margin-left: 25px;
}

.kakao-sangdam a::before{
	display: inline-block;
	content: '';
    width: 18px;
    height: 18px;
	margin-right: 5px;
    margin-top: 1px;
    background: url(/common/images/footer-kakao.svg) no-repeat;
    background-position: 0 0;
    line-height: 999px;
    overflow: hidden;
    vertical-align: middle;
}

.text_sub{
	font-size:23px;
	margin-top:13px;
	margin-left:20px;
}

.text_sub > b{font-size:30px;}

/* Sidebar */
.lnb{/*margin:0 0 50px 0;*/ display: none; width: 100%; /*float: left;*/}
.lnb h2{position:absolute;left:0;top:110px}
.lnb ul{padding-bottom:11px;zoom:1;overflow:hidden; display: flex; /*padding-top: 40px;*/}
/*.lnb ul:after{content:"";display:block;clear:both}*/
.lnb li {width: 20%;}
/*.lnb li{border:1px solid #cacaca;float:left; text-align:center;border-right:0;box-sizing: border-box;}*/
.lnb li:nth-last-child(1){border-right:1px solid #cacaca;}
.lnb li a{display:block; padding:15px 10px; font-size:18px; font-weight: 400 !important;}
.lnb li.active , .lnb li:hover{background: #2e8ad9;}
.lnb li.active a , .lnb li:hover a{color:#fff;/* font-weight:bold */}
.lnb li.menu44{border:1px solid #a3a3a3}
.lnb li.menu44 a{color:#fff;font-weight:bold;background:#a3a3a3}
.lnb li.menu44.active{border:1px solid #c20828}
.lnb li.menu44.active a{color:#c20828;background:#fff}


/* footer */
.blind{
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

/* footer-menu */
.footer-menu-list{display: inline-block;}

.footer-menu-list:first-child a::before{
    display: none;
}

.footer-menu-list a{
    position: relative;
    padding-left: 10px;
    margin-right: 10px;
	color: #999;
}

.footer-menu-list a::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    left: 0;
    top: 25%;
    background: #999;
}

.footer-menu-list:first-child a{
    padding-left: 0;
}

.footer-menu{
    display: inline-block;
	margin: 0 20px 0 0;
}


.copyright{
    width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
	font-size: 14px;
    color: #999;
}

.copyright-box{
    display: flex;
    line-height: 2;
}

.copyright-list{
    margin: 0;
	display: inline-block;
}

.copyright-text{
    position: relative;
    padding-left: 10px;
    margin-right: 10px;
}

.copyright-text::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    left: 0;
    top: 25%;
    background: #999;
}

.copyright-list:first-child .copyright-text::before{
    display: none;
}

.copyright-list:first-child .copyright-text{
    padding-left: 0;
}

.copyright-list small{
    /* margin-top: 20px; */
    display: inline-block;
}

.copyright-list small:first-child{
    margin-right: 10px;
}

/* Main Contents */
.shop{position:relative;margin:0 0 100px 0}
.shop h2 img{margin:0 auto 50px auto}
.shop .shop_list{width:1200px;margin:0 auto}
.shop ul{zoom:1}
.shop ul:after{content:"";display:block;clear:both}
.shop li{float:left;margin:0 0 0 10px;width:230px;height:385px;border:1px solid #d3d3d3}
.shop li.list1{margin:0}
.shop li img{width:230px;height:230px;padding:34px 0 26px 0}
.shop span{display:block;text-align:center}
.shop .productName{font-size:15px;color:#394f1d;font-weight:normal;}
.shop .productName_en{margin:4px 0 6px 0;color:#cd9e54;font-weight:normal}
.shop .productPrice{font-size:15px;color:#c20828;font-weight:bold}
.shop .productPrice .before_price{color:#888;font-weight:normal;text-decoration:line-through;display:inline-block;margin:0 5px 0 0}
.shop .btn_arrow a{position:absolute;top:262px}
.shop .btn_arrow a.arrow_l{left:0}
.shop .btn_arrow a.arrow_r{right:0}

.shop.shop2 .shop_list{margin:0 auto 15px auto}
.shop li.shopImg{width:472px;height:383px}
.shop li.shopImg img{width:472px;height:383px;padding:0}

.newlist{width:273px;height:90px;position:relative;margin:25px 34px 0 36px;float:left;zoom:1}
.newlist h1{font-size:15px;padding:0 0 15px 0;background:url(../images/bg/title_bullet.gif) left 3px no-repeat}
.newlist ul{}
.newlist li{height:23px;padding:0 0 0 10px;position:relative;background:url(../images/bg/newlist_bullet.gif) 0 5px no-repeat;vertical-align:top}
.newlist li a{font-weight:normal}
.newlist li span{position:absolute;right:0;top:0}
.newlist a.more{display:block;overflow:hidden;position:absolute;right:0px;top:7px}

/* 서브상품정렬 */
.prodAlign{zoom:1;margin:0 0 25px 0}
.prodAlign:after{content:"";display:block;clear:both}
.prodAlign ul{display:inline-block;zoom:1;border:1px solid #ccc;float:right}
.prodAlign ul:after{content:"";display:block;clear:both}
.prodAlign ul li{float:left;background:url(../images/bg/align_bar.gif) no-repeat left 9px}
.prodAlign ul li.list1{background:none}
.prodAlign ul li a{display:block;padding:8px 15px;font-weight:normal;text-align:center;color:#333}
.prodAlign ul li a.active{background:#f1f1f1;font-weight:bold;}

.shop3 .shop_list2{margin:0 0 75px 0;float:left;position: relative;}
.shop_list2 .left{float: left;width: 472px;height: 383px;display:inline-block;margin-left:55px}
.shop_list2 .right{float: right;width: 726px;height: 387px;display: block;border: 0px solid #eaeaea;position: relative;overflow: hidden;right:-13px;}
.shop_list2 .right ul{width: 1210px;}
.shop_list2 .right li{float:left;margin:0 10px 0 0;width:230px;height:385px;border:1px solid #d3d3d3}

/* 로고 */
.gnb_search_wrap{width: 100%;}

.gnb_search_box{
	width:1200px;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo-box{
  width: 18%;
}

.logo-box img{
  width: 100%;
}

.sub-menu-list a{
  font-size: 14px;
  padding:0 20px;
}

/* 검색 */
.search_box{
  display: flex;
  align-items: center;
  width: 500px;
  height: 48px;
  padding-right: 14px;
  border-radius: 25px;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
}

#search-header-box{
  border: none;
  background: none;
  padding-left: 20px;
}

#search-header-box option {
  padding: 20px;
}

.search-body{
  width: 100%;
  padding-left: 10px;
  margin-left: 10px;
  position: relative;
}

#searchKeyword{
  width: 100%;
  height: 44px;
  background: none;
  border: none;
}

.search-icon-btn{
  padding-left: 10px;
}

.topbar-rightbox{
	width: 40%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/* 마이페이지 */
.mypage-box{
  display: flex;
  width: 24%;
  justify-content: space-between;
}

.mypage-icon-box > a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #999;
}

.mypage-icon-box i {
  font-size: 1.5rem;
}

.mypage-icon-box span{
  font-size: 12px;
}

/* 왼쪽 메뉴 시작 */
.content-item-box{
	display: inline-block;
	width: 950px;
	margin-left: 2%;
    margin-right: 2%;
}

.left-menu-bar {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 387px;
}

.left-menu-content {width: 100px; border: 1px solid #dcdcdc;}

.left-menu-box-1, .left-menu-box-2, .left-menu-box-3{padding: 14px 0;}

.left-menu-content > ul > li{
	width: 100%;
}

.left-menu-content > ul > li:hover {
	color: #5A5B5B;
    text-decoration: underline;
}

/* .left-menu-content > ul > li:hover > a{
	color: #fff;
} */

.left-menu-box-1 > ul > li > a {
    font-size:20px;
    padding:0 20px;
}
    
.left-menu-content > ul > li:hover > a::before {
    opacity:1;
}
    
/* .left-menu-box-2{
    position:absolute;
	left: 200px;
    top:0;
    display:none;
    width:1050px;
	height: 477px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    margin: 0 auto;
	background: #fff;
	z-index: 10;
} */

.left-menu-list-2{
	margin-bottom: 20px;
	margin-left: 30px;
	width: 16%;
}
    
.left-menu-list-1 > a {
    display:block;
    padding:20px;
	padding: 8px 8px 8px 16px;
}

.left-menu-box-1 a{
	font-size: 12px;
	line-height: 1;
}

.left-menu-list-2 > a{
    width: 100%;
    display: block;
}


.left-menu-list-2 > a, .left-menu-list-3 > a {
	display: block;
    width: 100%;
	padding: 8px 20px;
	box-sizing: border-box;
}

.left-menu-list-3{
	display: flex;
}

.left-menu-list-3 > a{
	word-break: keep-all;
	position: relative;
	padding-left: 10px;
}

.left-menu-list-3 img {
    width: 23px;
    height: 23px;
    margin-left: 10px;
    margin-top: 5px;
}

/* .left-menu-list-3 > a::before{
	content: "";
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #dfdfdf;
	border-radius: 50%;
	margin-reight: 10px;

} */

.left-menu-list-3:hover > a{
	font-weight: 600;
	color: #5A5B5B;
    text-decoration: underline;
}


/* 탑바 시작 */
.top-menu-bar {
  /* padding-left:100px;
  padding-right:100px; */
  box-sizing:border-box;
  /* border-top: 1px solid #dfdfdf; */
}

 
.menu-box-1 > ul > li > a {
  font-size:20px;
  padding:0 20px;
}
  
.menu-content > ul > li:hover > a::before {
  opacity:1;
}
  
.top-menu-box-2{
	display: flex;
	flex-wrap: wrap;
    position:absolute;
    left:0;
    right:0;
    width:1200px;
	min-height: 400px;
	height: 400px;
    margin: 0 auto;
	/* padding: 10px 0; */
	background: #fff;
	box-sizing: border-box;
	overflow-y: auto;
	overflow-x: hidden;
    /*opacity:0;
    transition:opacity 0.5s;
    justify-content:center;*/
}

.top-menu-list-2:first-child{
	margin-left: 0;
}
  
.menu-content > ul > li:hover .top-menu-box-3 {
    /*opacity:1;
    display: flex;*/
    display: block;
}

.top-menu-box-3{
    width:150px;
}

.menu-content > ul > li:hover > .top-menu-box-2{
    display: flex;
    flex-wrap: wrap;
}

.top-menu-list-2 > a > p{
    font-weight: 600;
}

.top-menu-list-2 > a > p, .top-menu-list-3 > a > p {
    font-size: 14px;
    padding: 10px;
}

.sub-menu-list a{
  position: relative;
  line-height: 3;
}

.sub-menu-list a::before{
  position: absolute;
  content: '';
  left: 0;
  top: 25%;
  width: 1px;
  height: 15px;
  background: #999;
}

.sub-menu-list:first-child a::before{
  display: none;
}
  /* 탑바 끝 */

.width-100p {
	width:100%;
}
/* 라이브러리 - flex */
.flex {display:flex;}

/* 상단 리스트 */
.custom_inner_box{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.notice_list a, .user_page_list a{
	position: relative;
	padding-left: 10px;
	margin-right: 10px;
}

.notice_list a::before, .user_page_list a::before{
	content: '';
	position: absolute;
	left: 0;
	top: 25%;
	width: 1px;
	height: 15px;
	background: #999;
}

.notice_list:first-child a::before, .user_page_list:first-child a::before{
	display: none;
}

.notice_content_box a, .user_content_box a{
	font-size: 14px;
	color: #999;
}

/* 로고 */
.gnb_search_wrap{
	width: 100%;
	/* border-top: 1px solid #dfdfdf; */
}

.gnb_search_box{
	width:1600px;
	margin: 0 auto;
	padding: 26px 0 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo-box{
	width: 12%;
}

.logo-box img{
	width: 100%;
}

.sub-menu-list a{
	font-size: 14px;
	padding:0 20px;
}

/* 검색 */
.search_box{
	display: flex;
	align-items: center;
	width: 33%;
	height: 48px;
	padding-right: 14px;
	border-radius: 25px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	background: #fff;
}

#search-header-box{
	border: none;
	background: none;
	padding-left: 20px;
}

#search-header-box option {
	padding: 20px;
}

.search-body{
	width: 100%;
	padding-left: 10px;
	margin-left: 10px;
	position: relative;
}


#searchKeyword{
	width: 100%;
	height: 44px;
	background: none;
	outline: none;
}

.search-icon-btn{
	padding-left: 10px;
}

.search_rightbox{
	display: flex;
	justify-content: flex-end;
    align-items: flex-end;
}

/* 마이페이지 */
.mypage-box{
	display: flex;
	width: 17%;
	justify-content: space-between;
	align-items: flex-end;
}

.mypage-icon-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #999;
	width: 22%;
}

.mypage-icon-box img{
	width: 100%;
}

.mypage-icon-box:hover i, .mypage-icon-box:hover span{
	color: #036eb8;
}

.mypage-icon-box i {
	font-size: 1.5rem;
}

.mypage-icon-box span{
	font-size: 12px;
	margin-top: 10px;
}

/* 탑바 시작 */
.top-menu-bar {
	/* padding-left:100px;
    padding-right:100px; */
	box-sizing:border-box;
	overflow-x:auto;
	background: #dfdfdf;
	/* border-top: 1px solid #dfdfdf; */
	/* border-bottom: 1px solid #dfdfdf; */
}

.menu-content{
	width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}

.menu-box-1{width: 100%;}

.menu-content > ul > li{
	line-height: 2.5;
	padding: 0px 30px;
}

.top-menu-list-1:hover{
	background: #2ea7e0;
    border-radius: 5px 20px 0 0;
}

.menu-box-1 > ul > li > a {
	font-size:20px;
	padding:0 20px;
}

.top-menu-list-1:hover > a{
	color: #fff;
}

.menu-content > ul > li:hover > a::before {
	opacity:1;
}

.scllo-top-menu{
	position:absolute;
	left:0;
	right:0;
	display:none;
	width:100%;
	height: 400px;
	margin: 0 auto;
	border-top: 3px solid #2ea7e0;
	/* border-radius:12px; */
	overflow: hidden;
	background: #fff;
	padding: 15px 0 20px 0;
}

.top-menu-box-2::-webkit-scrollbar{
	width: 5px; /*스크롤바의 너비*/
	margin-right: 50px;
}

.top-menu-box-2::-webkit-scrollbar-thumb{
	height: 10%;
	background-color: #036eb8; /*스크롤바의 색상*/
	border-radius: 10px;
}

.top-menu-box-2::-webkit-scrollbar-track{
	background: rgba(33, 122, 244, .1); /*스크롤바 트랙 색상*/
}

.top-menu-list-1 > a {
	font-size: 0.9rem;
}

.menu-content > ul > li:hover .top-menu-box-3 {
	/*opacity:1;
    display: flex;*/
	display: block;
}

/* 메뉴 호버시 배경 어둡게 하기 */
.overlay {
  display: none;
  z-index: 10;
  position: fixed;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background-color: rgba(0,0,0, 0.4);
  overflow-x: hidden;
}

.top-menu-box-3{
	width:100%;
	border-top: 1px solid #D9D9D9;
}

/* li.top-menu-list-2{border-left: 1px solid #dfdfdf; margin-left: 1%;} */

li.top-menu-list-2 {
    margin-right: 2%;
	margin-bottom: 2%;
	width: 14.5%;
}

.menu-content > ul > li:hover > .top-menu-box-2{
	display: flex;
	flex-wrap: wrap;
}

.menu-content > ul > li:hover > .scllo-top-menu{
	display: block;
}

.top-menu-list-2 > a{
	font-weight: 600;
	font-size: 0.9rem;
}

.top-menu-list-2 > a, .top-menu-list-3 > a {
	/* padding: 10px;
	line-height: 1; */
	line-height: 2em;
	display: block;
}

.top-menu-list-3{
	display: flex;
}

.top-menu-list-3 img {
	width: 23px;
	height: 23px;
	margin-right: 5px;
	margin-top: 5px;
}

.top-menu-list-3 > a{
	font-size: 14px;
	display: block;
	font-size: 0.8rem;
}

.top-menu-list-3:hover > a{
	font-weight: 600;
	box-sizing: border-box;
}

.sub-menu-list a{
	position: relative;
	line-height: 3;
}

.sub-menu-list a::before{
	position: absolute;
	content: '';
	left: 0;
	top: 25%;
	width: 1px;
	height: 15px;
	background: #999;
}

.sub-menu-list:first-child a::before{
	display: none;
}
/* 탑바 끝 */



/**************************************************
*****************  전 국 화 물 운 임 표 *******************
**************************************************/
.region{
	font-weight:600;
	text-align:center;
	font-size:20px;
	color:blue;
	margin-bottom:8px;
}

.freight-price-content section {
	width: 19%;
}

.destination_container{
	/* margin:0 12px; */
	border-collapse : collapse;
	border:1px solid red;
	width: 100%;
}

.destination_container th{
	font-size: 14px;
}

.destination_container th, .destination_container td{
	border-bottom: 1px solid #dfdfdf;
	padding: 10px 0;
}

.destination-head tr{
	background: #2EA7E0;
	color: #fff;
}

.destination-body{}

.destination-body tr::hover{
	background-color:yellow;
}

.destination-body td{
	width: 40px;
    text-align: center;
	font-size: 14px;
}

.destination-body tr{border:1px solid green;}

.destination{
	font-weight:600;
}