.fa{font-family:"FontAwesome" !important;}
.fa::before{font-family:"FontAwesome" !important;}

.option_wrapper {}
.option_wrapper .contents {}
.option_wrapper .sub_navi {padding: 60px 0 50px;}
.option_wrapper .sub_navi ul li {display: inline-block; vertical-align: middle;}
.option_wrapper .sub_navi ul li.divider span {display: inline-block; width: 6px; height: 6px; position: relative; transform: rotate(135deg); margin-left: 6px; margin: 0 20px 0 12px;} 
.option_wrapper .sub_navi ul li.divider span::before {content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #d7d7d7; border-right: 0; border-bottom: 0;}
.option_wrapper .sub_navi ul li.divider span::after {content: ''; position: absolute; height: 1px; background: #d7d7d7; transform-origin: 0 100%; transform: rotate(45deg);}
.option_wrapper .sub_navi ul li .home {display: inline-block; background: url('../option/images//navi_home.png') no-repeat center; width: 17px; height: 16px;}
.option_wrapper .sub_navi ul li .current {font-weight: 500; color:#f69232;}


.option_wrapper .sec1 {padding-bottom: 220px;}
.option_wrapper .sec1 .top_info {width: 50%; display: inline-block; float: left;}
.option_wrapper .sec1 .top_info.main_img {margin-top: 50px;}
.option_wrapper .sec1 .top_info.top_txt {padding-left: 140px; width: calc(50% - 140px);}
.option_wrapper .sec1 .top_info.top_txt .title {border-bottom: 1px solid #eee; margin-bottom: 35px;}
.option_wrapper .sec1 .top_info.top_txt .title h3 {color:#f69232;}
.option_wrapper .sec1 .top_info.top_txt .title h2 {padding: 30px 0 5px;}
.option_wrapper .sec1 .top_info.top_txt .title h3.full_name {color:#888; font-weight: 400; margin-bottom: 30px;}
.option_wrapper .sec1 .top_info.top_txt .text {}
.option_wrapper .sec1 .top_info.top_txt .text h3 {color:#f69232; margin-bottom: 20px;}
.option_wrapper .sec1 .top_info.top_txt .text h4 {margin-bottom: 55px;}
.option_wrapper .sec1 .top_info.top_txt .button {background-color: #f69232; font-size: 1.8rem; font-weight: 400; color:#fff; height: 60px; line-height: 60px; padding: 0 40px; border-radius: 50px; display: inline-block; text-align: center; box-sizing: border-box;}
.option_wrapper .sec1 .top_info.top_txt .button:hover {background-color:#333;}
.option_wrapper .sec1 .top_info.top_txt .button.line {background: none; border: 1px solid #f69232; color:#f69232; margin-left: 18px;}
.option_wrapper .sec1 .top_info.top_txt .button.line:hover {border: 1px solid #333; color:#333;}
.option_wrapper .sec1 .top_info.top_txt .en_btn {}
.option_wrapper .sec1 .top_info.top_txt .en_btn .button {width: 70%;}
.option_wrapper .sec1 .top_info.top_txt .en_btn .button.line {margin-top: 12px; margin-left: 0;}


.option_wrapper .sec2 {padding-bottom: 100px;}
.option_wrapper .sec2 .description_wrap {width: 50%; float: left; }
.option_wrapper .sec2 .description_wrap .infographic {display: inline-block; padding: 0 20px; margin-right: 60px; vertical-align: middle;}
.option_wrapper .sec2 .description_wrap .infographic.ic_1 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic1.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_2 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic2.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_3 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic3.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_4 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic4.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_5 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic5.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_6 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic6.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_7 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic7.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_8 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic8.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_9 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic9.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_10 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic10.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_11 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic11.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_12 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic12.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_13 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic13.png') no-repeat center / cover;}
.option_wrapper .sec2 .description_wrap .infographic.ic_14 span {display: inline-block; width: 110px; height: 138px; background: url('../option/images//info_ic14.png') no-repeat center / cover;}

.option_wrapper .sec2 .description_wrap .description {display: inline-block; padding-right: 50px; width: calc(100% - 270px); vertical-align: middle;}
.option_wrapper .sec2 .description_wrap .description h3 {font-weight: 700; margin-bottom: 16px;}



.option_wrapper .sec3 {padding-bottom: 120px;}
.option_wrapper .sec3 h3 {color:#f69232; margin-bottom: 35px;}
.option_wrapper .sec3 .spec_wrap {display: flex; flex: 1 1 40%; flex-flow: row wrap;}
.option_wrapper .sec3 .spec_wrap ul {display: inline-block; border-top: 2px solid #666; border-bottom: 2px solid #dedede; width: calc(50% - 22px); margin-right: 20px; margin-bottom: 20px; display: flex; justify-content: space-between;}
.option_wrapper .sec3 .spec_wrap ul:nth-child(even) {margin-right: 0; margin-left: 20px;}
.option_wrapper .sec3 .spec_wrap ul li {display: inline-block; padding: 30px 10px;}
.option_wrapper .sec3 .spec_wrap ul li:first-child h4 {font-weight: 700; color:#444;}
.option_wrapper .sec3 .spec_wrap ul li:last-child {text-align: right;}
.option_wrapper .sec3 .spec_wrap ul li h4 {display: inline-block;}
.option_wrapper .sec3 p {color:#cf2e2e; font-weight: 500; margin-top: 6px;}


.option_wrapper .discover_wrap {background-color: #f9f9f9; padding: 120px 0;}
.option_wrapper .sec4 {overflow: visible;}
.option_wrapper .sec4 .left_txt {width: calc(33% - 50px); margin-right: 50px; display: inline-block; float: left; margin-top: 35px;}
.option_wrapper .sec4 .left_txt h1 span {color:#f69232;}
.option_wrapper .sec4 .left_txt h3 {padding: 42px 0 28px;}
.option_wrapper .sec4 .left_txt h3 span {color:#f69232;}
.option_wrapper .sec4 .left_txt p {color:#888;}

.option_wrapper .sec4 .product_wrap {width: 67%; display: flex; overflow: hidden;}
.option_wrapper .sec4 .product_wrap .next {width: 100px; height: 100px; line-height: 104px; border-radius: 50%; background-color: #f69232; text-align: center; position: absolute; box-shadow: 5px 5px 10px rgb(239 119 4 / 20%); top: calc(50% - 90px); right: -50px;  z-index: 1; transition: all 0.5s ease-in-out; cursor: pointer;}
.option_wrapper .sec4 .product_wrap .next:hover {transform: translate(-15px,0);}
.option_wrapper .sec4 .product_wrap .next span {width: 10px; height: 10px; position: relative; margin-bottom: 30px; transform: rotate(135deg); left: 6px; display: inline-block; top:27%;}
.option_wrapper .sec4 .product_wrap .next span::before {content: ''; position: absolute; width: 100%; height: 100%; border: 4px solid #fff; border-right: 0; border-bottom: 0; border-radius: 3px;}
.option_wrapper .sec4 .product_wrap .next span::after {content: ''; position: absolute; height: 4px; background: #fff; transform-origin: 0 100%; transform: rotate(45deg);}


.option_wrapper .sec4 .product_wrap .box_wrap {display: flex; flex-shrink:0;}
.option_wrapper .sec4 .product_wrap .box {width: 50%; display: inline-block;}
.option_wrapper .sec4 .product_wrap .box .box_img {position: relative;  padding-top: 100%;}
.option_wrapper .sec4 .product_wrap .box .box_img  img {position: absolute;  top: 0; left: 0; }
.option_wrapper .sec4 .product_wrap .box:hover .box_img {background-color: #111;}
.option_wrapper .sec4 .product_wrap .box:hover .box_img img {transition: all .3s ease; opacity: 0.2;}
.option_wrapper .sec4 .product_wrap .box:hover .box_img .more_btn {opacity: 1; transition: all 1.5s ease;}
.option_wrapper .sec4 .product_wrap .box .box_img .more_btn  {width: 100px; height: 100px; border-radius: 50%; border: 8px solid rgb(255 255 255 / 10%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0;}
.option_wrapper .sec4 .product_wrap .box .box_img .more_btn .inner {width: 100px; height: 100px; background-color: #fff; border-radius: 50%; margin: 0;}
.option_wrapper .sec4 .product_wrap .box .box_img .more_btn .inner span {display: inline-block; background: #f69232; height: 19px; position: relative; width: 3px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 5px;}
.option_wrapper .sec4 .product_wrap .box .box_img .more_btn .inner span::after {content: ""; background: #f69232; height: 3px; position: absolute; top: 8px; left: -8px; width: 19px; border-radius: 5px;}
.option_wrapper .sec4 .product_wrap .box .box_txt {margin-top: 22px; display: flex;}
.option_wrapper .sec4 .product_wrap .box .box_txt h4 {color:#444; font-weight: 500; display: inline-block; line-height: 3.0rem; width: 50%;}
.option_wrapper .sec4 .product_wrap .box .box_txt h4 .bullet {width: 3px; height: 18px; background-color: #f69232; display: inline-block; margin-top: 4px; float: left;}
.option_wrapper .sec4 .product_wrap .box .box_txt h4 span {margin-left: 10px; overflow: hidden; float: left; width: calc(100% - 13px);}
.option_wrapper .sec4 .product_wrap .box .box_txt p {display: inline-block; color:#888; margin-top: 3px; text-align: right; width: 50%; line-height: 24px;}


.discover_wrap .product_wrap{}

.product_wrap {width: 100%; overflow: hidden; position: relative;background:#2e2e2e;}
.product_wrap .contents {position: relative; width: 100%; margin: 0 auto; max-width: 1440px;margin-bottom:10rem;}
.product_wrap .contents .inner {width: calc(100% - 40px); max-width: 1400px; margin: 0 20px;}

.product_wrap .section_01{
	width:100%;
	position:relative;
	padding-top:9.5rem;
	background-image:url("../img/main/section_2_back.jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

#prd2 .section_01 .product_img{
	padding-top:10rem;
}

.product_wrap .section_01 .product_img{
	position: absolute;
}

#prd2 .section_01 .product_img{
	right:0;
}

.product_wrap .section_01 .product_title{

}

.product_wrap .section_01 .product_title span.sepa{
	color:#ffffff;
	font-size:28px;
	letter-spacing:-.30px;
	line-height:28px;
	margin:2rem 0;
}

.product_wrap .section_01 .product_title h2.title{
	font-weight: 400;
    color: #f69232;
    letter-spacing: -.70px;
    font-size: 12rem;
    line-height: normal;
    margin: 1rem 0;
}

.product_wrap .section_01 .product_title h3.sub_desc{
	font-size:28px;
	letter-spacing:-.30px;
	color:#bfbfbf;
	line-height:normal;
	font-weight:400;
}

.product_wrap .section_01 .product_title p.desc{
	font-size:16px;
	color:#888888;
	letter-spacing:-.30px;
	line-height:24px;
	text-align:left;
	padding:2rem 0;
}

.product_wrap .section_01 .product_down{
	position:absolute;
	bottom:40px;
	width:100%;
	text-align:center;
}

.product_wrap .section_01 .product_down #product_arrow{
	animation: bounce .5s infinite alternate;
    -webkit-animation: bounce .5s infinite alternate;
}

@keyframes bounce {
  from {
     transform: translateY(0px);
  }
  to {
     transform: translateY(-7.5px);
  }
}
@-webkit-keyframes bounce {
  from {
     transform: translateY(0px);
  }
  to {
     transform: translateY(-7.5px);
  }
}



.product_wrap .section_022{
	padding:10rem 0;
	padding-bottom:0;
}

.product_wrap .section_022 h2.top_title{
	color:#f69232;
	font-size:24px;
	font-weight:400;
	letter-spacing:-.30px;
	text-align:center;
}

.product_wrap .section_022 .icon_list{
    display: flex;
    justify-content: space-around;
	margin:3rem auto;
}

.product_wrap .section_022 .icon_list .icon_cont{
	text-align:center;
	flex:1;
}

.product_wrap .section_022 .icon_list .icon_cont .icon{
	margin-bottom:2rem;
}

.product_wrap .section_022 .icon_list .icon_cont p{
	color:#ffffff;
	font-weight:300;
	text-align:center;
	font-size:16px;
	letter-spacing:-.30px;
	line-height:22px;
}


.product_wrap .section_022 .fea_area{
	padding:10rem 0;
}

.product_wrap img{
	width:auto;
}

.product_wrap .slick-slide img{
	width:100%;
}

.product_wrap .slick-slide{
	margin:0 10px;
}

.product_wrap .section_022 .fea_area{
	display: flex;
    justify-content: space-between;
}

.product_wrap .section_022 .fea_area .text_area{
	padding-top:3.75rem;
	border-bottom:1px solid #4c4c4c;
	flex: .7;
}

.product_wrap .section_022 .fea_area.fea2 .text_area{
	text-align:right;
}

.product_wrap .section_022 .fea_area.fea2 .text_area span{
	text-align:right;
}

.product_wrap .section_022 .fea_area.fea2 .text_area h2{
	text-align:right;
}
.product_wrap .section_022 .fea_area.fea2 .text_area p{
	text-align:right;
}

.product_wrap .section_022 .fea_area .text_area span{
	color:#ffffff;
	font-weight:300;
	text-align:left;
	font-size:20px;
	letter-spacing:-.30px;
	line-height:30px;
}

.product_wrap .section_022 .fea_area .text_area h2{
	font-size:44px;
	font-weight:300;
	color:#f69232;
	letter-spacing:-.30px;
	padding-top:3.125rem;
	padding-bottom:2.5rem;
	word-break: keep-all;
}

.product_wrap .section_022 .fea_area .text_area h2.low_text{
	font-size:36px;
	line-height:50px;
}

.product_wrap .section_022 .fea_area .text_area p{
	font-size:16px;
	font-weight:300;
	letter-spacing:-.30px;
	line-height:28px;
	color:#fff;
	text-align:left;
}

.product_wrap .section_022 .fea_title{
	padding-top:10rem;
	padding-bottom:5rem;
	display:flex;
}

.product_wrap .section_022 .fea_title h2{
	color:#f69232;
	font-size:44px;
	font-weight:300;
	letter-spacing:-.30px;
	line-height:56px;
	padding-right:2.5rem;
}

.product_wrap .section_022 .fea_title p{
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	letter-spacing:-.3px;
	line-height:28px;
}

.product_wrap .fea_cont .slick-dots{
	margin:4.375rem auto;
	display:flex;
	justify-content: center;
}

.product_wrap .fea_cont .slick-dots li{
	margin:0 2.5px;
}

.product_wrap .fea_cont .slick-dots li.slick-active button{
	background:#f69232;
}

.product_wrap .fea_cont .slick-dots li button{
	position:relative;
	width:50px;
	height:5px;
	background:#4c4c4c;
	border:0;
	font-size:0;
}


.product_wrap .video_area{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8rem auto;} 
.product_wrap .video_area iframe,.product_wrap .video_area object,.product_wrap .video_area embed{position:absolute;top:0;left:0;width:100%;height:100%;}


.custom_area{
	padding:15rem 0;
	padding-bottom:10rem;
}

.custom_area h2.top_title{
	color:#f69232;
	font-size:24px;
	font-weight:400;
	letter-spacing:-.30px;
	text-align:center;
}


.custom_area h3.bottom_title{
	color:#fff;
	font-size:44px;
	font-weight:300;
	letter-spacing:-.30px;
	text-align:center;
	line-height:56px;
}



.custom_area .custom_cont{
	border-bottom:1px solid #3b3b3b;
	height:98vh;
	    min-height: 70rem;
}

.custom_area .customize_area{
	display:flex;
}

.custom_area .customize_area .customize_zone{
	flex:3;
	position:relative;
}

.custom_area .customize_area .customize_zone .back_title{
	position:absolute;
	top:40px;
	left:40px;
	color:#333333;
	font-size:200px;
	font-weight:500;
	letter-spacing:-.60px;
	z-index:1;
}

.custom_area .customize_area .customize_zone .customize_canvas{
	position:relative;
	z-index:5;
	overflow:hidden;
}

.custom_area .customize_area .customize_zone .customize_canvas svg{
	transition:.3s all;
	width:100%;
}

#B20K{
	width:80%;
	padding-top:5%;
}

.custom_area .customize_area .customize_zone .customize_canvas.left_content svg{
	transform: translateX(28%);
}

.custom_area .customize_area .customize_zone .customize_canvas.right_content svg{
	transform: translateX(0%);
}


.custom_area .customize_option{
	width:480px;
	height:80vh;
	    min-height: 53rem;
	position:relative;
	background-image:url("../img/page/scroll_down.png");
	background-repeat:no-repeat;
    background-size: 99%;
    background-position: right bottom;

}

.custom_area .customize_option  .option_list::-webkit-scrollbar{
	display:none;
}

.custom_area .customize_option .option_list{
	width:100%;
	height:77vh;
	    min-height: 50rem;
	overflow-y:scroll;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}



.custom_area .customize_option .option_area{
	background:#363636;
	border:1px solid #3b3b3b;
	padding:38px 50px;
	margin:5px;
}

.custom_area .customize_option .option_area .btn_title{
	color:#b2b2b2;
	font-size:16px;
	font-weight:300;
	letter-spacing:-.30px;
	line-height:35px;
	margin-bottom:15px;
}

.custom_area .customize_option .option_area .option_title{
	color:#f69232;
	font-size:22px;
	font-weight:400;
	line-height:28px;
	letter-spacing:-.30px;
	margin-bottom:20px;
}

.custom_area .customize_option .option_area .option_btn_area{
	display:flex;
	margin:1rem 0;
}

.radiobox {
 display:none;
}

.radiobox + p {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
	width:100%;
	text-align:center;
}

.product_wrap .checkbox{
	position:relative;
	left:auto;
	display:none;
}

.radiobox + p strong { vertical-align: middle; font-size:18px; color: #888888; text-align:center;letter-spacing:-.30px;font-weight:400;     line-height: 60px; }
.radiobox:checked + p {color:#ffffff;background:#3d3d3d;}
.radiobox:checked + p strong{color:#fff;}

.custom_area .customize_option .option_area .option_btn_area label{
	width:50%;
	border:1px solid #454545;
	color:#888888;
	font-size:18px;
	letter-spacing:-.30px;
	height:60px;	
}


.custom_area .customize_option .option_area .option_radio_area{

}

.custom_area .customize_option .option_area .option_radio_area label{
	padding:30px 0;
	border-bottom:1px solid #424242;
	width:100%;
	display:block;
}

.custom_area .customize_option .option_area .option_radio_area label strong{
	color:#ffffff;
	font-size:18px;
	font-weight:400;
	letter-spacing:-.30px;
}

.custom_area .customize_option .option_area .option_radio_area label span{
	color:#666666;
	font-size:14px;
	font-weight:400;
	letter-spacing:-.30px;
	margin-top:10px;
	display:block;
	padding-left:42px;
	word-break:keep-all !important;
}

.custom_area .customize_option .option_area .option_radio_area label .checkbox + p em{
	width:25px;
	height:25px;
	background:#333333;
	border:1px solid #424242;
	border-radius:100%;
	margin-right:15px;
}

.custom_area .customize_option .option_area .option_radio_area label .checkbox:checked + p em{
	border:1px solid #f69232;
}

.custom_area .customize_option .option_area .option_radio_area label .checkbox:checked + p em:before{
	border-radius:100%;
	transform: scale(0.5);
}

.custom_area .customize_option .option_area .packer_title{
	color:#ffffff;
	font-size:18px;
	font-weight:400;
	letter-spacing:-.30px;
	width:100%;
	line-height:60px;
	text-align:center;
	margin:1rem 0;
}

.custom_area .customize_option .option_area .packer_title select{
    width: 100%;
    height: 100%;
    background: #3d3d3d;
    border: 1px solid #454545;
    position: relative;
    color: #fff;
    line-height: 60px;
    height: 60px;
    padding: 0 1rem;
    box-sizing: border-box;
}


.video_cont{

}

.video_cont h2.top_title{
	color:#f69232;
	font-size:24px;
	font-weight:400;
	letter-spacing:-.30px;
	text-align:center;
}


.video_cont h3.bottom_title{
	color:#fff;
	font-size:44px;
	font-weight:300;
	letter-spacing:-.30px;
	text-align:center;
	line-height:56px;
}


.form_area{
	background-color:#2e2e2e;
	background-image:url("../img/page/form_background.jpg");
	background-repeat:no-repeat;
	background-size:auto;
	background-position:top right;
	padding:12.5rem 0;
}

.form_area h2.top_title{
	color:#f69232;
	font-size:24px;
	font-weight:400;
	letter-spacing:-.30px;
	text-align:center;
}


.form_area h3.bottom_title{
	color:#fff;
	font-size:44px;
	font-weight:300;
	letter-spacing:-.30px;
	text-align:center;
	line-height:56px;
}



.contact-form {padding:8.125rem 40px; position: relative; z-index:2}
.contact-form .form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-form dl { width:calc(50% - 30px); margin-bottom: 35px; }
.contact-form dl.long { width:100%; }
.contact-form dl dt { font-size:18px; color: #ffffff; font-weight: 600; margin-bottom: 15px;  }
.contact-form dl dt sup{color:#f69232;}
.contact-form dl dt em { font-size:20px; color: #f69232;}
.contact-form .agree-box {margin:15px 0 35px; }
.contact-form .agree-box a { vertical-align: middle; font-size:16px; color: #999; text-decoration: underline; margin-right:20px;  }
.contact-form .btn-box { text-align: center; }
.contact-form .btn-box .btn-submit { display: inline-block; vertical-align: middle; width:236px; height: 70px; line-height: 69px; font-size:20px; background:none; color: #f69232;border:1px solid #f69232; border-radius:35px; }


.textarea { width:100%; height: 240px; border: 2px solid #595959; outline:none; font-size:16px;  padding:15px; resize:none;background:none;    box-sizing: border-box; }
.inp { width:100%; height: 50px; border: 0; border-bottom: 2px solid #595959; outline:none; font-size:16px;background:none;}
.inp:focus { border-color:#f69232; }
.textarea:focus { border-color:#f69232;  }
.contact-form::-webkit-input-placeholder { color: #a1a4b2;}
.checkbox { position: absolute;left: -9999px; }
.checkbox + p { display: inline-block; vertical-align: middle; cursor: pointer; }
.checkbox + p span { vertical-align: middle; font-size:16px; color: #999999; margin:0 5px;  }
.checkbox + p em { display: inline-block; vertical-align: middle; width:15px; height: 15px; border: 3px solid #595959; background: #fff; position: relative;}
.checkbox + p em:before { content: ''; position: absolute;left: 0; right:0; top:0;bottom:0; background: #f69232; opacity:0; transform: scale(0.3); transition: all 0.5s ease; }
.checkbox:checked + p em:before { opacity: 1; transform: scale(1); }
.contact-form .inp{color:#fff;}
.contact-form .textarea{color:#fff;}

.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 20px; margin-bottom: 20px;  }
.modal-content {position:relative; background-color:#fff; outline:none;  overflow:hidden; padding:0; }
.modal-header { height:50px; padding-left: 10px; position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; }
.modal-header h4 { font-size:24px; font-weight: 600; line-height: 50px;   }
.modal-header .btn-close {  width:50px; height: 50px; outline:none; background: none; border: 0; font-size:25px; color: #333; }
.modal-body { padding:20px; }
.modal-btns { text-align: center; margin-bottom: 40px; }
.modal-btns button { margin:0 3px; width:150px; height: 50px; line-height: 49px; border: 0; background: #f69232; font-size:16px; color: #fff; font-weight: 600; }
.modal-terms { font-size:16px; line-height: 1.6; max-height: 600px; overflow: auto; }
#modalTerms .modal-body { padding: 0; }
#modalTerms .modal-terms { padding:20px; margin-bottom: 20px; }


#customize .packer_set{
	display:flex;
	    justify-content: space-between;
}

#customize .custom_cont .custom_title{
	width:100%;
	height:60px;
	background:#363636;
	line-height:60px;
	font-size:22px;
	font-weight:500;
	color:#ffffff;
	letter-spacing:-.30px;
	padding:0 50px;
}

#customize .packer_btn{
	display:flex;
	flex:1;
}

#customize .custom_cont .custom_title span{
	color:#666666;
	font-size:22px;
	font-weight:400;
	letter-spacing:-.30px;
	padding-right:20px;
}

#customize .pack_num_arrow i{
	font-size:18px;
	font-weight:300;
	color:#777777;
}

#customize .packer_num{
	display:flex;
	margin:1rem 0;
}

#customize .packer_arrow{
	display:flex;
	flex-direction: column;
}

#customize .pack_num_arrow{
	border:1px solid #454545;
	background:#363636;
	width:70px;
	height:30px;
}

#customize .pack_num_arrow:nth-child(2){
	border-top:0;
}

#customize .packer_num .packer_input .packer_number{
	height:60px;
	width:100px;
	border:1px solid #454545;
	background:#363636;
	border-left:0;
	color:#fff;
	font-size:18px;
	font-weight:300;
	text-align:center;
}

#customize .pack_btn{
	    margin: 1rem 0;
	margin-left:10px;
	display:flex;
	flex:1;

}

#customize .pack_btn label{
	width:50%;
	border:1px solid #454545;
	color:#888888;
	font-size:18px;
	letter-spacing:-.30px;
	height:60px;	
}

#customize .customize_submit_area{
	padding:15px 20px;
	background:#363636;
    width: 100%;
    margin-left: 5px;
    box-sizing: border-box;
	margin-top:30px;
}

#customize .customize_submit{
	background:#363636;
	border:1px solid #f69232;
	width:100%;
	height:70px;
	color:#f69232;
	font-size:18px;
	font-weight:400;
}

.foot_svg{
	height:416px !important;
}

.foot_svg object{
	width:100%;
}

.foot_svg svg image{
	width:100%;
}


@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .option_wrapper .sec1 .top_info.top_txt {padding-left: 100px; width: calc(50% - 100px);}
    .option_wrapper .sec4 .product_wrap {width: 64%;}
    .option_wrapper .sec4 .product_wrap .next {right: -10px;}

}

@media (max-width: 1550px) {
    .option_wrapper .sec4 .product_wrap {width: 64%;}
    .option_wrapper .sec4 .product_wrap .next {right: -10px;}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .option_wrapper .sec1 {padding-bottom: 160px;}
    .option_wrapper .sec2 .description_wrap .infographic {padding: 0;}
    .option_wrapper .sec2 .description_wrap .description {width: calc(100% - 160px);}
    .option_wrapper .sec1 .top_info.top_txt {padding-left: 70px; width: calc(50% - 70px);}
    .option_wrapper .sec1 .top_info.top_txt .button {padding: 0 30px;}
    .option_wrapper .sec1 .top_info.top_txt .button.line {margin-left: 10px;}
    .option_wrapper .sec1 .top_info.top_txt .text h4 {margin-bottom: 40px;}
    .option_wrapper .sec2 .description_wrap .infographic {margin-right: 20px;}
    .option_wrapper .sec2 .description_wrap .description {padding-right: 0px; width: calc(100% - 220px);}

    .option_wrapper .sec1 .top_info.top_txt .en_btn .button {width: 100%;}
}


@media (max-width: 959px) {
    .option_wrapper .sec1 {padding-bottom: 160px;}
    .option_wrapper .sec1 .top_info.main_img {width: 70%; position: relative; left: 50%; transform: translateX(-50%);}
    .option_wrapper .sec1 .top_info.top_txt {padding-left: 0; width: 100%;}
    .option_wrapper .sec1 .top_info.main_img {margin-top: 0;}
    .option_wrapper .sec2 .description_wrap .infographic {margin-right: 20px; }
    .option_wrapper .sec2 .description_wrap {width: 100%; float: none; margin-bottom: 40px;}
    .option_wrapper .sec2 .description_wrap .description {padding-right: 0px; width: calc(100% - 220px);}
    .option_wrapper .sec2 .description_wrap .infographic.ic_1 span {background: url('../option/images//info_ic1_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_2 span {background: url('../option/images//info_ic2_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_3 span {background: url('../option/images//info_ic3_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_4 span {background: url('../option/images//info_ic4_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_5 span {background: url('../option/images//info_ic5_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_6 span {background: url('../option/images//info_ic6_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_7 span {background: url('../option/images//info_ic7_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_8 span {background: url('../option/images//info_ic8_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_9 span {background: url('../option/images//info_ic9_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_10 span {background: url('../option/images//info_ic10_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_11 span {background: url('../option/images//info_ic11_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_12 span {background: url('../option/images//info_ic12_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_13 span {background: url('../option/images//info_ic13_x3.png') no-repeat center / cover;}
    .option_wrapper .sec2 .description_wrap .infographic.ic_14 span {background: url('../option/images//info_ic14_x3.png') no-repeat center / cover;}
    .option_wrapper .sec4 .left_txt {width: 100%; margin-bottom: 40px; margin-top: 0;}
    .option_wrapper .sec4 .product_wrap {width: 95%;}
    .option_wrapper .sec4 .left_txt h3 {padding: 30px 0 10px;}
    .option_wrapper .sec4 .product_wrap .next {width: 80px; height: 80px; top: auto; bottom: 32%; right: 0px;}
    .option_wrapper .sec4 .product_wrap .next span {left: 4px; top: calc(50% - 23px);}
    .option_wrapper .sec4 .product_wrap .next span::before {border: 3px solid #fff; border-right: 0; border-bottom: 0;}
    .option_wrapper .sec4 .product_wrap .next span::after {height: 4px;}
    .option_wrapper .sec4 .product_wrap .box .box_img .more_btn {width: 80px; height: 80px; border: 5px solid rgb(255 255 255 / 10%);}
    .option_wrapper .sec4 .product_wrap .box .box_img .more_btn .inner {width: 80px; height: 80px;}
    .option_wrapper .sec4 .product_wrap .next:hover {transform: translate(0,0);}
}



@media (max-width: 767px) {
    .option_wrapper .sec1 {padding-bottom: 120px;}
    .option_wrapper .sec1 .top_info.main_img {width: 100%;}
    .option_wrapper .sec1 .top_info.top_txt {padding-left: 0; width: 100%;}
    .option_wrapper .sec2 {padding-bottom: 80px;}
    .option_wrapper .sec2 .description_wrap .infographic {padding: 0;}
    .option_wrapper .sec2 .description_wrap .description {width: calc(100% - 140px);}
    .option_wrapper .sec3 {padding-bottom: 100px; }
    .option_wrapper .sec3 .spec_wrap ul {width: 100%; margin-right: 0;}
    .option_wrapper .sec3 .spec_wrap ul:nth-child(even) {margin-left: 0;}

    .option_wrapper .sec4 .product_wrap .next {width: 60px; height: 60px; top: auto; bottom: calc(39% - 30px); right: 0px;}
    .option_wrapper .sec4 .product_wrap .next span {left: 4px; top: calc(50% - 23px);}
    .option_wrapper .sec4 .product_wrap .next span::before {border: 3px solid #fff; border-right: 0; border-bottom: 0;}
    .option_wrapper .sec4 .product_wrap .next span::after {height: 4px;}
    .option_wrapper .sec4 .product_wrap .box .box_img .more_btn {width: 60px; height: 60px; border: 5px solid rgb(255 255 255 / 10%);}
    .option_wrapper .sec4 .product_wrap .box .box_img .more_btn .inner {width: 60px; height: 60px;}
    .option_wrapper .sec4 .product_wrap .box .box_txt {flex-direction: column;}
    .option_wrapper .sec4 .product_wrap .box .box_txt h4 {width: 100%;}
    .option_wrapper .sec4 .product_wrap .box .box_txt p {width: 100%; text-align: left; margin-left: 13px;}
    .option_wrapper .discover_wrap {padding: 100px 0;}
    .option_wrapper .sub_navi ul li.divider span {margin: 0 14px 0 6px}

    .option_wrapper .sec1 .top_info.top_txt .en_btn .button {width: 100%;}
}



@media only screen and (min-width: 480px) and (max-width: 580px) {
    .option_wrapper .sec4 .product_wrap .next {bottom: calc(38% - 30px);}
}


@media (max-width: 479px) {
    .option_wrapper .sec1 .top_info.top_txt .button {width: calc(50% - 6px); padding: 0 10px;}
    .option_wrapper .sec1 .top_info.top_txt .button.line {margin-left: 10px;}

    .option_wrapper .sec4 .product_wrap .next {bottom: calc(36% - 30px);}
    .option_wrapper .sec4 .product_wrap .box .box_txt {margin-top: 14px;}
    .option_wrapper .sec4 .product_wrap .box .box_txt p {line-height: 20px; font-size: 14px;}
    
    .option_wrapper .sec2 .description_wrap .infographic span {width: 66px !important; height: 82.8px !important;}
    .option_wrapper .sec2 .description_wrap .description {width: calc(100% - 90px);}
    .option_wrapper .sec2 .description_wrap .description h3 {margin-bottom: 6px;}

    


    
}


@media only screen and (min-width: 376px) and (max-width: 420px) {
    .option_wrapper .sec4 .product_wrap .next {width: 50px; height: 50px; bottom: calc(35% - 30px);}
}


@media (max-width: 375px) {
    .option_wrapper .sec3 .spec_wrap ul {padding: 12px 0; flex-direction: column;}
    .option_wrapper .sec3 .spec_wrap ul li {display: block; padding: 2px 10px;}
    .option_wrapper .sec3 .spec_wrap ul li:last-child {text-align: left;}

    .option_wrapper .sec4 .product_wrap .next {width: 40px; height: 40px; bottom: 29%;}
    .option_wrapper .sec1 .top_info.top_txt .button {width: 100%;}
    .option_wrapper .sec1 .top_info.top_txt .button.line {margin-left: 0; margin-top: 10px;}
    .option_wrapper .sub_navi ul li:last-child {width: calc(100% - 120px);}
    .option_wrapper .sub_navi ul li .current {line-height: 18px;}
    

}


.pg_product{
	width:100%;
	position:relative;
	display:flex;
}

.pg_product .pg_area{
	width:50%;
	position:relative;
	background-color:#070707;
}

.pg_product .pg_area .img_area{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

.pg_product .pg_area .text_area{
    position: absolute;
    top: 3rem;
    left: 7rem;
}

.pg_product .pg_area .text_area span{
	color:#f69232;
	font-weight:300;
	font-size:18px;
	letter-spacing:-.30px;
	line-height:56px;
}

.pg_product .pg_area .text_area h2{
	color:#ffffff;
	font-weight:300;
	font-size:52px;
	letter-spacing:-.50px;
}

.product_info{
	width:100%;
	background:#333333;
	padding:1rem;
	display:flex;
	margin-bottom:5rem;
}

.product_info .product_title{

	padding:5rem;
}

.product_info .product_title span{
	font-weight:400;
	color:#999999;
	font-size:16px;
	text-align:left;
	letter-spacing:-.50px;
	line-height:30px;
}

.product_info .product_title h2{
	color:#ffffff;
	font-size:48px;
	letter-spacing:-.20px;
	line-height:52px;
	text-align:left;
	font-weight:400;
}

.product_info .inquiry_product_info{
	flex:2;
	position:relative;
	padding:5rem;
}

.product_info .inquiry_product_info ul{
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	    justify-content: space-between;
}

.product_info .inquiry_product_info ul li{
	width:45%;
	border-bottom:1px solid #3d3d3d;
	padding:1rem 0;
}

.product_info .inquiry_product_info ul li span{
	color:#f69232;
	font-weight:400;
	font-size:18px;
	letter-spacing:-.30px;
}

.product_info .inquiry_product_info ul li h2{
	color:#999999;
	font-size:16px;
	font-weight:300;
	letter-spacing:-.30px;
	line-height:28px;
	margin-top:1rem;
}

.product_info .inquiry_product_info ul li h2 input{
	color:#999999;
	font-size:16px;
	font-weight:300;
	letter-spacing:-.30px;
	line-height:28px;
	background:none;
	border:0;
}


.product_info .inquiry_product_info ul li dl{
	display:flex;
	width:100%;
	margin:0;
	margin-top:1rem;
}

.product_info .inquiry_product_info ul li dl dt{
	color:#d9d9d9;
	font-size:16px;
	font-weight:300;
	letter-spacing:-.30px;
}

.product_info .inquiry_product_info ul li dl dd{
	color:#999999;
	font-size:16px;
	letter-spacing:-.30px;
	font-weight:300;
	margin-left:10px;
	margin-right:30px;
}

.product_info .inquiry_product_info ul li dl dd input{
	color:#999999;
	font-size:16px;
	letter-spacing:-.30px;
	font-weight:300;
	border:0;
	background:none;
	line-height:28px;
}

.customize_canvas .insert_on{
	animation: insert_click .5s alternate;
    -webkit-animation: insert_click .5s alternate;
	animation-iteration-count:5;
	opacity:1 !important;
}


@keyframes insert_click {
  from {
     filter: drop-shadow(0px 0px 0px #ffeb3ba6);
  }
  to {
     filter: drop-shadow(0px 0px 11px #ffeb3ba6);
  }
}