@charset "utf-8";
@import url("../fonts/noto-sans-kr/noto-sans-kr.css");
@import url("../fonts/noto-serif-kr/noto-serif-kr.css");
@import url("../fonts/roboto/roboto.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("page.css");

*{outline:none;-webkit-text-size-adjust:none;font-family:'Pretendard','Sans-serif';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
button,input[type='text'],input[type='password'],input[type='email'],input[type='tel'],input[type='number'],input[type='submit'],input[type='reset']{-webkit-appearance:none;border-radius:0;}

body{margin:0;padding:0;position:relative;}
@media all and (max-width:750px){
	body.fixed{overflow:hidden;}
}

.sitewidth{max-width:1350px;margin:0 auto;padding:0 15px; box-sizing: border-box;}
.sitewidth.sitewidth2 {max-width: 800px;}

@media all and (max-width:750px){
	.sitewidth{padding:0 30px;}
}

.wfsr{display:none !important;}

#member_menu{height:40px;}

#wrap{position:relative;overflow:hidden;transition:zoom ease 0.3s;}
#wrap.zoom{transform:scale(0.9);}

/* #header_top{height:35px;background-color:#6e6e6e;overflow:hidden;}
#header_top .sitewidth{height:100%;}
#header_top .inner{position:relative;height:100%;}
#header_top .inner:after{content:"";display:block;clear:both;}
#header_top .right{float:right;}
#header_top .channel_list{float:left;margin-top:5px;}
#header_top .channel_list ul{margin:0;padding:0;list-style:none;}
#header_top .channel_list ul:after{content:"";display:block;clear:both;}
#header_top .channel_list ul li{float:left;}
#header_top .channel_list ul li:nth-child(n+2){margin-left:10px;}
#header_top .channel_list ul li .channel{font-size:0;color:transparent;display:block;width:25px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:100%;}
#header_top .channel_list ul li .channel:before{content:"";display:block;padding-bottom:100%;}
#header_top .channel_list ul li .channel.facebook{background-image:url(../img/icon_channel_facebook.png);}
#header_top .channel_list ul li .channel.naver_post{background-image:url(../img/icon_channel_naver_post.png);}
#header_top .search{float:left;margin-left:10px;}
#header_top .search:after{content:"";display:block;clear:both;}
#header_top .search input[type="text"],
#header_top .search input[type="submit"]{height:35px;}
#header_top .search input[type="text"]{float:left;width:200px;border:0;margin:0;padding:0 15px;background-color:#2d2d2d;font-size:15px;font-weight:400;color:#ffffff;box-sizing:border-box;}
#header_top .search input[type="submit"]{float:right;width:35px;font-size:0;color:transparent;border:0;margin:0;background-repeat:no-repeat;background-color:#393939;background-image:url(../img/icon_search_submit.png);background-position:center center;background-size:100%;cursor:pointer;}
@media all and (max-width:750px){
	#header_top .sitewidth{padding:0;}
	#header_top .channel_list{margin-top:5px;}
	#header_top .channel_list ul li:nth-child(n+2){margin-left:5px;}
	#header_top .search{margin-left:10px;}
}
@media all and (max-width:300px){
	#header_top .right{float:none;}
	#header_top .channel_list{display:none;}
	#header_top .search{margin-left:0;float:none;}
	#header_top .search input[type="text"]{width:calc(100% - 35px);}
} */

#header_wallpaper{position: relative; background-image:url(../img/img_header5.jpg);/* height:415px; */aspect-ratio: 1920/374; background-size:auto 100%;background-repeat:no-repeat;background-position:center center;background-color:#ffffff;}
#header_wallpaper .sitewidth {height: 100%;}
#header_wallpaper .inner {position: relative;width: 100%;height: 100%;}
#header_wallpaper .inner .logo {position: absolute;width: 50px;right:-2%;bottom: 3%;}

@media all and (max-width:750px){
	#header_wallpaper{background-image:url(../img/img_header5_mo2.jpg);aspect-ratio: 398/159; width: 100%; height:auto;background-size:100% auto;}
	/* #header_wallpaper:before{content:"";display:block;padding-bottom:55%;} */
	#header_wallpaper:before{display: none;}

	#header_wallpaper .sitewidth {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
	#header_wallpaper .inner {position: relative;width: 100%;height: 100%;}
	#header_wallpaper .inner .logo {position: absolute;width: 6%;right: 3%;bottom: 4%;}
}

#header{position:relative;z-index:10;background-color:#000000;border-bottom: 1px solid #555555;}
#header .sitewidth{height:100%;}
#header .inner{position:relative;display: flex;height:100%;justify-content: space-around;}
#header .divider{position:relative;z-index:1;height:94px;}

/* #header .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
#header .bg:before{content:"";display:block;position:absolute;right:calc(100% - 200px);top:0;background-color:#231916;height:100%;width:100vw;}
#header .bg:after{content:"";display:block;position:absolute;right:calc(100% - 200px);top:100%;background-color:#e45e01;height:15px;width:100vw;}
#header .divider{position:relative;z-index:1;height:94px;}
#header .left{position:absolute;left:0;top:0;width:200px;height:100%;}
#header .left:after{content:"";display:block;position:absolute;top:0;left:calc(100% -  2px);height:calc(100% + 15px);width:35px;background-image:url(../img/bg_header_skew.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center top;}
#header .right{float:right;width:calc(100% - 200px);padding-left:25px;box-sizing:border-box;} */
/* #header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} */
/* #header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);} */
#header .logo{display: block;width: 111px;padding-top: 25px;}
#header .logo a{text-decoration:none;}
#header .logo a img{border:0;width:100%;vertical-align:middle;}

#header .menu{position:relative;box-sizing:border-box;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
#header .menu ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
#header .menu ul:after{content:"";display:block;clear:both;}
#header .menu ul li{float:left;margin-right: 45px; font-size:17px;font-weight:600;color:#ffffff;line-height:1;white-space:nowrap;}
#header .menu ul li:last-child {margin-right: 0;}
/* #header .menu ul li:nth-child(n+2):before{content:"";display:block;float:left;width:2px;background-color:#e45e01;height:1.2em;margin:-0.05em 0.8em 0;} */
#header .menu ul li a{color:inherit;text-decoration:none;}
#header .menu ul li.active a{color:#e86c1e;}
#header .menu .menu_close_button{display:none;background-image:url(../img/icon_menu_close_button.png);background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;position:absolute;z-index:2;width:4.2500vw;right:8.7500vw;top:5.6250vw;}
#header .menu .menu_close_button:before{content:"";display:block;padding-bottom:100%;}
#header .menu_button{display:none;background-image:url(../img/icon_menu_button.png);background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;position:absolute;width:40px;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
#header .menu_button:before{content:"";display:block;padding-bottom:100%;}

#header .search{position: relative; width: 210px; margin-top: 28px;}
#header .search input[type="text"] {width: 100%;padding: 12px 10px; font-size: 15px;color: #ffffff; border: 1px solid #ffffff; border-radius: 4px;background-color: #000000;}
#header .search input[type="text"]::placeholder {font-size: 15px;color: #ffffff;opacity: 0.6;}
#header .search input[type="submit"] {position: absolute;top: 12px;right: -5px; width: 21px;height: 21px;text-indent: -999px;background:url(../img/icon_search.png)no-repeat center/cover;overflow: hidden;border: 0; cursor: pointer;}


@media all and (max-width:1350px){
	#header .menu ul li{margin-right: 20px;font-size: 15px;}

	#header .search{width: 15.5556vw;}
	#header .search input[type="text"] {font-size: 1.1111vw;}
	#header .search input[type="text"]::placeholder {font-size: 1.1111vw;}
	#header .search input[type="submit"] {top: 0.8889vw;}

}


@media all and (max-width:750px){
	/* #header .bg:before{right:calc(100% - 180px);}
	#header .bg:after{right:calc(100% - 180px);}
	#header .left{width:180px;}
	#header .left:after{width:30px;background-image:url(../img/bg_header_skew_mobile.png);} */
	#header .sitewidth {height: 94px;}
	#header .inner {display: block;height: 100%;}
	#header .left{position: absolute;top: 10px;left: 0; z-index: 2;}

	#header .logo {width: 76px;}
	#header .menu{background-color:#e6e6e6;position:fixed;z-index:10;left:calc(100% + 180px);top:0;width:100%;height:100%;transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transition:left ease 0.5s;}
	#header .menu:before{content:"";display:block;width:180px;height:100%;position:absolute;z-index:0;right:100%;top:0;background-image:url(../img/bg_menu_skew.png);background-size:100% 100%;background-repeat:no-repeat;background-position:left top;}
	#header .menu ul{position:absolute;z-index:1;padding:21.2500vw 1.8750vw 8.1250vw 5.6250vw;left;0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:auto;display:block;}
	#header .menu ul li{float:none;font-size:4.2667vw;margin-right: 0;margin-bottom: 12.5vw;}
	#header .menu ul li:last-child {margin-bottom: 0;}
	/* #header .menu ul li:nth-child(n+2):before{float:none;display:block;margin:1em auto;width:2.4em;height:3px;} */
	#header .menu ul li a {color: #020205;}
	#header .menu .menu_close_button{display:block;}
	#header .menu.active{left:0;z-index: 2;}
	#header .menu_button{display:block; width: 25px;}


	body.fixed #header .search {z-index: 0;}
	body.fixed #header .left {z-index: 0;}
	#header .search{position: absolute;width: 20.5556vw;top: 1px;right: 60px;z-index: 2;}
	#header .search input[type="text"] {height: 36px; padding: 0 5px; padding-right: 20px;font-size: 14px;}
	#header .search input[type="text"]::placeholder {font-size: 0;opacity: 0; border-radius: 0;}
	#header .search input[type="submit"] {top: 10px; width: 20px; height: 20px; right: -20px; background-position: 0 0;background-size:contain;}
}


#content{position:relative;z-index:2;background-image: linear-gradient(to bottom, #010102, #090a0b, #101112, #151617, #191b1c);} 
#content.content_product {background: #ffffff;}

#content .sitewidth {}
#content .btnArea{display:none;}

@media all and (max-width:750px){
	#content .sitewidth {padding: 0 30px;}
	#content.content_product .sitewidth {padding: 0;}

}


#footer{position:relative;z-index:1;min-height:100px;background-color:#000000;}
#footer .sitewidth{height:100%;}
#footer .inner{position:relative;height:100%;display: flex;justify-content: space-between}
#footer .logo {position: absolute; top: 27px; left: 100px;width: 152px;}
#footer .logo a {display: block;width: 100%;}
#footer .logo img {width: 100%;}

#footer .divider {position: absolute;top: 25px; right: 0; display: flex;justify-content: end;}
#footer .info {}
#footer .info ul{margin:0;padding:0;list-style:none;}
#footer .info ul li{font-size:13px;font-weight:300;color:#ffffff;line-height:1.5;}
#footer .info ul li a{color:inherit;text-decoration:none;}
#footer .info ul li span {display: inline-block;margin: 0 2px;width: 1px;height: 12px;background-color: #7f7f7f;}

#footer .menu{margin-left: 320px;}
#footer .menu ul{margin:0;padding:0;list-style:none;}
#footer .menu ul:after{content:"";display:block;clear:both;}
#footer .menu ul li{float:left;font-size:13px;font-weight:300;color:#ffffff;line-height:1.5;}
#footer .menu ul li:nth-child(n+2):before{content:"";display:block;float:left;width:1px;height: 12px;background-color:#7f7f7f;margin:0.45em 4px 0;}
#footer .menu ul li a{color:inherit;text-decoration:none;}

@media all and (max-width:1350px){
	#footer .logo{left: 5.9259vw;width: 11.2593vw;}
	#footer .menu{margin-left: 22.2222vw;}

	#footer .info ul li{font-size:0.9630vw;}
	#footer .menu ul li{font-size:0.9630vw;}
}

@media all and (max-width:750px){
	#footer .sitewidth {padding: 20px 15px 30px}
	#footer .inner {display: block;}
	#footer .logo  {position: static; margin-left: 15px;width: 85px;}
	#footer .divider {position: static;display: block;margin-top: 45px;}

	#footer .info ul li{font-size:11px; letter-spacing: -0.2px;}
	#footer .menu{margin-left: 0;margin-top: 20px;}
	#footer .menu ul li{font-size:12px; letter-spacing: -0.2px;}
}


/* go_to_top 버튼 */
#go_to_top{position:fixed;z-index:5;right:calc(((100% - 1350px)/2) - 150px );bottom:50px;margin-left:415px;width:60px;color:transparent;font-size:0;background-image:url(../img/icon_gototop.png);background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
#go_to_top:before{content:"";display:block;padding-bottom:100%;}

@media all and (max-width:1700px){
	#go_to_top{right: 50px;}
}

@media all and (max-width:750px){
	#go_to_top{width: 56px;right: 30px;}
}