@charset "utf-8";

.main_cont1
{
	border			: 1px solid #e3e4e8;
	background		: #fff;
	padding			: 0 20px;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	color			: #222222;
	font-size		: 15px;
}





#dizhi
{
	background		: url('../img/main/dizhi.png') top left no-repeat;
	width			: 420px;
	height			: 320px;
}

#dizhi li
{
	border-left		: 1px solid #dddddd;
}

#dizhi li:first-child
{
	border-left		: 0px;
}

#dizhi a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	color			: #191919;
	font-size		: 14px;
	padding			: 0 23px;
	height			: 36px;
	line-height		: 36px;
	background		: #fff;
	text-align		: center;
	display			: inline-block;
}

#dizhi li.cur a,
#dizhi li a:hover
{
	color			: #fff;
	background		: #c90e10;
}

#dizhi span
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #fff;
	font-size		: 15px;
	display			: inline-block;
	width			: 75px;
	float			: left;
	line-height		: 30px;
}

#dizhi p
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 300;
	color			: #fff;
	font-size		: 15px;
	display			: inline-block;
	width			: 303px;
	float			: left;
	line-height		: 30px;
	opacity			: 0.9;
}



.m_img
{
	float			: left;
	width			: 220px;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #555555;
	font-size		: 14px;
	line-height		: 150%;
	margin			: 0 0 40px 20px;
}

.m_img:nth-child(5n+1)
{
	margin-left		: 0px;
}


.m_img strong
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #222222;
	font-size		: 20px;
	line-height		: 150%;
}

.m_img3
{
	float			: left;
	width			: 220px;
	line-height		: 150%;
	margin			: 0 0 40px 20px;
}
.m_img3:nth-child(4n+1)
{
	margin-right		: 0px;
}

.m_img2
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #555555;
	font-size		: 14px;
	line-height		: 150%;
	padding         : 10px;
	border          : 1px solid #e5e5e5;
	border-bottom   : none;
}


.m_img2 .txt1
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #8a8a8a;
	font-size		: 14px;
	line-height		: 150%;
}


.txt1 a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #555555;
	font-size		: 14px;
	line-height		: 150%;
}
.m_img2 .top 
{
	position        : absolute;
	margin          : 10px;
	width           : 180px;
}
.m_img2 .chex
{
	margin-top      :  -4px;
}

.m_img2 .kb

{
	font-size		: 12px;
	background		: #000000;
	border-radius   : 20px;
	color			: #fff;
	padding         : 2px 12px;
	font-weight     : 400;

}


.m_img3 .button1
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #0269c0;
	font-size		: 14px;
	line-height		: 150%;
	border          : 1px solid #e5e5e5;
	background		: #FFF;
	width           : 110px;
}

.m_img3 .button2
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #181818;
	font-size		: 14px;
	line-height		: 150%;
	border          : 1px solid #e5e5e5;
	background		: #FFF;
	width           : 110px;
	border-left     : none;
}


.m_img3 .button3
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #0269c0;
	font-size		: 14px;
	line-height		: 150%;
	border          : 1px solid #e5e5e5;
	background		: #FFF;
	width           : 70px;
	border-radius: 0px;
}

.m_img4
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #8a8a8a;
	font-size		: 14px;
	line-height		: 140%;
	padding         : 10px 5px;
	border          : 1px solid #e5e5e5;
}


.m_img4 .top 
{
	position        : absolute;
}
.m_img4 .chex
{
	margin          :  -11px -2px;
}

.m_img5
{
	float			: left;
	width			: 465px;
	line-height		: 150%;
	margin			: 0 0 10px 15px;
}
.m_img5:nth-child(2n+1)
{
	margin-right		: 0px;
}







.sub01_1688
{
	position		: relative;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #555555;
	font-size		: 14px;
	overflow 		: hidden;
}


.sub01_1688 strong
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #c90e10;
	font-size		: 22px;
	line-height		: 150%;
}

.sub01_1688:hover .tit01
{
	color			: #ff3300;
}

