@charset "utf-8";
/*********************************************
+ Layout css Document
+ Version : 1.0
+ Copyright : Web's republic Inc.
*********************************************/
#wrap {min-width:1400px;margin-top:100px;}

#header {position:fixed;top:0;left:0;width:100%; height:auto; background:#fff; box-shadow:0 1px 2px 0 rgba(0,0,0,0.08); z-index:100;min-width:1400px;}
/*#header.fixed {position:fixed; left:0; width:100%; background:#fff}*/

#header h1 {padding-top:15px;float:left;position:absolute;left:30px;}
#header h1 img {width:100%}
#header h1 img.pc {display:block;}
#header h1 img.mobile {display:none;}
#header .top_link {padding-top:33px;position:absolute;right:30px;top:0px;}
#header .top_link span a {padding:5px 15px;margin-left:3px;display:inline-block;border:solid 1px #ddd;}
#header .top_link span a i {color:#18267f}
#gnb_wrap {/*width:920px;*/ width:1020px; margin:0px auto;height:100%;position:relative;overflow:hidden;}

#gnb_wrap:after {clear:both; display:block; content:''}
#gnb_wrap a.gnb_top {display:none}
#gnb_wrap button {display:none}
#gnb {width:auto; margin:0 auto 0 0px; padding:0px; height:100px;background:;}
#gnb:after {clear:both; display:block; content:''}
#gnb > li {position:relative; float:left; /*padding:0px 10px;*/ padding:0px 20px;height:100%; text-align:center; transition:all .4s ease; }
#gnb > li > a > span {position:relative; padding-bottom:13px}
#gnb > li > a {display:block; position:relative;height:100%; font-family:notokr;padding-top:32px;color:#444;transition:all .4s ease; z-index:50;font-size:19px;line-height:1.3;border:solid 0px blue}
#gnb > li:hover > a {color:#e7141a;}
#gnb > li > ul.submnu {display:; position:relative; top:0; left:0; width:100%;opacity:1; filter:alpha(opacity='0'); z-index:110;padding-top:10px;}
#gnb > li.on > ul.submnu {display:block;}
#gnb > li > ul.submnu li {position:relative; padding:10px 0; text-align:left; /*border-bottom:1px solid #eee;*/text-align:center;/*border:1px solid #eee;margin-left:-1px;margin-top:-1px;*/height:30px;}
#gnb > li > ul.submnu li.emty {border-bottom:solid 0px #000;border-top:solid 0px #000;}
#gnb > li > ul.submnu li:hover a{color:#e7141a}
#gnb > li > ul.submnu li a {display:block; width:100%; height:100%; color:#888;font-size:14px;}
#gnb .m_menu_img {display:none;padding:20px;box-sizing:border-box;}
#gnb .m_menu_img img {width:100%;}
@media screen and (max-width:1400px) {
#gnb > li {padding:0px 10px;}
}

