@charset "utf-8";

/* ======================================================
   #header.uhead(uto head)
=========================================================*/
#header.uhead {
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 1280px;
	background: none;
	z-index: 6002;
	border: none !important;
	padding: 0 !important
}

#header.uhead:after {
	position: Absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #fff;
	display: block;
	content: "";
	z-index: -1;
}

#header.uhead.Fix:after {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

#header.uhead .blind {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: -9999em;
	left: -9999em;
	display: block;
	text-indent: -9999em;
	font-size: 0px;
	line-height: 0;
}

#header.uhead .inner {
	position: relative;
	padding: 0 25px;
	height: 210px;
	width:100%;
	max-width:1520px;
	margin:0 auto;
}

#header.uhead.Fix .inner{
	height:108px;
	display:flex;
}

#header.uhead #logo {
	width: 180px;
	height: 43px;
	position: relative;
	padding: 0;
	border: none;
	z-index: 4213
}

#header.uhead #logo a {
	display: block;
	padding:0 6px;
	height:100%;
	width:100%;
	background: url(/images/v38/main/logo.svg) no-repeat left center;
	background-size: 180px 43px;
}

#header.uhead #topmenu {
	position: relative;
	width: 100%;
	z-index: 33;
	box-sizing: border-box;
	display:flex;
	align-items:center;
	height:84px;
}

#header.uhead .topmenu {
	display: inline-block;
	vertical-align: top;
	height: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left:50px;
}

#header.uhead .topmenu:after {
	display: block;
	content: "";
	clear: both;
}

#header.uhead .topmenu li { position:relative;float: left}

#header.uhead .topmenu li:nth-child(n+2) {
	margin-left: 60px;
}

#header.uhead .topmenu .mn_l1 .mn_a1 {
	display: block;
	line-height: 28px;
	font-weight: 400;
	color: #282828;
	letter-spacing: -0.03em;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

#header.uhead .topmenu .mn_l1 .mn_a1:after {
	width: 0;
	left: 50%;
	bottom: -5px;
	background: #282828;
	position: absolute;
	height: 2px;
	display: block;
	content: "";
	-webkit-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index:-1;
}

#header.uhead .topmenu .mn_l1 .mn_a1 > small {
	position:absolute;
	top:-20px;
	left:calc(50% - 16px);
	font-size:12px;
}

#header.uhead .topmenu li a > span {
	font-weight:700;
}

#header.uhead .topmenu li .depth2-wrap span {
	font-weight:500;
}

#header.uhead .topmenu .mn_l1 .mn_a1:hover {
	color: #282828
}

#header.uhead .topmenu .mn_l1:hover .mn_a1:after, #header.uhead .topmenu .mn_l1.over .mn_a1:after {
	width: 100%;
}

#header.uhead .topmenu li .cyellow,
#header.uhead .topmenu li .cyellow:hover {
	color: #e86701
}

#header.uhead .topmenu li .cblue,
#header.uhead .topmenu li .cblue:hover {
	color: #0f83f2;
}

#header.uhead .topmenu li .b {
	font-weight: 500;
}

#header.uhead .topmenu li a.cyellow:after {
	background: #e86701
}

#header.uhead .topmenu li a.cblue:after {
	background: #0f83f2
}

#header.uhead .f400{
	font-weight:500 !important;
}

#header.uhead .topmenu .mn_l1.is-open .depth2-wrap, #header.uhead .topmenu .mn_l1.over .depth2-wrap{
	display:block;
}

#header.uhead .topmenu .depth2-wrap{
	position:Absolute; 
	left:-10px; 
	top:28px; 
	padding-top:26px; 
	display:none;
	width:1000px;
}

#header.uhead .topmenu .depth2-wrap ul{
	margin:0; 
	padding:0 10px; 
	list-style:none; 
	display:flex; 
	gap:0 30px;
}

#header.uhead .topmenu .depth2-wrap ul:after{
	display:block; 
	content:"";
	clear:both;
}

#header.uhead .topmenu .depth2-wrap li{
	float:left;
}

#header.uhead .topmenu .depth2-wrap li:nth-child(n+2){
	margin-left:5px;
}

#header.uhead .topmenu .depth2-wrap li a{
	display:block;
	font-weight:500; 
	color:#111; 
	position:relative; 
	letter-spacing:-0.02em; 
	line-height:30px; 
	border-radius:8px; 
	font-size:15px; 
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

#header.uhead .topmenu .depth2-wrap li.active a, #header.uhead .topmenu .depth2-wrap li a:hover{
	color:#FF4343;
}

#header.uhead .topmenu .depth2-wrap li a.new:before{
	content:"";
	width:14px;
	height:14px;
	position:Absolute; 
	top:calc(50% - 7px);
	right:-16px;
	display:block; 
	background:url(/images/v38/main/new.png) no-repeat center;
}

#header.uhead.Fix .ribmenu{display:none;}
#header.uhead .ribmenu {
	display:flex;
	height: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	position:Relative;
	margin-left:80px;
}

#header.uhead .ribmenu li {
	position: relative;
	display:flex;
	align-items:center;;
}

#header.uhead .ribmenu li:nth-child(n+2)::before{
	content:'';
	width:1px;
	height:12px;
	background:#111111;
	margin:0 22px;
}

#header.uhead .ribmenu li a {
	font-size:18px;
	transition:all .2s;
	color:#111;
}

#header.uhead .ribmenu li a:hover {
	color:#FF4343;
}

#header.uhead .ribmenu li a.plans_lnk {
	position:relative;
}

#header.uhead .ribmenu li a.plans_lnk #plan_copy {
	position:absolute;
	left:78px;
	top:-1px;
	height:30px;
	width:max-content;
	background:#f63f3c;
	border-radius:15px;
}

#header.uhead .ribmenu li a.plans_lnk #plan_copy .swiper-wrapper { overflow:hidden; }

#header.uhead .ribmenu li a.plans_lnk #plan_copy .swiper-slide {
	display:flex;
	align-items:center;
	color:#fff;
	font-size:13px;
	font-weight:500;
	padding:0 20px;
	height:30px;
	width:100%;
	text-align:center;
	justify-content: center;
}

#header.uhead .ribmenu li a.plans_lnk #plan_copy::after {
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 12px solid #f63f3c;
	border-left: 12px solid transparent;
	position:absolute;
	left:-20px;
	top:9px;
}

@media only screen and (max-width:1500px) {
	#header.uhead .topmenu .mn_l1 .mn_a1{font-size:18px;}
	#header.uhead .topmenu .depth2-wrap li a{font-size:14px;}
	#header.uhead .ribmenu li a {font-size:18px;}
}

