@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


/*color:#E53032;color:rgb(45,130,194)*/
*{font-size:inherit;font-weight:inherit;font-family:inherit;border:0;outline:none;transition:all 0.3s,font-size 0s}
/*html,body{font-size:14px;color:#333;font-family:맑은 고딕,Malgun Gothic,'Noto Sans KR',applegothic,sans-serif,arial,'Pretendard';letter-spacing:-0.05em;}*/
html,body{font-size:14px;color:#333;font-family:'Pretendard';letter-spacing:-0.05em;}
html,body{ font-family:'Pretendard'; font-size:16px; font-weight:400; color:#000; letter-spacing:-0.05em; }
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#333}
a:hover{color:inherit;}
i{ font-family:"FontAwesomes"; font-style:initial; }
/*색상:color:#e53032;rgb(229, 48, 50);hsl(359, 78%, 54%);*/
.tcol,.pageNavigation strong,.colorActive,.mobile_menu .btnWrap a:before,.productView .productSaleInfo .mallControlBtn ul li #cartBtn
{color:#E53032 !important;}
.tcolb,.table_basic,#ajax_body,.productView .productInfo .productImageZoom a:hover,.tmp-select > a:before,.form-control:focus,.input:focus
{border-color:#e40918 !important;}
.tcolbg,.tb thead tr,#ajax_display .menu_black,.new_login_box .loginbtn,#clNav:hover > div,.tabRecent .on:before,.subHeader h3,.productView,.productTab li.on .productSaleInfo .mallControlBtn ul li .buyBtn
,.banner .bx-pager div a.active,.Photo:before,.Photo *:before
{background-color:#E53032 !important;}
.btnPack.strong,.box:after,.btnPack.blue,.btnPack.red
{background-color:#E53032;}
.btnPack.xlarge, .docInput .center .btnPack, .boardInput .center .btnPack {font-size:1rem !important;}
.table_basic tbody th, .table_list tbody th {font-size:16px; }



#Default .emailContent{background:rgba(45,130,194,0.1);}
#Default .emailContent dt{color:rgba(45,130,194,0.7);}

/*scroll*/
.sa{ opacity:0; transition:all .5s ease; }
.sa.show{ opacity:1; transform:translate(0, 0); }
.sa_up{ transform:translate(0, 100px); }
.sa_right{ transform:translate(-100px, 0); }
.sa_left{ transform:translate(100px, 0); }

/*-------Layout & Color-------*/
#header{background:#fff}

.direct{position:absolute;right:0;top:5px;font-size:90%;z-index:11}
.direct li{float:left;}
.direct li:before{content:'';background:rgba(0,0,0,0.15);width:1px;height:12px;display:inline-block;vertical-align:middle;margin:0 7px 3px}
.direct li:first-child:before{display:none}

/*header*/
#header .stickmenu {width:100%; padding: 0 50px;}
#header .stickmenu .container {max-width:1920px;width:auto;height:100px;}
#header .stickmenu .container .row {display:flex; align-items:center;height:100%;}
#header .stickmenu .container .row .logo img {height:40px;}
#header .stickmenu .container .row #Menu2 {margin-left:50px;}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li {position:relative;width:auto !important;padding-right:50px}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li .mlink {height:100px;line-height:100px;font-weight:500;}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul {padding:20px 10px;overflow:hidden;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.3);text-align:left;width:120%;border-radius:10px;margin-top:-20px;width:160%;margin-left:-20px;min-width:170px;font-weight:500}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li {display:block;background-image:none;position:relative;}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li a {display:block;line-height:40px;padding-left:15px; height:100%;opacity:0.6;}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li:after {content:'\f054';position:absolute;right:0;font-family:FontAwesomeS;top:0px;line-height:40px;font-size:10px;right:10px;opacity:0.6}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li:hover {opacity:1;}
#header .stickmenu .container .row #Menu2 .localNavi>ul>li>ul>li:hover:after {opacity:1;}


#header .stickmenu .container .row #Menu7 {margin-left:50px;}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li {position:relative;width:auto !important;padding-right:50px}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li .mlink {height:100px;line-height:100px;font-weight:500;}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul {padding:10px 0px;background:#fff;text-align:left;width:120%;width:150%;margin-left:-20px;min-width:170px;font-weight:400;border-top:3px solid #e53032;padding:0;margin-top:-10px;box-shadow:0 3px 5px rgba(132,132,132,.25);}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li {display:block;background-image:none;position:relative;}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li a {display:block;line-height:40px;padding-left:20px; height:100%;}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li:after {content:'\f054';position:absolute;right:0;font-family:FontAwesomeS;top:0px;line-height:40px;font-size:10px;right:20px;color:#fff}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li>a:hover {font-weight:700;background:#454545;color:#fff}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li:hover:after {opacity:1;color:#fff}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li>ul {background:#454545;width:100%; left:100%; top:0;display:none;color:#fff}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li:hover>.depth3 {display:block;}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li>.depth3:hover {display:block;}
#header .stickmenu .container .row #Menu7 .localNavi #Inb005 .depth2 li:after {display:none;}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li:nth-child(5)>ul>li:after {content:''}
#header .stickmenu .container .row #Menu7 .localNavi>ul>li>ul>li>ul>li:hover:after {content:'\f054';position:absolute;right:0;font-family:FontAwesomeS;top:0px;line-height:40px;font-size:10px;right:20px;color:#fff}


#header .stickmenu .container .row .header_R {position:absolute; right:0;display:flex;align-items:center;height:100%;}
#header .stickmenu .container .row .header_R ul{display:flex;}
#header .stickmenu .container .row .header_R ul li{position:relative;margin-left:30px;font-weight:500}
#header .stickmenu .container .row .header_R ul li:first-child {margin:0;}
#header .stickmenu .container .row .header_R ul li:before {position:absolute; content:'';top:50%;left:-15px;transform:translateY(-50%);width:1px; height:12px; background:#333;}
#header .stickmenu .container .row .header_R ul li:first-child:before{display:none;}
#header .stickmenu .container .row .header_R>a {padding: 0 45px;background:#e40918;color:#fff;font-weight:700;height:100%;line-height:100px}

#header .stickmenu .container .row .header_R .follow {margin-left:30px;}
#header .stickmenu .container .row .header_R .follow ul li {margin-right:10px;}
#header .stickmenu .container .row .header_R .follow ul li:last-child {margin:0;}
#header .stickmenu .container .row .header_R .follow ul li:before {display:none;}
#header .stickmenu .container .row .header_R .follow ul li a {width:38px; height:38px; display:flex;align-items:center;justify-content:center;background:#222;border-radius:50%; color:#fff;font-size:20px;}
#header .stickmenu .container .row .header_R .follow ul li a img {width:18px;}

#header .stickmenu.sticky {background-color:#fff;border-bottom:1px solid rgba(0,0,0,.15);}


/*footer*/
#footer {background:#000;padding:0}
#footer .f_menu {border-bottom:1px solid rgba(255,255,255,0.2);padding:60px 0;}
/*#footer .f_menu>.container { display:flex;flex-direction:column;align-items:flex-end;padding:0}*/
#footer .f_menu>.container {padding:0}

#footer .container>div #opAll{ display:none; }
#footer .container>div .All_menu{ position:initial; background:transparent; border:none; display:block; }
#footer .container>div .All_menu h3{ display:none; }
#footer .container>div .All_menu .container {padding:0;}
#footer .container>div .All_menu .container>ul{ padding-bottom:0; margin:0; display:flex;}
#footer .container>div .All_menu .container>ul>li{ width:auto; padding:0; display:block;width:calc((100% - 0px) / 6) ;margin:0;width:16.66%;}
#footer .container>div .All_menu .container>ul>li:last-child {margin-right:0;}
#footer .container>div .All_menu .container>ul>li::after{ display:none; }
#footer .container>div .All_menu .container>ul>li>a{ line-height:initial; font-size:18px; font-weight:800; border-bottom:none; padding:0; }
#footer .container>div .All_menu .container>ul>li>a em{ display:none; }
#footer .container>div .All_menu .container>ul>li>ul{ padding-bottom:0; margin:25px 0 0 0; }
#footer .container>div .All_menu .container>ul>li>ul>li{ border-bottom:none; display:block; margin-bottom:15px; }
#footer .container>div .All_menu .container>ul>li>ul>li::after{ display:none; }
#footer .container>div .All_menu .container>ul>li>ul>li:last-child{ margin-bottom:0; }
#footer .container>div .All_menu .container>ul>li>ul>li>a{ line-height:initial; font-size:16px; font-weight:500; padding-left:0;color:rgba(255,255,255, 0.6) }
#footer .container>div #clAll{ display:none; }

#footer .follow {width:16.66%;padding-top:25px; border-top:1px solid rgba(255,255,255,0.2);margin-top:30px;}
#footer .follow:after {}
#footer .follow h5 {font-size:18px; font-weight:800;}
#footer .follow ul {margin-top:20px;}
#footer .follow ul li:after{background:none;}
#footer .follow ul li:last-child a i {font-size:20px}
#footer .displaySetButton {left:unset !important}
#footer>.container {padding:60px 0;display:flex;}
#footer .footer_L {width:30%;}
#footer .footer_L .logo img {height:40px;}
#footer .footer_R {width:70%;}
#footer .footer_R ul {font-size:15px !important;padding:15px 0;}
#footer .footer_R ul li a, #footer .footer_R .info span {color:rgba(255,255,255,0.6);font-weight:700;word-break:keep-all;white-space:break-spaces}
#footer .footer_R copy,#footer .footer_R span, #footer .footer_R em {color:rgba(255,255,255,0.3);}

#footer .back-to-top{background:#000}
#footer .back-to-top:hover {border-color:rgba(255, 255, 255, 0.15)}
#footer .back-to-top:before{color:#fff}
#footer .back-to-top:hover:before{color:#fff}


/*subVisual*/
#layout {overflow:hidden}
#subVisual{background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size: cover;  height:380px;position:relative;animation-name:scaleIn;animation-duration:2s; overflow:hidden;background-position:center center; }
/*#subVisual *{vertical-align:middle;  text-shadow:3px 3px 3px rgba(0,0,0,0.2);}*/
/*#subVisual div{ position:relative; padding:150px 0; }*/
/*#subVisual h1 {line-height:1;font-size:3.75rem; font-weight:700;display:block;color:#fff}*/
#subVisual .container{ width:1400px; height:100%; color:#fff; display:flex; align-items:center; margin-top:auto; }
#subVisual .container .text strong{ line-height:60px; font-size:3.75rem; font-weight:700;  }
#subVisual .container .text p{ font-size:1rem; font-weight:300; opacity:.6; margin-top:40px; }
#subVisual .container .Path{ position:absolute; bottom:50px; right:100px; font-size:0.875rem; font-weight:400; }
#subVisual .container .Path .actGray:first-child{ font-size:0; }
#subVisual .container .Path .actGray:first-child::before{ content:"\f015"; font-family:"FontAwesomes"; font-size:0.875rem; }
#subVisual .container .Path .colorGray{ font-size:0; color:#fff; }
#subVisual .container .Path .colorGray::before{ content:"\f105"; font-family:"FontAwesomes"; font-size:0.875rem; margin:0 10px; }
#subVisual .container .Path strong{ font-weight:700; }
#subVisual .container .Path {display:none;}

#subVisual.s001 {background-image:url(../image/sub/sub_visual01.jpg);}
#subVisual.s002 {background-image:url(../image/sub/sub_visual02.jpg);}
#subVisual.s003 {background-image:url(../image/sub/sub_visual03.jpg);}
#subVisual.s004 {background-image:url(../image/sub/sub_visual04.jpg);}
#subVisual.s005 {background-image:url(../image/sub/sub_visual05.jpg);}
#subVisual.s006 {background-image:url(../image/sub/sub_visual06.jpg);}
#subVisual.s007 {background-image:url(../image/sub/sub_visual01.jpg);}

/*s_menu*/
.subMenu.Location{ z-index:5; }
.s_menu{ height:70px; background-color:#fff; border-bottom:1px solid rgba(132,132,132,.25);position:relative; }
.s_menu .container{ width:1400px;padding:0 }
.s_menu .container .row .subMenu::after{ display:none; }
.s_menu .container .row .subMenu>div{ border-right:1px solid rgba(132,132,132,.25); }
/*.s_menu .container .row .subMenu>div:last-child{ border-right:none; }*/
.s_menu .container .row .subMenu .home{ position:relative; width:70px; height:70px; }
.s_menu .container .row .subMenu .home::before{ content:"\f015"; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:"FontAwesomes"; font-size:1.25rem; }
.s_menu .container .row .subMenu .home a{ width:100%; height:100%; font-size:0; padding:0; }
.s_menu .container .row .subMenu .depth{ min-width:250px; height:69px; }
.s_menu .container .row .subMenu .depth a{ height:100%; font-size:1rem; font-weight:700; text-decoration:none; display:flex; align-items:center; padding:0 20px; color:inherit}
.s_menu .container .row .subMenu .depth a::before{ top:50%; transform:translateY(-50%); right:20px; }
.s_menu .container .row .subMenu .depth ul{ width:250px; background-color:#fff; border-top:1px solid rgba(132,132,132,.25); padding:20px; margin-left:-1px; }
.s_menu .container .row .subMenu .depth ul li{ margin-bottom:20px; }
.s_menu .container .row .subMenu .depth ul li:last-child{ margin-bottom:0; }
.s_menu .container .row .subMenu .depth ul li a{ font-size:0.875rem; font-weight:400; border:none; padding:0; }
.s_menu .container .row .subMenu .depth ul li a:hover{ color:#3d3939; background-color:transparent; }
.s_menu .container .row .subMenu .depth:last-child .active{ background:#e40918;border-bottom:2px solid #e40918;background:#fff !important; }

/*4차메뉴*/
.schildMenu{ width:1400px; margin:-110px auto 0 auto; display:flex; justify-content:center; }
.schildMenu ul{ height:auto; }
.schildMenu ul li{ width:auto !important; border:none; margin-right:20px; }
.schildMenu ul li:last-child{ margin-right:0; }
.schildMenu ul li::before{ display:none; }
.schildMenu ul li a{ font-size:1rem; font-weight:400; color:#666; }
.schildMenu ul li a.active{ font-weight:700; color:#e40918; }

/*mobile_menu*/
.header_R2 {padding:10px;}
.header_R2 div:nth-of-type(1) ul {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:15px;}
.header_R2 div:nth-of-type(1) ul li {width:50%;border:1px solid #eee;padding:10px; margin-bottom:5px;width:100%;border-radius:10px;}
.header_R2 div:nth-of-type(1) ul li a {display:flex;align-items:center;color:#222;margin:0 10px;justify-content: center;font-size:15px;}
.header_R2 div:nth-of-type(1) ul li:hover{border:1px solid #e40918}
.header_R2 div:nth-of-type(1) ul li:hover a {color:#e40918;}
.header_R2 .follow ul {display:flex;}
.header_R2 .follow ul li {position:relative;margin-right:10px; font-weight:500;}
.header_R2 .follow ul li a {width:38px; height:38px; display:flex;align-items:center;justify-content:center;background:#222;border-radius:50%;color:#fff;font-size:18px;}
.header_R2 .follow ul li a img {width:18px;}


/*.s_menu {position:relative; height:65px; border-bottom:1px solid #eee;background:#fff}*/
/*.conts .docThumb .cell .viewImage a{display:flex;align-items:center;height:200px;}*/
/*.subTitle {padding:160px 0;}*/
/*.subTitle h1 {display:inline-block;font-size:260%;font-weight:700;color:#333;}*/
/*#container .subTitle {display:table;position:relative;line-height:50px;font-size:3.125rem;font-weight:900;margin:150px auto;}*/
/*#container .subTitle::before{position:absolute;content:"";bottom:0px; right:-15px;width:10px;height:10px; background:#e40918;border-radius:50%;}*/


/*#container.won2 {padding-top:6%;}*/
#container .subTitle {margin:150px auto;}

/*contact*/
#contact {background:#fff;padding-bottom:6%;}
#contact .txt{background:url(../image/sub/contact.jpg) no-repeat center;color:#fff;padding:80px;border-radius:20px;background-size:cover}
#contact .txt span {font-size:1.25rem;font-weight:800;color:#e40918}
#contact .txt h1 {font-size:2.125rem;font-weight:700;margin:10px 0;display:block;line-height:1}
#contact .txt p {margin-bottom:50px;word-break:keep-all}
#contact .txt a {width:180px;height:50px; border-radius:50px; border:1px solid #fff;display:flex;align-items:center;justify-content:center;padding:0 30px; font-weight:600;line-height:50px}
#contact .txt a:hover {background:#fff;color:#333;}



@media only screen and (max-width: 1700px) {
#subVisual .container, .s_menu .container {width:calc(100% - 200px);}

}


@media only screen and (min-width: 1500px) {
.container {width: 1400px;}

}


@media only screen and (max-width: 1400px) {
/*#header .stickmenu {padding:0;}*/
/*#header .stickmenu .container {width:calc(100% - 100px);padding:0}*/
#header .stickmenu .container .row .logo img {height:35px;}
#header .header_R {display:none !important}
#header #opNav {right:0;}
#header #opNav span {width:30px; height:4px; position:absolute;background:#000;border-radius:50px;border-radius:20px}

/*footer*/
/*#footer .f_menu>.container {max-width:max-content;}*/
#footer .footer_L .logo img {height:35px;}

#contact .txt {width:calc(100% - 100px)}
}


@media only screen and (max-width: 1200px) {
/*footer*/
#footer>.container {flex-wrap:wrap;}
#footer .footer_L {width:100%;}
#footer .footer_R {margin-top:30px;width:100%}

#container .subTitle{line-height:46px;font-size:2.875rem;}

#subVisual .container, .s_menu .container {width:calc(100% - 100px);}
/*#subVisual {height:310px;}*/
/*#subVisual div{padding:120px 0; }*/
/*#subVisual h1 {font-size:3.5rem;}*/
}


@media only screen and (max-width: 1000px) {
#header .stickmenu {padding:0 50px}
#header .stickmenu .container {padding:0}

#footer .f_menu {display:none;}
#footer>.container {width:calc(100% - 100px);}

.s_menu{ height:60px; }
.s_menu .container{ height:100%; }
.s_menu .container .row .Mobile{ line-height:60px; }
.s_menu .container .row .Mobile>p{ margin:0; }
.s_menu .container .row .Mobile>p>a{ font-size:1rem; font-weight:700; }
.s_menu .container .row .Mobile>a::before{ position:absolute; top:50%; transform:translateY(-50%); line-height:initial; }

#contact .txt {padding:50px;width:calc(100% - 50px)}
#contact .txt p {margin-bottom:45px;}
}


@media only screen and (max-width: 800px) {
/*#header .stickmenu .container {width:calc(100% - 50px)}*/
#header .stickmenu {padding:0 25px;}

#footer>.container {width:calc(100% - 50px)}
#footer .footer_R ul li a, #footer .footer_R .info span {width:100%;}
#footer ul {line-height:1.3;}
#footer ul li:after {margin:0 7px }

#container .subTitle{line-height:42px;font-size:2.625rem;margin:120px auto;}
#container .subTitle::before{top:-5px;left:-10px;width:12px;height:12px;}

/*#subVisual {height:300px;}*/
#subVisual .container, .s_menu .container {width:calc(100% - 40px);}
#subVisual .container .text {text-align:center;margin:auto;}
#subVisual .container .text strong {font-size:3.15rem;}
/*#subVisual {height:260px;}*/
/*#subVisual div{text-align:center;margin:0 auto}*/
/*#subVisual h1 {font-size:3.25rem;}*/

#contact {padding:0 25px 60px 25px;}
#contact .txt {text-align:center;width:100%}
#contact .txt p {margin-bottom:40px;}
#contact .txt a {margin:0 auto;}
}


@media only screen and (max-width: 700px) {


}


@media only screen and (max-width: 600px) {
#contact .txt a {width:auto;}


}


@media only screen and (max-width: 500px) {
#container .subTitle{line-height:38px;font-size:2.375rem;text-align:center;word-break:break-all;margin:100px auto}

/*#subVisual h1 {font-size:3rem;}*/
}