.sub01_1688_brd1 li
{
	
	font-size		: 12px;
	font-weight		: 400;
	line-height		: 28px;
	padding-left: 10px;
	padding-right: 10px;

}

.sub01_1688_brd01 li
{
	
	height			: 38px;
	font-size		: 12px;
	font-weight		: 400;
	width			: 108.5px;
	line-height		: 36px;
	text-align		: center;
	border			: 1px solid #dcdcdc;
}

.sub01_1688_brd01 li:first-child
{
	border-right		: none;

}

.sub01_1688_brd3
{
	position		: absolute;
	top				: 180px;
	

}
.sub01_1688_brd3 li
{
	border			: 1px solid #dcdcdc;
	height			: 38px;
	font-size		: 12px;
	font-weight		: 400;
	width			: 99px;
	line-height		: 36px;
	padding-left: 10px;

}
.sub01_1688_brd3 li:first-child
{
	border-right	: none;
	width			: 98px;
}

.sub01_1688_brd2{position: absolute;}
.sub01_1688_brd2 li
{
	border			: 1px solid #dcdcdc;
	height			: 38px;
	font-size		: 14px;
	font-weight		: 500;
	width			: 99px;
	line-height		: 36px;
	padding-left: 10px;

}

.sub01_1688_brd1 li:first-child
{
	background: url('../img/1688/line1.png') right center no-repeat;
	
	padding-left: 0px;
}
@keyframes txtToLeft { 100% {left:-20px; opacity:0;}  0% {left:0px; opacity:1;} }

.sub01_1688_bu1
{
	position		: absolute;
}
.sub01_1688:hover .sub01_1688_bu1{animation:txtToLeft 0.5s 0s forwards; }

/*오버추가시작*/

@keyframes txtToWidth { 100% {width:130px; }  0% {width:0px; } }
@keyframes txtOpacity { 100% {opacity:1;}  0% {opacity:0; } }
.sub01_1688_bu2:hover {animation:txtToWidth 0.2s 0s forwards; }
.sub01_1688_bu2:hover span {display				: inline-block; animation:txtOpacity 0.5s 0.2s backwards; }
.sub01_1688:hover .sub01_1688_bu2
{
	display				: inline-block;
}


.sub01_1688_bu2
{
	position		: absolute;
	overflow : hidden;
	z-index			: 1;
	left			: 10px;
	top				: 10px;
	background		: #ba0219;
	height			: 30px;
	min-width			: 21px;
	padding-left		: 9px;
	/*text-align		: center;*/
	border-radius		: 50px;
	display				: none;
}
.sub01_1688_bu2 span
{
	font-family			:	'Noto Sans CJK KR', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	13px;
	color				:	#fff;
	display				: none;
	line-height			: 30px;
}
.sub01_1688_bu2 img
{
	padding-top: 9px;
}
/* //오버추가시작*/
.sub01_1688 .sub01_1688_ov
{
	display			: none;
}

.sub01_1688:hover .sub01_1688_ov
{
	position		: absolute;
	width			: 216px;
	height			: 216px;
	border			: 2px solid #ff6000;
	text-align		: center;
	display			: inline;
}

.sub01_1688_btn1
{
	position		: absolute;
	bottom			: 0px;
	display			: none;
}

.sub01_1688:hover .sub01_1688_btn1
{
	display			: inline;
}


.sub01_1688_btn2
{
	position		: absolute;
	left			: -2px;
	z-index			: 1;
	top				: 178px;
	display			: none;
}

.sub01_1688:hover .sub01_1688_btn2
{
	display			: inline;
}

.btn1_1688
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 14px;
	color			: #fff;
	font-weight		: 500;
	line-height		: 40px;
	height			: 40px;
	width			: 110px;
	background		: #ff6000;
	border			: 0px;
}

.btn2_1688
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 14px;
	color			: #2c2c2c;
	font-weight		: 500;
	line-height		: 40px;
	height			: 40px;
	width			: 110px;
	background		: #dcdcdc;
	border			: 0px;
}

.btn3_1688
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 11px;
	color			: #fff;
	font-weight		: 400;
	line-height		: 18px;
	height			: 20px;
	width			: 60px;
	background		: #ff6000;
	border-radius	: 5px;
	border			: 1px solid #ff6000;
}