.shopicon {position:absolute;right:0px;top:35px;}
.shopicon i {font-size:30px;color:#e7141a}
.shopicon img {display:inline-block;}
.shopicon a {font-size:20px;}

.header_banner {position:absolute;left:-350px;top:120px;}
/* 헤더 */
/*#header {position:relative; width:100%; background:; z-index:8000;transition: all .3s ease;}*/
/*#header {position:fixed; width:100%; height:100px;margin:0px auto;z-index:990;opacity:1;transition: all .3s ease;background:#efefef;}
#header .inner_menu {margin:0px auto;position:relative;width:1400px;}
#header .inner {clear:both; content:''; display:block; z-index:1100;}
#header #logo {padding-top:30px; position:absolute;z-index:1100;transition: all .3s ease;}
#header #logo a {display:inline-block; width:187px;}
#header #logo a img.pc {width:auto; display:block;color:#222;}
#header.fixed {background:rgba(239,239,239,0.7);height:70px;}
#header.fixed #logo {padding-top:20px;}
#header.fixed nav#gnb {top:10px;}
#header.fixed nav#gnb > ul > li > a {font-size:15px;}


.sub_header {height:100px;}
.sub_header nav#gnb > ul > li a {color:#000;}
.sub_header #header.fixed nav#gnb > ul > li > a {color:#fff;} 

nav#gnb {position:absolute; top:20px; right:0px;transition:all .3s ease}
nav#gnb > ul {display:inline-block;vertical-align:top;padding-right:30px;}
nav#gnb > ul > {display:table; table-layout:fixed; text-align:center}
nav#gnb > ul > li {display:table-cell; width:auto; position:relative;text-align:center;}
nav#gnb > ul > li a {display:inline-block; padding:15px 30px; font-size:18px; color:#000; transition:all 0.3s ease;font-weight:inherit;font-style:inherit;font-family: 'Montserrat', 'notokr';font-weight:700;letter-spacing:0.1px;transition:all .3s ease}
nav#gnb > ul > li.on a {color:#d71818;}
nav#gnb > ul > li a:hover {color:#d71818}
nav#gnb > ul > li ul.snb {position:absolute; width:210px;left:50%; margin-left:-105px;background:#333; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.1); display:none;padding:0px}
nav#gnb > ul > li ul.snb > li {text-align:center;}
nav#gnb > ul > li ul.snb > li:first-child {padding-top:20px;}
nav#gnb > ul > li ul.snb > li:last-child {padding-bottom:20px;}
nav#gnb > ul > li ul.snb > li.on a {background:#d71818;color:#fff;}
nav#gnb > ul > li ul.snb > li a {text-align:center; display:block; width:100%; height:100%; padding:2px 8px;font-size:13px;color:#fff; transition:all 0.3s ease; line-height:1.75; word-break:keep-allfont-family:'Montserrat',notokr;font-weight:400;}
nav#gnb > ul > li ul.snb > li a:hover {color:#d71818;}*/

/* 서브 중앙 네비 */
#sub_nav {margin-top:50px;}
#sub_nav > .inner {height:70px;border-bottom:solid 0px #f1f1f1;}
#sub_nav > .inner .title {float:left;line-height:50px;}
#sub_nav > .inner .title h1 {font-size:30px;position:relative;font-weight:normal;font-family:notokr}
#sub_nav > .inner .title h1:after {content:'·';position:absolute;top:-15px;right:-15px;color:#d71818;} 
#sub_nav > .inner .right_navi {float:right;}
#sub_nav .home_link {float:left}
#sub_nav .home_link a {display:block; width:40px; height:50px; text-align:center; line-height:50px;}
#sub_nav .home_link a i {font-size:12px; font-weight:500; color:#888888;}
#sub_nav .dropdown {float:left; position:relative}
#sub_nav .dropdown > a {display:block; width:100%; height:50px; line-height:49px; padding:0px 10px; }
#sub_nav .dropdown.depth2 > a {padding-right:0px;}
#sub_nav .dropdown.depth2 > a span {color:#d71818;font-weight:bold;}
#sub_nav .dropdown.depth2 > a span:after {color:#888;font-weight:normal;}
#sub_nav .dropdown.open > a span {color:#d71818}
/*#sub_nav .dropdown.open > a span:after {content:'\e942'; font-family:'xeicon';font-size:14px; position:absolute; top:2px; right:20px; transform:rotate(180deg); transition:all 0.3s ease}*/
#sub_nav .dropdown > a span {font-size:16px; font-weight:; color:#777777; vertical-align:middle;font-family:notokr;}
#sub_nav .dropdown > a span:after {content:'\e93f'; font-family:'xeicon';font-size:14px; position:absolute; top:1px; left:-8px; transition:all 0.3s ease}
#sub_nav .dropdown .navList {display:none; position:absolute; top:40px; left:50%;margin-left:-50px; width:100px; z-index:7000}
#sub_nav .dropdown .navList > ul {border-top:1px solid #d9d9d9;}
#sub_nav .dropdown .navList > ul li {border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin-left:-1px; background:#fff;text-align:center;}
/*#sub_nav .dropdown .navList > ul li:first-child {border-top:1px solid #d9d9d9}*/
#sub_nav .dropdown .navList > ul li a {display:block; padding:5px 0; font-size:12px; font-weight:; color:#777777; transition:all 0.3s ease;font-family:"Montserrat"}
#sub_nav .dropdown .navList > ul li a:hover {color:#d71818}

/* 푸터 */
.main_footer #footer {background:#000}
#footer {display:block;padding:50px 0; background:#000;padding-bottom:226px;}
#footer .footer_inner {position:relative;font-size:0px;}
#footer .footer_inner > div {width:100%;display:inline-block;vertical-align:top;text-align:center;}
#footer .footer_inner > div h1 {font-size:20px;font-weight:normal;color:#fff;margin-bottom:10px;}
#footer .footer_inner > div p {font-size:15px;color:#999;line-height:1.7;}
#footer .address {font-size:15px;color:#999;}
#footer .bottom_logo {top:90px;right:0px;}
#footer_copy {display:block;padding:10px 0; background:#1b1b1b;text-align:center;}
#footer_copy > span {color:#999;}








#footer .drop_list:after {clear:both; display:block; content:''; visibility:hidden}
#footer .dropdown {display:inline-block;position:absolute;right:0px;top:25px;}
#footer .dropdown:after {clear:both; display:block; content:''; visibility:hidden}
#footer .dropdown > li {position:relative; float:left; margin-left:20px}
#footer .dropdown > li:after {position:absolute; top:7px; right:10px; content:''; border-style:solid; border-width:4px; border-color:transparent transparent #ccc transparent}
#footer .dropdown > li > a {display:block; width:138px; height:28px; text-align:left; padding-left:10px; color:#999; line-height:28px; border:1px solid #ccc}
#footer .dropdown > li > ul {display:none; position:absolute; top:-129px; left:0; width:100%; border:1px solid #ccc; background:#0c0c0c; box-sizing:border-box; z-index:100}
#footer .dropdown > li > ul > li {text-align:left}
#footer .dropdown > li > ul > li > a {display:block; color:#666; padding:5px 10px}

/* 스크롤 버튼 */
#scrollTop {position:fixed; /*display:none; */top:40%;right:30px;  width:43px; margin:0 auto; z-index:50}
#scrollTop .inner {margin:0 auto; max-width:1400px; height:100%; padding:0 50px; text-align:right}
#scrollTop a {display:inline-block; text-align:center;margin-bottom:10px;}
/* 스크롤 버튼 */
#scrollBottom {position:fixed; display:none; bottom:30px; right:30px; height:50px; margin:0 auto; z-index:50}
#scrollBottom .inner {margin:0 auto; max-width:1400px; height:100%; padding:0 50px; text-align:right}
#scrollBottom a {display:inline-block; width:45px; height:45px; text-align:center; color:#fff; line-height:45px; padding-top:10px;border-radius:50%; background:#d71818}

/* 공통 */
.inner {width:1400px; margin:0 auto}
.container_inner {width:1400px; margin:0 auto}
.container_inner100{width:100%; margin:0 auto;text-align:center;}
.wid1000 {width:1200px !important; }
.footer_inner {width:1400px; margin:0 auto}
.slick-prev, .slick-next {display:none !important}