/***********
Fonts
***********/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

*{margin:0;padding:0;}
html { }
body{overflow-x: hidden; font-size: 14px; color: #1c1c1c; margin:0; padding:0;  font-weight:400;
	font-family:'Noto Sans KR',sans-serif;} 
body, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {
	 
}
i{font-style:normal;}
i.color_r{color:#C5363C;}
input {
  background:transparent;
}
input:focus {
  outline: none;
}
img{vertical-align:middle;}

button{cursor: pointer;}
em{font-style:normal;}
ul,li{list-style:none}
dl, ol, ul{
	margin-bottom:0
}

div { display: block; position: relative; 	-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
td, input{-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}

a{text-decoration:none !important;outline:none;  color: #000;   font-family: 'Noto Sans KR'; }
a:hover{ }

.cls{clear:both;}
.pc {display:block !important;}
.mobile {display:none !important;}

 
/*[�곷떒]
///////////////////////////////////////////////////////////
*/

/*理쒖긽�� 硫붾돱諛�*/

.topbar{
	background-color: #f3f1f2;
}
.topbar ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}
.topbar li {
	padding:10px 0;
    position: relative;
    display: inline-block;
    margin-right: 21px;
}
.topbar li:last-child{
	margin-right:0
}
.topbar li:after{
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:#ddd;
	position:absolute;
	top:15px;
	right:-10px
}
.topbar li:last-child:after{
	display:none;
}
 


.header_area {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:99;
	transition:background 0.4s,all 0.3s linear;
	background:#fff;
}


.header_area #top_benner_bg{
	position: relative;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: linear-gradient(to right, #7c182d 0%,#510061 100%);
}
#top_benner_bg .topSlider{
    position: relative;
    width: 100%;
    height: 40px;

}
#top_benner_bg .top_banner_img{
	margin-left: -950px;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 40px;
}

#top_benner_bg .topBannerClose{
    position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    right: 50px;
	margin-top: 2px
}
#top_benner_bg .topBannerClose a {
    display: block;
 
    font-size: 26px;
    color: #fff;
    text-align: center;
	vertical-align:middle;
}


@media (min-width: 1200px){
.main_menu .container {
    max-width: 1200px
 }
}


.main_menu.navbar_fixed{
   position:fixed;
 }

.header_area .main_menu {
 
}
.header_area .main_menu:hover{
	  
}
.header_area .main_menu .logo    {
	padding-left:120px
}

.header_area .navbar {
	padding:0px;
	border:0px;
	border-radius:0px;
	border-top:1px solid rgba(221,221,221,0.38);
	min-width:1024px;
 
}
.header_area .navbar .right_nav .nav-item {
	margin:0 !important
}

.header_area .navbar  .nav-item .dropdown{
	padding-left:15px;
	line-height:78px;
 }
.header_area .navbar  .nav-item .dropdown .dropdown-menu{
	min-width:110px;
	line-height:20px
}
.header_area .navbar  .nav-item .dropdown .dropdown-menu .dropdown-item{
	font-size:0.875rem;
}

.header_area .navbar  .nav-item .dropdown .dropdown-menu .dropdown-item.active, .dropdown-item:active {
  color: #fff;
   background-color: #030303;
}

.header_area .main_menu .icons li{
	margin-left:15px
}
.header_area .main_menu .icons li i{
	font-size:1.1rem;
}
.header_area .main_menu .icons li.nav-cart{
	margin-left:5px
}
.header_area .main_menu .icons li.nav-language{
	margin-left:5px
}

.body-scroll-none{
	    overflow: hidden!important
}

.site-wrap:before {
	-webkit-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out;
	background:rgba(0,0,0,0.6);
	content:"";
	position:absolute;
	z-index:2000;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
}
.offcanvas-menu .site-wrap {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
	overflow:hidden;
}
.offcanvas-menu .site-wrap:before {
	opacity:1;
	visibility:visible;
}

/* Navbar */
.gnbMenu {
	padding:20px 0
}
.gnbMenu .logo{
	width:180px
}
 
.gnbMenu .top_banner{
	width:calc(100% - 360px);
	text-align:right;
}
.gnbMenu .top_banner .btn{
	padding:15px 20px;
	margin-left:15px
}
.gnbMenu .top_mymenu{
	width:180px;
}
.gnbMenu .top_mymenu ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}
.gnbMenu .top_mymenu li {
	text-align:center;
	margin-left:30px
}
.gnbMenu .top_mymenu li p{
	 margin-bottom:0;
	 font-size:14px;
	 margin-top:7px;
}

.gnbMenu .top_mymenu li i{
	font-size:30px;
}

.search_input_box {
  
	width:244px;
 	z-index:999;
	text-align:center;
	background: #f0f0f0;
	border-radius:6px;
	 
	 
}
.top_search_inner{
	margin:0 auto;
	width:390px;
	position:relative;
	border:2px #0794ce solid;
	border-radius:30px;
	 
}

.top_search_input .top_search_btn {
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right:20px
}
.top_search_input .top_search_btn i{
	color:#0794ce;
	font-size:18px;
}


.top_search_input  .form-control {
	background:transparent;
	border:0;
    font-size: 13px;
    font-weight: 300;
    color: #222;
 	padding:14px 12px;
	 
}
.top_search_input  .form-control:focus {
	box-shadow:none;
	outline:none;
}
.top_search_input  input.placeholder {
    font-size: 13px;
    font-weight: 300;
    color: #222;
}
.top_search_input  input:-moz-placeholder {
    font-size: 13px;
    font-weight: 300;
    color: #222;
}
.top_search_input  input::-moz-placeholder {
    font-size: 13px;
    font-weight: 300;
    color: #222;
}
.top_search_input  input::-webkit-input-placeholder {
    font-size: 13px;
    font-weight: 300;
    color: #222;
}
 

.search_input_mobile{
	display:none
}

.gnbMenuMobile{
	padding:15px 0;
	width:100%
}
.gnbMenuMobile .logo img{
	height:25px
}

 
.gnbMenuMobile .logo{
	width:calc(100% - 160px);
}

.top_search_inner_m{
	border-bottom:1px #0794ce solid;
	background:#fff;
}
.top_search_inner_m .form-control{
	border:none;
}

.top_search_inner_m .top_search_btn {
    position: absolute;
    top:  1px;
    right: 20px;
}
 
.top_search_inner_m .top_search_btn i{
	color:#0794ce;
	font-size:18px;
}

.gnbMenuMobile .topMyMenu{
	width:80px
}
.gnbMenuMobile .topMyMenu ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;	
}
.gnbMenuMobile .topMyMenu li{
	padding:0 4px;
	position:relative;
}

.gnbMenuMobile .topMyMenu li i{
	font-size:20px
}

.gnbMenuMobile #cartCnt .cart_count{
	position:absolute;
	top:-5px;
	right:-12px
}



.icons-btn {
	display:inline-block;
	text-align:center;
}
.icons-btn span {
	display:block;
	height:40px;
	width:40px;
	line-height:40px;
}
 
.main-nav{
	width:100%;
	 
}
.site-menu-toggle {
	display:block;
	padding-left:0px;
	font-size:22px;
	height:30px;
	width:80px;
	line-height:20px;
}
.site-menu-toggle a{
	color:#222
}
.site-menu-toggle>span {
	top:0px;
	position:relative;
	font-size:1.2rem;
}
.site-navbar {
	margin-bottom:0px;
 
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 54px;
    z-index:  105;
	
	width:100%;
	background : #2d73cb;
}
 
 
.site-navbar.position-relative {
	position:relative;
	background:#f9f9f9 !important;
}
.site-navbar.transparent {
	background:transparent;
}
.site-navbar .site-navbar-top {
	border-bottom:1px solid #f3f3f4;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:0px;
}
@media (min-width:768px) {
	.site-navbar .site-navbar-top {
		padding-top:40px;
		padding-bottom:40px;
	}
}
.site-navbar .site-search-icon a span {
	display:inline-block;
	margin-right:10px;
}
.site-navbar .site-search-icon a:hover {
	text-decoration:none;
}
 
.site-navbar .icon {
	font-size:20px;
}
.site-navbar .site-top-icons ul,.site-navbar .site-top-icons ul li {
	padding:0;
	margin:0;
	list-style:none;
}
.site-navbar .site-top-icons ul li {
	display:inline-block;
}
.site-navbar .site-top-icons ul li a {
	margin-right:10px;
}
.site-navbar .site-top-icons ul li a.site-cart {
	display:block;
	position:relative;
}
.site-navbar .site-top-icons ul li a.site-cart .count {
	position:absolute;
	top:0;
	right:0;
	margin-right:-15px;
	margin-top:-20px;
	font-size:13px;
	width:24px;
	height:24px;
	line-height:24px;
	border-radius:50%;
	display:block;
	text-align:center;
	background:#e48f5a;
	color:#fff;
	-webkit-transition:.2s all ease-in-out;
	-o-transition:.2s all ease-in-out;
	transition:.2s all ease-in-out;
}
.site-navbar .site-top-icons ul li a:hover .count {
	-webkit-box-shadow:0 3px 10px -4px rgba(0,0,0,0.3) !important;
	box-shadow:0 3px 10px -4px rgba(0,0,0,0.3) !important;
	margin-top:-22px;
}
.site-navbar .site-top-icons ul li:last-child a {
	padding-right:0;
}
.site-navbar .site-navigation.border-bottom {
	border-bottom:1px solid #f3f3f4 !important;
}

.site-navbar .site-navigation {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;	
}

