/* noto-sans-kr-100 - latin_korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url('../fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-300 - latin_korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url('../fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-regular - latin_korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-500 - latin_korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url('../fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-700 - latin_korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('../fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-900 - latin_korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url('../fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', dotum, sans-serif} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul {margin:0;padding:0;list-style:none} ol,li,dl,dt,dd {margin:0;padding:0} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} input, button {margin:0;padding:0;font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em} button {cursor:pointer} textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .btn{line-height:unset; height:34px; padding:5px 10px !important;text-align:center;font-weight:normal !important; border:0; font-size:12pt !important;} .fs-7{font-size:9pt !important; height:unset; padding:2px 5px !important;} .layout{width:1200px; margin:auto;} @media(max-width:1200px){ .layout{width:98%; margin:auto;} } a{text-decoration:none; /*transition:0.3s;*/ color:#555;} a:hover{/*transition:0.3s;*/ color:#333;} .hd{display:none;} body, p, div, td, th, li, span, layout, input, select, option, span, dd, dt, h1, h2, h3, h4, h5, h6{font-family:"Noto Sans KR", sans, sans-serif !important; font-weight:300;} .btn{border-radius:0px;} .form-control{border-radius:0px;} .modal-dialog{max-width:1200px;} .cb{clear:both;} input, select { -webkit-border-radius: 0 !important; border:1px solid #ddd !important; } #header{ top:0px; height:100px; padding:20px 0px; box-shadow:0px 0px 5px rgba(0,0,0,0.3); position:fixed; width:100%; background:white; z-index:9;} #header .layout{position:relative;} #header .logo{float:left;} #header .menu-group{float:right; margin-right:170px;} #header .menu-group li{float:left; position:relative; min-width:180px; margin:0px; padding:0px 0px;} #header .menu-group li .mbtn{font-size:14pt; font-weight:400; letter-spacing:-1px; text-align:center; line-height:60px; cursor:pointer;} #header .menu-group li .smenu{position:relative; margin:0px; padding:13px 0px 0px 0px; list-style:none; left:0px; display:none; background:url('/images/smenu_arrow.gif') top center no-repeat;} #header .menu-group li .smenu li{float:none; margin:0px; padding:0px;} #header .menu-group li .smenu li a{display:inline-block; width:100%; background:#E29A2C; border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:10px 0px; text-align:center; color:white; font-size:13pt;} #header .menu-group li:hover .mbtn{color:#ECA72E;} #header .menu-group li .smenu li a:hover{background:#b97600;} #header .login-box{position:absolute; right:0px;} #header .login-box .menu{} #header .login-box .menu li{float:left; margin-left:15px; line-height:54px; position:relative;} #header .login-box .menu li.mypage{cursor:pointer;} #header .login-box .menu li.mypage .smenu{position:absolute; background:white; width:100px; list-style:none; margin:0px 0px 0px -30px; display:none; padding:0px; /*box-shadow:0px 0px 5px rgba(0,0,0,0.5);*/} #header .login-box .menu li.mypage .smenu li{float:none; margin:0px; padding:0px; line-height:34px;} #header .login-box .menu li.mypage .smenu li a{display:inline-block; width:100%; text-align:center; margin:0px; padding:0px; font-weight:500; font-size:10pt;} #header .login-box .menu li.mypage .smenu li:hover{background:#555;} #header .login-box .menu li.mypage .smenu li:hover a{color:white;} #header .login-box .menu li.cart{position:relative;} #header .login-box .menu li.cart .count{background:red; color:white; width:20px; height:20px; line-height:20px; margin:5px 0px 0px -5px; text-align:center; position:absolute; border-radius:50%;} #header .globalmenu{display:none;} @media(max-width:1100px){ #header{height:66px !important; padding:0px;} #header .logo{padding:20px 10px;} #header .logo img{width:66px;} #header .menu-group{display:none;} #header .login-box{top:0px; right:10px;} #header .login-box .menu li{float:left; margin-left:17px; line-height:63px; position:relative;} #header .login-box .menu li.cart{position:relative; margin-right:10px;} #header .login-box .menu li.cart .count{left:0px; right:0px; position:absolute; top:2px; left:25px;} #header .globalmenu{display:block; margin-top:8px; } #slidemenu{ /*border-top:5px solid #1055b3;*/ box-shadow:0px 0px 5px rgba(0,0,0,0.9); position:fixed; height:100%; overflow:auto; z-index:9999999; background:#fafafb; width:79%; left:-81%; top:0px; display:block;} #slidemenu .logo{ text-align:center; /*background:url('/images/quick_bg.jpg');*/ line-height:55px; height:55px;} #slidemenu .logo a{font-size:13pt; letter-spacing:-1px; font-size:600; line-height:30px;} #slidemenu .logo img{width:90px;} #slidemenu .menu{border-top:1px solid #967366; list-style:nbone; margin:0px; padding:0px} #slidemenu .menu li{} #slidemenu .menu li .mbtn{color:white; background:#8e3d1f; padding:10px 15px; border-bottom:1px solid #967366; cursor:pointer; font-size:12pt; letter-spacing:-1px;} #slidemenu .menu li .mbtn .icon{float:right; transition:0.3s;} #slidemenu .menu li .smenu{list-style:none; margin:0px; padding:0px; display:none;} #slidemenu .menu li .smenu li{} #slidemenu .menu li .smenu li a{display:inline-block; padding:10px 20px; background:white; border-bottom:1px solid #ddd; width:100%; color:#555; font-size:11pt; text-decoration:none; letter-spacing:-1px;} #slidemenu .menu li .smenu li a:hover{background:#eee;} #slidemenu .menu li .point{float:right; background:red; color:white; font-size:9pt; font-weight:normal; width:20px; height:20px; text-align:center; border-radius:20px; line-height:20px;} .mobile_bg{background:rgba(0,0,0,0.7); position:fixed; top:0; width:100%; height:100%; opacity:0; z-index:-1;} } @media(max-width:768px){ } #webcon{position:absolute; width:100%; top:-34px; border-bottom:1px solid #ddd; height:55px; line-height:55px; background:white; } #webcon .menu{text-align:center; margin:0px; padding:0px;} #webcon .menu li{display:inline-block; position:relative;} #webcon .menu li a{display:inline-block; width:100%; padding:0px 30px; font-size:16px; font-weight:500; line-height:55px; } /* #webcon .menu li:hover .line{border-bottom:3px solid #ECA72E; position:absolute; width:100%; bottom:0px; } #webcon .menu li:hover{} #webcon .menu li:hover a{font-weight:500; color:#ECA72E;} */ #webcon .menu li.active .line{border-bottom:3px solid #ECA72E; position:absolute; width:100%; bottom:0px; } #webcon .menu li.active a{font-weight:500; color:#ECA72E;} /* @media(max-width:1100px){ */ /* #webcon{top:-68px;} */ /* } */ @media(max-width:768px){ #webcon{display:none;} } #middler{background:white; margin:817px 0px 265px 0px; z-index:1;} #middler.sub{position:relative; margin:426px 0px 265px 0px; padding:0px 0px 50px 0px; z-index:1;} #middler.sub .ctt_admin, #middler.sub .sct_admin{position:absolute; top:0px; right:0px; z-index:10;} #middler #sct_location{display:none;} #middler.sub #containers{display:none;} @media(max-width:1200px){ #middler{background:white; margin:567px 0px 265px 0px; z-index:1;} }@media(max-width:1100px){ #middler.sub{margin:392px 0px 265px 0px;} } @media(max-width:768px){ #middler.sub #containers{display:block; margin-top:-1px; padding:0px 0px; top:0px; position:absolute; /*border-bottom:1px solid #ddd; border-top:1px solid #ddd;*/ clear:both; /*overflow:hidden;*/ width:100%; z-index:9;} #middler.sub #containers .depth {margin:0px; padding:0px 0px; border-left:1px solid #967366; /*border-bottom:1px solid #ddd;*/ line-height:30px; cursor:pointer; font-size:11pt; letter-spacing:0px; margin-left:-1px; background:#8e3d1f; color:rgba(255,255,255,0.9);} #middler.sub #containers .depth .menu{border:1px solid #ddd; background:white; padding:0px; z-index:5; display:none; list-style:none;} #middler.sub #containers .depth a{color:rgba(255,255,255,0.9);} #middler.sub #containers .depth .menu li{} #middler.sub #containers .depth .menu li a{display:inline-block; width:100%; text-align:left; line-height:28px; padding:5px 0px 5px 10px; letter-spacing:-1px; font-size:10pt; color:#555;} #middler.sub #containers .depth .menu li a:hover{background:#8e3d1f; color:#dbeaff;} #middler.sub #containers .depth .menu1{position:absolute; width:calc(50% - 40px); margin:0px 0px 0px -1px;} #middler.sub #containers .depth .menu2{position:absolute; width:calc(50% - 37px); margin:0px 0px 0px -1px;} #middler.sub #containers .container-title{padding:10px 10px !important; text-align:left; font-size:10pt; letter-spacing:0px;} #middler.sub #containers .depth1{width:80px; float:left;} #middler.sub #containers .depth2{float:left; width:calc(50% - 40px);} #middler.sub #containers .depth3{float:left; width:calc(50% - 38px);} } @media(max-width:768px){ #middler{margin:421px 0px 180px 0px;} #middler.sub{ position:relative; margin:214px 0px 180px 0px;} } .main .visual{width:100%; position:fixed; min-height:727px; top:100px !important; z-index:-1; overflow:hidden; } .main .visual .swiper-container{position:relative; overflow:hidden; max-width:1920px; height:100%; top:0; left:0; margin:0 auto; max-height:727px;} .main .visual .box{position:absolute; top:0; margin-top:150px; z-index:1;} .main .visual .swiper-container .box .comma img{filter: drop-shadow(2px 2px 2px #555);} .main .visual .swiper-container .box .title{font-size:60pt; letter-spacing:10px; line-height:120%; font-weight:700; text-shadow:0px 0px 10px rgba(0,0,0,0.5); color:rgba(255,255,255,0.9);} .main .visual .swiper-container .box .summary{margin-top:30px; padding:10px 10px;color:rgba(255,255,255,1); background:rgba(144,104,55,0.5);} .main .visual .swiper-container .box .summary div{font-weight:300; text-shadow:0px 0px 10px rgba(0,0,0,0.9); font-size:17pt;} .main .visual .swiper-container .box .arrow {margin-top:60px;} .main .visual .swiper-container .box .next.arrow{float:left; margin-left:15px;} .main .visual .swiper-container .box .prev.arrow{float:left;} .main .visual .swiper-container .box .arrow {cursor:pointer;} .main .visual .swiper-container .swiper-pagination{bottom:-60px; letter-spacing:-2px; color:#fff; margin:545px 0px 0px 15px; text-align:left; font-size:18pt; font-weight:300; } .main .visual .swiper-container .swiper-pagination-current{font-size:30pt;} .main .visual .swiper-container .swiper-pagination-total{padding-top: 20px; font-size:14pt;} .swiper-slide.slide1{background:linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('/images/main_img4.jpg') no-repeat center top; background-size:auto 733px !important; height:727px; width:100%; position:relative;} .swiper-slide.slide2{background:linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('/images/main_img2.jpg') no-repeat center top; background-size:auto 733px !important; height:727px; width:100%; position:relative;} .swiper-slide.slide3{background:linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('/images/main_img3.jpg') no-repeat center top; background-size:auto 733px !important; height:727px; width:100%; position:relative;} @media (max-width:1200px){ .main .swiper-slide.slide1{background: url('/images/main_img4.jpg') no-repeat center top; background-size:auto 500px !important; width:100%; position:relative;} .main .swiper-slide.slide2{background: url('/images/main_img2.jpg') no-repeat center top; background-size:auto 500px !important; width:100%; position:relative;} .main .swiper-slide.slide3{background: url('/images/main_img3.jpg') no-repeat center top; background-size:auto 500px !important; width:100%; position:relative;} } @media (max-width:1200px){ .main .visual .swiper-container .box .comma{margin-top:20px;} .main .visual .swiper-container .box .comma img{width:40px;} .main .visual .swiper-container .box .title{font-size:50pt;} .main .visual .swiper-container .box {margin: 35px 0px 0px 20px;} .main .visual .swiper-container .box .summary{font-size:14pt; margin-top:30px; word-break: keep-all; } .main .visual .box{margin-top:35px;} .main .visual .swiper-wrapper{background-size: 1215px auto !important;} } @media (max-width:1100px){ .main .visual{top:66px !important;} } @media (max-width:767px){ .main .visual .swiper-container .box {margin: 0px 20px;} .main .visual .swiper-container .box .comma{margin-top:60px;} .main .visual .swiper-container .box .comma img{width:30px;} .main .visual .swiper-container .box .title{font-size:40pt; margin-top:0px; letter-spacing:2px;} .main .visual .swiper-container .box .summary div{font-size:12pt; display:inline;} .main .visual .swiper-container .box .swiper-pagination{display:none;} .main .visual .swiper-container .box .next.arrow{display:none;} .main .visual .swiper-container .box .prev.arrow{display:none;} .main .visual .swiper-wrapper{background-size: 1213px auto !important;} .main .visual .box{margin-top:50px;} .main .swiper-slide.slide1{background:linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('/images/main_img4.jpg') no-repeat center top; background-size:auto 355px !important; width:100%; position:relative;} .main .swiper-slide.slide2{background:linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('/images/main_img2.jpg') no-repeat center top; background-size:auto 355px !important; width:100%; position:relative;} .main .swiper-slide.slide3{background:linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('/images/main_img3.jpg') no-repeat center top; background-size:auto 355px !important; width:100%; position:relative;} } #visualzone.sub{top:100px; position:fixed; width:100%; z-index:-1;} #visualzone.sub .visual{height:292px; text-align:center; line-height:292px; color:white; font-weight:700; font-size:30pt; text-shadow:0px 0px 15px rgba(0, 0, 0, 1);} #visualzone.sub .visual1, #visualzone.sub .visual0{background:url('/images/sub_img1.jpg') top center no-repeat;} #visualzone.sub .visual2{background:url('/images/sub_img2.jpg') center no-repeat;} #visualzone.sub .visual3{background:url('/images/sub_img3.jpg') top center no-repeat;} #visualzone.sub .visual4{background:url('/images/sub_img4.jpg') top center no-repeat;} @media (max-width:1100px){ #visualzone.sub{top:66px;} } @media(max-width:768px){ #visualzone.sub{top:63px;} #visualzone.sub .visual{height:150px; line-height:150px; font-size:24pt;} #visualzone.sub .visual2{background-size:auto 150px;} } #subcontent{} #subcontent .subtitle{text-align:center; padding:70px 0px; font-weight:700; font-size:26pt; letter-spacing:-2px;} @media(max-width:768px){ #subcontent .subtitle{text-align:center; padding:90px 0px 30px 0px; font-weight:700; font-size:26pt; letter-spacing:-2px;} } #footer{position:fixed; bottom:0px; overflow:hidden; z-index:-2; width:100%; background:#FAF9F7; padding:30px 0px; color:#555;} #footer ul{list-style:none; margin:0px; padding:0px;} #footer ul li{float:left;} #footer ul li .box{ padding:0px 10px;} #footer ul li .title{font-size:16pt; font-weight:500; letter-spacing:-1px; margin-bottom:10px;} #footer ul li .doc{font-size:10pt;} #footer ul li.customer{width:26%;} #footer ul li.customer .doc .call{font-size:16pt;} #footer ul li.customer .doc .call strong{display:none;} #footer ul li.customer .doc .summary{margin-top:5px;} #footer ul li.info{width:30%;} #footer ul li.info .doc{} #footer ul li.info .doc span{display:block;} #footer ul li.info .doc span strong{letter-spacing:-1px; font-weight:300; margin-right:5px;} #footer ul li.bank{width:24%;} #footer ul li.bank .doc{} #footer ul li.bank .doc span{display:block;} #footer ul li.bank .doc span.cashnumber{font-size:14pt;} #footer ul li.bank .doc span.cashowner{} #footer ul li.footmenu{width:18%;} #footer ul li.footmenu ol{list-style:none; margin:0px; padding:0px;} #footer ul li.footmenu ol li{float:none;} #footer ul li.footmenu ol li a{border:1px solid #ddd; display:inline-block; width:100%; text-align:center; margin:0px 0px 10px 0px; padding:5px 0px; transition:0.3s;} #footer ul li.footmenu ol li a:hover{background:#e6e6e6; transition:0.3s;} @media (max-width:1100px) { #footer{padding:60px 0px 20px 0px; } #footer ul li{float:none; display:inline-block; width:100%; border:0px solid red;} #footer ul li .box{padding:0px;} #footer ul li .title{display:inline-block; font-size:13pt;} #footer ul li .doc{display:inline;} #footer ul li .doc span{word-break:keep-all; display:inline; padding:0px 5px;} #footer ul li.customer{width:100%; text-align:center;} #footer ul li.customer .title{display:none;} #footer ul li.customer .doc{display:inline-block;} #footer ul li.customer .doc .call{display:inline-block; font-size:10pt;} #footer ul li.customer .doc .call strong{display:inline-block; font-weight:300;} #footer ul li.customer .doc .summary{display:inline-block;} #footer ul li.info{width:100%; text-align:center;} #footer ul li.info .title{display:none;} #footer ul li.info .doc{display:inline;} #footer ul li.info .doc span{display:inline-block; font-size:10pt; font-weight:300; border-left:1px solid #aaa; line-height:100%;} #footer ul li.info .doc span.company{border:none;} #footer ul li.info .doc span strong{display:inline-block;} #footer ul li.bank .doc span.cashnumber{font-size:10pt;} #footer ul li.bank .doc span.cashnumber strong{font-weight:300;} #footer ul li.bank .doc span.cashowner strong{font-weight:300;} #footer ul li.bank{width:100%; text-align:center;} #footer ul li.bank .title{display:none;} #footer ul li.bank .doc{display:block;} #footer ul li.bank .doc span{display:inline; font-size:10pt;} #footer ul li.footmenu{width:100%; position:absolute; top:-60px; left:0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; z-index:1; background:#FAF9F7;} #footer ul li.footmenu .title{display:none;} #footer ul li.footmenu ol{} #footer ul li.footmenu ol li{float:left; width:calc(100%/4);} #footer ul li.footmenu ol li a{border:0px; margin:0px; padding:10px 0px;} } #sct_ct_1{display:none;} .shop_list{} .shop_list .menu{overflow:hidden;} .shop_list .menu li{float:left; width:calc(100%/4);} .shop_list .menu li .box{padding:0px 20px; position:relative;} .shop_list .menu li .box .thumb{} .shop_list .menu li .box .thumb img{max-width:100%; width:100%; height:100%;} .shop_list .menu li .box .sct_ct_wrap{height:180px;} .shop_list .menu li .box .sct_ct_wrap .sct_cost{font-size:14pt; } .shop_list .menu li .box .sct_ct_wrap .sct_cost .sct_dict{display:inline-block;} .shop_list .menu li .box .sct_ct_wrap .sct_cost .scr_percent{color:#88582f; font-weight:400; font-size:13pt;} .shop_list .menu li .box .sct_ct_wrap .sct_btn{position:absolute; bottom:0px; width:100%; z-indx:1; display:none;} .shop_list .menu li .box .sct_ct_wrap .sct_txt{font-size:12pt; word-break:keep-all; line-height:24px; max-height:82px; border:none; margin:0px 0px 5px 0px; padding:10px 0px; font-weight:500; letter-spacing:-1px;} .shop_list .menu li .box .sct_ct_wrap .sct_basic{font-size:11pt; word-break:keep-all; line-height:20px; max-height:40px; border:none; overflow:hidden; } @media (max-width:768px) { .shop_list .menu li{float:left; width:calc(100%/2);} .shop_list .menu li .box{padding:0px 10px 10px 10px;} .shop_list .menu li .box .sct_ct_wrap{} .shop_list .menu li .box .sct_ct_wrap .sct_cost{font-size:12pt;} .shop_list .menu li .box .sct_ct_wrap .sct_cost .sct_dict{display:block;} .shop_list .menu li .box .sct_ct_wrap .sct_txt{font-size:13px; overflow:hidden; line-height:20px; max-height:100px; margin:0px;} .shop_list .menu li .box .sct_ct_wrap .sct_basic{font-size:10pt; letter-spacing:-1px;} .shop_list .menu li .box .sct_ct_wrap .sit_icon_li{} .shop_list .menu li .box .sct_ct_wrap .scr_percent{position:absolute; right:0px; top:0px;} .shop_list .menu li .box .sct_ct_wrap .sct_op_btn{position:absolute; right:0px; bottom:0px;} } #sit_ov_wrap{border:none; padding:0px 45px 45px 45px;} #sit_buy > div.close{display:none;} #sct_sort{width:100% !important;} #ssch_sort{width:100% !important;} #ssch_sort > li{font-size:12pt; letter-spacing:-1px; float:left; width:calc(100%/6); text-align:center;} #sct_lst{display:none;} #m_ssch_sort{display:none;} #sct_ct_1 > ul > li a{font-size:13pt; font-weight:400; letter-spacing:-1px;} #sit_tab > ul.tab_tit > li{float:left; width:calc(100%/4); font-size:12pt;} #m_sit_ov_btn{display:none;} @media (max-width:768px) { #sit #sit_ov_wrap{width:100%; padding:45px 10px;} #sit #sit_ov_from #sit_pvi{width:100%;} #sit #sit_ov_from #sit_pvi #sit_pvi_thumb{float:right;} #sit #sit_ov_from #sit_pvi #sit_pvi_thumb li{margin:0px 0px 10px 0px;} #sit #sit_ov_from #sit_ov{width:100%; margin-top:20px;} #sit #sit_ov_from #sit_pvi #sit_pvi_big{width:80%; float:left;} #sit #sit_ov_from #sit_pvi #sit_pvi_big #popup_item_image{display:none;} #sit #sit_ov_from #sit_pvi #sit_pvi_big img{max-width:100%;} #sit #sit_ov #sit_title{font-size:16pt; letter-spacing:-1px; font-weight:500;} #sit #sit_ov #sit_desc{font-size:12pt;} #sit #sit_ov #sit_star_sns > span{font-size:12pt; margin-top:20px;} #sit #sit_ov #sit_ov_btn button{width:38%} #sit #sit_ov #sit_ov_btn .sit_btn_wish, #sit #m_sit_ov_btn .sit_btn_wish{width:20%} #sit_ov > div.sit_info > table > tbody > tr:nth-child(1) > td{text-decoration:line-through;} #sit_ov > div.sit_info > table th{font-size:11pt; letter-spacing:-1px;} #sit_ov > div.sit_info > table td{font-size:11pt; letter-spacing:-1px;} #sit #sit_buy{position:fixed; width:100%; background:white; bottom:0px; display:none; z-index:9;} #sit #sit_buy > div > section.sit_sel_option{height:auto;} #sit #sit_buy > div > div > div.sit_order_btn{overflow:hidden;} #sit #sit_buy > div > div > div.sit_order_btn .sit_btn_cart{width:49%; float:left;} #sit #sit_buy > div > div > div.sit_order_btn .sit_btn_buy{width:49%; float:right;} #sit #sit_pvi_thumb li{float:none;} #sit #m_sit_ov_btn{position:fixed; z-index:7; bottom:0px; background:white; width:100%; padding:10px; display:none;} #sit #m_sit_ov_btn button{float:left; margin-right:5px; height:50px; margin-bottom:10px; font-weight:bold; font-size:1.25em; width:38%;} #sit_buy > div.close{display:block; position:absolute; right:10px; margin-top:0px; font-size:30pt; width:50px; text-align:center; cursor:pointer; padding:0px; line-height:100%; z-index:7;} #sct_ct_1 > ul > li{float:none; display:inline-block; width:auto;} #ssch_sort{display:none;} #ssch_sort > li{float:none; display:inline-block; } #sct_lst{display:none;} #sct_sort{padding:20px 10px 0px 10px; width:100% !important;} #sct_sortlst{border:none; border:none !important;} #m_ssch_sort{display:block;} #sct_ct_1{border-right:none;} #sit_tab > ul.tab_tit > li button{font-size:11pt; padding:10px 0px; letter-spacing:-1px;} #sit_qa_ol > li > dl{float:none; width:100%;} #sit_inf_open > tbody > tr > th{width:50%; word-break:keep-all;} } /*마이페이지*/ #smb_my h2{font-weight:500; font-size:15pt; letter-spacing:-2px;} #smb_my_ov div{font-size:12pt; } #smb_my_ov .my_ov_name{font-size:16pt; } #smb_my_ov .win_point, #smb_my_ov .win_coupon{font-weight:500; color:#ff2b64; } #smb_my_ov > div.card-body > div{word-break:keep-all !important;} #smb_my_ov .title{font-weight:500;} #smb_my_ov .card-header{padding:5px;} #odinquiry .list{} #odinquiry .list li{margin:20px 10px;} #odinquiry .list li .box{position:relative; padding:15px; border:1px solid #e2e2e2; border-radius:5px; margin:0px 0px; overflow:hidden; box-shadow:0px 0px 1px rgba(0,0,0,0.1);} #odinquiry .list li .box .od_status span{font-size:13pt; font-weight:400; margin-bottom:5px; letter-spacing:-1px;} #odinquiry .list li .box .od_status .status_01{background:none;} #odinquiry .list li .box .od_status .status_02{background:none;} #odinquiry .list li .box .od_status .status_03{background:none;} #odinquiry .list li .box .od_status .status_04{background:none;} #odinquiry .list li .box .od_status .status_05{background:none;} #odinquiry .list li .box .od_status .status_06{background:none;} #odinquiry .list li .od_time{font-size:11pt; color:#428bca; margin-left:5px;} #odinquiry .list li .box .od_thumb{float:left; padding-right:10px;} #odinquiry .list li .box .od_id{font-size:11pt; font-weight:500;} #odinquiry .list li .box .od_name{font-size:12pt;} #odinquiry .list li .box .od_more{font-size:20pt; position:absolute; right:10px; top:0px; color:#777;} #odinquiry .list li .box .od_cart_count{display:inline; font-size:12pt;} #odinquiry .list li .box .od_cart_price{display:inline; font-size:14pt; font-weight:400; color:#f50;} @media (max-width:768px) { #smb_my_ov.card{margin:0px 5px;} #smb_my_ov div{font-size:11pt; } #smb_my_ov .title{font-size:10pt; font-weight:500;} #smb_my_ov .txt{margin-left:10px;} #odinquiry .list li .box{position:relative; padding:15px 10px; border:1px solid #ddd; border-radius:5px; margin:0px 0px; overflow:hidden;} #odinquiry .list li .box .od_name{font-size:11pt; letter-spacing:-1px;} #odinquiry .list li .box .od_thumb img{} } #smb_my_wish{} #smb_my_wish .ws_list{overflow:hidden;} #smb_my_wish .ws_list li{float:left; width:calc(100%/5); margin:0px; padding:0px; height:350px;} #smb_my_wish .ws_list li .box{padding:10px; margin:10px;} #smb_my_wish .ws_list li .box .smb_my_img{text-align:center; margin:0px; padding:0px; width:100%; float:none;} #smb_my_wish .ws_list li .box .smb_my_tit{padding:5px 0px; } @media (max-width:768px) { #smb_my_wish .ws_list li{width:calc(100%/2);} #smb_my_wish .ws_list li .box{padding:5px; margin:5px;} #smb_my_wish .ws_list li .box .smb_my_tit{letter-spacing:-1px;} } #sod_ws{} #sod_ws .ws_list{overflow:hidden;} #sod_ws .ws_list li{float:left; width:calc(100%/5); margin:0px; padding:0px; height:350px;} #sod_ws .ws_list li .box{padding:10px; margin:10px;} #sod_ws .ws_list li .box .smb_my_img{text-align:center; margin:0px; padding:0px; width:100%; float:none;} #sod_ws .ws_list li .box .smb_my_tit{padding:5px 0px; } @media (max-width:768px) { #sod_ws .ws_list li{width:calc(100%/2);} #sod_ws .ws_list li .box{padding:5px; margin:5px;} #sod_ws .ws_list li .box .smb_my_tit{letter-spacing:-1px;} #sod_ws .ws_list li .box .sod_ws_img{width:100% !important;} } #odit-group{} #odit-group .list{} #odit-group .list li{margin-bottom:10px; border:1px solid #ddd; padding:10px; background:#fefefe;} #odit-group .list li .box{overflow:hidden;} #odit-group .list li .box .info{overflow:hidden;} #odit-group .list li .box .info .thumb{float:left; width:78px; position:absolute;} #odit-group .list li .box .info .subject{float:right; width:calc(100% - 90px);} #odit-group .list li .box .info .subject .name{font-size:13pt; font-weight:400; letter-spacing:-1px; word-break:keep-all;} #odit-group .list li .box .doc{margin:5px 0px 0px 90px; } #odit-group .list li .box .doc .row{margin:1px;} #odit-group .list li .box .doc .col{margin:-1px 0px 0px -1px; padding:0px; word-break:keep-all;} #odit-group .list li .box .doc .col .itopt{font-size:10pt; padding:0px;} #odit-group .list li .box .doc .col .title{display:inline-block; padding:5px; font-size:11pt;} #odit-group .list li .box .doc .col .txt{display:inline-block; padding:5px; font-size:11pt;} @media (max-width:768px) { #odit-group .list li .box .info{height:110px;} #odit-group .list li .box .doc{margin:5px 0px 0px 0px; } #sod-group .sod_left{width:100%;} #sod-group .sod_right{width:100%;} } #ssch_cate{} #ssch_cate ul{} #ssch_cate ul li{display:inline-block; float:unset; width:auto; font-size:11pt; letter-spacing:-1px;} #ssch_sort_all li{float:left; width:calc(100%/6); text-align:center; font-size:11pt; letter-spacing:-1px;} #mssch_sort_all{display:none;} @media (max-width:768px) { #ssch_sort_all li{width:calc(100%/3);} } #cart-group{} #cart-group .chk_box_all{margin:0px; height:40px; padding-left:5px; display:inline-block;} #cart-group .list{} #cart-group .list li{margin-bottom:20px;} #cart-group .list li .box{} #cart-group .list li .box .row{margin:1px;} #cart-group .list li .box .row .col{margin:-1px 0px 0px -1px; padding:0px; position:relative;} #cart-group .list li .box .row .title{padding:5px; text-align:center; font-size:12pt;} #cart-group .list li .box .row .txt{font-size:12pt; text-align:center; position:absolute; top:0px; top:50%; left:0px; transform:translate(0%, 0%);} #cart-group .list li .box .row .txt_main{font-size:12pt;} #cart-group .list li .box .row .txt_main .thumb{position:absolute; top:50%; left:20px; transform:translate(0%, -30%);} #cart-group .list li .box .row .txt_main .sod_name{margin-left:100px;padding:10px 0px;} #cart-group .list li .box .row .txt_main .sod_name .sod_opt ul li{margin:0px;} #cart-group .list li .box .row .txt_main .chk_box{position:absolute; z-index:2; top:50%; left:0px; transform:translate(0%, -70%);} #sod_bsk_tot{} #sod_bsk_tot ul{} #sod_bsk_tot ul li{float:left; width:calc(100%/3) !important;} @media (max-width:768px) { #mod_option_frm{width:98% !important; top:50%; left:50px; transform:translate(-50%, -50%); margin:0px !important;} #sod_bsk_tot ul li span{display:block !important; float:none !important;} #cart-group .list li .box .row .txt_main{font-size:11pt; word-break:keep-all;} #cart-group .list li .box .row .txt{top:unset; left:unset; transform:unset; position:unset;} } @media (max-width:768px) { #hd_pop .hd_pops{top:72px !important;} }