.logo_div1
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	color			: #fff;
	font-size		: 15px;
	background		: #138a52;
	padding			: 0px 3px;
	display			: inline-block;
}



.s_img
{
	float			: left;
	width			: 358px;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #555555;
	font-size		: 14px;
	line-height		: 150%;
	margin			: 0 0 40px 50px;
	border			: 1px solid #dddddd;
	border-radius	: 5px;
}

.s_img img
{
	border-radius	: 5px 5px 0 0;
}






.s_img2
{
	float			: left;
	position		: relative;
	width			: 538px;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	color			: #555555;
	font-size		: 14px;
	border			: 1px solid #dddddd;
	margin			: 0 0 40px 20px;
	padding			: 20px;
}

.s_img2:nth-child(2n+1)
{
	margin-left		: 0px;
}


.pos
{
	position		: absolute;
	left			: 8px;
	top				: 8px;
	width			: 52px;
	height			: 58px;
	background		: url("../img/cate/icon5.png") left top no-repeat;
	text-align		: center;
}


.pos2
{
	position		: absolute;
	left			: -22px;
	top				: -22px;
	width			: 80px;
	height			: 90px;
	background		: url("../img/cate/icon7.png") left top no-repeat;
	text-align		: center;
}




























#pop_img
{
	padding			: 0 20px;
}


#pop_img .col-lg-2
{
	padding			: 0 10px;
}

.pop_img .pop_exit
{
	position		: absolute;
	right			: 0px;
	top				: 7px;
	padding			: 10px;
	height			: 30px;
}

.pop_img
{
	position		: relative;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #555555;
	font-size		: 14px;
	line-height		: 150%;
	margin			: 0 0 40px 20px;
}

.pop_img .brd1
{
	border			: 1px solid #c9c9c9;
	border-bottom	: none;
	padding			: 12px 10px 12px 10px;
}

.pop_img:nth-child(4n+1)
{
	margin-left		: 0px;
}


.pop_img strong
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	color			: #222222;
	font-size		: 20px;
	line-height		: 150%;
}







/*

.main_cont2
{
	border			: 2px solid #c90e10;
	background		: #fff;
}

.main_cont2_tit
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 22px;
	color			: #fff;
	width			: 170px;
	height			: 126px;
	line-height		: 30px;
	display			: inline-block;
	float			: left;
	padding			: 50px 0 0 28px;
	background		: url('../img/main/icon3.png') 30px 30px no-repeat#c90e10;
}

.main_cont2 a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 15px;
	color			: #555555;
	line-height		: 150%;
	text-align		: center;
	display			: block;
	padding-top		: 5px;
}

.main_cont2 ul li
{
	padding			: 14px 0 0 20px;
}



.main_cont3 .div1
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 15px;
	color			: #24242c;
	width			: 140px;
	height			: 140px;
	text-align		: center;
	display			: inline-block;
	border-radius	: 100px;
	background-color: rgba(250,250,250, 0.8);
}




*/



.impo2_btn
{
	position		: relative;
	border			: 1px solid #dfdfdf;
	width			: 268px;
	height			: 50px;
	float			: left;
	background		: #fff;
	margin			: 0 20px 10px 0;

}

.impo2_btn a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	font-size		: 15px;
	color			: #555555;
	line-height		: 50px;
	padding-left	: 8px;
	display			: block;
}

.impo_exit
{
	position		: absolute;
	right			: 0px;
	top				: 0px;
	width			: 30px;
	height			: 30px;
}





















.pup_haiwai_tit1
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 24px;
	color			: #222222;
}

.pup_haiwai_tit1 strong
{
	font-weight		: 700;
}

.pup_haiwai_tit1 span
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 20px;
	line-height		: 32px;
	color			: #fff;
	display			: inline-block;
	border-radius	: 100px;
	background		: #ff0036;
	width			: 34px;
	height			: 34px;
	margin-right	: 10px;
	text-align		: center;
	font-style		: oblique;
	position		: relative;
	top				: -2px;
}