/* #header.uhead .ribmenu li .bt-plusShop {
	width: 210px;
	color: #e86701;
	z-index: 32;
}

#header.uhead .ribmenu li .bt-plusShop span {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	padding-left: 48px;
	text-align: left;
	background: url(/images/v33/main/bt-plusshop.png) no-repeat left center;
}

#header.uhead .ribmenu .layer-plusShop {
	display: none;
	border: 1px solid #e86701;
	background: none;
	left: 0;
	top: -15px;
	padding-top: 60px;
	z-index: 12;
	width: calc(100% + 1px);
	margin-left: -1px;
	position: absolute;
	box-sizing: border-box;
}

#header.uhead .ribmenu .layer-plusShop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
}

#header.uhead .ribmenu .layer-plusShop li {
	float: none;
	width: auto;
}

#header.uhead .ribmenu .layer-plusShop li:nth-child(n+2) {
	margin-left: 0;
	margin-top: 0;
}

#header.uhead .ribmenu .layer-plusShop li:before,
#header.uhead .ribmenu .layer-plusShop li:after {
	display: none;
}

#header.uhead .ribmenu .layer-plusShop li a {
	display: block;
	height: 50px;
	background: url('/images/v33/main/plusshop-dot.png') 17px center no-repeat;
	border-top: 1px #dde1e4 solid;
	font-size: 15px;
	line-height: 50px;
	padding-left: 35px;
	text-align: left;
	color: #e86701 !important
}

#header.uhead .ribmenu li:first-child {
	z-index: 912;
}

#header.uhead .ribmenu li:first-child:hover .layer-plusShop {
	display: block;
}

#header.uhead .ribmenu li:first-child:hover:before,
#header.uhead .ribmenu li:first-child:hover:after {
	display: none;
}

#header.uhead .ribmenu li .bt-license {
	color: #0f83f2;
}

#header.uhead .ribmenu li .bt-license span {
	display: inline-block;
	vertical-align: top;
	background: url(/images/v33/main/bt-license.png) no-repeat left center;
	padding-left: 24px;
} */

#header.uhead .abr {
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 6592;
}

#header.uhead .abr ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:flex;
	align-items:center;
	gap:0 40px;
	height:84px;
}

#header.uhead.Fix .abr ul { height:108px; }

#header.uhead .abr ul li {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

#header.uhead .abr ul li a {
	padding-top:40px;
	position:relative;
	font-weight:500;
	color:#111;
}

#header.uhead .abr ul li a.bt-myzone { background: url(/images/v38/main/my_menu_01.svg) no-repeat center top;}
#header.uhead .abr ul li a.bt-myfolder { background: url(/images/v38/main/my_menu_02.svg) no-repeat center top}
#header.uhead .abr ul li a.bt-login, #header.uhead .abr ul li a.bt-logout 
{ background: url(/images/v38/main/my_menu_03.svg) no-repeat center top}
#header.uhead .abr ul li.logout{display:none; width:77px;}
#header.uhead .abr ul li.login{display:block; width:77px;}
#header.uhead .abr ul li a.bt-join { background: url(/images/v40/my_menu_join.svg) no-repeat center 5px;
background-size:32px;};

#header.uhead .abr.login-after ul li a.bt-login, #header.uhead .abr.login-after ul li a.bt-logout 
{background-image: url(/images/v38/main/my_menu_04.svg) }

/* 2023-07-26 */
#header.uhead .abr.login-after ul li i{font-style:normal; position:absolute;width:20px; height:20px; line-height:20px; background:#ff5050; border-radius:100%; color:#fff; font-size:11px; right:-20px;top:-4px;text-align:center; font-weight:700;}

#header.uhead .abr.login-after ul li.logout{display:block;}
#header.uhead .abr.login-after ul li.login{display:none;}

#header.uhead .abr .layer-myzone {
	display: none;
	background: #dde1e4;
	border: 1px solid #dde1e4;
	background: #fff;
	border-radius: 10px;
	left: 50%;
	top: 60px;
	width: 110px;
	margin-left: -55px;
	position: absolute;
	box-sizing: border-box;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

#header.uhead .abr .layer-myzone:before {
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	top: -10px;
	background: url(/images/v33/main/myzone-arrow.png) no-repeat center top;
	display: block;
	content: ""
}

#header.uhead .abr .layer-myzone ul {
	padding: 14px 10px;
}

#header.uhead .abr .layer-myzone li {
	float: none;
}

#header.uhead .abr .layer-myzone li:nth-child(n+2) {
	margin-left: 0;
	margin-top: 10px;
}

#header.uhead .abr .layer-myzone li a {
	width: auto;
	padding: 0;
	line-height: 1.3em
}

#header.uhead .abr .layer-myzone li a span {
	border-bottom: 1px solid transparent
}

#header.uhead .abr .layer-myzone li a:hover,
#header.uhead .abr .layer-myzone li.active a {
	color: #282828;
}

#header.uhead .abr .layer-myzone li a:hover span,
#header.uhead .abr .layer-myzone li.active a span {
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #282828
}

#header.uhead .abr .layer-myzone .after {
	display: none
}


#header.uhead.Fix #topmenu {
	height:108px;
	width:180px;
}

#header.uhead.Fix .topmenu {
	display: none
}

#header.uhead.Fix .family_site {
	display: none
}

#header.uhead.Fix .topbanner {
	position: relative;
}

#header.uhead.Fix .topbanner ul {
	display: none
}

#header.uhead.Fix .top-search {
	width:920px;
	top:22px;
	left:242px;
	position:absolute;
	padding: 0; 
	margin:0;
	font-size:0;
	z-index: 3014;
	transition: top .2s;
}

#header.uhead.Fix .top-search .ov {
	padding-right: 40px;
	background: none;
	border:none;
	width:100%;
}

#header.uhead.Fix .top-search .chk-sel .sel-btn {
	padding: 0 10px 0 40px
}

#header.uhead.Fix .top-search .chk-sel .sel-list {
	border-radius: 0;
	padding-top: 0;
	top: 56px;
	left: 0 !important
}

#header.uhead.Fix .top-search .chk-sel .sel-list ul {
	padding: 20px 17px 20px 17px;
	background: #fff !important;
	border-radius: 0;
}

#header.uhead.Fix .top-search .field {
	position: relative; width:570px; display:inline-block;vertical-align:top;
}

#header.uhead.Fix .top-search .help {
	margin:0; padding-left:16px;position:relative; right:auto ;top:auto;
}
#header.uhead.Fix .top-search .help:before{left:24px;}

