@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');





*{font-family:Pretendard,'Noto Sans cjk KR',sans-serif;
    letter-spacing: 0px;}

body {
	    padding: 0 0 0 0;
        overflow-x: hidden;
        background-image: url("https://cdn1-originals.webdamdb.com/12212_149836578?cache=1685079837&response-content-disposition=inline;filename=nightmode_bg2.jpg&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cCo6Ly9jZG4xLW9yaWdpbmFscy53ZWJkYW1kYi5jb20vMTIyMTJfMTQ5ODM2NTc4P2NhY2hlPTE2ODUwNzk4MzcmcmVzcG9uc2UtY29udGVudC1kaXNwb3NpdGlvbj1pbmxpbmU7ZmlsZW5hbWU9bmlnaHRtb2RlX2JnMi5qcGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIxNDc0MTQ0MDB9fX1dfQ__&Signature=Q5W1zmleXATSLn2s-rQMrvwNvlyfgopIWAJk7v3JB3621-3zkJeq5-7QW7zHDxzLIhOdMofDzDkN4TmYspYnnypEyNFyz~Jx9KCEkJ3YzYivslOws6wawobab9yJaWTs3B2C6pRb53n0Xd4KeTvX2pnCSUPdcqI~wh20x2U~rK-bq4BWw074YNC8OCohXCS3sHTv33GwwHrOT2uInn2KiiJdvbTJOPtPNTKOOtV0Vbq6Tkjl3voIRAQN~JEVUFdlgHGIFTUOY6Qt9g6bEPVN1xVaHvqtvrZ4uk9pfqt67XW65UBHL77XzJDcRudHzDpTEI6xo7G~E~kVHSMechGFqg__&Key-Pair-Id=APKAI2ASI2IOLRFF2RHA");
        background-size: cover;
        background-attachment:fixed;
	}

	ul,
	li {
	    padding: 0;
	    margin: 0;
	    list-style-type: none;
	}

	h4 {
	    font-weight: bold;
	    font-size: 24px;
	    letter-spacing: -.5px;
	}

	h5 {
	    font-weight: bold;
	    font-size: 20px;
	}
	p {font-size: 16px;}

	main {
	    background-color: #0c1810;
	}

	.homepage-hero{
		padding-top: 74px;
	}
	.visual_txt h1 { 
		white-space:pre-line;
	}
	.visual_txt p { 
		white-space:pre-line;
	}
	img{
		width: 450px;
	}
	.visual_img_text_pc{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding-bottom: 120px;
	}
	.pc__type{
		text-align: center;
	}
	.more_btn {
        	color: #000;
	        border: none;
	        width: 200px;
	        height: 54px;
	        cursor: pointer;
	        background-color: #fff;
	        border-radius: 100px;
	        font-weight: bold;
	        font-size: 18px;
			margin-top: 32px;
	}

    .visual-spec{
        padding: 100px 100px;
        color: #fff;
        /* background-color: #0c1810; */
        background-color: rgba(0, 0, 0, 0.6);
    }
	.specsTitle{
		font-size: 28px;
		margin-bottom: 16px;
	}
	.visual-spec-container{
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.container-fluid{
		max-width: 880px;
		margin: 0 auto;
	}

	tr, th, td{
        border: 1px solid #999;
		font-size: 14px;
		white-space: nowrap;
    }
	.table th, .table td{
		text-align: center;
		
    }

	.visual_spec_img{
		width: 100%;
		text-align: center;
		margin: 46px 0;
	}
	.visual_spec_img img{
		width: 400px;
		
	}

	.gift-container{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 76px 0;
	}
	
	.gift-container .gift-img{
		display: flex;
		flex-direction: row;
		padding-bottom: 40px;
	}
	.select_prod{
		margin-bottom: 100px;
	}
	.select_prod img{
		background-color: #162019;
	}
	.prod-con .pc__type{
		padding-right: 100px;
	}
	.prod-con p{
		white-space: pre-line;
	}
	.select_prod{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.select_prod_btn{
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.product_title{
		margin: 12px;
		font-size: 14px;
	}



	@media (min-width:1024px) {
		.mobile__type{display:none}
		.pc__type{display: block;}


	    .homepage-hero .visual_pc {
	        text-align: center;
	        width: 100%;
	        position: relative;
	        display: inline-block;
	        overflow: hidden;
	        padding: 0;
	    }

	    .homepage-hero .visual_pc div {
	        display: inline-block;
	    }

	    .cotents_con .cotents_ui {
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input_bg {
	        padding: 40px 0;
			background-color: rgba(0, 0, 0, 0.6) !important;
	        background-position: center top, right bottom;
	        background-repeat: no-repeat, no-repeat;

	    }

	    .cotents_input {
			width: 100%;
	        color: #fff;
			margin: 0 auto;
	    }

	    .cotents_input .cotents_input_ui {
	        width: 100%;
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input .cotents_input_ui li {
	        display: inline-block;
	        position: relative;
	        height: 55px;
	        color: #fff;
			text-align: left;
	    }

	    .cotents_input .cotents_input_ui .addtxtlong {
	        height: 260px;
			text-align: left;
	    }

	    .cotents_input .cotents_input_ui .addtxtlong textarea {
	        height: 120px;
	        width: 100%;
	        margin-bottom: 20px;
	        color: #ccc;
	        font-size: 11px;
	        background-color: #666;
					/* 1027 */
					/* 1031 */
					margin-top: 20px;
	    }
/* 1031 */
	    .cotents_input .cotents_input_ui .addtxt {
	        /* height: 90px; */
					height:auto;
	    }

	    .cotents_input .cotents_input_ui .addtxt input {
	        margin: 0 0 10px 0;
	    }

	    .cotents_input .cotents_input_ui .addtxt span {
	        margin: 0 5px 0 20px;
	        position: relative;
	        display: inline-block;
	        float: left;
	        color: #666;
	    }

	    .cotents_input .cotents_input_ui .addtxt p {
	        width: inherit;
	        font-size: 14px;
	        color: #ccc;
	        float: left;
	        line-height: 20px;

	    }

	    .cotents_input .cotents_input_ui li p {
	        position: relative;
	        display: inline-block;
	        font-size: 14px;
	        color: #fff;
	        font-weight: bold;
	    }

	    .agree {
	        position: relative;
	        display: inline-block;
	        font-size: 12px !important;
	        color: #fff;
	        font-weight: bold;
	        letter-spacing: 0 !important;
	        font-weight: normal !important;
	        margin: 0 !important;
	    }


	    .cotents_input .cotents_input_ui li input[type=text] {
	        color: #000;
	        display: inline-block;
	        width: 100%;
	        border: 1px solid gray;
	    }

	    .cotents_input .cotents_input_ui li input[type=number] {
	        color: #000;
	        display: inline-block;
	        width: 100%;
	        border: 1px solid gray;
	    }

	    .cotents_input .cotents_input_ui li input[type=textarea] {
	        color: #000;
	        display: inline-block;
	        width: 100%;
	        height: 200px;
	    }

	    .cotents_input .cotents_input_ui li input[type=radio] {
	        background-color: #f00;
	    }

	    .cotents_input .cotents_input_ui li label {
	        float: left;
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input .cotents_input_title {
	        padding: 60px 0;
	        text-align: center;
	    }

	    .cotents_input .cotents_input_txt {
	        color: #fff;
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input .cotents_input_txt img {
	        float: left;
	    }

	    .cotents_input .cotents_input_txt span {
	        margin: 23px 20px;
	        position: relative;
	        display: inline-block;
	        float: left;
	        width: 30px;
	        height: 2px;
	        background-color: #f00;
	    }

	    .cotents_input .cotents_input_txt p {
	        margin: 11px 0 0 0;
	        letter-spacing: -1px;
	        font-size: 20px;
	        position: relative;
	        display: inline-block;
	        color: #fff;
	    }

	    .cotents_input .cotents_input_btn {
	        padding-top: 50px;
	        padding-bottom: 120px;
	        text-align: center;
	    }

	    .cotents_input_btn button {
	        color: #000;
	        border: none;
	        width: 247px;
	        height: 54px;
	        cursor: pointer;
	        background-color: #fff;
	        border-radius: 100px;
	        font-weight: bold;
	        font-size: 18px;
	    }

	    .visual_img_text {
	        display: inline-block !important;
	    }



	    h1 {
	        font-size: 30pt !important
	    }

	    .visual_txt {
	        color: #fff;
	        text-align: center;
    		margin-top: 30px;
	    }

	    .visual_img_text_mo {
	        display: none !important
	    }

	    .visual_img_text_pc {
			display: flex;
			flex-direction: row;
	        padding-top: 64px;
		}
		.prod-con p.pc__type{
			text-align: left;
			color: #fff;
			white-space:pre-line;
			font-size: 16px;
		}

		.prod-con h3 {
			color: #fff;
			text-align: left;
			font-size: 26px;
			letter-spacing:0px;
		}
	

		.pc-br{display:block;}
		.mo-br{display:none;}
	}









	@media (max-width:1023px) {
		.mo-br{display:block;}
		.pc-br{display:none;}	
		.pc__type{display: none;}

	    .homepage-hero {}

	    .homepage-hero .visual_pc {
	        text-align: center;
	        width: 100%;
	        position: relative;
	        display: inline-block;
	        overflow: hidden;
	        padding: 0;
	    }

	    .homepage-hero .visual_pc div {
	        display: inline-block;
	    }

	    .cotents_con .cotents_ui {
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input_bg {
	        padding: 100px 0;
			background-color: rgba(0, 0, 0, 0.6) !important;
	        background-position: center top, right bottom;
	        background-repeat: no-repeat, no-repeat;

	    }

	    .cotents_input {
	        color: #fff;
	    }

	    .cotents_input .cotents_input_ui {
	        width: 100%;
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input .cotents_input_ui li {
	        display: inline-block;
	        position: relative;
	        height: 50px;
	        color: #fff;
	    }

	    .cotents_input .cotents_input_ui .addtxtlong {
	        height: 260px;
	    }

	    .cotents_input .cotents_input_ui .addtxtlong textarea {
	        height: 120px;
	        width: 100%;
	        margin-bottom: 20px;
	        color: #ccc;
	        font-size: 11px;
	        background-color: #666;
	    }

	    .cotents_input .cotents_input_ui .addtxt {
	        height: 170px;
	    }

	    .cotents_input .cotents_input_ui .addtxt input {
	        margin: 0 0 10px 0;
	    }

	    .cotents_input .cotents_input_ui .addtxt span {
	        margin: 0 5px 0 20px;
	        position: relative;
	        display: inline-block;
	        float: left;
	        color: #666;
	    }

	    .cotents_input .cotents_input_ui .addtxt p {
	        width: inherit;
	        font-size: 15px;
	        color: #ccc;
	        float: left;
	        line-height: 20px;

	    }

	    .cotents_input .cotents_input_ui li p {
	        position: relative;
	        display: inline-block;
	        font-size: 14px;
	        color: #fff;
	        font-weight: bold;
	    }



	    .agree {
	        position: relative;
	        display: inline-block;
	        font-size: 12px !important;
	        color: #fff;
	        font-weight: bold;
	        letter-spacing: 0 !important;
	        font-weight: normal !important;
	        margin: 0 !important;
	    }


	    .cotents_input .cotents_input_ui li input[type=text] {
	        color: #000;
	        display: inline-block;
	        width: 100%;
	        border: 1px solid gray;
	    }

	    .cotents_input .cotents_input_ui li input[type=number] {
	        color: #000;
	        display: inline-block;
	        width: 100%;
	        border: 1px solid gray;
	    }

	    .cotents_input .cotents_input_ui li input[type=textarea] {
	        color: #000;
	        display: inline-block;
	        width: 100%;
	        height: 200px;
	    }

	    .cotents_input .cotents_input_ui li input[type=radio] {
	        background-color: #f00;
	    }

	    .cotents_input .cotents_input_ui li label {
	        float: left;
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input .cotents_input_title {
	        padding: 60px 0;
	        text-align: center;
	    }

	    .cotents_input .cotents_input_txt {
	        color: #fff;
	        position: relative;
	        display: inline-block;
	    }

	    .cotents_input .cotents_input_txt img {
	        float: left;
	    }

	    .cotents_input .cotents_input_txt span {
	        margin: 23px 20px;
	        position: relative;
	        display: inline-block;
	        float: left;
	        width: 30px;
	        height: 2px;
	        background-color: #f00;
	    }

	    .cotents_input .cotents_input_txt p {
	        margin: 11px 0 0 0;
	        letter-spacing: -1px;
	        font-size: 20px;
	        position: relative;
	        display: inline-block;
	        color: #fff;
	    }

	    .cotents_input .cotents_input_btn {
	        padding-top: 50px;
	        padding-bottom: 120px;
	        text-align: center;
	    }

	    .cotents_input_btn button {
	        color: #000;
	        border: none;
	        width: 247px;
	        height: 54px;
	        cursor: pointer;
	        background-color: #fff;
	        border-radius: 100px;
	        font-weight: bold;
	        font-size: 18px;
	    }

	    .visual_img_text {
	        display: inline-block !important;
	    }

		.visual_img_text_pc{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
		.prod-con p.pc__type{
			text-align: left;
			color: #fff;
			white-space:pre-line;
			font-size: 18px;
		}
	    h1 {
	        font-size: 20pt !important
	    }

	    .visual_txt {
	        color: #fff;
	        text-align: center;
	    }
	    .visual_txt h1 {
			line-height: 36px;
	    }

	    .visual_img_text_mo {
	        display: none !important
	    }

	    .visual_img_text_pc {
	        text-align: left;
	        margin: 0px;
	    }

	    p {
	        font-size: 14px !important
	    }

	    .row {
	        margin: 0 !important;
	    }

	    .p_label {
	        height: 30px !important;
			
	    }
		
	}

@media (max-width:992px) {
	.visual_img_text_pc{
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		color:#fff;
		padding-bottom: 46px;
		text-align: center;
	}
	.prod-con h3{
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		line-height: 20px;
		letter-spacing: -.5px;
		color:#fff;
	}
	.prod-con p {
		font-size: 13px !important;
		white-space: pre-line;
		padding: 0 24px;
	}
	tr, th, td{
    
		font-size: 13px !important;
		white-space: nowrap;
    }
}

/*  *//*  *//*  *//*  *//*  *//*  *//*  *//*  */

@media (max-width: 768px)  {
	.mobile__type{display:block}  
	.homepage-hero{
		padding-top: 46px;
	}
	.visual-spec{
		padding: 64px 24px;
	}
	.visual-spec-table{
		width: auto;
	}
	.visual_img{
		width: 80%;
	}
	.specsTitle{
		font-size: 20px;
		margin-bottom: 16px;
	}
	.gift-container{
		padding: 64px 0;
	}
	.gift-container .visual_txt p {
		padding: 0 24px;
		white-space: normal;
	}
	.cotents_input .cotents_input_ui .addtxtlong {

		text-align: left;
	}
	.cotents_input .cotents_input_ui li {
	
		text-align: left;
	}
}


.link_btn {
  background-color:#41a119;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	border-radius:50px;
}

a:hover, a:focus {
	background-color: #515151;
	color: #ffff;
	text-decoration: none;
}

.btn_center{display: inline-block;    padding: 55px 0;}

.category b{font-size: 20px;color:#ffff;display: inline-block;}
.category .row{line-height:3;}

#cloneId{width:100%;}
#firstorder{padding-left:15px;width: 250px;}