/*

.cent3_3_tbl
{
	position		: relative;
	width			: 268px;
	height			: 338px;
	border			: 6px solid #e7e7e8;
}


.cent3_3_tbl_btn
{
	position		: absolute;
	bottom			: 20px;
	right			: 20px;

}

*/

















/* 파업 */

.pop_images
{
	position		: fixed;
	z-index			: 100;
	top				: 0px;
	left			: 0px;
	width			: 100%;
	height			: 100%;
	display			: none;
}

.pop_images .pop_exit
{
	position		: absolute;
	top				: -60px;
	right			: 0px;

}

.pop_images .containes
{
	position		: relative;
	width			: 1010px;
	margin			: 0 auto;
	z-index			: 1;
	background		: #fff;
	padding			: 30px;

}

.pop_images .quan_bg
{
	position		: absolute;
	z-index			: -1;
	width			: 100%;
	height			: 100%;
	top				: 0px; 
	left			: 0px;
	background		: rgba(0,0,0, 0.8); 
}

.pop_tab1
{
	display			: inline-block;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #5d5d5d;
	font-weight		: 400;
    text-align		: center;
    line-height		: 39px;
    height			: 39px;
    width			: 120px;
    background		: #fff;
    border			: 1px solid #555555;
    border-bottom	: none;
}

.pop_tab1_cur
{
	color			: #fff;
    background		: #666666;
}



.pop_color_btn1
{
	border			: 1px solid #dfdfdf;
	border-radius	: 4px;
	margin-bottom	: 4px;
	width			: 36px;
	height			: 36px;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 12px;
	color			: #555555;
	line-height		: 36px;
	text-align		: center;
	display			: inline-block;
}

.pop_color_btn1 img
{
	border-radius	: 4px;
}


.pop_color_btn1_cur
{
	border			: 1px solid red;
	border-radius	: 4px;
}









.scroll_bar
{
	overflow-y		: scroll;
	height			: 600px;
	margin			: -30px;
	padding			: 30px;
}

.scroll_bar .div_w
{
	width			: 1010px;
}


.cent_bg1
{
	background		: url('../img/cent/img_bg.jpg') top left no-repeat;
	width			: 1180px;
	height			: 1000px;
}


.c_txt1
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 32px;
	color			: #222;
}

.c_txt2
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 20px;
	color			: #222;
}

.c_txt3
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 15px;
	color			: #555;
	line-height     : 24px;
}

.c_txt4
{
	font-family		: 'Gmarket Sans TTF', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 600;
	font-size		: 20px;
	color			: #fff;
	line-height     : 24px;
	position        : absolute;

}



.c_wid
{
	width			: 300px;
	height			: 230px;
	border          : 1px solid #c90e10;
	border-radius   : 10px;
	background		: url('../img/cent/ic7.png')#fff top left no-repeat;
}



.c_wid2
{
	margin          : 40px 0  0 60px;
}




#list1_p2_text span
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	color			: #555555;
	font-size		: 15px;
	display			: inline-block;
	width			: 45%;
	float			: left;
	line-height		: 35px;
	padding-left	: 10px;
}

#list1_p2_text font
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 500;
	color			: #555555;
	font-size		: 15px;
	text-align		: right;
	display			: inline-block;
	width			: 48%;
	float			: right;
	line-height		: 35px;
	padding-right	: 10px;
}





.cha_bg1
{
	background			: #212031;
	height				: 100px;
}

.cha_bg2
{
	background			: #f3f3f3;
	font-size			: 15px;
	color				: #282828;
	padding				: 0 40px;
}
.cha_bg3
{
	font-size			: 15px;
	color				: #282828;
	margin				: 40px 0;
    background: url('../img/cha_img/line2.png') 10px repeat-y;
}

.cha_text4
{
	font-family			: 'Gmarket Sans', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 30px;
	color				: #6dc2da;
	line-height			: 100px;
	padding-left		: 50px;
}


.cha_text5
{
	font-family			: 'Gmarket Sans', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 20px;
	color				: #212031;
}

