@charset "utf-8";
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe,section,figure,header,footer,aside{margin:0;padding:0;word-break:keep-all}
body{font-family:'Cormorant Infant','Nanum Myeongjo','Malgun Gothic','dotum','Helvetica Neue',Arial,'sans-serif';font-size:16px;line-height:1.5;color:#fff;width:100%;height:100%;min-width:1280px}
h1,h2,h3,h4,h5,h6,strong{font-size:16px;font-weight:normal}
img,fieldset,button,input,select,textarea,pre{border:0;font-family:'Cormorant Infant','Nanum Myeongjo','Malgun Gothic','dotum','Helvetica Neue',Arial,'sans-serif'}
ul,ol{list-style:none}
em,address,i,var,dfn{font-style:normal}
a,a:link{text-decoration:none;color:#fff}
hr,input::-ms-clear,select::-ms-expand{display:none}
legend,caption,.blind{position:absolute;top:-9999px;font-size:0;line-height:0}
label{cursor:pointer}
*{box-sizing:border-box}

h3{font-size:48px;line-height:58px;padding-bottom:50px}
article{position:relative}
aside{position:absolute;bottom:50px}
.container{position:relative;width:1160px;margin:0 auto}
.slick-dots{display:none !important}
.slick-slide{outline:none}
.blocker{z-index:1500;background:rgba(0,0,0,.5)}
.modal{width:auto;border-radius:0;box-shadow:none;max-width:none;font-size:0;padding:0}
.modal a.close-modal{position:absolute;right:16px;top:16px;display:block;width:24px;height:24px;background:url("//image.rounz.com/paranoid/btn_close.png") 0 0 / 24px auto no-repeat;border:0}
.layer_popup{display:none}

header{position:relative;background:#000;height:calc(100vh - 160px)}
header nav{position:fixed;z-index:10;width:100%;height:120px}
header nav h1{padding:50px}
header nav .link{position:absolute;right:60px;top:27px}
header nav .link .menu_project{display:inline-block}
header nav .link .menu_project .btn_project{padding:20px;margin-right:40px}
header nav .link .menu_project .btn_project:after{content:"";position:absolute;top:calc(50% - 3px);left:0;display:block;width:8px;height:8px;background:url("//image.rounz.com/paranoid/blt_menu_arrow.png") 0 50% / 6px auto no-repeat;transition:.3s;}
header nav .link .menu_project ul{display:none;position:absolute;top:48px;left:0}
header nav .link .menu_project li{white-space:nowrap;font-size:20px}
header nav .link .menu_project li:hover{text-decoration:underline}
header nav .link .btn_shop{display:inline-block;width:150px;font-size:18px;line-height:22px;background:url("//image.rounz.com/paranoid/blt_link.png") 100% 50% no-repeat;padding:20px}
header nav .link .menu_project:hover .btn_project:after{transform:rotate(90deg)}
header nav .link .menu_project:hover ul{display:inline-block}
header aside{left:50px}
header aside h2{padding-bottom:50px}
header aside h2 canvas{margin:-50px 0 50px -50px}
header aside h2 strong{font-size:72px;line-height:87px;letter-spacing:18px}
header aside h2 .m{display:none}
header aside span{display:block;height:94px;letter-spacing:-1px;margin-top:-7px}
footer{position:relative;background:#000;padding-top:50px}
footer iframe{width:100%;height:1080px;filter:grayscale(100%) invert(100%);opacity:.5}
footer aside{right:50px;bottom:70px;text-transform:uppercase}
footer aside dt{line-height:19px;padding-bottom:10px}
footer aside dd{font-size:24px;line-height:1.3;padding-bottom:50px}
footer aside dd i{margin-right:22px}
footer aside dd em{display:block}
footer aside dd span{display:inline-block;width:1px;height:19px;background:#535762;margin:0 10px;vertical-align:-2px}
footer address{height:60px;line-height:60px;font-size:12px;text-align:center}

.product{background:#000}
.product .concept{height:1080px;background:url("//image.rounz.com/paranoid/bg_concept.jpg") 50% 0 fixed no-repeat}
.product .concept:after{display:block;height:1080px;content:"";animation:scanlines .2s linear infinite}
.product .concept aside,.project aside{bottom:0;right:50px}
.product .concept dt{clear:left;float:left;width:160px;min-height:140px;font-size:24px;line-height:29px}
.product .concept dd{float:left;width:480px;line-height:23px;padding-bottom:50px}
@keyframes scanlines{
	from{
		background:linear-gradient(to bottom,transparent 50%, rgba(0,0,0,.5) 51%);
		background-size:100% 2px;
	}
	to {
		background:linear-gradient(to bottom,rgba(0,0,0,.5) 50%,transparent 51%);
		background-size:100% 1px;
	}
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.product .concept{background-attachment:scroll}
	.product .concept:after{animation:none}
}
.product .project{height:1130px;background:url("//image.rounz.com/paranoid/bg_project.jpg") 50% 0 no-repeat}
.product .project aside{width:640px;padding-bottom:50px}
.product .project aside .top{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:50px 0;margin-bottom:50px}
.product .project aside p{font-family:'Nanum Myeongjo','sans-serif'}
.product .visual{height:980px;background:#ECECEF;color:#000;margin:0 50px 50px}
.product .visual aside{position:absolute;right:0;top:302px}
.product .visual aside p{line-height:28px}
.product .visual aside p i{font-weight:bold}
.product .visual aside strong{font-size:24px;line-height:29px}
.product .visual aside ul{padding-top:20px}
.product .visual aside ul:after{content:"";display:block;clear:both}
.product .visual aside li{float:left;margin-right:20px}
.product .visual aside li a{display:block;width:36px;height:36px;border:1px solid transparent;border-radius:18px;padding:3px;margin-bottom:10px}
.product .visual aside li a img{display:block;width:28px;height:28px}
.product .visual aside li i{display:none}
.product .visual aside li.on a{border:1px solid #000}
.product .visual aside li:nth-child(2).on a{border-color:#A6241A}
.product .visual aside li:nth-child(3).on a{border-color:#4A3938}
.product .visual aside li:nth-child(4).on a{border-color:#604F3B}
.product .visual aside li:nth-child(5).on a{border-color:#8B4424}
.product .visual aside li:nth-child(6).on a{border-color:#FEF5DF}
.product .visual aside li.on i{display:block;position:absolute;left:0;line-height:19px;letter-spacing:.02em}
.product .visual aside .btn_shop {position:relative;display:inline-block;font-size:28px;font-weight:bold;line-height:1;color:#000;margin:70px 0 0}
.product .visual aside .btn_shop span {position:relative;display:block;padding: 12px 0}
.product .visual aside .btn_shop span:before, .btn_shop span:after {content: "";display:block;height:2px;position:absolute;bottom:0;z-index:1;background:#000}
.product .visual aside .btn_shop span:before {width:100%;right:0;-webkit-transition:none;transition:none;}
.product .visual aside .btn_shop span:after {width:0;left:0;-webkit-transition:width .5s cubic-bezier(.215, .61, .355, 1);transition:width .5s cubic-bezier(.215, .61, .355, 1)}
.product .visual aside .btn_shop:hover span:before {width: 0;-webkit-transition:width .5s cubic-bezier(.215, .61, .355, 1);transition:width .5s cubic-bezier(.215, .61, .355, 1)}
.product .visual aside .btn_shop:hover span:after {width: 100%;-webkit-transition-delay: .3s;transition-delay: .3s}
.product .visual .thumb{padding-top:170px}
.product .visual .thumb_nav,.product .style .thumb_nav{position:absolute;top:230px;left:50px;width:80px}
.product .visual .thumb_nav .slick-slide{float:none}
.product .visual .thumb_nav li{height:80px;cursor:pointer;margin-bottom:8px}
.product .visual .thumb_nav li.slick-current img{border:1px solid #000}
.product .visual .thumb_nav li img{width:80px;border:1px solid rgba(0,0,0,.1)}
.product .visual.nc aside li.on a{border:1px solid #EFCBA0}
.product .visual.nc aside li:nth-child(2).on a{border-color:#aaa}
.product .visual.iron_thin{margin-bottom:0}
.product .visual.iron_thin  aside li.on a{border:1px solid #B3B4BF}
.product .visual.iron_thin aside li:nth-child(2).on a{border-color:#000}
.product .visual.nc .thumb_nav,.product .iron_thin .thumb_nav{top:calc(50% - 176px)}

.product .style{transition:all .5s;height:980px;background:#000 url("//image.rounz.com/paranoid/bg_style_1.jpg") 50% 0 no-repeat;margin:0 50px}
.product .style h3{text-align:center;padding-top:100px}
.product .style .thumb_nav{top:142px}
.product .style .thumb_nav li a{display:block;width:80px;height:80px;background:url("//image.rounz.com/paranoid/bg_style_1.jpg") 50% 50% / cover no-repeat;border:1px solid transparent;margin-bottom:8px}
.product .style .thumb_nav li a.on{border:1px solid #fff}
.product .style .thumb_nav li:nth-child(2) a{background-image:url("//image.rounz.com/paranoid/bg_style_2.jpg")}
.product .style .thumb_nav li:nth-child(3) a{background-image:url("//image.rounz.com/paranoid/bg_style_3.jpg")}
.product .style .thumb_nav li:nth-child(4) a{background-image:url("//image.rounz.com/paranoid/bg_style_4.jpg")}
.product .style .thumb_nav li:nth-child(5) a{background-image:url("//image.rounz.com/paranoid/bg_style_5.jpg")}
.product .style .thumb_nav li:nth-child(6) a{background-image:url("//image.rounz.com/paranoid/bg_style_6.jpg")}
.product .style .thumb_nav li:nth-child(7) a{background-image:url("//image.rounz.com/paranoid/bg_style_7.jpg")}
.product .style .thumb_nav li:nth-child(8) a{background-image:url("//image.rounz.com/paranoid/bg_style_8.jpg")}

.product.second{background:#6B6A6F;padding-bottom:50px}
.product.second .project{height:1255px;background:url("//image.rounz.com/paranoid/bg_project_second.jpg") 50% 0 no-repeat}
.product.second .project aside{padding-bottom:175px}
.product.second .project aside p{text-shadow:text-shadow:5px 5px 5px rgba(0,0,0,.8)}
.product.second .video{height:auto;background:#ECECEF;margin:0 50px 50px}
.product.second .video figure{font-size:0;line-height:0;margin-top:-115px}
.product.second .video figure video{width:100%}

.product.third{background:#171719;padding-bottom:50px}
.product.third .project{height:1255px;background:url("//image.rounz.com/paranoid/bg_project_third.jpg") 50% 100% / 100% auto no-repeat;}
.product.third .visual.conrad_takiron aside li:nth-child(2).on a{border-color:rgba(51,46,44, 1.0);}
.product.third .visual.conrad_takiron aside li:nth-child(3).on a{border-color:rgba(45,45,45, 1.0)}
.product.third .visual.conrad_takiron aside li:nth-child(4).on a{border-color:rgba(70,70,70, 1.0)}
.product.third .visual.conrad_titanium aside li:nth-child(2).on a{border-color:rgba(102,101,98, 1.0)}
.product.third .visual.conrad_titanium aside li:nth-child(3).on a{border-color:rgba(74,57,31, 1.0)}
.product.third .visual.conrad_titanium aside li:nth-child(4).on a{border-color:rgba(78,74,60, 1.0)}

.product.fourth{background:#3E3B32}
.product.fourth .project{height:1281px;background:url("//image.rounz.com/paranoid/bg_project_fourth.jpg") 50% 50% / cover no-repeat}
.product.fourth .project.plus{height:1095px;background:url("//image.rounz.com/paranoid/bg_project_plus.jpg") 50% 50% / cover no-repeat}
.product.fourth .visual.usgi_first aside li:nth-child(1).on a,.product.fourth .visual.usgi_second aside li:nth-child(1).on a{border-color:#000;}
.product.fourth .visual.usgi_first aside li:nth-child(2).on a,.product.fourth .visual.usgi_second aside li:nth-child(2).on a{border-color:#A5A5A6;}
.product.fourth .visual.usgi_first aside li:nth-child(3).on a,.product.fourth .visual.usgi_second aside li:nth-child(3).on a{border-color:#CE883D;}
.product.fourth .visual.usgi_first aside li:nth-child(4).on a,.product.fourth .visual.usgi_second aside li:nth-child(4).on a{border-color:#FFF6DF;}

.product.fifth{background:#626042;overflow:hidden;}
.product.fifth .project{height:1281px;background:url("//image.rounz.com/paranoid/bg_project_fifth.jpg") 50% 50% / cover no-repeat}
.product.fifth .visual.poplar aside li:nth-child(1).on a,.product.fifth .visual.linden aside li:nth-child(1).on a,.product.fifth .visual.vine aside li:nth-child(1).on a{border-color:#000;}
.product.fifth .visual.poplar aside li:nth-child(2).on a,.product.fifth .visual.linden aside li:nth-child(2).on a,.product.fifth .visual.vine aside li:nth-child(2).on a{border-color:#3D3234;}
.product.fifth .visual.poplar aside li:nth-child(3).on a,.product.fifth .visual.linden aside li:nth-child(3).on a,.product.fifth .visual.vine aside li:nth-child(3).on a{border-color:#976E50;}
.product.fifth .visual.poplar aside li:nth-child(4).on a,.product.fifth .visual.linden aside li:nth-child(4).on a{border-color:#A5A5A6;}
.product.fifth .visual.vine aside li:nth-child(4).on a{border-color:#FFF6DF;}
.product.fifth .visual.linden aside li:nth-child(5).on a{border-color:#5C5022;}
.product.fifth .visual.vine aside li:nth-child(5).on a{border-color:#AC718;}

@media(max-width:1280px){
	.product .visual,.product .style,.product.second .video{margin:0}
	.product .visual aside{top:318px;right:55px}
	.product .visual .thumb{padding-left:90px}
	.product .visual .thumb img{max-width:550px}
	.product .visual .thumb_nav{left:35px}
	.product .visual.nc .thumb_nav,.product .iron_thin .thumb_nav{top:calc(50% - 204px)}
}

@media(max-width:1024px){
	body{min-width:auto;font-size:14px}
	h3{font-size:24px;line-height:29px;padding-bottom:25px}
	.container{width:auto}
	.slick-dots{display:block !important;position:absolute;bottom:40px;left:0;right:0;height:4px;text-align:center}
	.slick-dots li{display:inline-block;width:12px;height:4px;margin:0 4px}
	.slick-dots li button{width:4px;height:4px;font-size:0;line-height:0;background:#A9AFBE}
	.slick-dots .slick-active button{width:12px;height:12px;border-radius:6px;border:3px solid #000;transition:all .1s ease-in;background:#fff}
	header{height:90vh}
	header nav h1{padding:20px}
	header nav h1 a svg{width:154px}
	header aside{left:20px;bottom:20px}
	header aside h2{margin:0;padding-bottom:20px}
	header aside h2 .m{display:inline-block;font-size:32px;letter-spacing:.3em}
	header aside h2 span{display:none}
	header nav .link{right:0;top:0px;background:none}
	header nav .link .menu_project .btn_project{font-size:16px;padding-right:8px;margin-right:0}
	header nav .link .menu_project .btn_project:after{display:none}
	header nav .link .menu_project:hover .btn_project:after{display:none}
	header nav .link .menu_project:hover ul{display:none}
	header nav .link .btn_shop{width:auto;font-size:16px;background:none;padding-left:8px}
	footer{padding-top:0}
	footer iframe{height:100vh}
	footer aside{right:auto;left:0;bottom:65px;margin:20px;margin-right:40px}
	footer aside dd{font-size:14px;line-height:18px;padding-bottom:0}
	footer aside dd i{display:block;margin-right:0}
	footer aside dd span{height:14px;margin:0 5px}
	.product .concept{height:auto;background:url("//image.rounz.com/paranoid/bg_concept.jpg") 50% 50% / cover no-repeat !important}
	.product .concept:after{display:none}
	.product .concept aside,.project aside{position:relative;right:auto;bottom:auto;padding:20px}
	.product .concept aside dt{float:none;width:auto;min-height:auto;font-size:20px;padding-top:20px}
	.product .concept aside dt br{display:none}
	.product .concept aside dd{float:none;width:auto;padding-bottom:0}
	.product .project{height:auto;background-size:cover;background-position-x:28%}
	.product .project aside{width:auto;padding-bottom:20px}
	.product .project svg{width:100%}
	.product .project .top{padding:10px 0;margin:30px 0}
	.product .visual,.product .style{height:auto;overflow:hidden;margin:0}
	.product .visual aside{position:relative;top:auto;right:auto;bottom:auto;text-align:center;padding:20px;padding-top:0}
	.product .visual aside br{display:none}
	.product .visual aside p{line-height:21px}
	.product .visual aside h3{padding:20px 0}
	.product .visual aside strong{font-size:18px;line-height:23px}
	.product .visual aside ul{overflow:hidden;padding:20px 0}
	.product .visual aside li{float:none;display:inline-block;margin:0 5px}
	.product .visual aside li.on i{left:auto;text-align:left}
	.product .visual aside .btn_shop {font-size:20px;margin:20px 0 30px}
	.product .visual .thumb{padding:20px}
	.product .visual .thumb img{width:100%;margin:0 auto}
	.product .visual .thumb_nav{display:none}
	.product .style{height:80vh;background-size:cover}
	.product .style h3{padding-top:20px}
	.product .style .thumb_nav{left:0;right:0;top:auto;bottom:0;width:auto;text-align:center;padding:0 20px}
	.product .style .thumb_nav li{display:inline-block;width:calc(100% / 8 - 3px)}
	.product .style .thumb_nav li a{width:auto}
	.layer_popup img{width:100%}
	.product.second{padding-bottom:0}
	.product.second .project{height:auto;background-size:cover;background-position-x:28%}
	.product.second .video{margin:0}
	.product.third{padding-bottom:0}
	.product.third .project{height:auto;background-size:cover;background-position-x:28%}
	.product.third .video{margin:0}
	.product.fourth{padding-bottom:0}
	.product.fourth .project{height:auto;background-size:cover;background-position-x:28%}
	.product.fifth{padding-bottom:0}
	.product.fifth .project,.product.fifth .project.plus{height:auto;background-size:cover;background-position-x:28%}
	.menu_project_m{z-index:20;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000}
	.menu_project_m li{display:block;font-size:18px;line-height:1;border-bottom:.5px solid #fff}
	.menu_project_m li a{display:block;padding:12px 20px 14px}
	.menu_project_m li:first-child{font-size:22px;padding:16px 20px 35px}
	.menu_project_m .btn_close{position:absolute;top:0;right:0;padding:20px}
	.menu_project_m.on{display:block;}
}

@media(max-width:320px){
	header nav h1 a svg{width:140px}
}