#header.uhead.Fix .top-search .help .helpCont {
	right: -72px;
	top: 56px;
}

#header.uhead.Fix .top-search .help .helpCont .arrow {
	right: 69px
}

@media only screen and (max-width:1500px) {

	#header.uhead.Fix .top-search {
		width:calc(100% - 490px);
		max-width:920px;
	}
}

#header.uhead .top-search {
	position: absolute;
	left: 0;
	top: 130px;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	transition: top .2s;
	display:flex;
	gap:8px;
}

#header.uhead .top-search .ov {
	border-radius: 10px;
	background: #fff;
	height: 60px;
	padding: 0 40px 0 215px;
	position: relative;
	border:1px solid #dde1e4;border-radius:10px;
}

#header.uhead .top-search.active .ov{border-bottom-right-radius:0;}
#header.uhead .top-search.active .top-con{display:flex;}
#header.uhead.Fix .top-search.active .top-con{display:none !Important;}
#header.uhead .top-con{
	border: 1px solid #EAEDEE;
	text-transform:uppercase; 
	display:none;
	gap:0 70px;
	position:absolute; 
	left:214px;
	padding:30px; 
	border-radius:16px; 
	background:#fff; 
	top:calc(100% + 10px); 
	width:820px; 
	box-sizing:border-box;  
	z-index:912;
	box-shadow:0 3px 6px rgba(0,0,0,.1);
}

#header.uhead .top-bg{position:fixed; left:0; top:0; width:100%;height:100% ; z-index:500; display:none; cursor:pointer;}
#header.uhead .top-con h3{font-weight:500;font-size:15px;color:#282828; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:15px;}
#header.uhead .top-con .item{width:calc((100% - 70px) / 2); position:relative;}
#header.uhead .top-con .close{width:16px;height:16px; right:40px; top:20px; background:url(/images/remain/top-close.jpg) no-repeat center center; background-size:100% auto; position:absolute;display:none;}

#header.uhead .top-con .item.lately {}
#header.uhead .top-con .item.lately ul{list-style:none; margin:0; padding:0;}
#header.uhead .top-con .item.lately li{position:relative; padding-right:25px;}
#header.uhead .top-con .item.lately li:nth-child(n+2){margin-top:12px;}
#header.uhead .top-con .item.lately li a{display:block; line-height:15px; color:#707070; font-size:13px; font-weight:400; position:relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding-right:75px;}
#header.uhead .top-con .item.lately li a span{position:absolute;right:5px; top:0; font-size:12px; letter-spacing:0; font-weight:300;}
#header.uhead .top-con .item.lately li .delete{background:url(/images/v38/main/close_01.svg) no-repeat center center; background-size:100%; position:absolute;right:0; top:0; border:none; width:15px;height:15px; cursor:pointer;}
#header.uhead .top-con .item.lately li a:hover{color:#282828}
#header.uhead .top-con .item.lately .btns{
	position:absolute;
	top:0;
	right:0;
}
#header.uhead .top-con .item.lately .btns a{
	font-size:12px; 
	color:#707070; 
	line-height:18px; 
	letter-spacing:-0.03em; 
	font-weight:300; 
	display:flex;
	justify-content:center;
}

#header.uhead .top-con .item.recommend ul{list-style:none; margin:0; padding:0;}
#header.uhead .top-con .item.recommend ul:after{display:block; content:"";clear:both;}
#header.uhead .top-con .item.recommend li{float:left; width:50%; box-sizing:border-box;position:relative;padding-left:8px;}
#header.uhead .top-con .item.recommend li:nth-child(n+3){margin-top:12px;}
#header.uhead .top-con .item.recommend li a{display:block; line-height:15px; color:#707070; font-size:13px; font-weight:400;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#header.uhead .top-con .item.recommend li a:hover{color:#282828}
#header.uhead .top-con .item.recommend li:before{width:2px;height:2px; position:absolute; left:0; top:6px; display:block; content:"";background:#707070;}

#header.uhead .top-con .item.pick {}
#header.uhead .top-con .item.pick .pick{position:relative;padding-left:236px; min-height:112px;}
#header.uhead .top-con .item.pick .pick .img{position:Absolute; left:0; top:0; width:220px}
#header.uhead .top-con .item.pick .pick .img img{width:100%; min-height:165px; object-fit:cover;}
#header.uhead .top-con .item.pick .pick .btxt{font-size:13px; font-weight:500; color:#282828; letter-spacing:-0.03em; text-transform:uppercase; line-height:1.2em;}
#header.uhead .top-con .item.pick .pick .stxt{ margin-top:5px;line-height:1.35em; color:#707070; font-size:13px; font-weight:300;}
#header.uhead .top-con .item.pick .pick a span{margin-top:8px;font-size:13px; font-weight:500; color:#282828; letter-spacing:-0.03em; display:inline-block;vertical-align:top; border-bottom:1px solid #282828}

#header.uhead.Fix .top-con{left:0;width:100%; border:1px solid #4a4a4a; top:56px;}
	@media only screen and (max-width:1500px) {
		#header.uhead .top-con .close{right:20px;}
		#header.uhead .top-con .item.lately li a{font-size:12px;}
		#header.uhead .top-con .item.lately li a span{font-size:11px;}
		#header.uhead .top-con .item.recommend li a{font-size:12px;}
		#header.uhead .top-con .item.pick{width:380px; }
		#header.uhead .top-con .item.pick .pick{padding-left:220px;}
		#header.uhead .top-con .item.pick .pick .img{width:200px;}
		#header.uhead .top-con .item.pick .pick .btxt{font-size:12px;}
		#header.uhead .top-con .item.pick .pick .stxt{font-size:12px;}
		#header.uhead .top-con .item.pick .pick a{font-size:12px;}
	}

#header.uhead .top-search .chk-sel {
	width: 215px;
	position: absolute;
	left: 0;
	top: 0;
}

#header.uhead .top-search .chk-sel .sel-btn {
	display: block;
	line-height: 60px;
	font-size: 15px;
	font-weight: 500;
	color: #111;
	letter-spacing: -0.03em;
	padding: 0 25px 0 45px;
	position: relative;
	z-index: 11;
}

#header.uhead .top-search .chk-sel .sel-btn:after {
	width: 16px;
	height: 14px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -7px;
	display: block;
	content: "";
	background: url(/images/v33/main/search-arrow.png) no-repeat center center;
}

#header.uhead .top-search .chk-sel.active .sel-list {
	display: block;
}