.cha_text6
{
	font-family			: 'Gmarket Sans', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 18px;
	color				: #fff;
	background			: #212031;
	border-radius		: 20px 20px 0px 0px;
	height				: 60px;
	line-height			: 60px;
}

.cha_text7
{
	font-family			: 'Noto Sans CJK SC', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 16px;
	color				: #9f9f9f;
}

.cha_text8
{
	font-family			: 'Noto Sans CJK SC', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 15px;
	color				: #9f9f9f;
}


.cha_table_01
{
	border-top		:	2px solid #212031;
	border-bottom	:	1px solid #212031;
}


.cha_table_01 tbody td
{
	font-family		:	'Noto Sans CJK SC', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			:	16px;
	color				:	#282828;
	padding			:	15px 0;
}


.cha_text9
{
	font-family			: 'Noto Sans CJK SC', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 18px;
	color				: #000;
}

.cha_text10
{
	font-family			: 'Noto Sans CJK SC', '맑은 고딕', 'AppleGothic', 'Sans-serif';
	font-size			: 15px;
	color				: #616161;
	line-height			: 24px;
}








.coupon
{
	border				: 1px solid #dddddd;
	background			: #fff;
}





















.sub3_p_s1
{
	background			: #fff2cc;
	display				: inline-block;
	width				: 100%;
	height				: 32px;
	line-height			: 30px;
	position			: relative;
	z-index				: 1;
}

.sub3_p_s1_ip
{
    font-family     	: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
    font-size           :   14px;
    color               :   #666666;
    text-align			: center;
    background-color	:transparent;
    border				: 1px solid #fff2cc;
    line-height			: 30px;
    width				: 100%;
	position			: relative;
	z-index				: 1;
	top					: -1px;
	left				: -1px;


}

.sub3_p_click_on
{
    border				: 1px solid #666;
    background			: #fff;

}


.exit_btn
{
	position			: absolute;
	z-index				: 2;
	top					: 2px;
	right				:1px;
	height				: 20px; 
	padding-top			:5px;
	background			: #fff;
	display				:none;
}














.my_p_s1
{
	background			: #fff2cc;
	height				: 50px;
	line-height			: 50px;
    border				: 1px solid #fff2cc;
	position			: relative;
}




.my_p_s1_ip
{
    font-family     	: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
    font-size           :   14px;
    color               :   #666666;
    text-align			: center;
    background-color	:transparent;
    border				: 0px solid #dbeef4;
    line-height			: 30px;
    height				: 100%;
    vertical-align		: top;
    width				: 100%;

}

.my_p_click_on
{
    border				: 1px solid #666;
    background			: #fff;

}



.my_exit_btn
{
	position			: absolute;
	right				:0px;
	height				: 100%; 
	width				: 25px;
	background			: url('../img/my/exit.jpg') center no-repeat#fff;
	display				:none;

}


.my_p_click_setfc
{
	position			: absolute;
	display				: block;
	height				: 100%;
	width				: 100%
}













.cust_a1
{
    font-family     	: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
    font-size           : 15px;
    color               : #8e8e8e;
    line-height			: 25px;

}

.cust_a1 li
{
    height				: 25px;
    clear				: both;

}

.cust_a1 a
{
    color               : #666666;
	float				: left;

}

.cust_a1 font
{
    color               : #ed7d31;

}

.cust_a1 span
{
	float				: right;

}




#meeting_tabs a
{
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 24px;
	color			: #222222;
	line-height		: 20px;
	background		: url('../img/temp/line2.png') left center no-repeat;
	padding			: 0 10px 0 15px;
}

#meeting_tabs a.tab_on
{
	color			: #c90e10;
}



#meeting_tabs a:first-child
{
	background			: none;
	padding-left		: 0;

}




.temp_txt1
{
	font-family		: 'NanumGothic', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 24px;
	color			: #121111;
	line-height		: 20px;
	border-bottom   : 3px solid #ba0219;
	display         : inline-block;
	padding         : 0 10px 15px 0;
}

.temp_txt2
{
	font-family		: 'NanumGothic', '노토산스', 'applegothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 22px;
	color			: #121111;
	line-height		: 35px;
	text-align      : center;
}



