@charset "utf-8";
@import url('fonts.css');

/*********************************************************************************************/
/******************************* reset *******************************/

	*,*:before,*:after{-webkit-box-sizing: inherit;box-sizing:inherit;}
	html{-webkit-box-sizing:border-box;box-sizing:border-box;}
	input[type="text"],input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;}
	html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:15px;}
	body{margin:0px;padding:0px;overflow-x:hidden;min-width:320px;background:#FFFFFF;
	font-family:'OpenSans','NotoR','dotum',sans-serif;font-size:15px;font-weight:400;line-height:1.4285em;color:#575757;font-smoothing:antialiased;}
	article,aside,footer,header,nav,section{display:block;}
	h1{font-size:2em;margin:0.67em 0;}
	figcaption,figure,main{display:block;}
	figure{margin:1em 40px;}
	hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
	pre{font-family:monospace, monospace;font-size:1em;}
	abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
	b,strong{font-weight:600;}
	code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
	dfn{font-style:italic;}em{font-style:normal;}
	mark{background-color:#ff0;color:#000;}
	small{font-size:80%;}
	sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sub{bottom:-0.25em;}
	sup{top:-0.5em;}
	audio,video{display:inline-block;}
	audio:not([controls]){display:none;height:0;}
	img{border-style:none;}
	svg:not(:root){overflow:hidden;}
	caption{display:none;}
	ul,ol{list-style:none;margin:0;padding:0;border:0;vertical-align:baseline;}
	button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;}
	button,input{overflow:visible;}
	button,select{text-transform:none;}
	button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
	button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
	button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
	fieldset{padding:0.35em 0.75em 0.625em;}
	legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
	progress{display:inline-block;vertical-align:baseline;}
	textarea{overflow:auto;}
	table{border-collapse:collapse;width:100%;}
	[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
	[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
	[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
	[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
	::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
	details,menu{display:block;}
	summary{display:list-item;}
	canvas{display:inline-block;}
	template{display:none;}
	[hidden]{display:none;}
	html,body{height:100%;}
	a{-moz-transition:color 0.2s ease, border-bottom-color 0.2s ease;-webkit-transition:color 0.2s ease, border-bottom-color 0.2s ease;-ms-transition:color 0.2s ease, border-bottom-color 0.2s ease;transition:color 0.2s ease, border-bottom-color 0.2s ease;color:inherit;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;}
	a:link,a:visited{text-decoration:none;color:#555;}
	a:active,a:hover,a:focus{text-decoration:none;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}

	@media screen and (max-width:1680px){
	    html,body{font-size:11pt;}
	}
/*
	@media screen and (max-width:736px){
	    html,body{font-size:11pt;}
	}
*/
	@media screen and (max-width:520px){
	    html,body{font-size:10pt;}
	}


/******************************* 메인 - 팝업 *******************************/

	.main-popup {position: absolute; background-color: #ffffff; border: 1px solid #000;z-index:9999;}
	.main-popup .pop-top{width:100%;height:50px;display:table;background:#333;padding:0 14px;box-sizing:border-box;}
	.main-popup .pop-top h2{font-size:1.071em;color:#fff;float:left;font-weight:normal;display:table-cell;vertical-align:middle;}
	.main-popup .pop-top a{float:right;color:#fff;font-size:0.938em;line-height:50px;padding-left:14px;border-left:1px solid #888;margin-top:-1px;}
	.main-popup .pop-top a span{}
	.main-popup .pop-content{padding:0;}
	.main-popup .pop-content p{margin:0;padding:0;}
	.main-popup .pop-btm{position:relative;bottom:0;left:0;width:100%; height:40px;padding:10px 14px;box-sizing:border-box;z-index:999;background:#eee; }
	.main-popup .pop-btm .close-check {float:right; margin: 0px;}
	.main-popup .visualslide {width: 100%;height: 100%; /*position:relative;*/}
	.main-popup .visualslide .slide-list li {width:100%;height:100%;position:relative;}
	.main-popup .visualslide .slide-list li img {width:100%; height:auto; overflow: hidden;}
	.main-popup .visualslide .slide-list li .imgbg{position:relative; left:0;top:0;}

	@media screen and (max-width:736px){
	    h2{font-size:1em;}
	}




/******************************* popup_slide *******************************/ 

	.main-popup .pop-btm label{font-size:14px;}
	.main-popup .popup_slide.slick-slider{width:350px;height:auto;margin-bottom:0px;}
	.main-popup .popup_slide img{width:100%;height:auto;margin:0 auto;}

	.main-popup .popup_slide .slick-arrow{position:absolute;top:50%;margin-top:-40px;width:80px;height:80px;left:1%;transform:none;display:block;cursor:pointer;z-index:9;text-indent:-9999px;transition:0.5s;}
	.main-popup .popup_slide .slick-arrow:before{display:block;content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-left:-10px;margin-top:-15px;border:3px solid rgba(255,255,255,0.7);box-shadow:3px 3px 5px rgba(0,0,0,0.3);border-top:0;border-left:0;transform:rotate(135deg);transition:0.5s;}
	.main-popup .popup_slide .slick-arrow.slick-next{left:auto;right:1%;}
	.main-popup .popup_slide .slick-arrow.slick-next:before{transform:rotate(-45deg);margin-left:-20px;}
	.main-popup .popup_slide .slick-arrow:hover,
	.main-popup .popup_slide .slick-arrow:hover:before{border-color:rgba(255,255,255,1);}
	.main-popup .popup_slide .slick-dots{bottom:10px;}

	@media only screen and (max-width:520px){
	    .main-popup .pop-btm label{font-size:13px;}

		.main-popup .pop-top h2{font-size:15px;line-height:40px;}
		.main-popup .pop-top a{font-size:13px;padding:10px;}
		.main-popup .pop-top a span{font-size:16px;width:22px;height:22px;margin-right:5px;}

	}


	@media only screen and (max-width:480px){
		.main-popup .pop-top h2{font-size:14px;line-height:35px;}
		.main-popup .pop-top a{font-size:12px;padding:7px;}
		.main-popup .pop-top a span{font-size:14px;width:20px;height:20px;}
	    .main-popup .pop-btm label{font-size:12px;}
	}

	@media only screen and (max-width:360px){
	    .main-popup .popup_slide.slick-slider{width:320px}
	}







/******************************* popup *******************************/

	/* 소비자 회원 초대링크 생성:2023.06.27 */
	.popup.invite_popup{width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;z-index:100001;background:rgba(0,0,0,0.75);}
	.invite_popup .popup-inner{width:600px;padding:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 2px 6px rgba(0,0,0,1);border-radius:3px;background:#fff;}
	.invite_popup .popup-inner .inner-cont{position:relative;}
	.invite_popup .popup-close.big{position:absolute;top:0px;right:0px;width:50px;height:50px;line-height:50px;text-align:center;background:#3f403e;border:1px solid #3f403e;z-index:99;display:inline-block;-webkit-transform:none;transform:none;}
	.invite_popup .popup-close.big i{color:#fff;font-size:1.250em;}

	.invite_popup .invite_wrap{position:relative;width:100%;margin:0 auto;border:1px solid #d6d7d5;}
	.invite_wrap .title_area{width:100%;margin-top:50px;display:inline-block;text-align:center;padding:0;}
	.invite_wrap .title_area .title{font-size:2.2em;color:#000;letter-spacing:-1px;text-transform:uppercase;font-weight:600;line-height:1.3;word-break:keep-all;}
	.invite_wrap .title_area p{margin:20px 0 0 0;font-size:1rem;color:#d9252e;display:block;padding:0;word-break:keep-all;}
	.invite_wrap .invite_text{padding:0 20px;text-align:left;color:#555;line-height:1.5;word-break:keep-all;}
	.invite_wrap .t-color-box{margin:10px auto 20px auto;font-size:1.250em;width:100%;padding:1em;text-align:center;color:#fff;background:#0687c6;border-radius:0px;}
	.invite_wrap .url_con{padding:5px 15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.invite_wrap .url_con .obj:nth-child(1){flex:0 0 35%;-ms-flex:0 0 35%;max-width:35%;width:35%;}
	.invite_wrap .url_con .obj:nth-child(2){flex:0 0 65%;-ms-flex:0 0 65%;max-width:65%;width:65%;}
	.invite_wrap .url_con .url_input{}
	.invite_wrap .url_con .url_input input.input-box{width:100%;height:40px;line-height:40px;color:#555;border:1px solid #dedede;cursor:default;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:baseline;font-size:0.938rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;border-radius:3px;padding:0 0 0 8px;outline:none;-o-text-overflow:clip;text-overflow:clip;}
	.invite_wrap .url_con.last{margin-bottom:30px;}
	.invite_wrap .invite_button{margin:0 5px 0 0;}
	.invite_wrap .invite_button button{display:block;height:40px;width:100%;border-radius:3px;letter-spacing:-1px;text-align:center;cursor:pointer;}

	@media screen and (max-width:991px){
		.invite_popup .popup-inner{width:550px;padding:30px;height:auto;}
		.invite_popup .popup-close.big{width:40px;height:40px;line-height:40px;}
		.invite_popup .popup-close.big i{font-size:1.063em;}

		.invite_wrap .title_area{margin-top:40px;}
		.invite_wrap .title_area .title{font-size:2em;}
		.invite_wrap .title_area p{margin:10px 0 0 0;}
		.invite_wrap .invite_text{padding:0 15px;line-height:1.4;}
		.invite_wrap .t-color-box{margin:10px auto;font-size:1.063em;padding:15px;}
	}

	@media screen and (max-width:640px){
		.invite_popup .popup-inner{width:400px;padding:20px;}
		.invite_wrap .t-color-box{padding:10px;}
		.invite_wrap .url_con{padding:5px 10px;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
		.invite_wrap .url_con .obj:nth-child(1),
		.invite_wrap .url_con .obj:nth-child(2){flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;width:100%;}
		.invite_wrap .url_con.last{margin-bottom:20px;}
		.invite_wrap .invite_button{margin:0 0 5px 0;}

	}

	@media screen and (max-width:520px){
		
	}
	@media screen and (max-width:480px){
		.invite_popup .popup-inner{width:360px;padding:15px;}
		
	}