#header.uhead .top-search .chk-sel .sel-list {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 60px;
	width: 100%;
	z-index: 10;
}

#header.uhead .top-search .chk-sel .sel-list ul {
	position:absolute;
	z-index:1000;
	padding:24px 30px;
	width:200px;
	border:solid 1px #EAEDEE;
	top:calc(100% + 10px);
	left:0;
	box-shadow:0 3px 6px rgba(0,0,0,.1);
	background:#ffffff;
	border-radius:16px;
	margin-top:0;
}

#header.uhead .top-search .chk-sel .sel-list li {
	display:flex;
	align-items:center;
	height:30px;
}

#header.uhead .top-search .chk-sel .sel-list li label {
	font-weight:500;
	color:#111;
	font-size:14px;
}

#header.uhead .top-search .chk-sel .sel-list li input + label {
	padding-left:24px;
	cursor:pointer;
}

#header.uhead .top-search .chk-sel .sel-list li:first-child input + label,
#header.uhead .top-search .chk-sel .sel-list li.last input + label {
	color:#FF4343 !important;
}

#header.uhead .top-search .chk-sel .sel-list li.last {
	height:42px;
	border-top:solid 1px #EAEDEE;
	margin-top:8px;
	padding-top:10px;
}

#header.uhead .top-search .chk-sel .sel-list .selSep1 {
	width: 100%;
	height: 1px;
	border-top: 1px #dde1e4 solid;
	margin: 7px 0;
	display: inline-block
}

#header.uhead .top-search .chk-sel .sel-list .selSep1:first-child {
	margin-top: 0
}

#header.uhead .top-search .chk-sel .sel-list span {
	width: 100%;
	height: 30px
}

#header.uhead .top-search .chk-sel .sel-list span.plus {
	color: #7b11ff
}

#header.uhead .top-search .field {
	flex:1;
	display:flex;
	align-items:center;
	height:60px;
	position:relative;
}

#header.uhead .top-search #search_ai {
	display:none;
}

#header.uhead .top-search .btn_ai {
	width:27.817px;
	height:27.817px;
	background-image:url("/images/v38/main/icon_ai_02.svg");
	background-size:27.817px;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#header.uhead .top-search .btn_ai .tooltip {
	background: #ffffff;
    border: solid 1px #707070;
    font-size: 12px;
    color: #707070;
	display:none;
    position: absolute;
	top:40px;
	width: 443px;
    padding: 16px 20px;
    left: -20px;
    z-index: 1;
}

#header.uhead .top-search .btn_ai .tooltip:before {
	content: '';
    display: block;
    width: 11px;
    height: 9px;
    background: url(/images/v38/tri.svg) no-repeat center/cover;
    position: absolute;
    top: -9px;
    left: 28px;
	transform: rotate(180deg);
}

#header.uhead .top-search .btn_ai:hover .tooltip {
	display:block;
}

#header.uhead .top-search #search_ai:checked + label {
	background-image:url("/images/v38/main/icon_ai_01.svg");
}

#header.uhead .top-search .field input {
	flex:1;
	padding-right: 120px;
	height: 60px;
	font-weight: 500;
	background: none;
	letter-spacing: -0.03em;
	border: none;
	color: #282828;
	padding: 0 15px;
	padding-right: 140px;
	font-size: 15px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	position: relative;
}

#header.uhead.Fix .top-search .field input {
	padding-right:60px;
}

#header.uhead .top-search .field input::placeholder {
	font-weight: 300;
	font-size: 15px;
	color:#707070;
}

#header.uhead .top-search .field .enter {
	width: 70px;
	height: 60px;
	cursor: pointer;
	z-index: 912;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/images/v38/main/search.svg) no-repeat center center;
	border: none;
	background-size:34px;
}

#header.uhead .top-search .help {
	display:flex;
	align-items:center;
}

#header.uhead .top-search .help:before {
	content:'';
	display:block;
	width:1px;
	height:16px;
	background:#DEDEDE;
	margin-right:16px;
}

#header.uhead .top-search .help .help-txt {
	display: flex;
	align-items:center;
	font-size: 13px;
	color: #111;
	letter-spacing: -0.03em;	
	line-height: 60px;
	gap:0 8px;
}

#header.uhead .top-search .help .help-txt > img {
	opacity:0.2;
	transition: all .2s;
}

#header.uhead .top-search .help:hover .help-txt > img {
	opacity:1;
	transition: all .2s;
}

#header.uhead .top-search .help .helpCont {
	display: none;
}

#header.uhead .top-search .help:hover .helpCont {
	display: block
}

#header.uhead .top-search .help .helpCont {
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	width: 500px;
	height: auto;
	background: #fff;
	z-index: 101;
	text-transform:uppercase;
	border:solid 1px #EAEDEE;
	border-radius:16px;
	padding:30px;
	box-shadow:0 3px 6px rgba(0,0,0,.1);
}

#header.uhead .top-search .help .helpCont::before {
	content:'';display:block;width:100%;height:10px;background:transparent;position:absolute;top:-10px;left:0
}

#header.uhead .top-search .help .helpCont .tits{text-align:Center;}
#header.uhead .top-search .help .helpCont .tits h3{ font-size:18px ;font-weight:500; letter-spacing:-0.01em; line-height:1.2em; color:#000;}
#header.uhead .top-search .help .helpCont .tits p{margin-top:7px;display:inline-block;vertical-align:top; background:#434343;border-radius:10px; line-height:30px; font-size:15px; color:#fff; letter-spacing:-0.03em; padding:0 17px;}
#header.uhead .top-search .help .helpCont ul{list-style:none; margin:0; padding:0;margin-top:40px; }
#header.uhead .top-search .help .helpCont li{position:relative; padding-left:135px;}
#header.uhead .top-search .help .helpCont li:before{width:0; height:11px; position:absolute; left:112px; top:3px; border-left:1px solid #111; display:block; content:""}
#header.uhead .top-search .help .helpCont li:nth-child(n+2){margin-top:25px;}
#header.uhead .top-search .help .helpCont li .btxt{font-size:15px ;font-weight:500; color:#FF4343; letter-spacing:-0.02em; line-height:1.2em; position:Absolute; left:0; top:0;}
#header.uhead .top-search .help .helpCont li .stxt{font-size:15px ;font-weight:500; color:#111; letter-spacing:-0.02em; line-height:1.2em;}
#header.uhead .top-search .help .helpCont li .ctxt{margin-top:7px;font-size:13px ;font-weight:400; color:#FF4343; letter-spacing:-0.02em; line-height:1.2em;}
#header.uhead .top-search .help .helpCont li .ztxt{margin-top:2px;font-size:13px ;font-weight:400; color:#707070; letter-spacing:-0.02em; line-height:1.2em;}