.tab01 li 
{
	font-weight		: 400;
    text-align		: center;
    line-height		: 48px;
    height			: 48px;
}


.tab01 a
{
    display			: block;
	color			: #515151;
    background		: #f5f5f5;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 16px;
    border-radius	: 5px 5px 0 0;
}

.tab01_cur a
{
	background		: url('../img/sub/ic13.png') left top no-repeat#fff;
    border			: 1px solid #515151;
    line-height		: 52px;
    height			: 52px;
    display			: block;
    border-bottom	: none;
    border-radius	: 5px 5px 0 0;
	color			: #c90e10;
	margin-top		: -5px;
}

.tab02 li 
{
	font-weight		: 400;
    text-align		: center;
    line-height		: 45px;
    height			: 45px;
}


.tab02 a
{
    display			: block;
	color			: #515151;
    background		: #f5f5f5;
	font-family		: 'Noto Sans KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 16px;
}

.tab02_cur a
{
	background		: url('../img/sub/ic13.png') left top no-repeat#fff;
    border			: 1px solid #515151;
    line-height		: 44px;
    height			: 44px;
    display			: block;
	color			: #515151;
}





.index_btn_tab
{
	height				:	48px;
	border   		    :   1px solid #dddddd;
}
.index_btn_tab li
{
	display				:   inline-block;
	line-height			:	48px;
	text-align			:   center;
	width               :   20% ;
	font-family			:	'Noto Sans CJK KR', '毵戩潃 瓿犽敃', 'AppleGothic', 'Sans-serif';
	font-size			:	16px;
	background          :   #fff;

}
.index_btn_tab li a
{
	display				:block;
	line-height			:	48px;
	background          :   #fff;
	color				:	#111111;

}

.index_btn_tab  .tab_on
{
	background          :   #c90e10;

}

.index_btn_tab  .tab_on a
{
	color				:	#fff;
	background          :   #c90e10;

}


.list01_img01
{
	width			: 280px;
	font-weight		: normal;
	font-size		: 14px;
	color			: #555;
	line-height		: 20px;
}

.list01_img01 a
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222;
	overflow		: hidden;
	word-break		: keep-all;
	display			: inline-block;
	font-weight		: 500;
}


.list01_img02
{
	width			: 258px;
	padding			: 10px 10px 20px 10px;
	font-weight		: normal;
	font-size		: 14px;
	color			: #555;
	background		: #fff;
	line-height		: 20px;
}

.list01_img02 a
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222;
	overflow		: hidden;
	word-break		: keep-all;
	display			: inline-block;
	font-weight		: 500;
}

.list01_img03
{
	width			: 220px;
	font-weight		: normal;
	font-size		: 14px;
	color			: #555;
	line-height		: 20px;
}

.list01_img03 a
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 15px;
	color			: #222;
	overflow		: hidden;
	word-break		: keep-all;
	display			: inline-block;
	font-weight		: 500;
}
.box
{	
	border			: 1px solid #dadada;
}

.text_bg1
{
	font-family		: 'Noto Sans CJK KR', 'Noto SanS hk', '노토산스', 'applegothic', 'Sans-serif';
	font-size		: 16px;
	color			: #fff;
	display			: inline-block;
	font-weight		: 700;
	background		: url('../img/1688/bu20.png') top left no-repeat;
	position		: absolute;
	width			: 32px;
	height			: 35px;
	line-height		: 35px;
	text-align		: center;
	left: 5px;
	top: 5px;
}



/* video */

.main
{
	position			: relative;
	/*overflow			: hidden; */
}

.sub
{
	position			: relative;
	/*overflow			: hidden; */
}


.transparent
{
	display: none;
}



.main_bg1
{
	position			: relative;
	z-index				: 2;
	width				: 100%;
	height				: 100%;
	top					: 0px;
}

.main_bg2
{
	position			: absolute;
	width				: 100%;
	top					: 0px;
}
.visibility
{
	visibility : hidden;
}

.move .visibility
{
	visibility : visible;
}






