@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-7ExtraBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'MalgunGothic'; src:url(/img/MalgunGothic.eot);}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

@font-face {
    font-family: 'SokchoBadaDotum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/SokchoBadaDotum.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
br {font-family:'MalgunGothic';}



*,body {margin:0; padding:0; scroll-behavior:smooth;}
body {font-family:'Pretendard';}
body#mainbody {background:url(/img/bodybg.jpg) repeat center;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6, div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#222;}
select {cursor:pointer; border:1px solid #ddd; font-size:14px; color:#666;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt8 {margin-top:8px !Important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.per90, .px1320 {width:90%; margin:0 auto;}
.sub00, .subboard {overflow:hidden; margin:60px auto; width:90%;}
.ooommm {display:none;}
#jy_pop123123 {position:absolute; top:100px; left:0; z-index:911026;}
.onlyPC {display:none;}
.onlyM {display:block;}
.wnsqlwnd {padding:60px; background:#f9f9f9; text-align:Center; color:#333; font-size:20px;}
b > br {display:none;}
a > br {display:block;}
footer {margin:60px auto 0 auto;}









/* ====== 메인 ====== */
/* 비주얼 */
#main01 {font-family: 'SokchoBadaDotum';}

#navigation {display:none;}
#mainvisual_new {display:none;}
.flex-control-paging {text-align:Center; position:absolute; bottom:30px; width:100%;}
.flex-control-paging li {display:inline-block; width:10px; height:10px; font-size:0; margin:0 15px 0 10px;}
.flex-control-paging li a {z-index:100; font-size:0; background:#fff; width:100%; height:100%; display:Block;}
.flex-active {border:5px solid #46cce1; background:none !important;}
.flex-direction-nav {position:absolute; top:40%; width:100%; height:58px;}
.flex-direction-nav li {position:Absolute;}
.flex-direction-nav a {display:block; font-size:0; width:28px; height:58px;}
.flex-nav-prev {background:url(/img/main01arrow01.png) no-repeat; left:10px;}
.flex-nav-next {background:url(/img/main01arrow02.png) no-repeat; right:10px;}
.page-body > .container {margin:50px auto;}
.container > ul {display:none;}
.egc-shop002-contact {margin:0 auto 50px auto;}
.slides li img {width:100%; display:block;}


#maincscenter_roov section {overflow:hidden; border:1px dashed #ddd; padding:30px 15px; border-top:2px solid #202a46;}
#maincscenter_roov section figure {width:80px; margin:1px 0 0 0; float:left;}
#maincscenter_roov section figure img {width:100%;}
#maincscenter_roov section h3 {width:calc(100% -  110px); margin:5px 0 0 30px; float:right; font-size:26px; font-weight:400; font-family: 'SokchoBadaDotum'; letter-spacing:-0.05em;}
#maincscenter_roov section h3 a {display:block; color:#202a46;}
.sectionmaincs02 {margin:25px auto 0 auto;}
.sectionmaincs02 h2 {font-size:17px;}

.sectionmaincs02 h1 {font-size:35px; font-weight:400; font-family: 'SokchoBadaDotum'; letter-spacing:-0.05em; margin:15px auto; color:#2f4ea7;}
.sectionmaincs02 a {display:block; width:100%; height:35px; line-height:35px; text-align:center; color:#fff; background:#2f4ea7; margin:35px auto 0 auto;}
.sectionmaincs02 p {font-size:16px; line-height:27px;}


.maincscenter_roovPC {width:240px; margin:11px 0 0 0;}
.maincscenter_roovM {width:100%; margin:30px auto;}






/* ============= 반응형 ============= */
@media screen and (min-width:1320px)
{
.px1320 {width:1320px; margin:0 auto;}
.sub00, .subboard {width:1320px; margin:100px auto;}
.onlyPC {display:block !important;}
.onlyM {display:none !important;}
.imgwidth80er img {width:80% !important;}
b > br {display:block;}
a > br {display:none;}
#floatMenu {display:block !important;}






/* ====== 메인 ====== */
/* 비주얼 */
#main01 {width:100%; height:675px; margin:0 auto; overflow:hidden;}
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:675px !important; z-index:950; display:block;}
#mainvisual_new #mainslides {width:100%; height:675px !important;}
#mainvisual_new .slidesjs-container {width:100% !important; height:675px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:675px !important;}
#mainvisual_new .slidesjs-control li {text-align:center; height:100%;}
#mainvisual_new .slidesjs-control li:first-child {background:url(/img/mainvis_1050X675_01.jpg) no-repeat center; z-index:99 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(2) {background:url(/img/mainvis_1050X675_02.jpg) no-repeat center; z-index:98 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(3) {background:url(/img/mainvis_1050X675_03.jpg) no-repeat center; z-index:97 !important; background-size:cover;}
#mainvisual_new .slidesjs-control li:nth-child(4) {z-index:96 !important;}
#mainvisual_new .slidesjs-control li:nth-child(5) {z-index:95 !important;}
#mainvisual_new .slidesjs-control li:nth-child(6) {z-index:94 !important;}
#mainvisual_new .slidesjs-control li > img {width:100% !important; height:675px;}
#mainvisual_new .slidesjs-pagination {position:absolute; bottom:50px; width:100%; left:0; text-align:center; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block; margin:0 10px;}
#mainvisual_new .slidesjs-pagination li a {width:10px; height:10px; z-index:100; font-size:0; background:#fff; display:Block;}
#mainvisual_new .slidesjs-pagination li a.active {border:5px solid #46cce1; background:none;}
#mainvisual_new .slidesjs-navigation {display:block; position:absolute; top:30px; z-index:310; font-size:0; width:56px; height:56px;}
#mainvisual_new .slidesjs-previous {background:url(/img/arrowleft.png) no-repeat center; right:95px;}
#mainvisual_new .slidesjs-next {background:url(/img/arrowright.png) no-repeat center; right:30px;}
.maintxt {width:100%; position:absolute; z-index:300; overflow:hidden; color:#FFF; text-align:center; font-family: 'SokchoBadaDotum';}
.maintxt > div {margin:240px auto 0 auto; letter-spacing:-0.05em;}
.maintxt > div h3 {font-size:20px; line-height:35px; font-weight:400; text-transform:uppercase; font-family:'Pretendard'; letter-spacing:0.05em; padding:0 0 15px 0; border-bottom:2px solid #ddd;  display:inline-block;}
.maintxt > div p {font-size:40px; text-transform:uppercase; margin:15px auto 0 auto; color:#fff; font-weight:100;}



#mainvisual_NEWWW {width:1320px; margin:30px auto; overflow:hidden;}
#mainvisual_new {width:calc(100% - 270px); float:left;}
.mainright {width:240px; float:right; margin:30px auto 0 auto;}

#ONLYMOBILE_TABLET_ROOV {display:none;}
#ONLYPCC_ROOV {display:block;}
.sectionmaincs02 h1 {font-size:27px;}
.sectionmaincs02 p {font-size:13px; line-height:22px;}
#maincscenter_roov section figure {width:60px;}
#maincscenter_roov section h3 {width:calc(100% - 80px); margin:5px 0 0 0; font-size:19px;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right:0 !important; padding-left:0 !Important;}
#nav_category {position:absolute; right:37px;}

}










@media screen and (min-width:769px) and (max-width:1319px)
{
#ONLYMOBILE_TABLET_ROOV {display:block;}
#ONLYPCC_ROOV {display:none;}
}












@media screen and (min-width:0px) and (max-width:768px)
{
#ONLYMOBILE_TABLET_ROOV {display:block;}
#ONLYPCC_ROOV {display:none;}
}