.site-navbar .site-navigation .site-menu {
	margin-left:0;
	padding-left:0;
	margin-bottom:0;
 
}
.site-navbar .site-navigation .site-menu .active>a {
	color:#0794ce;
}
.site-navbar .site-navigation .site-menu a {
	text-decoration:none !important;
	font-size:15px;
	display:inline-block;
}
.site-navbar .site-navigation .site-menu>li {
	display:inline-block;
	padding:  0 36px 0 36px;
	 
	text-align:center;
	 
}
/*
.site-navbar .site-navigation .site-menu>li:first-child{
	text-align:left;
}
.site-navbar .site-navigation .site-menu>li:last-child{
	text-align:right;
}
*/
.site-navbar .site-navigation .site-menu>li>a {
	font-family: "Montserrat",'Noto Sans KR',sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 15px;
    display: inline-block;
	text-align:center;
	color:#FFF;
 
}
/*
.site-navbar .site-navigation .site-menu>li:first-child a{
	padding:0 
}
.site-navbar .site-navigation .site-menu>li:last-child a{
	padding:0 
}
*/
.site-navbar .site-navigation .site-menu>li>a:hover {
	color:#FFF;
}
.site-navbar .site-navigation .site-menu .has-children {
	position:relative;
}
.site-navbar .site-navigation .site-menu .has-children>a {
	position:relative;
	padding:0 0
}
.site-navbar .site-navigation .site-menu .has-children>a:before {
 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown {
	visibility:hidden;
	opacity:0;
	top:100%;
	position:absolute;
	text-align:left;
	border-top:1px solid #0794ce ;
	-webkit-box-shadow:0 0px 4px 0px rgba(0,0,0,0.05);
	box-shadow:0 0px 4px 0px rgba(0,0,0,0.05);
	border-left:1px solid #edf0f5;
	border-right:1px solid #edf0f5;
	border-bottom:1px solid #edf0f5;
	padding:0px 0;
	margin-top:20px;
	margin-left:0px;
	background:#fff;
	-webkit-transition:0.2s 0s;
	-o-transition:0.2s 0s;
	transition:0.2s 0s;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	font-size:13px;
	text-transform:none;
	letter-spacing:normal;
	-webkit-transition:0s all;
	-o-transition:0s all;
	transition:0s all;
	line-height:20px
}
.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
	color:#0794ce !important;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
	list-style:none;
	padding:0;
	margin:0;
	min-width:200px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
	padding:9px 20px;
	display:block;
	color:#333!important
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
	background:#f4f5f9;
	color:#25262a;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
	 
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
	left:100%;
	top:0;
	display:none;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
	background:#f4f5f9;
	color:#25262a;
}
.site-navbar .site-navigation .site-menu .has-children a {
	text-transform:uppercase;
}
.site-navbar .site-navigation .site-menu .has-children:hover>a,.site-navbar .site-navigation .site-menu .has-children:focus>a,.site-navbar .site-navigation .site-menu .has-children:active>a {
	color:#FFF;
}
.site-navbar .site-navigation .site-menu .has-children:hover,.site-navbar .site-navigation .site-menu .has-children:focus,.site-navbar .site-navigation .site-menu .has-children:active {
	cursor:pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
	-webkit-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	margin-top:0px;
	visibility:visible;
	opacity:1;
}
.site-mobile-menu {
	width:300px;
	position:fixed;
	left:0;
	z-index:2000;
	padding-top: 0px;
	background:#fff;
	height:calc(100vh);
	-webkit-transform:translateX(-110%);
	-ms-transform:translateX(-110%);
	transform:translateX(-110%);
	-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);
	box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);
	-webkit-transition:.3s all ease-in-out;
	-o-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
	width:100%;
	float:left;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	position:absolute;
	top:15px;
	right:-40px;
	color:#fff;
 
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
	font-size:20px;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	line-height:1;
	cursor:pointer;
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
	color:#25262a;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
	display:inline-block;
	text-transform:uppercase;
	color:#000;
	letter-spacing:.2em;
	font-size:22px;
	font-weight:900;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
	text-decoration:none;
}
.site-mobile-menu .site-mobile-menu-body {
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	position:relative;
	padding:20px;
	height:calc(100vh - 160px);
	padding-bottom:150px;
}
.site-mobile-menu .site-nav-wrap {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}
.site-mobile-menu .site-nav-wrap a {
	padding:10px 20px;
	display:block;
	position:relative;
	color:#212529;
}
.site-mobile-menu .site-nav-wrap a:hover {
	color:#0794ce;
}
.site-mobile-menu .site-nav-wrap li {
	position:relative;
	display:block;
}
.site-mobile-menu .site-nav-wrap li.active>a {
	color:#0794ce;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse {
	position:absolute;
	right:0px;
	top:10px;
	z-index:20;
	width:26px;
	height:26px;
	text-align:center;
	cursor:pointer;
	border-radius:50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
	background:#f8f9fa;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
	font-size:16px;
	z-index:20;
    font-family: 'themify';
	content: "\e64b";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%) rotate(-180deg);
	-ms-transform:translate(-50%,-50%) rotate(-180deg);
	transform:translate(-50%,-50%) rotate(-180deg);
	-webkit-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.site-mobile-menu .site-nav-wrap>li {
	display:block;
	position:relative;
	float:left;
	width:100%;
}
.site-mobile-menu .site-nav-wrap>li>a {
	padding-left: 0px;
	font-size:1rem;
}
.site-mobile-menu .site-nav-wrap>li>ul {
	padding:0;
	margin:0;
	list-style:none;
}
.site-mobile-menu .site-nav-wrap>li>ul>li {
	display:block;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>a {
	padding-left:10px;
	font-size:13px;
	color:#999
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
	padding:0;
	margin:0;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
	display:block;
}
.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
	font-size:12px;
	padding-left: 20px;
}

.site-language, .site-mymenu, .site-mobile-category{
	display:none;
}

.site-mobile-menu-language{
 	padding:0px 0px ;
	height:40px;
	background:#2d73cb;
}
.site-mobile-menu-language .language-btn{
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	height:40px;
}
.site-mobile-menu-language .language-btn a{
	width:50%;
   	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	color:#fff;
	position:relative;
	 
}
 
 .site-mobile-menu-language .language-btn a:last-child:before{
	content:'';
	display:block;
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.5);
  }
 
.mymenu_box{
	padding:0px 0;
	border-bottom:1px #ddd solid;
	background:#f9f9f9;
}
.non_member{
	text-align:center;
	padding:20px 0
}
.non_member p{
	font-size:1rem;
	margin-bottom:1rem;
}
.non_member .btn{
	margin:0 5px;
	min-width:120px
}