.sub10_img10
{
	background			: #fff;
	border-radius		: 8px;
	width				: 220px;
	height				: 170px;
	text-align			: center;
	box-shadow			: 0px 1.2px 3.6px rgb(0 0 0 / 10%), 0px 2px 14.4px rgb(0 0 0 / 13%);
}


.sub40_img10
{
	background			: #fff;
	border-radius		: 8px;
	overflow 			: hidden;
	box-shadow			: 0px 1.2px 3.6px rgb(0 0 0 / 10%), 0px 2px 14.4px rgb(0 0 0 / 13%);
}









@keyframes txtToRight { 0% {margin-left:-15px;opacity:0;}  100% {margin-left:0px; opacity:1;} }
@keyframes txtToLeft { 0% {padding-left:15px;opacity:0;}  100% {padding-left:0px; opacity:1;} }
@keyframes txtToTop { 0% {padding-top:15px;opacity:0;}  100% {padding-top:0px; opacity:1;} }
@keyframes txtToBottom { 0% {margin-top:-30px;opacity:0;}  100% {margin-top:0px; opacity:1;} }

@keyframes txtOpacity { 0% {opacity:0;}  100% {opacity:1;} }


@keyframes txtScaleL { 0% {transform: scale(0,1); opacity:0; margin-left: -90px;}  100% {transform: scale(1,1); opacity:1; left: 0px;} }
@keyframes txtScale { 0% {transform: scale(0,0); opacity:0;}  100% {transform: scale(1,1); opacity:1;} }








.demo1,
.demo2,
.demo3
{
	position			: relative;/*sticky;relative*/
	top					: 0px;
}









/* main */
.move .main1_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .main1_tit1 {animation:txtToTop 1s 0.3s backwards;}
.move .main1_text1 {animation:txtToTop 1s 1s backwards;}
.move .main1_ic1 {animation:txtToTop 1s 1.5s backwards;}
.move .main1_btn1 .button1:nth-child(1) {animation:txtOpacity 0.8s 1.5s backwards;}
.move .main1_btn1 .button1:nth-child(2) {animation:txtOpacity 0.8s 1.8s backwards;}
.move .main1_btn1 .button1:nth-child(3) {animation:txtOpacity 0.8s 2.1s backwards;}









/* 플랫폼 소개 */
.move .sub1_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub1_text1 {animation:txtToLeft 1s 0.3s backwards;}
.move .sub1_text2 {animation:txtToLeft 1s 0.8s backwards;}
.move .sub1_text3 {animation:txtOpacity 1s 1s backwards;}
.move .sub1_text3_line1 {animation:txtScaleL 0.5s 1.2s backwards;}
.move .sub1_text3_img1 {animation:txtOpacity 1.8s 1.5s backwards;}
.move .sub1_tit1 {animation:txtScale 0.5s 2s backwards;}



.move .sub10_image1 li:nth-child(1){animation:txtScale 0.7s 2.2s backwards;}
.move .sub10_image1 li:nth-child(2){animation:txtScale 0.7s 2.3s backwards;}
.move .sub10_image1 li:nth-child(3){animation:txtScale 0.7s 2.4s backwards;}

.sub10_image1 li{ width: 33.33%;background-color: rgba(255, 255, 255, 0); }
.sub10_image1 li img { box-shadow: 0 0 20px rgba(0,0,0,0.15); background-color: rgba(255, 255, 255, 0); border-radius: 10px; }








/* 주요특징 */
.move .sub2_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub2_text1 {animation:txtToTop 1s 0.3s backwards;}
.move .sub2_tit1 {animation:txtToTop 1s 0.8s backwards;}


.move .sub20_image1 {animation:txtScale 0.7s 1s backwards;}
.move .sub20_image2 {animation:txtOpacity 1.3s 1.4s backwards;}
.move .sub20_image3 {animation:txtToTop 1s 1.6s backwards;}
.move .sub20_image4 {animation:txtToTop 1s 1.9s backwards;}
.move .sub20_image5 {animation:txtToTop 1s 2.1s backwards;}
.move .sub20_image6 {animation:txtToTop 1s 2.4s backwards;}













