@charset "utf-8";

#content_theme_box {font-size:13px !important; padding-top: 20px; padding-bottom:100px; min-height: 800px; max-width:1200px; margin:0 auto}

.center-middle {text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.catelist{border-bottom: 1px solid #dfdfdf !important;}
.catelist .py-3{width: 20%; /*border-bottom: 1px solid #dfdfdf !important;*/ margin: -0.5px; border: 0px !important;}

.navbar .navbar-brand img{height: 28px !important; width:auto;}
.container a{text-decoration:none; color:#333;}

/*상품 상세보기*/
#sit_ov #sit_title{font-size:1.4em !important;}
#sit_ov .g-0 .btn{border-radius :0 !important; font-size:1.0em !important;}

/*우측퀵메뉴*/
.hidden_item{display:none;}
#ups, #downs{border:0 !important; background:rgba(0,0,0,0) !important}

/*상품목록 sore skin*/
#sct_sortlst{background:rgba(0,0,0,0) !important; margin:0 auto !important; padding-left: 16px !important; padding-right: 16px !important;}

/**/
#ssch_frm{border-radius:10px;}

/*게시판 체크박스 */
/* .chk_box{top:5px !important; left:-5px !important;} */

.carousel-inner{padding-top: 85px;}

#faq1 .faq1_acc_btn{font-size: 20px !important;}
#faq1 .accordion{padding: 0px !important;}

.mypage_inner{max-width: 1200px; margin: 20px auto 50px auto; display: flex}

.login_category li a{font-family: 'Noto Sans KR'; content: ''; font-weight: 400; padding: 0 5px; font-size: 0.95rem; line-height: 2rem; color: #4a5568; padding-left: 0px; text-decoration: none; cursor: pointer;}

.dream_switch {
    align-items: center;
    font-size: .9rem;
    color: #4a5568;
    font-weight: 500;
    margin: 20px auto;
    display: flex;
    font-family: 'Montserrat';
    justify-content: center;
}
.dream_switch  .toggleSwitch {
    width: 40px;
    margin: 0px;
    height: 20px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #a49089;
    cursor: pointer;
}
.dream_switch  .toggleSwitch .toggleButton {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #ffffff;
}
.dream_switch  .toggleSwitch.active {
    background: #c35562;
}
.dream_switch  .toggleSwitch.active .toggleButton {
    left: calc(100% - 18px);
    background: #fff;
}
.dream_switch  .toggleSwitch, .toggleButton {
    transition: all 0.2s ease-in;
}

.navbar-dark .navbar-brand{padding-left: 220px;}

.pc{}
.mobile{display: none}
.container-fluid.navwidth{position: relative}

.navbar-expand-md .navbar-toggler.allnav{display: block !important; position: absolute; left: 0px}
.navbar-expand-md .navbar-collapse{padding-left:50px !important}

.navbar-expand-lg .navbar-toggler.allnav{display: block !important; position: absolute; left: 0px}
.navbar-expand-lg .navbar-collapse{padding-left:50px !important}

.allnavbox {
    position: absolute;
    top: 53px;
    width: 100%;
    background: #fff;
    padding: 20px 0;
    display: none;
    left: 0
}

.flex1440{flex-wrap: wrap; display: flex; max-width: 1440px; margin: 0 auto; width: 100%; justify-content: flex-start;;}
.allnavbox.atv{display: flex; padding: 30px; border: 1px solid #000;}
.allnavbox ul{width: calc(20% - 20px); margin:0 10px 30px;}
.allnavbox h2{margin: 0 0 15px 0; background:#eee; padding:10px}
.allnavbox h2 a{font-size: 16px; color: #222; text-decoration:none; font-weight: bold;}
.allnavbox p{margin: 0; padding: 2px 0}
.allnavbox p a{font-size: 14px; color: #222; text-decoration:none}

@media(max-width: 990px){

	.navbar-expand-lg .navbar-toggler.allnav{display: none !important}
    
    .navbar-dark .navbar-brand {
    padding-left: 0px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
	}
    
    .quickmenu_left{position: fixed}
    .quickmenu_left{display: block !important}
    .quickmenu_left {
		position: fixed !important;;
		top: 45% !important;
		margin-top: 0 !important;;
		left: 85% !important;;
		font-family: 'Noto Sans KR';
		right: -15px !important;;
		z-index: 100;
		bottom: 0px !important;
	}
    
    .quickmenu_left > .box{width: 50px !important; height: 50px !important; font-size: 0 !important; padding: 0 !important}
.quickmenu_left > .box a{display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;}
    
    .catelist{border-bottom:1px solid #dee2e6 !important}
    .catelist .py-3{    flex: auto;
    padding: 10px !important;
    border: 0 !important;
    text-align: center; width: 50%;
	max-width: 50%;}
    
    .pc{display: none}
.mobile{display: block}

.mosort select{padding: 5px; border-radius: 0; border: 1px solid #dee2e6}
    
   .mobile.mosort {display: flex; justify-content: flex-end;}
   
   .container.sortmd{padding: 0 !important}
   
   .login_category ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
}
   .login_category ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	flex:1;
	border-bottom: 2px solid  #fffafa;
	text-align: center
}

   .login_category ul.tabs li.current{
    
	color: #222;
	border-bottom: 2px solid  #d17b84
}

   .login_category .tab-content{
	display: none;
	padding: 15px 0;
	text-align: left
}

   .login_category .tab-content.current{
	display: inherit;
}
   
   
 .login_category .tab-content button{border:0; border-bottom: 1px solid #ddd;
  padding: 10px 0; background:#fffafa; width: 100%; display: block ; text-align: left; font-size: .9rem; 
  font-weight: normal;}
 .login_category .tab-content a{display: block; padding: 10px 0; font-weight: normal; border-bottom: 1px solid #ddd; font-size: .9rem}   
  
  
  
  
}

.board_view_ml{margin-left: 16px !important;}
.board_view_mt{margin-top: 20px !important;}

#find_info .new_win_con{max-width: 500px; margin: 0 auto; background: none;}
.new_win .win_btn {margin-top: 20px;}

.outlogin-btn{width:49%;}

.member_connect {text-align: center !important;}

@media only screen and (min-width:641px) {
    #sns-link-pnl.remodal {max-width: 420px !important; height: 480px !important; padding:50px !important;}
}
.remodal {height: 450px;}

#reg_result {background: none !important; border: none !important;}
#reg_result i {font-size: 1em;}
#reg_result .result_txt {text-align: center;}

#sod_fin_no{margin: 20px 0;}

#sod_frm .od_prd_list {margin: 20px 0;}
a.btn_cash_custom{color: #fff; width: auto; height: auto;}

.container .flex h3{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 50%; text-align: left;}

.btn_confirm_reg {margin: 20px 0 100px 0 !important;}


.custom-text {padding-bottom: 50px !important;}
.custom-text h1 {font-size: 2.5rem !important; font-weight: 400 !important;}
.custom-text p {font-size: 1rem !important; font-weight: 400 !important;}

@media(max-width: 768px){
.custom-text {padding-bottom: 25px !important;}
.custom-text h1 {font-size: 1.5rem !important; font-weight: 400 !important;}
.custom-text p {font-size: 0.7rem !important; font-weight: 400 !important;}
.op_info {padding-top: 6px;}

.main_banner_modify { right:5px; font-size: 0.8rem !important;}
.main_banner_modify i {font-size: 1rem !important;}
}

.op_info {padding-top: 10px;}

.main_banner_modify {position:absolute;  right:7px; top:10px; z-index:1029; font-size: 0.8rem !important;}
.main_banner_modify i {font-size: 1rem !important;}