.mymenu_box .my_top{background:#000;  padding:15px; color:#fff;  }
.mymenu_box .my_top strong{color:#fff; font-size:15px}

.mymenu_box .my_top .logout{position:relative; border-bottom: 0.1rem solid #fff; height:20px; }
.mymenu_box .my_top .logout a {color: #fff; font-size: 13.5px; padding-right:18px; margin-bottom:3px; display:block; height:20px;  }
.mymenu_box .my_top .logout::after {content: ''; z-index:99;position: absolute;  bottom: 0px; right: 0.4rem; display: block; width: 0.2rem; height:0.8rem; border-right: 0.1rem solid #fff; transform: rotate(0deg) skew(45deg);}

.mymenu_box .my_menu_btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.mymenu_box .my_menu_btn li{
	width:25%; text-align:center; padding:10px 0
}
.mymenu_box .my_menu_btn li p{ font-size:12px; margin-top:5px; margin-bottom:0}
.mymenu_box .my_menu_btn li i{font-size:20px}
.mymenu_box .my_info{padding:10px 0}
.mymenu_box .my_info ul:after{content:'';display:block; clear:both;}
.mymenu_box .my_info li{float:left; width:50%; padding:1px 15px;	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center; }
.mymenu_box .my_info li a{text-decoration:underline!important;}

 
 


.center_nav{
	text-align:center;
}
.navbar-expand-lg {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar .navbar-nav{
 -ms-flex-direction: row;
    flex-direction: row;
}
 
.header_area .topMyMenu{
     padding-right: 50px;
}
.header_area .topMyMenu ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;	
}
.header_area .topMyMenu li{
	padding:0 8px;
	position:relative;
}
.header_area .topMyMenu li.nav-mymenu a{
	font-size:13px;
	color:#666
}
.header_area .topMyMenu li.nav-mymenu a:hover{
 	color: #0794ce;
}

.header_area .navbar .icons {
	font-size:16px;
	line-height:80px;
	display:inline-block;
	 
	margin-left:20px;
	text-align:center;
	transition:all 300ms linear 0s
}
.header_area .navbar .icons:hover {
 
}

.header_area .topMyMenu li.nav-iconmenu{

}
.header_area .topMyMenu li.nav-iconmenu i{
	color:#303030;
	font-size:20px;
 
}
.header_area .topMyMenu li.nav-cart{
	padding:0
}


.nav-main-category{height:52px; line-height:52px; z-index:100}

.header_area .navbar .nav .nav-item {
	margin:0 25px
}
.header_area .navbar .nav .nav-item .nav-link {
	font-family:"Montserrat",'Noto Sans KR',sans-serif;
	font-weight:600;
	font-size:15px;
	text-transform:uppercase;
	
	padding:0px;
	display:inline-block
}

 


.header_area .navbar .nav .nav-item .nav-link:after {
	display:none
}
.header_area .navbar .nav .nav-item:hover .nav-link,.header_area .navbar .nav .nav-item.active .nav-link {
	color:#e48f5a
}
.header_area .navbar .nav .nav-item.submenu {
	position:relative
}
.header_area .navbar .nav .nav-item.submenu ul {
 	box-shadow:none;
	margin:0px;
	background:#fff;
	z-index:100;
	 
}
 
.header_area .navbar .nav .nav-item.submenu ul {
	position:absolute;
	top:100%;
	left:50%;
	-webkit-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width:200px;
	text-align:left;
	opacity:0;
	transition:all 300ms ease-in;
	visibility:hidden;
	display:block;
	border:1px #ddd solid;
	padding:0px;
	border-radius:0px
}
 
.header_area .navbar .nav .nav-item.submenu ul:before {
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 0 10px;
	border-color:#e9e9e9eee transparent transparent transparent;
	position:absolute;
	right:24px;
	top:45px;
	z-index:3;
	opacity:0;
	transition:all 400ms linear
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item {
	display:block;
	float:none;
	margin-right:0px;
	border-bottom:1px solid #ededed;
	margin-left:0px;
	transition:all 0.4s linear
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
	line-height:45px;
	color:#2a2a2a;
	padding:0px 30px;
	transition:all 150ms linear;
	display:block;
	font-size:13px;
	font-weight:400;
	margin-right:0px
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
	border-bottom:none
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
	background:#e48f5a;
	color:#fff
}
 
.header_area .navbar .nav .nav-item.submenu:hover ul {
	visibility:visible;
	opacity:1;
	top:100%
}

.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
	margin-top:0px
}
.header_area .navbar .nav .nav-item:last-child {
	margin-right:0px
}
.header_area .navbar .nav.navbar-nav.navbar-right li {
	margin-left:25px;
	margin-right:0px
}
.header_area .navbar .nav.navbar-nav.navbar-right li:first-child {
	margin-left:35px
}
 
 
.header_area .navbar .search {
	font-size:14px;
	line-height:80px;
	display:inline-block;
	 
}

.mainStyle .header_area .navbar .search{
	color:#fff;
}

.header_area .navbar .search i {
	font-weight:600
}
.header_area .navbar .cart {
	color:#fff;
	font-size:14px;
	line-height:80px
}
.header_area .navbar .cart i {
	font-weight:600
}
.header_area.navbar_fixed .main_menu {
 
}
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
	line-height:70px
}
 
#cartCnt{position:relative;  }
#cartCnt .cart_count{  font-size:11px;font-family:"Montserrat", sans-serif; width:17px; height:17px;display:inline-block;
text-align:center; background:#000; border-radius:50%; color:#fff }



 
.top-search-icon{ }

.dis-none{display:none!important;} 
.top-close-icon .dis-none{display:block!important;} 
.top-close-icon .search{display:none!important;}
.best_search{margin-top:20px}

@media (max-width: 1600px) {
 
	
	.site-navbar .site-navigation .site-menu>li {
 		 padding:0 31px
 	}

}


@media (max-width: 1440px) {
	 
	.header_area .main_menu .logo{
		position:absolute;
		top:20px;
		left:50%;
		margin-left:-72px;
		padding-left:0
	}
	.header_area .topMyMenu {
		padding-right: 0px;
		position:absolute;
		top:20px;
		right:50px;
	}
 
 
}
@media (max-width: 1280px) {
	 
	 .site-navbar .site-navigation .site-menu>li>a {
 		font-size: 14px;
 		padding: 0px 20px;
 	}
 
	.site-navbar .site-navigation .site-menu>li {
 		 padding:0 25px
 	}
}

@media (max-width:991.98px) {
	.icons-btn span {
		width:24px;
	}
	.header_area .main_menu {
		padding:10px 0
	}
	#search_input_box{
		top:68px;
		width:calc(100% + 30px);
		left:0;
		position:absolute;
		 
		margin:0 -15px

	}
 
	.header_area .main_menu .icons li.nav-language, .header_area .main_menu .icons li.nav-mymenu{
		display:none
	}
 
	.nav-mymenu{
		display:none
	}
	.allcategory{
		display:none
	}
	.header_area .main_menu .logo{
		padding-left:0;
		top:0;
		left:0;
		margin-left:0;
		position:relative;
	}
	.gnbMenuMobile .logo{
		width:calc(100% - 160px);
		text-align:center;
	}

 }

 

@media (max-width: 768px) {

	 .language_selection a em{
		font-size:0
	 }
	 .flag_kor, .flag_eng{
		padding-left:30px
	 }
	 .dropdown-menu .flag_kor,
	 .dropdown-menu .flag_eng{
		padding-left:45px
	 }

}

@media (max-width: 576px) {
 
}
@media (max-width: 320px) {
	.header_area .main_menu .logo a, .header_area .main_menu .logo {
 		font-size: 16px;
		padding-left:0px
	}
}


/*********************************
�섎떒
*********************************/

footer{   position: relative; color:#999; background: #222; font-size:13px; padding:0 0 50px 0 }
footer .footer_inner{padding:30px 30px}
  
footer .footer_company_info p{
	margin-bottom:5px
}
footer .footer_company_info p strong{
	color:#fff;
}
footer .footer_company_info p span{
	position:relative;
	display:inline-block;
	margin-right:30px
}
footer .footer_company_info p span:after{
	content:'';
	display:block;
	width:1px;
	height:9px;
	background:#ddd;
	position:absolute;
	top:5px;
	right:-15px
}

footer .footer_company_info p span:last-child:after{
	display:none;
}
footer .footer_company_info p span a{
	color:#999;
	text-decoration:underline!important;
}

footer .footer_flag{
	padding:15px 0
}

footer .footer_flag img{
	max-width:100%;
}
.footer_menu{
	padding:30px 0 30px 0
}
.footer_menu ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

.footer_menu li{
	position:relative;
	padding-right:30px
}
.footer_menu li a{
	color:#fff;
}

.footer_menu li:after{
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:#ddd;
	position:absolute;
	top:5px;
	right:15px
}
.footer_menu li:last-child:after{
	display:none;
}

footer .footer_company_copyright{
	padding-bottom:15px
}

.footer_logo_banner img{
	border-radius:30px;
	max-width:100%
}

.footer_cs_center dd{
	font-size:20px;
	color:#fff;
	font-family: 'Montserrat';
}

.footer_notice{
    background: #3d3d3d;
    border-top: 1px solid #333;
    border-bottom: 1px solid #2b2b2b;
	color:#fff;
}
 

.footer_notice .notice_box{

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding:15px 0
}
 
.footer_notice .notice_box .notice_list{
	font-size:14px;
	width:calc(100% - 80px)
 }
 .footer_notice .notice_box .notice_more{
	font-size:12px;
	width:80px
 }

.footer_notice .notice_box .notice_list a, .footer_notice .notice_box .notice_list a:hover{
	color:#fff;
	font-size:14px
}
.footer_notice .notice_box .notice_list .notice_tit {
	padding-right:30px;
	position:relative;
}
.footer_notice .notice_box .notice_list .notice_tit:after{
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:6px;
	right:15px
}


.footer_notice .notice_box .notice_list .notice_su  {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
 .footer_notice .notice_box .notice_more a{
	position:relative;
	padding-right:15px;
	color:#fff;
	font-size:12px
 }
 .footer_notice .notice_box .notice_more a:after{
	content: '\e82b';
	position:absolute;
	top:1px;
	right:0;
	font-family: unicons;

 }

.mobile_footer{
	z-index:900
}
.mobile_footer li p{
	margin-bottom:0
}

@media (max-width: 1024px) {
 
	

 
}


@media (max-width: 991.98px) {

 
 

}

@media (max-width: 767.98px) {

	footer{   position: relative; color:#999; background: #222; font-size:12px; padding:0 0 80px 0 }
	.footer_notice .notice_box .notice_list .notice_tit {display:none}

	.footer_notice .notice_box .notice_list, .footer_notice .notice_box .notice_list .notice_su  {
 		width:calc(100% - 60px );
	 }
	 .footer_notice .notice_box .notice_list .notice_su a{font-size:12px}
	 .footer_notice .notice_box .notice_more{
 		width:60px
	 }
	 .footer_menu ul{
		display:block;
	 }
	 .footer_menu ul:after{content:'';display:block; clear:both;}
	  .footer_menu li{
		float:left;
	  }

	  .footer_cs_center{
			margin-top:30px
	  }
	  .footer_cs_center dl{
			float:left;
			width:50%
	  }
	  .footer_cs_center dl:after{
			content:'';
			display:block;
			clear:both;
	  }
	.footer_cs_center div{
		clear:both;
	}

}




/*********************************
�ㅻⅨ履쏀�듬같��
*********************************/ 
.quick_menu{ }
.quick_menu li{border:1px #ddd solid; border-right:none; border-bottom:none;cursor:pointer;}
.quick_menu li:last-child{border-bottom:1px #ddd solid;}
.divMenubox .quick_contents{text-align:center; padding-top:0px }
.divMenubox .quick_contents dl{margin-top:40px;position:relative;}
.divMenubox .quick_contents dt, .divMenubox .quick_contents dd{padding:3px 0}
.divMenubox .quick_contents dd a{color:#888}
.divMenubox .quick_contents dt{font-size:14px; }
.divMenubox .quick_contents dl:after{content:''; display:block; width:15px; height:3px; background:#ddd; position:absolute; top:-20px; left:50%; margin-left:-7px}
.divMenubox .quick_contents dl:first-child:after{display:none;}
 
 .close_btn{position:absolute;left:-41px; top:100px; width:40px;}
.close_btn p{border:1px #ddd solid;  border-bottom:none;cursor:pointer;}
.close_btn p:last-child{border-bottom:1px #ddd solid;}

 
  



/***********
 �곷떒
***********/

 
div.hd{width:100%;position:relative;}
div.hd_t{ }
div.hd_t p span{padding:0 2px;margin:0 2px;font-size:12px;}

 
/*理쒖긽�� 硫붾돱諛�*/
.top_layout{height:33px; line-height:33px;width:100%;padding:0px 0; border-bottom:1px #e9e9e9 solid;}

.left_menu_v{position:absolute;top:0px;z-index:1; right:50%; width:600px;}
.left_menu_v ul:after{content:'';display:block; clear:both}
.left_menu_v li{float:left; margin-right:20px}
.left_menu_v li a{padding-left:18px; position:relative;}
.left_menu_v li:last-child a{padding-left:21px;}
.left_menu_v li a:after{content:'';display:block; width:12px; height:13px; background:url(/webftp/top_ico01.png) no-repeat; position:absolute; top:4px; left:0}
.left_menu_v li:last-child a:after{ background:url(/webftp/top_ico02.png) no-repeat;  top:2px; width:16px}


.right_menu_v{position:absolute;top:0px;z-index:1; right:0; text-align:right;}
.right_menu_v span{cursor:pointer;}
.right_menu_v {display: block; }
.right_menu_v ul:after{content:'';display:block; clear:both}
.right_menu_v ul{float:right;}
.right_menu_v li{float:left;margin-right:18px; line-height:33px;  }
.right_menu_v li:last-child{margin-right:0}
.right_menu_v li a{color:#888; font-size:13px}


 
/*濡쒓퀬*/
.logo_box{  padding:0px 0px 0px 0px ;position:relative; height:122px;}
.logo_box .logo_v{padding-top:39px}

/*寃��됱갹*/
div.top_searchbox{ top:33px; height:56px}
div.top_searchbox div.search_tx{padding:0 14px ;}
div.top_searchbox div.search_tx input{border:none; height:50px; line-height:50px; font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR';}
div.top_searchbox div.search_btn{position:absolute;right:12px;top:12px; cursor:pointer;}

.search_tx input::-webkit-input-placeholder { font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR';}
.search_tx input:-ms-input-placeholder {font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR'; }
.search_tx input::placeholder { font-size: 13px!important; 	font-weight: 500; color:#666; font-family: 'Noto Sans KR';}
 



/***********
�쒕툕怨듯넻
***********/
.dream_wrap{ padding: 50px  0 150px 0}
.dream_wrap.dream_wrap_nobanner { padding:110px  0 150px 0}
 
.dream_wrap .dream_container{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;

}
.dream_wrap .dream_container .dream_lnb{width:220px}

.dream_wrap .dream_container .dream_contents{ width:calc(100% - 280px) }
.dream_wrap .dream_container .dream_shop_contents{padding-top: 30px }

.dream_wrap .dream_container .dream_shop_contents .breadcrumb h3{
	margin-bottom:15px
}

.page-title-box{ min-height:50px; }
.page-title-box:after .breadcrumb:after{content:''; display:block; clear:both;}
.page-title-box .breadcrumb{background:#fff; float: right; margin-bottom:0; padding-right:0;  }
.breadcrumb .breadcrumb-item:first-child{font-family:"Montserrat",'Noto Sans KR',sans-serif;}
.page-title-box .breadcrumb .breadcrumb-item{color: #868e96;}
.page-title-box .breadcrumb .breadcrumb-item a{color: #868e96;}
.page-title-box .breadcrumb .breadcrumb-item.active {
    color: #000;
}

.dream_contents h3{ margin-bottom:35px; font-size:1.5rem;text-transform: uppercase; color: #2b72ca; border-bottom: 1px solid #e4ebeb; padding-bottom:24px}
.dream_contents h4{  margin-bottom:20px; font-size:18px}
.dream_contents h5.subTit{   font-size:18px; margin-bottom:0}
.sub_tit_line{border-bottom: 1px solid #e9e9e9; padding-bottom:10px; margin-bottom:30px}
.h3_tit_line{margin-bottom:15px!important}


.dream_contents .sub_tit_box{padding:30px 0 15px 0}

.page_btn{text-align:center; padding-top:30px;}
.page_btn .btn{margin: 5px 3px; min-width:130px}

 .no_content{padding:50px; text-align:center; font-size:14px}
 

.navigation {padding:20px 0px 15px 0px;font-size:12px;color:#888; border-bottom:1px #ddd solid;}
.navigation a{font-size:12px;color:#888;}
.navigation_home_color{color:#888}
.navigation_title_color{color:#45b7ab}

.dream_info_box{background-color: #fafafa;  border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding:20px; line-height:180% }

 
 
.lnb_menu {
	margin-bottom:30px
}
.lnb_menu h2{
	font-weight:400;
	margin-bottom:15px;
	font-size:24px
}
.lnb_menu > ul > li > a{
	height: 50px;
	line-height:50px;
   
    border-bottom: 1px solid #e4ebeb;
    font-size: 15px;
    color: #666;
    padding-left: 10px;
	display:block;
}
.lnb_menu > ul > li.active a{
	color:#2d73cb
}

.lnb_menu > ul > li > ul{
	background-color: #f6f7f8;
	text-decoration: none;
	padding:15px 0
 }
.lnb_menu > ul > li > ul > li > a{
	padding-left:25px;
    font-size: 13px;
    color: #999!important;
    line-height: 26px;
	position:relative;
}
.lnb_menu > ul > li > ul > li > a:before{

	content:'';
	position:absolute;
	width:3px;
	height:3px;
	background:#333;
	top:8px;
	left:15px
}
.lnb_menu > ul > li > ul > li.active > a{
	color:#2d73cb!important;

}
.navigation_category{
	text-align:right;
}

 @media (max-width: 991.98px) {

	.dream_wrap .dream_container{
		display: block;
 	}
	.dream_wrap .dream_container .dream_lnb{width:100%}

	.dream_wrap .dream_container .dream_contents{ width:calc(100% -  0px) }

 }
 
 

 
/***********
�앹뾽�덉씠��
***********/
.popup_layer_wrap{

    position: fixed;
    z-index: 10003;
 
  
 
    border-radius: 0px;
     overflow: hidden;
    box-shadow: 0 4px 9px rgb(0 0 0 / 30%);
    background-color: #fff;
 
}
.popup_layer_bg{position:relative;  }
.popup_layer_close{position:absolute; bottom: 0px; right:0px; padding:8px 20px; background:#000; color:#000; width:100%; text-align:right;}
.popup_layer_close i{color:#fff;}
.popup_layer_wrap .custom-control-label{color:#fff;}


 
@media (max-width: 575px) {
	.popup_layer_wrap{
 		left: 50%!important;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.popup_layer_bg img{
		width:100%
	}
}



.sub_header .breadcrumb{
	background:transparent;
	border-radius:0;
	padding:0;
	margin:0;
 
}

 
 
 





/*//////////////////////////////////////////////////////////////////
[ 硫붿씤 ]*/
 
.sbn{  width:100%}
.main_slider_img{background-position:center center; background-size:100% 100%;}

.main_section01{
	background: #f5f5f5;
	padding:80px 30px
}
.main_section01 .container-fluid{
	max-width:1360px
}

.main_section01 .card{
	border:none;
	border-radius:2rem 2rem 0 2rem;
}

.main_section01_box{
	text-align:center;
	padding:15px 0
}
.main_section01_box p{
	margin-bottom:7px;
	font-size:13px;
}
.main_section01_box  img{
	margin-top:15px;
	max-width:100%;
}


.main_section02{

	padding:80px 0

}

.main_section02 .section02_txt{
	margin-bottom:30px;
}
.main_section02_top{
	background-color: #f6f7fa;
	padding:30px 0 30px
}
.main_section02_top ul:after{
	content:'';
	display:block;
	clear:both;
}
.main_section02_top li{
	float:left; 
	width:16.6666%;
}

.main_section02_box{
	text-align:center;
	position:relative;
}
.main_section02_box:after{
	content:'';
	position:absolute;
 	width:1px;
	height:100%;
	top:0;
	right:0;
	background:#ddd;
}

.main_section02_top li:last-child .main_section02_box:after{
	display:none;
}


.main_section02_box h6{
	margin:15px 0 5px 0
}

.main_section02_box i{
	font-size:35px
}
.main_section02_contents{
	padding:50px 0 0 0
}

 

.main_section02_box2{
	text-align:center;
}

.main_section02_box2 .m_btn_sol {
	margin-bottom:15px
}
.main_section02_box2 .m_btn_sol .btn{
	margin:0 3px
}
.main_section02_box2 .m_btn_sol2 .btn{
	min-width:195px;
}

.main_section02_box2 h6{
	margin:15px 0 5px 0;
	line-height:1.4;
}

.main_section02_box2 h6 span{
	font-size:90%
}

.main_section02_box2 p{
	font-size:14px
}

.main_section02_box2 span{
	font-size:12px;
	display:block;
}


.main_section03{
	 
	position:relative;
	margin:40px 0
}
.main_section03:before{
	content:'';
	height:100%;
	width:50%;
	position:absolute;
	top:0;
	left:0;
	background:#56669a;
	z-index:-1;
}
.main_section03:after{
	content:'';
	height:100%;
	width:50%;
	position:absolute;
	top:0;
	right:0;
	background:#4488d1;
	z-index:-1;
}

.main_section03 .main_section03_box ul:after{
	content:'';
	display:block;
	clear:both;
}

.main_section03 .main_section03_box li{
	float:left;
	width:50%
}
.main_section03 .main_section03_box li img{
	width:100%
}
.main_section04{
	text-align:center;
	padding:80px 0
}


.main_section04 .section04_txt{
	margin-bottom:30px
}

.main_section04_box{
	text-align:center;
	padding:15px 0
}
.main_section04_box p{
	margin-top:7px;
	margin-bottom:0;
	font-size:16px;
}
.main_section04_box div{
	background:#fbfbfb;
	width:145px;
	height:145px;
	border-radius:50%;
 	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin:0 auto;
	margin-bottom:15px;
}
.main_section04_box  img{
	 
	max-width:100%;
 }



.main_section05{
	background: #f0f9ff url(/img/main_section05_bg.png) no-repeat center center;
	text-align:center;
	padding:80px 0
}
 
.main_section05 p{
	font-size:16px;
	line-height:1.4;
	color:#666;
	margin:30px 0 0 0
}
.main_section05 h3{
	line-height:1.4;
}

.main_section05 .section05_btn{
	padding-top:50px
}
.main_section05 .section05_btn .btn{
	margin:0 10px
}

 
/*//////////////////////////////////////////////////////////////////
[ BUTTON BACK TO TOP ]*/
.btn-back-to-top {
	display: none;
	position: fixed;
	width: 45px;
	height: 45px;
 
	text-align: center;
	border-radius: 50%;
	bottom: 20px;
	right: 15px;
	background-color: #2c2c2c;
	opacity: 1;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	cursor: pointer;
 
}

.symbol-btn-back-to-top {
	font-size: 20px;
	color: white;
	line-height: 1em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height:45px
}
.symbol-btn-back-to-top i{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height:45px
}
.btn-back-to-top:hover {
  opacity: 0.8;
 
}
 

 


.popup_body{
	padding:0;
}
.popup-header{
	padding:15px;
	color:#fff;
	background:#2d73cb;
 }
.popup-header h2{
	font-size:1.2rem;
	margin-bottom:0
}
.popup-body{
 	padding:30px;
	 
}
.popup-body h4{
	font-size:16px;
	margin-bottom:10px
}
.popup-footer{
	text-align:center;
	padding:  30px;
}
.popup-footer .btn{
	min-width:120px;
	margin:0 5px
}

.popup-body .popup_form_box{
	background: #f5f5f5;
	padding:20px 15px;
	text-align:center;
	border-radius:15px;
}
.popup-body .popup_form_box .form-control{
	border:none!important;
	background: #f5f5f5!important;
	border-bottom:1px #000 solid!important;
	padding:0!important;
	height:auto!important;
	color:#000!important;
}


/*********************************
�뚯썝媛���
*********************************/ 
 
.join_box .flex-sb-m h4{
	margin-bottom:0
}

.join_box .flex-sb-m h4 span{
	font-size:12px
}

.join_box .btn-sm{
	border-radius:0rem!important;
 
}

 
.sub_field_box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.sub_field_box > div{
	margin-right:10px;
}
.sub_field_box > div:last-child{
	margin-right:0
}

 

/*********************************
濡쒓렇��
*********************************/ 

 .login_wrap{
	height:calc(100vh - 200px); 
	width:100%; 
	position:relative;
}
.login_wrap .login_container{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:400px;
}

.login_tit{
	text-align:center;
	padding-bottom:30px
}
.login_tit p {
	font-family:'Raleway';
	font-size:16px;
	font-weight:600;
	padding-top:5px;
	color:#666
}
.login_tit div{
 

}

.login_form_box .form-control{
	border:none;
	border-radius:5px!important;
	background:#f5f5f5;
	padding:15px 15px!important;
}
.login_form_box .btn{
	border-radius:5px!important;
	padding:15px 15px!important;
}

.login_etc_btn {
	padding-top:30px;
	font-size:14px
}
.login_etc_btn a{
	font-size:14px
}


/***********
留덉씠�섏씠吏�
***********/


.my_basic_box{
	border-top:1px #000 solid;
}
.my_basic_box .no_content{
	text-align:center;
	padding:50px 15px
}


.my_basic_box .my_list_box .my_info_top{
	color: #989898;
 	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding:10px 5px 5px 5px
}
.my_basic_box .my_list_box .my_info_body {
	padding:0 5px 10px 5px;
	border-bottom:1px solid #e9ecef;
}
.my_basic_box .my_list_box .my_info_body li {
 	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding:5px 0;
	font-size:13px;
}

.my_basic_box .my_list_box .my_info_body li strong{
	font-weight:400
}









 @media (max-width: 1024px) {
 

 }


 @media (max-width: 991.98px) {
	.h2, h2 {
		font-size: 1.4rem;
	}
	.h3, h3 {
		font-size: 1.3rem;
	}
	h5{font-size:16px}

	.dream_contents h4{
		font-size:16px
	}

	.dream_wrap .dream_container .dream_contents {
		padding-top:  0px;
	}

	 .page-title-box{
		display:none
	 }
	 .dream_wrap{
		border-top:1px #ddd solid;
		padding:0 0 80px 0;
 	 }
	 .header_area .main_menu{
	 
	 }
	 .mainStyle .header_area .main_menu{
		border-bottom:none!important
	 }


	 .dream_contents h5.subTit{font-size:16px}

	.sub_header{ border-bottom:1px #ddd solid; margin-bottom:   0px ; margin-left:-15px; margin-right:-15px;}
	.sub_header .breadcrumb {margin-bottom:0;    padding: 18px 35px 15px 35px;  box-sizing: border-box;   font-weight: normal;   text-align: center; }
	.sub_header a.btn_prev {  display: block;  position: absolute;  left: 15px;  top: 15px;  margin-top: 0px;  width: 29px;  height: 47px;   }
	.sub_header a.btn_prev:before{content: "\e629"; font-family: 'themify'; font-size:1.1rem;  }
	.sub_header .breadcrumb h3{font-size:16px; font-weight:600; padding-bottom:0; border-bottom:none;  margin-bottom:  0px;}

	.dream_contents .sub_tit_box{display:block!important}
	.dream_contents .sub_tit_box div{ 	padding-top:7px }

    .dream_contents .mto_tit_box{
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex!important;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
	}
	 .dream_contents .mto_tit_box div{padding-top:0!important}
 	 
	.sub_field_box > div{    }
	 

	.form-control-m-full{width:100%!important;}
	.form-control-m-auto{width:auto!important;}

	.board_top{padding-bottom: 0px}
	.board_view_top{padding-top:30px}


	/*********************************
	硫붾돱 �щ씪�대뵫
	*********************************/
	 

	.sub_menu_wrap .navSlide{ margin:0 -15px 30px -15px;}
	.sub_menu_wrap .navSlide{overflow-x: auto;height: 3.5rem;position:relative;font-size: 0px;}
	.sub_menu_wrap .navSlide>.list{display: inline-block; border: #dcdcdc solid; border-width:0 0  0.1rem 0px; white-space:nowrap; min-width:100%; list-style: none;
	padding: 0; margin: 0;position:relative; vertical-align: middle;}
	.sub_menu_wrap .navSlide>.list>li{ list-style: none; padding: 0; margin: 0; display:inline-block; position:relative; vertical-align: middle; font-size: 12px;}
	.sub_menu_wrap .navSlide>.list>li>a{display:block;padding: 0.9rem 1.5rem;vertical-align: middle;border-bottom: 0.3rem solid transparent;height:3.3rem;
	box-sizing: border-box;font-size: 0.9rem;}
	.sub_menu_wrap .navSlide>.list>li.active>a{color: #2d73cb; font-weight: bold;}
	.sub_menu_wrap .navSlide>.list>li.active>a::before{width: 100%; position:absolute; left:0px; bottom: -1px; content:""; background: #2d73cb; height:2px;}


	.sub_menu_wrap .navSlide::-webkit-scrollbar {display:none}
	.sub_menu_wrap .navSlide::-webkit-scrollbar-thunmb {display:none}
	.sub_menu_wrap .navSlide::-webkit-scrollbar {display:none}
	.sub_menu_wrap .navSlide::-webkit-scrollbar-thunmb { display:none}

	.sub_header_submenu{margin-bottom:0!important}
	.sub_menu_wrap{padding-bottom: 0px!important}

	.sub_category_wrap .btn {
		margin: 0 0px;
		border:none!important;
		opacity: 1;
		 
	}

	.site-navbar{
		background:#fff;
 	}
	.site-navbar.navbar_fixed {
 		border-bottom:1px #ddd solid;
 	}

	.sub_2step_wrap ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
	}

	.sub_2step_wrap li{
		text-align: center;
		
		display: inline;
		padding: 0;
		margin: 0 3px;
		text-align: center;
		position: relative;
	}
	.sub_2step_wrap li a{
		color:#555;
		border:1px #ddd solid;
		border-radius:10px;
		font-size: 12px;
 		padding:7px 10px
	}

	.sub_2step_wrap li.active a{
		color:#fff;
		background:#2d73cb;
		border:1px #2d73cb solid;
	}

	.sbn{height:auto; width:100%}
	.main_slider_img{background-position:center center; background-size:100% 100%;}

	.main_section01{
 		padding:50px 15px
	}
  	.col-ms01{
		margin:0 0 15px 0
	}
	.main_section01_box{
		padding:0
	}
	.main_section01_box  img{
		width:100px
	}
	.main_section01_box p{
		font-size:12px;
		letter-spacing: -1px;
	}

	.main_section02_box2, .main_section02_box{
		margin-bottom:30px
	}

	.main_section02_top li{
		width:33.3333%
	}

	.main_section02 .section02_txt{
		padding:0 15px;
 	}

	.main_section02_box:after{
		display:none;
	}

	.main_section02_box2 .m_btn_sol2 .btn{
		min-width:100%;
 
	}
	.main_section02_box2 img{
		max-width:100%
	}

	.main_section02_box2 .m_btn_sol .btn{
		font-size:11px;
		margin:0 2px;
		padding-left:6px;
		padding-right:6px
	}

	.main_section03{
		margin : -30px 0 40px 0
	}
 

	.main_section04{
		padding:50px 0
	}

	.main_section05 p{
		font-size:14px
	}
	.main_section05{
		padding:50px 0
	}

	.main_section05 .section05_btn{
		padding-top:25px
	}

	.main_section05 .section05_btn .btn{
		font-size:12px
	}


	.join_box .flex-sb-m {
		display:block
	}

	.join_box .flex-sb-m div{
		padding-top:10px
	}












 }

 @media (max-width:767.98px) {
  
	.main_section02_top li{
		width:50%
	}


	.sub_field_box{
 		display: block;
 	}
	.sub_field_box > div{
 		margin-right:0;
		margin-bottom:10px

 	}

	.sub_field_box > div:last-child{
		margin-bottom:0
	}

	.sub_field_box .btn-sm{
		width:100%;
		display:block;
	}

	#mailno span{
		display:block;
		padding-top:10px
	}
   
	.country_field_box .form-control-auto{
		width:100%!important;
	}

	.box1-checkbox{
		margin-top:10px
	}


	.sub_section02_contents .container{
		padding-left:0;
		padding-right:0
	}


}


@media (max-width:575.98px) {
	 
  .btn-back-to-top {
    bottom: 85px;
    right: 15px;
  }

 
 .login_wrap{
 	padding:50px 0
 }
.login_wrap .login_container{
	position:relative;
	top: 0;
	left:0;
	-webkit-transform: translate(0%, 0%);
  	-moz-transform: translate(0%, 0%);
  	-ms-transform: translate(0%, 0%);
  	-o-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	width:90%;
	margin:0 auto;
}





}

 


 

/*********************************
�쇳븨紐곗넄猷⑥뀡
*********************************/
	 
 
 
 

.dreamecommerce_info_section01{
 	padding:30 0px  0px 0px
}
.dreamecommerce_info_section01 .container-fluid{
	 
}

.dreamecommerce_info_section01 .card{
	border:none;
	border-radius:2rem 2rem 0 2rem;
	background:#f0f9ff;
	margin-bottom:60px
}

.main_section01_box{
	text-align:center;
	padding:15px 0
}
.main_section01_box p{
	margin-bottom:7px;
	font-size:13px;
}
.main_section01_box  img{
	margin-top:15px;
	max-width:100%;
}
.dreamecommerce_info_section01 .main_section01_box{
	position:relative;
	padding-top:50px;
	min-height:140px
}
.dreamecommerce_info_section01 .main_section01_box i{
	width:90px;
	height:90px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	border-radius:50%;
	background:#fff;
	margin:0 auto;
	font-size:40px;
	position:absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
  	-moz-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top:-60px;
}

.dreamecommerce_info_section02{
	padding-bottom:80px
}




.esti_list_top_box{
	background:#fff;
	border-bottom:1px #efefef solid;
 	padding:30px;
	margin-top:-30px;
	margin-bottom:50px
}




 

.review_list_box .goods_info_box{
	 width:auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	align-items: center;	
	padding:0!important
}


 




.dreamweb_sub_con_top{background:#f0f9ff; padding:30px; border-radius:10px; margin-bottom:40px; font-size:16px}

.lisence_banner{background:#f5f5f5; padding:30px}
.lisence_banner img{width:100%}
.lisence_list_wrap{text-align:center; padding-bottom:80px}
.lisence_list_wrap .row .col-6{margin-bottom:30px}
.lisence_list_wrap .row p{display:none}
.lisence_list_wrap .row a{margin-top:15px; display: inline-block}
.lisence_list_wrap .row img{ display:block; margin:0 auto;}
 

.export_website_wrap{
	margin-left:-15px;
	margin-right:-15px;
}

.export_website_wrap .card{
 	border-radius:2rem 2rem 0 2rem;
 	margin-bottom:60px
}

.export_website_wrap .card .card-body{
	padding: 0px 0px;
	color:#fff;
	background:#2d73cb;
	border-radius:0 0 0 2rem;

}
.export_website_wrap .card .card-img-top{
	border-radius:2rem 2rem 0 0;
}
.export_website_wrap .flag_img img{
	border-radius:0 0 0 2rem;
}
.export_website_wrap .flag_img{
	margin-right:10px;
	 

}
.dreamweb_sub_con_top .flag_img{
	padding-left:15px;
}
.dreamweb_sub_con_top .flag_img img{
	width:20px;
	vertical-align:top;
	margin-top:2px;
}


.shoppingmall_solution_info_wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;	
	margin-bottom:80px
}
.shoppingmall_solution_info_L{
	width:300px
}
.shoppingmall_solution_info_R{
	width:calc(100% - 350px)
}

.ss_info ul{
	width:100%
}
.ss_info li{
	text-align:center;
}
.ss_info li.ss_info_img{
	padding-bottom:15px
}
.ss_info_price strong{
	display:block;
	 font-size:22px; 
	 color:#2d73cb;
	 font-weight:600;
}
.ss_info_price span{
	display:block;
	font-size:18px
}

.ss_btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.ss_btn .btn{
	width:48%;
	padding-top:15px;
	padding-bottom:15px
}

.ss_txt_btn{
	padding-top:20px;
	font-size:14px
}

.text-link{
	text-decoration:underline!important;
	color:#2d73cb!important;
}

.ss_guide_wrap{
	padding-top:30px
}
.ss_guide_wrap h6{
 	margin-bottom:15px
}
.ss_guide_box{
	padding:15px;
	background:#f5f5f5;
	border-radius:10px
}

.shoppingmall_solution_guide_wrap{margin-bottom:40px}
.shoppingmall_solution_guide_wrap h6{
	padding-bottom:15px;
	margin-bottom:0
}

.shoppingmall_solution_guide_box{
	padding:15px;
	border:1px solid #e9ecef;
	line-height:180%;
	 font-size:13px;
}
.shoppingmall_solution_guide_box li , .dreamweb_sub_con_top2 li , .dreamweb_sub_con_top3 li{
	padding:4px 15px;
	font-size:13px;
	position:relative;
}
.shoppingmall_solution_guide_box li:before , .dreamweb_sub_con_top2 li:before , .dreamweb_sub_con_top3 li:before{
	content:"";
	display:block;
	position:absolute;
	top:3px;
	left:0
}




.dreamweb_sub_con_top2{background:#f5f5f5; padding:30px 0px; border-radius:10px; margin-bottom:60px; }
.dreamweb_sub_con_top3{background:#f5f5f5; padding:30px 30px; border-radius:10px; margin-bottom:60px; }


.cs_main_wrap h5{margin-bottom:15px}

.guide_search_form{
	 
}
.guide_search_form .form-control{
	border-radius:5px!important;
}
.guide_search_form i{
	font-size:20px
}
.guide_search_form .guide_search_input{
	width:340px
}

.guide_search_input_box{
	margin-left:15px;
	background:#fff;
	border-radius:5px;
	border:1px #ddd solid;
	padding:0 15px
}
.guide_search_input_box .form-control{
	border:none;
}
.guide_search_input_box a{
	margin-left:15px
}

.search_option_menu{
	padding-top:15px;
	text-align:center;
}
.search_option_menu ul{
	display:inline-block;
}
.search_option_menu ul:after{
	content:'';
	display:block;
	clear:both;
}
.search_option_menu li{
	padding:0 15px;
	float:left;
	position:relative;
}

.search_option_menu li a{
	font-size:13px
}

.search_option_menu li:after{
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:#ddd;
	position:absolute;
	top:5px;
	right:0
}

.search_option_menu li:last-child:after{
	display:none;
	
}


.cs_main_board{
	padding-bottom:60px
}

.cs_main_center{
	padding:30px
}

.cs_main_center .call_center strong{
	display:block;
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -.03em;
}
.cs_main_center .call_center p{
	margin-bottom:0;
	margin-top:5px
}
.cs_main_center .call_center p span{
	color:#999
}
.cs_main_center .call_center p span:first-child{
	position:relative;
	padding-right:20px;
}
.cs_main_center .call_center p span:first-child:after{
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:#ddd;
	position:absolute;
	top:5px;
	right:6px
}

.cs_main_center .kakao_cs span{
	display:block;
	font-size:12px;
}


.cs_board_list_tit{
	border-bottom:1px #ddd solid;
	padding-bottom:15px;
}
.cs_board_list_tit h5{
	margin-bottom:0
}
.cs_board_list{
	padding-top:15px
}

.cs_board_list li{
	padding:4px 0
}

.cs_board_list li a{
	font-size:13px
}

.cs_board_list_tit .btn-arrow{
	padding-right:15px;
}

.cs_board_list_tit .btn-arrow:after{
	font-size:14px;
	right:0
}

.cs_main_board .cs_board_list_box:first-child{
	margin-bottom:30px
}
.faq_list_menu{
	margin-bottom:50px
}
.faq_list_menu .btn{
	border-radius:7px!important;
	margin-right:10px;
	margin-bottom:10px
}
.faq_list_menu .btn-outline-light.active{
	border-color:#2b72ca!important;
	background-color:#2b72ca!important;
	color:#fff!important;
}



.board_search_form_box{
	padding:15px
}

.board_search_form_box .board_search_form{

}


.client_write_btn_box .col-12{
	margin-bottom:30px
}
.client_write_btn_box .card-body .client_write_icon{
	width:80px

}
.client_write_btn_box .card-body .client_write_icon i {
	font-size:30px;
	background:#f5f5f5;
	border-radius:50%;
	width:50px;
	height:50px;
	display:block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.client_write_btn_box .card-body .client_write_txt{
	width:clacl(100% - 80px);
	padding-right:30px;

}

.client_view_btn .btn{
	margin:0 5px
}



.designshop_wrap h5{
	margin-bottom:15px
}


.new_custom_box {
    width: 100%;
    margin: 0 auto ;
	padding:15px 0 60px
}

.new_custom_box .custom_step{
	text-align:center;
}
.new_custom_box .custom_step ul:after{
	content:'';
	display:block;
	clear:both;
}
.new_custom_box .custom_step ul li {
    float: left;
    display: inline-block;
	position:relative;
	margin:0 8px
}
.new_custom_box .custom_step.custom_step4 ul, .new_custom_box .custom_step.custom_step5 ul, .new_custom_box .custom_step.custom_step6 ul {
	width:100%;
 
}
.new_custom_box .custom_step.custom_step4 ul li{
	width:calc(25% - 16px)
}
.new_custom_box .custom_step.custom_step5 ul li{
	width:calc(20% - 16px)
}
.new_custom_box .custom_step.custom_step6 ul li{
	width:calc(16.66666% - 16px)
}

.new_custom_box .custom_step ul {
    display: inline-block;
}


.new_custom_box .custom_step ul li.step_bar {
    width: 22px;
    height: 180px;
    background: url(/front/images/designshop_imgs/step_bar.png) no-repeat left 50px;
 
}

 .new_custom_box .custom_step ul li em{
	position:absolute;
	top:5px;
	left:5px;
	width:25px;
	height:25px;
	line-height:25px;
	border-radius:50%;
	color:#fff;
	text-align:center;
	background:#2d73cb;
	z-index:51
 }
.new_custom_box .custom_step ul li span i{
	font-size:30px;
	color:#000
}

.new_custom_box .custom_step ul li span {
    display: block;
     font-weight: bold;
    text-align: center;
    width:100px;
	height:100px;
	border-radius:50%;
	background:#f5f5f5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	position:relative;
}

.new_custom_box .custom_step ul li span:after{
	content:'';
	display:block;
	width:30px;
	height:1px;
	background:#ddd;
	position:absolute;
	top:50%;
	right:-30px

}
.new_custom_box .custom_step.custom_step4 ul li span:after{
	width:120px;
	z-index:-1;
	right:-120px
}
.new_custom_box .custom_step.custom_step5 ul li span:after{
	width:80px;
	z-index:-1;
	right:-80px
}

.new_custom_box .custom_step.custom_step6 ul li span:after{
	width:60px;
	z-index:-1;
	right:-60px
}

.new_custom_box .custom_step ul li:last-child span:after{
	display:none;
}

.new_custom_box .custom_step ul li p {
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin: 10px 0 0 0;
    line-height: 1.6em;
}
.new_custom_box .custom_step.custom_step4 ul li p{
	max-width:130px;

}
.new_custom_box .custom_step.custom_step5 ul li p, 
.new_custom_box .custom_step.custom_step6 ul li p{
	max-width:100px;
 
}

.new_custom_box .custom_step.custom_step4 ul li span {
     width:130px;
	 height:130px;
 }
.new_custom_box .custom_step.custom_step4 ul li span i{
	font-size:40px
}

.design_service_top h6{
	 
	font-size:14px
}
.design_service_top h4{
	font-size:22px;
	margin-bottom:0
}

.design_service_top  .design_service_info{
	color:#888;
	padding-top:15px
 }

.design_service_top  .design_service_info li{
	padding:2px 15px;
	font-size:14px;
	position:relative;
}

.design_service_top  .design_service_info li:before{
	content:"-";
	display:block;
	position:absolute;
	top:3px;
	left:0
}
.design_service_top .design_service_price {
	text-align:right;
}
.design_service_top .design_service_price strong,
.design_service_top .design_service_price span{
	display:block
}
.design_service_top .design_service_price span{
	font-size:13px;
	color:#888
}
.design_service_top .design_service_price strong{
	font-size:22px;
	color:#2b72ca
}

.design_service_ex .card .card-body {
	padding:15px;
	text-align:center;
}
.design_service_layout{
	padding: 0px 0 30px
}

.design_service_layout .card{
	margin-bottom:30px
}

.apartdesign_table .form-control{
	border-radius:5px!important;
	padding:7px!important;
}

.taobao_step .card-body{
	padding-left:100px;
	position:relative;
}
.taobao_step .card-body span{
	position:absolute;
	top:20px;
	left:15px;
	width:60px;
	height:60px;
	border-radius:10px 0 10px 10px;
	background:#2d73cb;
	color:#fff;
	text-align:center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}


.total_only2_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
 .total_only2_box > div{
	padding:0 10px
}
 .total_only2_box .card {
		 
		text-align:center;
 }
.total_only2_box .card input{
	display:inline ;
	width:auto;
}


.portfolio_wrap .card-body{
	padding:15px 30px!important;
}
.portfolio_wrap .card-body p{
	margin-bottom:0
}
.portfolio_wrap .card-body p:last-child{
	font-size:16px
}
.portfolio_wrap .card-body .badge{
	min-width:25px
}

.portfolio_wrap h5{margin-bottom:30px; padding-left:15px}




.recomidcheck_box{
	padding:15px;
	background:#f5f5f5;
	text-align:center;
}

.popup_point_box{
	margin-top:30px;
	padding:15px;
	text-align:center;
	border-bottom:1px #ddd solid;
}


.applied_end{
	padding-left:30px!important
}

.applied_end_ordernum{
	background:#2d73cb;
	color:#fff;
	display:inline-block;
	padding:10px 15px;
	border-radius:5px;
	margin-bottom:10px

}



.service_cost_box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.service_cost_box > div{
	padding:0 10px;
	text-align:center;
}

.service_cost_box > div strong{
	display:block;
}



.mypage_main_menu .col-6{
	margin-bottom:30px
}
.mypage_main_menu dt{
	margin-bottom: 0px;
	background:#fff;
}


.mypage_main_menu dt a{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e4ebeb;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    display: block;
}
.mypage_main_menu dl{
 
 	margin-bottom:0
 }
 .mypage_main_menu dd{
	margin-bottom:0;
	padding:15px 0;
	 background-color: #f6f7f8;
 }
.mypage_main_menu dd li a {
    padding-left: 15px;
    font-size: 12px;
    color: #999!important;
    line-height: 26px;
    position: relative;
}
.mypage_main_menu_etc .card-body i{
	display:block;
	font-size:20px
}
.mypage_main_menu_etc .card{
	margin-bottom:30px
}




.addition_sms_top{
	text-align:center;
	font-size:16px;
	padding-bottom:30px
}


.pgcard_box_top{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	font-size:14px;
	padding:15px 15px;
	margin-bottom:30px
}
.pgcard_box_top div:last-child{
	padding-left:30px
}

.pgcard_step_wrap:after{
	content:'';
	display:block;
	clear:both;
}
.pgcard_step_wrap .pgcard_step_box{
	width:calc(100% / 7);
	float:left;
	padding-right:25px;
	margin-bottom:25px;
}
 
.pgcard_step_wrap .pgcard_step_box .card{
	width:100%;
	text-align:center;
	position:relative;
}
.pgcard_step_wrap .pgcard_step_box .card-body{
	padding:10px 0!important;
}
.pgcard_step_wrap .pgcard_step_box p{
	font-size:14px;
	margin-bottom:0;
	min-height:50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	line-height:120%;
	margin-top:10px
 }
.pgcard_step_wrap .pgcard_step_box span{
	font-size:12px;
	padding:5px 10px;
	display:inline-block;
	background:#2d73cb;
	color:#fff;
	border-radius:5px;
}

.pgcard_step_wrap .pgcard_step_box .arrow-right:after{
	content: '\e846';
	font-family: unicons;
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right:-28px;
	font-size:30px;
}

.pgcard_step_wrap .pgcard_step_box .arrow-down:after{
	content: '\e83f';
	font-family: unicons;
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right:-28px;
	font-size:30px;
}

.pgcard_step_wrap .pgcard_step_box .arrow-left:after{
	content: '\e843';
	font-family: unicons;
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right:-28px;
	font-size:30px;
}


.pgcard_step_wrap .pgcard_step_box2{
		width:calc(100% / 4);
}
.pgcard_step_wrap .pgcard_step_box2 .card-body{
	padding-bottom:0!important;
}
.pgcard_step_wrap .pgcard_step_box2 .card .card-body div{
		background:#f6f6f6;
		text-align:left;
		min-height:80px;
		padding:10px
}
.pgcard_step_wrap .pgcard_step_box2 .card .card-body p{
	margin-top:0
}
.pgcard_step_wrap .pgcard_step_box2 .card .card-body div li{
	padding:0 0 0 10px;
	position:relative;
}

.pgcard_step_wrap .pgcard_step_box2 .card .card-body div li:before{
	content:'-';
	display:block;
	position:absolute;
	top:0px;
	left:0
}	

.pgcard_box_R{
	width:50%
}
.card_brand_box .card-body{
	min-height:100px
}
 
.card_brand_box .card-body{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;	
}


.payment_process_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}





.payment_process_step .card-body{
	padding-left: 15px;
	padding-top:30px;
	position:relative;
}
.payment_process_step .card-body span{
	position:absolute;
	top:-10px;
	left:-15px;
	width:60px;
	height:30px;
	border-radius:10px 0 10px 10px;
	background:#2d73cb;
	color:#fff;
	text-align:center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.payment_process_step .card-body h6{
	margin-bottom:0;
	font-size:14px;
	font-weight:normal;
}



.mini_wechat_box{
	font-size:18px
}

.global_trans_lan .col-6{
	margin-top:30px;
	text-align:center;
}
.global_trans_top{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

.global_trans_top .global_trans_img{
	width:40%
}
.global_trans_top .global_trans_txt{
	width:60%;
	padding-left:30px;
 }
.global_trans_top .global_trans_txt h6{
	line-height:160%
}

.global_ad_mar{
	padding:30px 30px
}

.global_ad_top{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.global_ad_top .global_ad_img{
	width:40%
}
.global_ad_top .global_ad_txt{
	width:60%;
	padding-left:30px;
 }


.global_ad_top .global_ad_box{
	width:80px;
	height:60px;
	background:#2d73cb;
	border-radius:15px 0 15px 15px;
	color:#fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	text-align:center;
	font-size:14px
}


.reservation_solution_info_wrap{
	border:1px #ddd solid;
	padding:30px 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	margin-bottom:30px
}

.reservation_solution_info_wrap  .reservation_solution_info_L{
	width:45%
}
.reservation_solution_info_L .ss_btn{
	padding:30px 30px 0px 30px
}
.reservation_solution_info_L .ss_txt_btn{
	text-align:center;
}
.reservation_solution_info_wrap  .reservation_solution_info_R{
	width:55%;
	padding-left:30px
}

.dreamehome_info_ex, .dreamehome_info_ex div{text-align:center}
.dreamehome_info_ex img{max-width:100%}
.dreamehome_info_ex div{padding:10px 0}



@media (max-width: 1024px) {
 
	.new_custom_box .custom_step ul li span:after{
		display:none
	}

 
}


 @media (max-width: 991.98px) {


	.esti_list_top_box{
 		padding:30px 15px;
		margin-top:-40px;
		margin-bottom:50px
	}

	.esti_list_top_box .flex-sb-m{
		display:block;
	}
	.esti_list_top_box .esti_list_w_btn{
		margin-top:15px
	}
	.esti_list_top_box .esti_list_w_btn .btn{
		width:100%
	}
 
	 
	 
	 .goods_list_rating p{
		display:inline
	 }
	 .review_list_box .goods_list_name{
		padding-left:30px!important;
		position:relative;
	 }
	 .review_list_box .goods_list_name:before{
		content:'';
		display:block;
		width:1px;
		height:12px;
		background:#ddd;
		position:absolute;
		top:4px;
		left:15px
	 }
	.dreamweb_sub_con_top{
		font-size:14px
	}
	.dreamweb_sub_con_top .flex-l-m{
		display:block;
	}
	.dreamweb_sub_con_top .flag_img{
		padding-left:0;
		padding-top:0px;
		padding-bottom:5px
	}


	.introduction_solution_wrap{
		padding-top:60px
	}
	.shoppingmall_solution_info_wrap{
 		display: block;
		margin-top: 0px;
		margin-bottom:80px
	}
	.shoppingmall_solution_info_L{
		width:100%
	}
	.shoppingmall_solution_info_R{
		width:100%;
		padding-top:30px
	}
 
	.ss_info_price strong{
	 
		 font-size:22px; 
 	}
	.ss_info_price span{
 		font-size:18px
	}
 

	.dreamweb_sub_con_top2, .dreamweb_sub_con_top3{
		padding:15px 15px
	}
	.guide_search_form{
		display:block!important;
	}
	.guide_search_input_box{
 		margin-left:0;
		padding:0
	}
	.guide_search_form .guide_search_input{
		width:calc(100% - 50px);
	}

	.guide_search_input_box{
		margin-left:0px;
		margin-top:10px
	}
	.guide_search_input_box a{
		margin-left:15px
	}
	.search_option_menu{
		margin:0 -15px;
	}
	.search_option_menu li a{
		font-size:12px;
	}
	

	.faq_list_menu .btn{
		font-size:12px;
	}

	.board_search_form{
		display: flex!important;
 	}

	.board_search_form .guide_search_input_box{
		margin-top:0!important;
		margin-left:10px!important;
	}

	.board_list .board_list_content .faq_tit{
		margin-bottom:0
	}
	.design_service_range_img{text-align:center; padding-bottom:15px}
	
	.new_custom_box .custom_step{
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.new_custom_box .custom_step ul{
 
		width:auto!important;
		display:block!important;
		white-space: nowrap;

	}

	.new_custom_box .custom_step ul li{
		margin-bottom:30px;
		padding-right:15px;
		width:auto!important;
		float:none;
		 display: inline-block;
 		 height:120px;
		 vertical-align:top;
		 
	}
	.global_icp_step ul li p{
 		 
	}
	.new_custom_box{
		padding:15px 0 30px;
	}

	.total_only2_box{
		display:block;
	}

	.total_only2_box > div{
		text-align:center;
		padding:10px 0
	}


	.board_list .board_list_content.point_list_content .date{
		padding-left:0!important
	}

	.board_list .board_list_content.point_list_content .state{
		float:right;
		padding-right:0;
		margin-top:-30px;
		text-align:right;
	}
 	.board_list .board_list_content.point_list_content .tit{
		padding-right:100px
	}
	.board_list .board_list_content.point_list_content li{
		padding:1rem 0
	}
	.board_list .board_list_content.point_list_content li:after{
		content:'';
		display:block;
		clear:both;
	}


	.pgcard_step_wrap .pgcard_step_box{
		width:100%!important;
		float:none;
		padding-right:0px;
		margin-bottom:25px;
	}


		.pgcard_step_wrap .pgcard_step_box .arrow-right:after{
			content: '\e83f';
 			 
			top: calc(100% - 10px);
			-webkit-transform: translateY( 0%);
			-moz-transform: translateY( 0%);
			-ms-transform: translateY( 0%);
			-o-transform: translateY( 0%);
			transform: translateY( 0%);
			right:50%;
			margin-right:-15px;
			font-size:30px;
		}

		 .pgcard_step_wrap .pgcard_step_box2 .card .card-body div{
 				min-height:auto;
 		}

 
		.pgcard_step_wrap .pgcard_step_box .arrow-down:after{
 			top: calc(100% - 10px);
			-webkit-transform: translateY( 0%);
			-moz-transform: translateY( 0%);
			-ms-transform: translateY( 0%);
			-o-transform: translateY( 0%);
			transform: translateY( 0%);
			right:50%;
			margin-right:-15px;
 		}
		.pgcard_step_wrap_m .pgcard_step_box .card{
			text-align:left;
		}
		.pgcard_step_wrap_m .pgcard_step_box p{
			min-height: auto;
			display: block;
			line-height: 120%;
			margin-top: 10px;
		}
		.pgcard_step_wrap_m .pgcard_step_box .card-body{
			padding:15px!important;
		}
		.pgcard_step_wrap_m .pgcard_step_box span{
			float:left;
		}
		.pgcard_step_wrap_m .pgcard_step_box p{
			float:left;
			margin-top:5px;
			margin-left:15px
		}

		.card_brand_box .col-6{
			margin-bottom:15px
		}

		.payment_process_box .payment_process_img{
			display:none;
		}
		.payment_process_box .payment_process_txt{
			padding-bottom:30px
		}
		.mini_wechat_box{
			font-size:13px
		}

		.global_ad_top{
			 display: block;
		}
		.global_ad_top .global_ad_img{
			width:100%;
			text-align:center;
			padding-bottom:30px
		}
		.global_ad_top .global_ad_txt{
			width:100%;
			padding-left:15px;
		 
		 }
		.global_ad_top .global_ad_box{
			width:60px;
			height:60px;
			border-radius:15px 0 15px 15px;
			font-size:12px
		}

 }


@media (max-width:767.98px) {
	.reservation_solution_info_wrap{
 		display: block;
 
	}

	.reservation_solution_info_wrap  .reservation_solution_info_L{
		width:100%;
		padding-bottom:30px
	}
	.reservation_solution_info_L .ss_btn{
		padding:30px 30px 0px 30px
	}
 
	.reservation_solution_info_wrap  .reservation_solution_info_R{
		width:100%;
		padding-left: 0px
	}
}


@media (max-width:575.98px) {

	.export_website_wrap .card .card-body{
	 
		font-size:11px
 	}
 
	.export_website_wrap .flag_img{
		margin-right:5px;
		 
	}
	.export_website_wrap .flag_img img{
		height:30px
	}

	.cs_main_center .flex-sb-m{
		display:block;
	}
	.cs_main_center .flex-sb-m .kakao_cs{
		margin-top:15px
	}

	.cs_main_btn_box .col-sm-6{
		margin-bottom:15px
	}
 
	.client_write_btn_box .card-body .client_write_icon{
		display:none;
 	}
 	.client_write_btn_box .card-body .client_write_txt{
		width:clacl(100% -  0px);
 	}
 
	.new_custom_box .custom_step ul li span {
 		width:70px;
		height:70px;
 
	}
.new_custom_box .custom_step.custom_step4 ul li span{
 		width:70px;
		height:70px;
}
	.new_custom_box .custom_step ul li p{
		font-size:12px
	}
	.design_service_top{
		padding:15px
	}


	.portfolio_wrap .card-body{
		padding:15px 15px!important;
	}
 
	.portfolio_wrap .card-body p:last-child{
		font-size:14px
	}

	.portfolio_wrap .card-body .flex-sb-m{
		display:block;
	}
	.portfolio_wrap .port_ver{
		position:absolute;
		left:0;
		top:-45px;
	}

	 .service_cost_box > div{
		padding:0  0px;
	 }

	.taobao_step .card-body {
		padding-left:  15px;
 	}

	.taobao_step .card-body span{
		position:relative;
 		width:auto;
		height:auto;
		border-radius:0px;
		background:#fff;
		color:#2d73cb;
		text-align:left;
		top:0;
		left:0;
		display: block;
		 
	}

	.pgcard_box_top{
		display:block;
	}
	 .pgcard_box_top div:last-child {
		padding-left: 0px;
		padding-top:15px
	}
	.pgcard_box_R{
		width:100%
	}


	.global_trans_top{
 		display: block;
 	}

	.global_trans_top .global_trans_img{
		width:100%;
		text-align:center;
	}
	.global_trans_top .global_trans_txt{
		width:100%;
		padding-left:15px;
	 }

 



}