/* 진행과정 */
.move .sub3_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub3_text1 {animation:txtToTop 1s 0.3s backwards;}
.move .sub3_tit1 {animation:txtToTop 1s 0.8s backwards;}


.move .sub30_image1 {animation:txtScale 1s 1.2s backwards;}
.move .sub30_image2 {animation:txtScale 0.5s 1.6s backwards;}
.move .sub30_image3 {animation:txtScale 1s 1.8s backwards;}
.move .sub30_image4 {animation:txtToRight 1s 2s backwards;}
.move .sub30_image5 {animation:txtScale 0.7s 2.2s backwards;}
.move .sub30_image6 {animation:txtScale 1s 2.3s backwards;}

.sub30 img{box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 10px;}










/* 통관방식 */
.move .sub4_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub4_text1 {animation:txtToTop 1s 0.3s backwards;}
.move .sub4_tit1 {animation:txtToTop 1s 0.8s backwards;}
.move .sub4_tit1_line1 {animation:txtScaleL 0.5s 1.0s backwards;}


.move .sub40_image10 {animation:txtOpacity 1s 1.2s backwards;}
.move .sub40_image1 {animation:txtToBottom 0.5s 1.4s backwards;}
.move .sub40_text1 {animation:txtOpacity 1.2s 1.6s backwards;}
.move .sub40_text2 {animation:txtOpacity 1.2s 1.8s backwards;}

.move .sub40_tit1 {animation:txtScale 0.5s 2s backwards;}
.move .sub40_image2 {animation:txtOpacity 1s 2.4s backwards;}
.move .sub40_tit2 {animation:txtScale 0.5s 2.7s backwards;}
.move .sub40_image3 {animation:txtOpacity 1s 3s backwards;}







/* 홍보자료 */
.move .sub5_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub5_tit1 {animation:txtToTop 1s 0.8s backwards;}
.move .sub5_tit1_line1 {animation:txtScaleL 0.5s 1.0s backwards;}
.move .sub5_text1 {animation:txtToTop 1s 1.3s backwards;}

.move .sub50_image1 {animation:txtOpacity 0.5s 1.0s backwards;}
.move .sub50_btn1 {animation:txtToTop 1s 2s backwards;}











/* 입점문의 */
.move .sub6_bg1 {animation:txtOpacity 2s 0s backwards;}
.move .sub6_tit1 {animation:txtToTop 1s 0.3s backwards;}

.move .sub60_image10 {animation:txtOpacity 0.8s 1s backwards;}
.move .sub60_image11 {animation:txtToLeft 0.8s 1.2s backwards;}
.move .sub60_image12 {animation:txtToLeft 0.8s 1.4s backwards;}

.move .sub60_image20 {animation:txtOpacity 0.8s 1.3s backwards;}
.move .sub60_image21 {animation:txtToLeft 0.8s 1.5s backwards;}
.move .sub60_image22 {animation:txtToLeft 0.8s 1.7s backwards;}



.move .sub60_image30 {animation:txtOpacity 0.8s 1.8s backwards;}
.move .sub60_image31 {animation:txtToTop 1s 2s backwards;}
.move .sub60_image32 {animation:txtOpacity 0.8s 2.5s backwards;}
.move .sub60_btn1 {animation:txtOpacity 0.8s 2.8s backwards;}
















/* bottom */
.move .footer_img1 {animation:txtToLeft 1s 0s backwards;}
.move .footer_text1 {animation:txtOpacity 0.8s 0.5s backwards;}
.move .footer_text2 {animation:txtOpacity 1s 0.8s backwards;}

.move .footer_text4 {animation:txtOpacity 0.8s 1.0s backwards;}
.move .footer_text5 {animation:txtOpacity 1s 1.3s backwards;}

.move .footer_text6 {animation:txtOpacity 0.8s 1.5s backwards;}
.move .footer_text7 {animation:txtOpacity 1s 1.8s backwards;}

.move .footer_img1 {animation:txtOpacity 0.8s 2s backwards;}
.move .footer_text3 {animation:txtOpacity 1s 2.4s backwards;}