#header.uhead .top-search .help .helpCont:after {
	position: relative
}

#header.uhead .top-search .help .helpCont .arrow {
	position: absolute;
	right: 31px;
	top: -10px;
	width: 22px;
	height: 10px;
	background: url('/images/v33/main/help-arrow.png') 0 0 no-repeat;
	z-index: 2;
	display:none;
}

#header.uhead .top-search .help .helpCont ul.section {
	float: left;
	height: auto;
	width: 100%;
	font-size: 18px;
	display: inline-block
}

#header.uhead .top-search .help .helpCont ul.section li {
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	letter-spacing: -1px;
	font-size: 15px;
	font-weight: 500;
	color: #282828;
}

#header.uhead .top-search .help .helpCont ul.section li:nth-child(2) {
	padding-left: 15px;
}

#header.uhead .top-search .help .helpCont ul.section li:first-child {
	width: 100px;
	background: #282828;
	text-align: center;
	color: #fff;
	padding: 0;
	font-weight: 500;
	border-radius: 10px;
	position: relative;
}

#header.uhead .top-search .help .helpCont ul.section li:first-child:after {
	border: 1px solid #282828;
	border-radius: 10px;
	width: 408px;
	height: 100%;
	box-sizing: border-box;
	position: Absolute;
	left: 0;
	top: 0;
	z-index: -1;
	display: block;
	content: ""
}

#header.uhead .top-search .help .helpCont ul.section li.desc {
	width: 100%;
	height: auto;
	padding: 16px 10px 16px 115px;
	font-size: 13px;
	letter-spacing: -0.03em;
	;
	font-weight: 300;
	line-height: 145%
}


#header.uhead.search .top-search .ov {
	flex:1;
	display:flex;
	align-items:center;
	height:64px;
	border:Solid 2px #FF4343;
	border-radius:32px;
	position:relative;
	max-width:1300px;
	margin:0 auto;
}

#header.uhead.search .top-search .image_search .pop_open {
	padding:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:60px;
	background:url(/images/v40/image_search_ico.svg) no-repeat center center;
	background-size:26px;
	position:absolute;
	right:70px;
	top:0;
	border:none;
	outline: none;
	z-index:912;
	cursor: pointer;
}

#header.uhead.search .top-search .image_search .pop_open::after {
	content:"";
	display:block;
	width:1px;
	height:16px;
	background:#DEDEDE;
	position:absolute;
	top:calc(50% - 8px);
	right:-1px;
}

#header.uhead.search .top-search .image_search .image_search_pop {
	position:relative;
	display:none;
}

#header.uhead.search .top-search .image_search .image_search_pop .bg {
	width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner {
	position:absolute;
	z-index:1000;
	width:440px;
	top:calc(100% + 40px);
	right:0;
	height:auto;
	padding:34px 40px 40px;
	background:#fff;
	border-radius:8px;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .tit {
	color:#111;
	display: block;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .btn_close {
	background: transparent;
    border: none;
    padding: 0;
    outline: 0;
	cursor: pointer;
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .head {
	position:relative;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content {
	margin-top:36px;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area {
	display:flex;
	align-items:center;
	justify-content:center;
	height:228px;
	border:dashed 1px #DDE1E4;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea {
	height:100%;
	display:flex;
	align-items: center;
	justify-content:center;
	flex-direction: column;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea p {
	text-align:center;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea img {
	margin:15px auto 5px;
	width:49px;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea small {
	font-size:12px;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea span {
	color:#434343;
	margin:7px 0 0;
	font-size:14px;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea #aifile {
	display:none;
}

#header.uhead.search .top-search .image_search .image_search_pop .inner .content .drag_area #dropArea .aifile_label {
	cursor:pointer;
	width:180px;
	height:42px;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:15px;
	font-weight:500;
	color:#fff;
	background:#434343;
	border-radius:10px;
	margin-top:14px;
}

#header.uhead.Fix .top-search .image_search {
	display:none;
}

#header.uhead.search .top-search .chk-sel .sel-list {
	left: -1px;
}

/* ======================================================
   #content.ucont(uto cont)
=========================================================*/
#content.ucont {
	margin-top: 234px;
	min-height: 700px
}

#content.ucont.search {
	padding-top: 255px;
	margin-top: 0;
}

#content.ucont .blind {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: -9999em;
	left: -9999em;
	display: block;
	text-indent: -9999em;
	font-size: 0px;
	line-height: 0;
}

#content.ucont #mainVisualWrap .bx-viewport img,
#content.ucont #mainVisualWrap .bx-viewport video
{
	width: 100% !important;
	height: 570px;
	object-fit: cover;
}

#content.ucont #mainVisualWrap .mainBan {
	left: 0;
	width: 100%;
	margin-left: 0;
}

#content.ucont .bx-viewport li {
	width: 100%;
}

#content.ucont .bx-viewport li a {
	display: block;
}

#content.ucont .mainBan .bx-viewport,
#content.ucont .mainBan .bx-wrapper {
	position: relative;
	width: 100%;
	height: 100% !important;
	top: 0;
	left: 0;
}



/* ======================================================
   .msec-quick
=========================================================*/
.msec-quick {
	background: #f7f9fc;
	border-bottom: 1px solid #eef0f1;
	padding: 20px 0
}

.msec-quick .cont {
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-right: 100px;
}

.msec-quick .cont:after {
	display: block;
	content: "";
	clear: both;
}

.msec-quick .cont ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.msec-quick .cont ul:after {
	display: block;
	content: "";
	clear: both
}

.msec-quick .cont li {
	float: left;
}

.msec-quick .cont .more {
	position: absolute;
	right: 14px;
	top: 0;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	background-color: #434343;
	border-radius: 25px;
	font-family: "Montserrat";
	line-height: 1.3em;
	color: #fff;
	padding: 22px 0;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.msec-quick .cont .more span {
	display: block;
	padding-top: 15px;
	background: url(/images/v33/main/quick-more.png) no-repeat center top
}

.msec-quick .cont .more:hover {
	background: #0f83f1
}

.msec-quick .cont .vtem {
	float: left;
	width: 640px;
	box-sizing: border-box;
	padding-right: 24px;
}

.msec-quick .cont .vtem li {
	width: 20%;
}

.msec-quick .cont .vtem li a {
	display: block;
	height: 122px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 90px;
	position: relative;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.03em;
	line-height: 1.2em;
	color: #434343;
}

.msec-quick .cont .vtem li a:before {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 0;
	background-color: #fff !important;
	border-radius: 25px;
	display: block;
	content: "";
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.msec-quick .cont .vtem li:nth-child(1) a:before {
	background: url(/images/v33/main/quick-ico01.jpg) no-repeat center center
}

.msec-quick .cont .vtem li:nth-child(2) a:before {
	background: url(/images/v33/main/quick-ico02.jpg) no-repeat center center
}

.msec-quick .cont .vtem li:nth-child(3) a:before {
	background: url(/images/v33/main/quick-ico03.jpg) no-repeat center center
}

.msec-quick .cont .vtem li:nth-child(4) a:before {
	background: url(/images/v33/main/quick-ico04.jpg) no-repeat center center
}

.msec-quick .cont .vtem li:nth-child(5) a:before {
	background: url(/images/v33/main/quick-ico05.jpg) no-repeat center center
}

.msec-quick .cont .vtem li a:hover:before {
	-webkit-transform: translateY(-7%);
	-moz-transform: translateY(-7%);
	-ms-transform: translateY(-7%);
	-o-transform: translateY(-7%);
	transform: translateY(-7%);
}

.msec-quick .cont .license {
	float: right;
	width: 530px;
	box-sizing: border-box;
	padding: 0 15px;
	position: relative;
}

.msec-quick .cont .license:before {
	width: 1px;
	height: 30px;
	background: #c4c4c4;
	position: absolute;
	left: -10px;
	top: 30px;
	display: block;
	content: "";
}

.msec-quick .cont .license li {
	width: 25%;
}

.msec-quick .cont .license li a {
	display: block;
	text-align: center;
}

.msec-quick .cont .license li .btxt {
	display: inline-block;
	vertical-align: top;
	color: #181818;
	font-weight: 500;
	letter-spacing: -0.03em;
	font-size: 14px;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	background-color: #fff !important;
	border-radius: 25px;
	line-height: 80px;
	content: "";
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.msec-quick .cont .license li .btxt.vc {
	line-height: 1.3em;
	padding: 22px 0;
}

.msec-quick .cont .license li .stxt {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.03em;
	line-height: 1.35em;
	color: #434343;
	margin-top: 7px;
	word-break: keep-all;
}

.msec-quick .cont .license li .stxt span {
	color: #e86701;
	display: block;
}

.msec-quick .cont .license li a:hover .btxt {
	-webkit-transform: translateY(-7%);
	-moz-transform: translateY(-7%);
	-ms-transform: translateY(-7%);
	-o-transform: translateY(-7%);
	transform: translateY(-7%);
}
/* wrapper 안전 스타일 (있을 때만 적용) */
.banner-rolling-wrap,
div[style*="height:45px"][style*="overflow:hidden"] {
	height: 45px;
	overflow: hidden;
	position: relative;
}

/* 롤링 컨테이너 */
#banner_rolling {
	display: flex;
	flex-direction: column;
	transition: transform 500ms ease-in-out;
	will-change: transform;
}

/* 추가 스타일 */
#banner_rolling .topbanner {
	height: 45px;
	flex-shrink: 0;
	box-sizing: border-box;
}

#header.uhead .topbanner {
	position: static; /* absolute 속성 무효화 */
	top: auto;
	width: 100%;
	background-color: #ff6e72 !important;
    height: 45px;
	font-size:15px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	z-index: 2;
}

#header.uhead .topbanner img{
	display: inline-block;
	margin-left: 15px;	
}


#header.uhead .topbanner img.topbanner_close{
	position: relative;
	left:100px;
}

#header.uhead .topbanner ul{
	display: inline-block;
	position: absolute;
    right: 65px;
	list-style: none;
    margin: 0;
    padding: 0;
	/* border: 1px red solid; */
}

#header.uhead .topbanner ul li{
	float: left;
    position: relative;
    padding-left: 20px;
    margin: 0;
	font-size:13px;
	font-weight: normal;
	color: #fff;
}


#header.uhead .topbanner ul li:nth-child(n+2):before
{
	width: 0;
	height: 10px;
	position: absolute;
	left: 10px;
	border-left: 1px solid #dde1e4;
	top: 65%;
	margin-top: -7px;
	display: block;	
	content: "";
}

#header.uhead .topbanner ul li{
	color: #fff;
}

#header.uhead .family_site{
    height: 45px;
	border-bottom: 1px solid #dde1e4;	
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding-right:42px;
	top:0px;
	position:relative;
	z-index:10;
	right: 0;
}

#header.uhead .family_site > .family_site_inner {
	display:flex;
	align-items:center;
	overflow:hidden;
	border-radius:4px;
	border:1px solid #434343;
}

#header.uhead .family_site > .family_site_inner > .family_site_title {
	display:flex;
	align-items:center;
	font-size:0.75rem;
	height:22px;
	padding:0 10px 0 6px;
	background-color:#434343;
	color:#fff;
	gap:0.25rem;
}

#header.uhead .family_site > .family_site_inner > .family_site_title > .ic_clip {
	background-image:url("/images/v38/fs_icon_w.png");
	background-size:12px;
	background-position:center;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

#header.uhead .family_site > .family_site_inner > ul {
	display:flex;
	align-items:center;
	margin:0;
	padding:0 6px;
	list-style:none;
}

#header.uhead .family_site > .family_site_inner > ul > li > a {
	display:flex;
	align-items:center;
	font-size:0.75rem;
	height:22px;
	padding:0 6px;
	color:#111;
}

#header.uhead .family_site > .family_site_inner > ul > li > a > span {
	line-height:1em;
}

#header.uhead .family_site.in_topbanner {
	border-bottom:none;
	width:266px;
	margin-left:auto;
	margin-right:42px;
	padding-right:0;
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	box-sizing: border-box;

}

#header.uhead .family_site.in_topbanner > .family_site_inner {
	border:none;
}

#header.uhead .family_site.in_topbanner > .family_site_inner > .family_site_title {
	background:#fff;
	color:#111;
	font-weight:500;
}

#header.uhead .family_site.in_topbanner > .family_site_inner > .family_site_title > .ic_clip {
	background-image:url("/images/v38/fs_icon_b.png");
}

#header.uhead .family_site.in_topbanner > .family_site_inner > ul {
	background-color:rgba(0,0,0,0.2);
}

#header.uhead .family_site.in_topbanner > .family_site_inner > ul > li > a {
	color:#fff;
}

/* ======================================================
   .msec-service
=========================================================*/
.msec-service{position:relative;background:#fafcfd;border-bottom:1px solid #dde1e4 ; }
.msec-service .ov{max-width:1280px; margin:0 auto;  box-sizing:border-box;padding:40px 0; padding-left:350px ;padding-right:195px; position:relative;}
.msec-service .tits{position:absolute ;left:0; width:295px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-service .tits:after{border-right:1px solid #e1e7ee; height:66px; position:Absolute ;right:-1px; top:50%;margin-top:-33px; display:block; content:""}
.msec-service .tits h3{margin-bottom:12px; font-weight:500; font-size:22px; font-weight:400; letter-spacing:-0.03em; color:#ff4343; line-height:1.2em;}
.msec-service .tits h3 span{font-weight:700;}
.msec-service .tits h3 i{font-style:normal;display:inline-block;vertical-align:top; position:relative;}
.msec-service .tits h3 i:before{width:4px;height:4px; border-radius:100%; top:-6px; left:50%;margin-left:-2px; background:#ee3650; display:block; content:""; position:absolute;}
.msec-service .tits p{position:Relative;line-height:18px; font-size:15px; font-weight:400; color:#282828; letter-spacing:-0.03em; padding-left:26px;}
.msec-service .tits p:before{background:url(/images/remain/service-chk.png) no-repeat left center; width:18px;height:18px; position:Absolute; left:0; top:0; display:block; content:""}
.msec-service .tits p:nth-child(n+3){margin-top:8px;}

.msec-service ul{margin:0 -1%; list-style:none; padding:0;}
.msec-service ul:after{display:block; content:"";clear:both}
.msec-service ul li{float:left; width:23%; margin:0 1%}
.msec-service ul li a{display:block;background:#fff; border:1px solid #dde1e4; border-radius:20px; height:100px ;box-sizing:border-box; padding:20px 0 0 15px;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.msec-service ul li .btxt{font-size:18px; font-weight:700; color:#282828;line-height:1.2em; letter-spacing:-0.03em;}
.msec-service ul li .btxt span{ line-height:12px; font-size:10px; color:#ee3650; display:inline-block;vertical-align:middle; margin-top:-2px; border:1px solid #ee3650; border-radius:3px; margin-left:0px; text-transform:uppercase; letter-spacing:0;font-weight:600; padding:0 1px;}
.msec-service ul li .stxt{margin-top:4px;font-size:15px; font-weight:700; color:#ff4343; line-height:1.2em; letter-spacing:-0.03em;}
.msec-service ul li .ctxt{margin-top:4px;font-size:13px; font-weight:400; color:#707070; line-height:1.2em; letter-spacing:-0.03em;}
.msec-service ul li a:hover{box-shadow:2px 2px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1)  ; }

.msec-service .buy-btn{width:140px;height:50px; border-radius:8px ;line-height:50px; text-align:center; position:absolute;right:0; top:50%; font-size:15px ;font-weight:500; color:#fff; letter-spacing:-0.03em;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);background:#ff4343;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.msec-service .buy-btn span{display:inline-block;vertical-align:top; padding-right:15px; position:Relative;}
.msec-service .buy-btn span:after{position:absolute;right:0; width:15px;height:20px; top:50%;margin-top:-10px; display:block; content:"";background:url(/images/remain/buy-arrow.png) no-repeat right center;-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-service .buy-btn:hover span:after{right:-5px;}
.msec-service .buy-btn:hover {background:#282828}




/* ======================================================
   .msec-collect
=========================================================*/
.msec-collect{max-width:1280px; margin:0 auto; margin-top:60px;}
.msec-collect .tits{text-align:center;}
.msec-collect .tits h3{font-size:23px; font-weight:700; color:#434343; letter-spacing:-0.01em; line-height:24px; display:inline-block;vertical-align:top; position:relative;}
.msec-collect .tits .more{position:absolute; right:-35px; top:0;display:inline-block;vertical-align:top; width:24px;height:24px; line-height:24px; margin-left:10px; color:#ff4343; font-size:28px; font-weight:400;background:url(/images/remain/main_btn_more.png) no-repeat center center;}
.msec-collect .tits p{font-size:15px;font-weight:300; color:#707070; letter-spacing:-0.03em; line-height:1.2em; margin-top:3px;}

.msec-collect .cons{margin-top:30px;}
.msec-collect .cons ul{font-size:0; margin:0 -1.5%; list-style:none; padding:0;}
.msec-collect .cons ul:after{display:block; content:"";clear:both}
.msec-collect .cons ul li{float:left; width:30.33333333%; margin:0 1.5%}
.msec-collect .cons ul li .img{overflow:hidden;display:block; position:relative;}
.msec-collect .cons ul li .img img{width:100%;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.msec-collect .cons ul li .img:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.msec-collect .cons ul li .img:after{width:120px;height:50px; border-radius:50px;opacity:0; line-height:50px;background:rgba(255,255,255,0.55); position:absolute ;left:50%; margin-left:-60px; top:50%; margin-top:-25px; text-align:center;  font-size:15px; color:#282828; letter-spacing:-0.03em; display:block; content:"새창 열기";-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-collect .cons ul li .img:hover:after{opacity:1}

.msec-collect .cons ul li .txt{margin-top:20px; display:block;}
.msec-collect .cons ul li .txt a{display:block;}
.msec-collect .cons ul li .txt .btxt{padding:0 5px;font-size:15px; font-weight:700; color:#111111; line-height:1.2em; letter-spacing:-0.03em;}
.msec-collect .cons ul li .txt .stxt{margin-top:4px;padding:0 5px;font-size:13px; font-weight:300; color:#707070; line-height:1.2em; letter-spacing:-0.03em;}
.msec-collect .cons ul li .txt .hash{margin:8px -3px;}
.msec-collect .cons ul li .txt .hash a{ display:inline-block;vertical-align:top; background:#f0f4f9;font-size:13px; font-weight:300; color:#282828; border-radius:10px; padding:0 20px; margin:3px; line-height:30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/* .msec-collect .cons ul li .txt .hash a:hover{background:#ff4343; color:#fff} */

.mainSection .title.blue2{color:#ff4343 !important;}

#mainBest .bx-wrapper .bx-pager.bx-default-pager a.active, #mainBest .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainFree .bx-wrapper .bx-pager.bx-default-pager a.active, #mainFree .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#ff4343 !important}


#mainTheme .tab li.on,#mainTheme .tab li:hover {color:#ff4343 !important;}

#mainFree{position:Relative;}

.free-slide ul{list-style:none; margin:0; padding:0}
.free-slide ul:after{display:block ;content:"";clear:both;}
.free-slide li {float: left;margin-left: 10px;}
.free-slide li:first-child {margin-left: 0;}
.free-slide li a {display: block; position:relative;}
.free-slide li img {width: 100%;height: 240px;object-fit: cover;}

.free-page{position:absolute;right:0; top:12px;list-style:none; margin:0;padding:0;}
.free-page:after{display:block; content:"";clear:both;}
.free-page li{float:left; width:12px;height:12px; background:#eef0f2; border-radius:100%; text-indent:-9999em; cursor:pointer;}
.free-page li:nth-child(n+2){margin-left:10px;}
.free-page li.active{background:#ff4343;}

/* ======================================================
   #footer.ufoot
=========================================================*/
#footer.ufoot{position:relative; padding:0;border-top:1px solid #dde1e4; margin-top:60px;}
#footer.ufoot .blind{width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

#footer.ufoot .ov{max-width:1280px; margin:0 auto; padding:50px 0}

#f-link{}
#f-link:after{display:block; content:"";clear:both}
#f-link .link{float:left; width:25%}
#f-link .link dl{list-style:none; margin:0; padding:0;}
#f-link .link dl dt{list-style:none; margin:0; padding:0;}
#f-link .link dl dt span{display:block; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; font-size:15px; }
#f-link .link dl dt a{display:block; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; font-size:15px; }
#f-link .link dl dd{list-style:none; margin:0; padding:0;}
#f-link .link dl dd a{display:block; font-weight:400; color:#434343; letter-spacing:-0.03em; line-height:1.2em; font-size:14px; }
#f-link .link dl dd a:hover{color:#ff4343}
#f-link .link dl dd:nth-child(n+2){ margin-top:14px;}

#f-link .bank{float:left; width:25%}
#f-link .bank dl{list-style:none; margin:0; padding:0;}
#f-link .bank dl dt{list-style:none; margin:0; padding:0;font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; font-size:15px; }
#f-link .bank dl dd{list-style:none; margin:0; padding:0;}
#f-link .bank dl dd:nth-child(n+2){ margin-top:10px;}
#f-link .bank dl dd .btxt{font-size:18px; font-weight:600; color:#111; line-height:1.2em; letter-spacing:-0.01em;}
#f-link .bank dl dd .stxt{font-size:14px; font-weight:400; color:#434343; line-height:1.2em; letter-spacing:-0.03em; margin-top:5px;}

#f-link .cs{float:left; width:25%; text-align:center;}
#f-link .cs .tc{width:200px; display:inline-block;vertical-align:top;text-align:left;}
#f-link .cs h4{list-style:none; margin:0; padding:0;font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; font-size:15px; }
#f-link .cs .btxt{margin-top:10px;font-size:18px; font-weight:500; color:#111; line-height:1.2em; letter-spacing:-0.01em;}
#f-link .cs .stxt{font-size:14px; font-weight:400; color:#434343; line-height:1.2em; letter-spacing:-0.03em; margin-top:5px; white-space:pre}
#f-link .cs .counsel-btn{display:block; line-height:38px;border:1px solid #232323; border-radius:5px; text-align:center;font-size:15px; color:#111; letter-spacing:-0.03em; font-weight:500; width:198px; margin-top:20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#f-link .cs .counsel-btn:hover{background:#111; color:#fff}
#f-link .cs .c{ margin-top:17px; text-align:center;}
#f-link .cs .board-btn{display:inline-block;vertical-align:top; color:#434343; font-size:14px; letter-spacing:-0.03em;  line-height:20px ;border-bottom:1px solid #434343}

#f-info{margin-top:65px; padding-top:35px; border-top:1px solid #dde1e4; position:relative;}
#f-info .in-copy{margin-top:25px;padding-left:125px; font-size:13px; color:#707070; line-height:1.2em; background:url(/images/remain/f-bbtree.jpg) no-repeat; height:29px; box-sizing:border-box; padding-top:11px;}

#f-info .in-cmmt p{display:inline-block;vertical-align:top; position:relative; font-size:13px; font-weight:400; letter-spacing:-0.02em; color:#434343;}
#f-info .in-cmmt a{display:inline-block;vertical-align:top; position:relative; font-size:13px; font-weight:400; letter-spacing:-0.02em; color:#434343;}

#f-info .in-cmmt a:nth-child(2){margin-left:14px;}
#f-info .in-cmmt a:nth-child(2):before{width:0; height:10px; position:absolute; left:-8px; top:50%; margin-top:-4px; border-left:1px solid #707070; display:block; content:""}

#f-info .in-cmmt a:nth-child(n+3), #f-info .in-cmmt p:nth-child(n+3){margin-left:14px;}
#f-info .in-cmmt a:nth-child(n+3):before, #f-info .in-cmmt p:nth-child(n+3):before{width:2px; height:2px; position:absolute;background:#696969; left:-8px; top:50%; margin-top:-1px; display:block; content:""}


#f-info .in-opt{font-size:0;}
#f-info .in-opt:nth-child(n+2){margin-top:3px;}
#f-info .in-opt p{display:inline-block;vertical-align:top; position:Relative; font-size:13px; font-weight:400; letter-spacing:-0.02em; color:#707070;}
#f-info .in-opt p:nth-child(n+2){margin-left:15px;}
#f-info .in-opt p:nth-child(n+2):before{width:0; height:10px; position:absolute; left:-8px; top:50%; margin-top:-4px; border-left:1px solid #707070; display:block; content:""}

.f-sns{position:absolute;right:0; top:35px;}
.f-sns ul{list-style:none; margin:0; padding:0;}
.f-sns ul:after{display:block; content:"";clear:both}
.f-sns li{float:left;}
.f-sns li:nth-child(n+2){margin-left:7px;}
.f-sns li a{display:block; width:30px;height:30px;}

.f-sns li:nth-child(1) a{background:url(/images/remain/f-sns01.jpg) no-repeat center center; background-size:100% auto;}
.f-sns li:nth-child(2) a{background:url(/images/remain/f-sns02.jpg) no-repeat center center; background-size:100% auto;}
.f-sns li:nth-child(3) a{background:url(/images/remain/f-sns03.jpg) no-repeat center center; background-size:100% auto;}



.f-partner{position:absolute;right:0; bottom:0;}
.f-partner ul{list-style:none; margin:0; padding:0;}
.f-partner ul:after{display:block; content:"";clear:both}
.f-partner li{float:left;}
.f-partner li:nth-child(n+2){margin-left:10px;}
.f-partner li a{display:block;}