/* .blackBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:4; display:none;}
.blackBg.on{z-index:10} */


/* 상단영역 0311 수정*/
.topWrap {position:absolute; top:0; margin:0; width:100%; height:112px;  transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; z-index:2;}
.topWrap .tLogo {position:absolute; top:45px; left:5%; width:200px; height:55px; background:url(/image/logo_w.png) no-repeat; background-size:100%; }

.topWrap .tNav {/* height:112px; */ margin:60px auto 0; text-align:center;}
.topWrap .tNav .tt {position:relative; height:40px; margin:0 15px; padding:0 10px; font-size:18px; font-weight:600; color:#fff; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; display:inline-block;}
.topWrap .tNav .tt:before {content:""; position:absolute; width:0px; left:50%; top:-15px; height:3px; border-radius:3.5px; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
.topWrap .tNav .tt.on:before, .tNav .tt:hover:before {width:100%; left:50%; margin-left:-50%; height:3px; background:#fff;}
.topWrap .tNav .tt:hover .tSub {display:block; top:39px; height:auto; padding:15px; transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease;  -o-transition: 0.2s ease;}
.topWrap .tNav .tt:hover .tSub li {opacity:1; transition: 0.3s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease;  -o-transition: 0.2s ease;}
.topWrap .tNav .tt.on .tSub {top:39px; height:auto; padding:15px; transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease;  -o-transition: 0.2s ease;}
.topWrap .tNav .tt.on .tSub li {opacity:1; transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease;  -o-transition: 0.2s ease;}

.tNav .tt .tSub {display:none; position:absolute; width:130%; height:0; top:38px; left:50%; margin-left:-65%; background:#fff; border-radius:10px; font-size:14px !important; font-weight:500 !important; text-align:center; /* opacity:0; */ z-index:3; box-shadow:0 10px 15px rgba(0,0,0,.2);}
.tNav .tt .tSub.wide {width:165%; margin-left:-82.5%;}
.tNav .tt .tSub li {line-height:1.6; opacity:0;}
.tNav .tt .tSub li:hover {color:#f05403; font-weight:600;}


.topWrap .utilDiv {position:absolute; top:0; right:5%; padding-top:52px;}
.topWrap .utilDiv:after {display:block; content:""; clear:both;}
.topWrap .utilDiv .customerBt {position:relative; float:left; color:#fff; margin:0px 14px 0 0; text-align:center; font-size:13px; cursor:pointer;}
.topWrap .utilDiv .customerBt .sInline {letter-spacing:0.2px; font-size:12px; font-weight:600;}
.topWrap .utilDiv .customerBt .sBlock {letter-spacing:0.2px; font-size:12px; font-weight:600; display:block;}
.topWrap .utilDiv .customerBt .btnCout {background:#222; margin:2px 0 0 0; padding:2px 5px; color:#fff; font-size:10px; font-weight:600; border-radius:3px; letter-spacing:0.2px; display:inline-block;}
.topWrap .utilDiv .customerBt.out a {clear:both; margin:20px 0 0 0 !important; padding:3px 7px; font-size:10px; font-weight:600; vertical-align:bottom; letter-spacing:0; border:1px solid rgba(255,255,255,.3); border-radius:3px;}
.topWrap .utilDiv img {vertical-align:middle;}
/* .topWrap .utilDiv .customerBt:hover .mySub {display:block;} */
.topWrap .utilDiv .customerBt .mySub {position:absolute; top:36px; left:50%; transform:translateX(-50%); min-width:200%; background:#fff; padding:10px 15px; color:#000; border-radius:7px; box-shadow:0 5px 7px rgba(0,0,0,.1); display:none;}
.topWrap .utilDiv .customerBt .mySub .arrow {position:absolute; top:-6px; left:50%; transform:translateX(-50%); width:12px; height:7px; background:url(/image/icon_arr.png) no-repeat; background-size:100%;}
.topWrap .utilDiv .customerBt .mySub p {padding:0 0 3px 0; text-align:left;}
.topWrap .utilDiv .customerBt .mySub .pOut {margin:5px 0 0 0; padding:5px 0 0 0; text-align:center; border-top:1px dashed #ccc;}

.topWrap .utilDiv .lang {float:right; color:#fff; font-size:13px; padding:3px 10px; margin:0; border-radius:50px; border:1px solid rgba(255,255,255,.3);  z-index:10; }
.topWrap .utilDiv .lang select {background:transparent; height:25px; color:#fff;}
.topWrap .utilDiv .lang select option {color:#000;}
.topWrap .utilDiv .lang .choice {position:relative; background:transparent; display:block; padding-right:16px; line-height:20px; color:#fff;}
.topWrap .utilDiv .lang .choice::after { content:''; position:absolute; right:0; top:4px; width:6px; height:6px; margin:0; border:0 solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.topWrap .utilDiv .lang .choice.active::after { margin-top:5px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.topWrap .utilDiv .lang dd { position:absolute;  right:0; top:100%; width:68px; display:none; padding:9px 0 10px; margin-top:10px; border-radius:10px; border:1px solid #111; background:#fff; color:#888; }
.topWrap .utilDiv .lang a { display:block; padding:3px 0; line-height:1; text-align:center; }
.topWrap .utilDiv .lang a:hover { color:#000; }

 
 
/* .topWrap .utilDiv .lang {float:right;}

#google_translate_element > div > div {
	position: relative;
	padding:3px 10px;
}
#google_translate_element > div > div > select::-ms-expand {
    display: none;
}

#google_translate_element > div > div:after {
    content: '>'; 목록 펼침 아이콘
    font: 14px "Consolas", monospace;
    color: #fff;
    transform: rotate(90deg);
    right: 25px;
    top: 8px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    position: absolute;
    pointer-events: none;
}

#google_translate_element > div > div > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
	background:transparent;
	min-width:100px;
   max-width: 320px;
    height: 50px;
    float: right;
    margin:0px;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.45;
    color: #fff;
    border: 1px solid rgba(255,255,255,.7);
    -ms-word-break: normal;
    word-break: normal;
    border-radius: 50px;
}
#google_translate_element > div > div > select option {color:#222;}

#google_translate_element span {display:none;}
#google_translate_element .skiptranslate {color:transparent;} */

/* .skiptranslate iframe {display:none;}
body {top:0 !important;} */

.topWrap .iconW {display:inline-block;}
.topWrap .iconB {display:none;}

.topWrap.on .iconW {display:none;}
.topWrap.on .iconB {display:inline-block;}

.topWrap.fixed {position:fixed; top:0; left:0; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.03);  transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; z-index:15;}
.topWrap.fixed .tLogo {width:182px; height:50px; background:url("/image/logo.png") no-repeat 0 bottom; background-size:100%;}
.topWrap.fixed .tGnb {top:53px;}
.topWrap.fixed .tNav .tt {color:#000;}
.topWrap.fixed .tNav .tt:before {background:#f05403;} 
.topWrap.fixed .tNav .tt .tSub {background:#f05403;}
.topWrap.fixed .tNav .tt .tSub li {color:rgba(255,255,255,.7);}
.topWrap.fixed .tNav .tt:hover .tSub li {color:#fff;}

.topWrap.fixed .utilDiv .customerBt{color:#555;}
.topWrap.fixed .utilDiv .customerBt:after{opacity:1;}
.topWrap.fixed .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
.topWrap.fixed .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
.topWrap.fixed .utilDiv .lang select {color:#000;}
.topWrap.fixed .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;} 

.topWrap.fixed .iconW {display:none;}
.topWrap.fixed .iconB {display:inline-block;}

.topWrap.shop {position:fixed; top:0; left:0; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.03);  transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; z-index:3;}
.topWrap.shop .tLogo {width:185px; height:50px; background:url("/image/logo.png") no-repeat 0 bottom; background-size:100%;}
.topWrap.shop .tGnb {top:53px;}
.topWrap.shop .tNav .tt {color:#000;}
.topWrap.shop .tNav .tt:before {background:#f05403;} 
.topWrap.shop .tNav .tt .tSub {background:#f05403;}
.topWrap.shop .tNav .tt .tSub li {color:rgba(255,255,255,.7);}
.topWrap.shop .tNav .tt:hover .tSub li {color:#fff;}

.topWrap.shop .utilDiv .customerBt{color:#555;}
.topWrap.shop .utilDiv .customerBt:after{opacity:1;}
.topWrap.shop .utilDiv .customerBt.out a {border:1px solid rgba(0,0,0,.3);}
.topWrap.shop .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
.topWrap.shop .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
.topWrap.shop .utilDiv .lang select {color:#000;}
.topWrap.shop .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;} 

.topWrap.shop .iconW {display:none;}
.topWrap.shop .iconB {display:inline-block;}

.topWrap .btnLine {margin-left:5px; padding:1px 5px; font-size:9px; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block;}

/* .topWrap.fixed #google_translate_element > div > div:after {color:#222;}
.topWrap.fixed #google_translate_element > div > div > select {color:#000; border: 1px solid rgba(0,0,0,.3);} */


/* @media all and (max-width:1600px) {
	.topWrap {height:130px;}
	.topWrap .tLogo {top:43px; left:4%; width:70px; height:72px;}
	.topWrap .tGnb {top:55px; right:4%;}
	
	.topWrap.fixed {height:110px; }
	.topWrap.fixed .tLogo {top:30px; left:3%; width:70px; height:72px;}
	.topWrap.fixed .tGnb {top:45px; right:3%;}

	.topWrap .tNav {margin:70px 0 0 0;}
	.topWrap .tNav a {font-size:17px;}
	.topWrap .tNav span {margin:0 12px;}
	.topWrap .tNav span:before {bottom:-10px; height:5px;}
	.topWrap .tNav .on span:before, .tNav span:hover:before {height:5px;}
	 
	.topWrap.fixed .tNav {margin:50px 0 0 0;}
	.topWrap.fixed .tNav span {margin:0 10px; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
} */


@media all and (max-width:1450px) {
	.topWrap {height:120px;}
	.topWrap .tLogo {top:40px; left:4%; width:185px; height:50px;}
	.topWrap .tGnb {top:50px;}

	.topWrap .tNav {display:none;}	
	/* .topWrap .utilDiv {padding-top:40px;} */
	.topWrap .utilDiv {/* display:none; */ padding-top:45px;}
	.topWrap .tGnb .tMenu {display:inline-block;}
	
	.topWrap.fixed {height:90px; background:#fff;}
	.topWrap.fixed .tLogo {top:20px; width:185px; height:50px;}
	.topWrap.fixed .tGnb {top:40px;}	
	.topWrap.fixed .utilDiv {padding-top:35px;}
	
	.topWrap.shop {height:90px; background:#fff;}
	.topWrap.shop .tLogo {top:15px; width:185px; height:50px;}
	.topWrap.shop .tGnb {top:40px;}	
	.topWrap.shop .utilDiv {padding-top:35px;}
}

@media all and (max-width:960px) {
	.topWrap .tLogo {top:20px; width:146px; height:40px;}
	.topWrap.fixed .tLogo {width:146px; height:40px;}
	.topWrap.shop .tLogo {width:146px; height:40px;}
	.topWrap .utilDiv {padding-top:35px;}
	.topWrap.fixed .utilDiv {padding-top:30px;}
	.topWrap.shop .utilDiv {padding-top:30px;}
}

@media all and (max-width:768px) {
	.topWrap {height:95px;}
	.topWrap .tLogo { left:4%; width:128px; height:35px;}
	.topWrap .tGnb {top:32px; right:3%;}
	.topWrap .tGnb .user {min-width:45px; background-size:22px; font-size:11px; margin:0 10px 0 0; padding:28px 0 0 0;}
	.topWrap .tGnb .logout {min-width:45px; background-size:22px; font-size:11px; padding:28px 0 0 0;}
	.topWrap .tGnb .tMenu {min-width:45px; background-size:22px; font-size:11px; margin:0 0 0 10px; padding:28px 0 0 0;}
	
	.topWrap .utilDiv {right:7%; padding-top:30px;}
	
	.topWrap.fixed {height:85px; }
	.topWrap.fixed .tLogo {left:3%; width:128px; height:35px;}
	.topWrap.fixed .tGnb {right:3%;}
	
	.topWrap.shop {height:85px; }
	.topWrap.shop .tLogo {left:3%; width:128px; height:35px;}
	.topWrap.shop .tGnb {right:3%;}
}

@media all and (max-width:560px) {
	.topWrap {height:80px;} 
	.topWrap .tLogo {top:23px;}
	.topWrap .tGnb {top:22px; right:4%; }
	.topWrap .tGnb .user {background-size:22px; padding:25px 0 0 0;}
	.topWrap .tGnb .logout {background-size:22px; padding:25px 0 0 0;}
	.topWrap .tGnb .tMenu {min-width:33px; width:33px; height:33px; background:url(/image/icon_nav_w.png) no-repeat center center #222; margin:0 0 0 20px; border-radius:50%; font-size:0;}
	
	.topWrap .utilDiv {right:8%;}
	
	.topWrap.fixed {height:70px; }
	.topWrap.fixed .tLogo {top:15px; left:3%; width:120px; height:33px;}
	.topWrap.fixed .tGnb {top:15px; right:3%;}
	.topWrap.fixed .btn-all {}
	.topWrap.fixed .utilDiv {padding-top:22px;}
	
	.topWrap.shop {height:70px; }
	.topWrap.shop .tLogo {top:10px; left:3%; width:120px; height:33px;}
	.topWrap.shop .tGnb {top:15px; right:3%;}
	.topWrap.shop .btn-all {}
	.topWrap.shop .utilDiv {padding-top:22px;}
}

@media all and (max-width:460px) {
	.topWrap {height:80px;}
	.topWrap .tLogo {top:17px; width:120px; height:33px;}

	.topWrap .tGnb .user {margin:0 5px 0 0;}
	.topWrap .tGnb .tMenu {margin:0 0 0 15px;}
	.topWrap .utilDiv {right:10%; padding-top:22px;}
}


/* header 웹 */
#headerW {position:absolute; top:0; left:0; width:100%; text-align:center; height:112px; /* border-bottom:1px solid rgba(255,255,255,0.2); */ z-index:1000;}
#headerW h1 {position:absolute; top:20px; left:5%; z-index:2;}
#headerW h1 a {display:block; width:70px; height:72px; background:url("/image/logo_w.png") no-repeat 0 0; background-size:100%;}
#headerW h1 {margin-block-start:0; margin-block-end:0;}


@media all and (max-width:1300px) {
	#headerW h1 {left:2.5%;}
}

@media all and (max-width:960px) {
	#headerW {height:90px; }
	#headerW h1 {top:15px;}
	#headerW h1 a {width:49px; height:50px;}
}

@media all and (max-width:800px) {
	#headerW {height:70px; }
	#headerW h1 {top:10px;}
	#headerW h1 a {width:44px; height:45px;}
}

#headerW .utilDiv {position:absolute; top:0; right:5%; padding-top:59px;}
#headerW .utilDiv:after {display:block; content:""; clear:both;}
#headerW .utilDiv .customerBt {position:relative; float:left; color:#fff; margin:0px 14px 0 0; font-size:13px; cursor:pointer;}
#headerW .utilDiv .customerBt .sInline {letter-spacing:0.2px; font-size:12px; font-weight:600;}
#headerW .utilDiv .customerBt .sBlock {letter-spacing:0.2px; font-size:12px; font-weight:600; display:block;}
#headerW .utilDiv .customerBt .btnCout {background:#222; margin:2px 0 0 0; padding:2px 5px; color:#fff; font-size:10px; font-weight:600; border-radius:3px; letter-spacing:0.2px; display:inline-block;}
#headerW .utilDiv .customerBt.out a {clear:both; margin:20px 0 0 0 !important; padding:3px 7px; font-size:10px; font-weight:600; vertical-align:bottom; letter-spacing:0; border:1px solid rgba(255,255,255,.3); border-radius:3px;}
#headerW .utilDiv img {vertical-align:middle;}
/* #headerW .utilDiv .customerBt:hover .mySub {display:block;} */
#headerW .utilDiv .customerBt .mySub {position:absolute; top:36px; left:50%; transform:translateX(-50%); min-width:200%; background:#fff; padding:10px 15px; color:#000; border-radius:7px; box-shadow:0 5px 7px rgba(0,0,0,.1); display:none;}
#headerW .utilDiv .customerBt .mySub .arrow {position:absolute; top:-6px; left:50%; transform:translateX(-50%); width:12px; height:7px; background:url(/image/icon_arr.png) no-repeat; background-size:100%;}
#headerW .utilDiv .customerBt .mySub p {padding:0 0 3px 0; text-align:left;}
#headerW .utilDiv .customerBt .mySub .pOut {margin:5px 0 0 0; padding:5px 0 0 0; text-align:center; border-top:1px dashed #ccc;}

#headerW .utilDiv .lang {float:right; color:#fff; font-size:13px; padding:3px 10px; margin:0; border-radius:50px; border:1px solid rgba(255,255,255,.3);  z-index:10; }
#headerW .utilDiv .lang select {background:transparent; height:25px; color:#fff;}
#headerW .utilDiv .lang select option {color:#000;}
#headerW .utilDiv .lang .choice {position:relative; background:transparent; display:block; padding-right:16px; line-height:20px; color:#fff;}
#headerW .utilDiv .lang .choice::after { content:''; position:absolute; right:0; top:4px; width:6px; height:6px; margin:0; border:0 solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#headerW .utilDiv .lang .choice.active::after { margin-top:5px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
#headerW .utilDiv .lang dd { position:absolute;  right:0; top:100%; width:68px; display:none; padding:9px 0 10px; margin-top:10px; border-radius:10px; border:1px solid #111; background:#fff; color:#888; }
#headerW .utilDiv .lang a { display:block; padding:3px 0; line-height:1; text-align:center; }
#headerW .utilDiv .lang a:hover { color:#000; }


/* #headerW .utilDiv .langDiv {position:relative; float:left; padding:0 30px 0 13px;}
#headerW .utilDiv .langDiv > a{display:block; width:23px; height:15px; background:url("/common/images/btn/eng_btn.png") no-repeat left center;}
#headerW .utilDiv .langDiv > div{display: none; position:absolute; top:15px; left:0; width:98px; padding:15px 0; background:#fff;}
#headerW .utilDiv .langDiv > div > a{display:block; font-size:15px; color:#555; line-height:24px; text-align:center;} */


#headerW .fmSitBt{display:none; position:absolute; top:0; right:0; width:70px; height:70px; background:url("/image/bt.png") no-repeat 50% 50%;}
#headerW.subHeader .fmSitBt:before{display:block; content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:rgba(255,255,255,0.2);}
#headerW.type2{border-bottom:1px solid rgba(000,000,000,0.1);}
#headerW.type2 h1 a{display:block; width:70px; height:72px; background:url("/image/logo.png") no-repeat 0 bottom;}
/* #headerW.type2 .utilDiv .langDiv > a{color:#555; background:url("/common/images/btn/eng_btn_on.png") no-repeat left center;} */
#headerW.type2 .fmSitBt{position:absolute; top:0; right:0; display:block; width:70px; height:70px; background:url("/image/bt.png") no-repeat 50% 50%;}
#headerW.type2 .gnbDiv li .oneD{color:#000;}
#headerW.type2 .utilDiv .customerBt{color:#555;}
#headerW.type3{background:rgba(255,255,255,0.9);}



#headerW .gnbDiv {position:absolute; width:100%; margin:0 auto; text-align:center; }
#headerW .gnbDiv .inner {width:auto; margin:0 auto; height:112px; overflow:hidden; text-align:center; }
#headerW .gnbDiv .inner:hover {box-shadow:0 5px 10px rgba(0,0,0,.03);}
#headerW .gnbDiv ul{ margin:0 auto; overflow:hidden; text-align:center;}
#headerW .gnbDiv li{display:inline-block; margin:0; vertical-align:top; }
#headerW .gnbDiv li a {display:block; /* padding:0 40px; */ margin:0; }
#headerW .gnbDiv li .oneD{position:relative; display:block; padding:60px 30px 35px 30px; font-size:17px; color:#fff; font-weight:600; text-align:center; letter-spacing:0.5px !important; }
/* #headerW .gnbDiv li a:before {content:''; position:absolute; bottom:-1px; width:0; left:0; right:100%; height:5px; background:transparent; z-index:10; transition:0.3s; -webkit-transition:0.3s;} */

#headerW .gnbDiv .topSlideContainer {position: relative; overflow: hidden;}
#headerW .gnbDiv .topSlideWrapper {position: relative; display: flex; overflow: unset;}
#headerW .gnbDiv .topSlideImg {position: relative;}


#headerW .gnbDiv li .twoD{padding:36px 0 40px 0; }
/* #headerW .gnbDiv li:nth-child(2) .twoD{padding:36px 25px 40px 20px}
#headerW .gnbDiv li:nth-child(3) .twoD{padding:36px 0 40px 19px;}
#headerW .gnbDiv li:nth-child(4) .twoD{text-align:center;}
#headerW .gnbDiv li:nth-child(5) .twoD{padding:36px 13px 40px;} */
#headerW .gnbDiv li .twoD > a {display:block; width:100%; font-size:15px; color:#555; line-height:25px; text-align:center;}
#headerW .gnbDiv li .twoD > a.link{padding-right:22px; background:url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 5px}
#headerW .gnbDiv li .twoD > a:first-child {margin-top:0;}
#headerW .gnbDiv li .twoD .thrD{padding-top:25px; position:relative; overflow:hidden; display:none}
#headerW .gnbDiv li .twoD .thrD:before{content:''; display:block; position:absolute; top:25px; left:0; width:2px; height:100%; background:#ddd}
#headerW .gnbDiv li .twoD .thrD > a{display:block; font-size:15px; margin-top:16px; padding-left:23px}
#headerW .gnbDiv li .twoD .thrD > a:first-child{margin-top:0}
#headerW.on .gnbDiv li .twoD .thrD > a:hover, #headerW .gnbDiv li .twoD .thrD > a:focus{color:#f05403;}
#headerW.on h1 a{display:block; width:70px; height:72px; background:url("/image/logo.png") no-repeat 0 bottom; background-size:100%;}
/* #headerW.on .utilDiv .langDiv > a{background:url("/common/images/btn/eng_btn_on.png") no-repeat left center;} */
#headerW.on .fmSitBt{position:absolute; top:0; right:0; /* display:block; */ width:70px; height:70px; background:url("/image/bt_on.png") no-repeat 50% 50%;}
#headerW.on .gnbDiv{background:#fff;}
#headerW.on .gnbDiv:after{content:''; position:absolute; top:112px; left:0; width:100%; height:1px; background:#ddd;}
#headerW.on .gnbDiv li .oneD{color:#000;}
#headerW.on .gnbDiv li:hover .oneD, #header.on .gnbDiv li:focus .oneD {color:#Vf05403;}
#headerW.on .gnbDiv li:hover .oneD:before, #header.on .gnbDiv li:hover .oneD:before {content:''; position:absolute; bottom:-1px; width:100%; left:0; right:100%; height:5px; background:#f05403; z-index:10; transition:0.3s; -webkit-transition:0.3s;} 
#headerW.on .gnbDiv li .oneD:before, #header.on .gnbDiv li .oneD:before {left:0; right:0; width:0; transition:0.3s; -webkit-transition:0.3s;}
#headerW.on .banner1 {position:absolute; top:140px; right:50%; margin-right:-710px; width:318px; height:168px;  opacity:1; /* fadeUp 200ms both; animation:fadeUp 200ms both; */}
#headerW .banner1 {opacity:0; }

/* #headerW.on .gnbDiv li:hover > .twoD {-webkit-animation:fadeUp 200ms both; animation:fadeUp 200ms both;} */


#headerW.on .gnbDiv li .twoD a:hover, #header.on .gnbDiv li .twoD a:focus{color:#f05403}
#headerW.on .gnbDiv li .twoD a.on{ color:#f05403}
#headerW.on .utilDiv .customerBt{color:#555;}
#headerW.on .utilDiv .customerBt:after{opacity:1;}
#headerW.on .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
#headerW.on .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
#headerW.on .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;}

#headerW .iconW {display:inline-block;}
#headerW .iconB {display:none;}

#headerW.on .iconW {display:none;}
#headerW.on .iconB {display:inline-block;}

#headerW.on .utilDiv .lang {border:1px solid rgba(0,0,0,.3);}
#headerW.on .utilDiv select {color:#000;}
#headerW.on .utilDiv .customerBt.out a {border:1px solid rgba(0,0,0,.3);}

@media all and (max-width:1500px) {
	#headerW .gnbDiv li .oneD {font-size:16px;}
}

@media all and (max-width:1300px) {
	#headerW .gnbDiv {display:none;}
	#headerW .utilDiv {display:none;}
}




#headerW.fixed {position:fixed;}
#headerW.fixed h1 a {display:block; width:70px; height:72px; background:url("/image/logo.png") no-repeat 0 bottom; background-size:100%;} 
#headerW.fixed .fmSitBt{position:absolute; top:0; right:0; /* display:block; */ width:70px; height:70px; background:url("/image/bt_on.png") no-repeat 50% 50%;}
#headerW.fixed .gnbDiv{background:#fff;}
#headerW.fixed .gnbDiv:after{content:''; position:absolute; top:112px; left:0; width:100%; height:1px; background:#ddd;}
#headerW.fixed .gnbDiv li .oneD{color:#000;}
#headerW.fixed .gnbDiv li:hover .oneD, #header.on .gnbDiv li:focus .oneD {color:#f05403;}
#headerW.fixed .gnbDiv li:hover .oneD:before, #header.on .gnbDiv li:hover .oneD:before {content:''; position:absolute; bottom:-1px; width:100%; left:0; right:100%; height:5px; background:#f05403; z-index:10; transition:0.3s; -webkit-transition:0.3s;} 
#headerW.fixed .gnbDiv li .oneD:before, #header.on .gnbDiv li .oneD:before {left:0; right:0; width:0; transition:0.3s; -webkit-transition:0.3s;}

#headerW.fixed .iconW {display:none;}
#headerW.fixed .iconB {display:inline-block;}

#headerW.shop {position:fixed;}
#headerW.shop h1 a {display:block; width:70px; height:72px; background:url("/image/logo.png") no-repeat 0 bottom; background-size:100%;} 
#headerW.shop .fmSitBt{position:absolute; top:0; right:0; /* display:block; */ width:70px; height:70px; background:url("/image/bt_on.png") no-repeat 50% 50%;}
#headerW.shop .gnbDiv{background:#fff;}
#headerW.shop .gnbDiv:after{content:''; position:absolute; top:112px; left:0; width:100%; height:1px; background:#ddd;}
#headerW.shop .gnbDiv li .oneD{color:#000;}
#headerW.shop .gnbDiv li:hover .oneD, #header.on .gnbDiv li:focus .oneD {color:#f05403;}
#headerW.shop .gnbDiv li:hover .oneD:before, #header.on .gnbDiv li:hover .oneD:before {content:''; position:absolute; bottom:-1px; width:100%; left:0; right:100%; height:5px; background:#f05403; z-index:10; transition:0.3s; -webkit-transition:0.3s;} 
#headerW.shop .gnbDiv li .oneD:before, #header.on .gnbDiv li .oneD:before {left:0; right:0; width:0; transition:0.3s; -webkit-transition:0.3s;}

#headerW.shop .iconW {display:none;}
#headerW.shop .iconB {display:inline-block;}

#headerW.fixed .utilDiv .customerBt{color:#555;}
#headerW.fixed .utilDiv .customerBt:after{opacity:1;}
#headerW.fixed .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
#headerW.fixed .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
#headerW.fixed .utilDiv .lang select {color:#000;}
#headerW.fixed .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;}

#headerW.shop .utilDiv .customerBt{color:#555;}
#headerW.shop .utilDiv .customerBt:after{opacity:1;}
#headerW.shop .utilDiv .customerBt.out a {border:1px solid rgba(0,0,0,.3);}
#headerW.shop .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
#headerW.shop .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
#headerW.shop .utilDiv .lang select {color:#000;}
#headerW.shop .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;}




#headerW.fixednone {opacity:0;}
#mask {position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
#mask1 {position:fixed; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
.btn-all, .all-inner {display:none;}

/* .btn-all .bar, #headerW .btn-all .bar::before, #headerW .btn-all .bar::after { -webkit-transition:background 0.3s linear 300ms; transition:background 0.3s linear 300ms; }
#headerW.fixed .btn-all .bar, #headerW.fixed .btn-all .bar::before, #headerW.fixed .btn-all .bar::after,
#headerW.opend-all .btn-all .bar, .#headerW.opend-all .btn-all .bar::before, #headerW.opend-all .btn-all .bar::after { -webkit-transition-delay:0ms; transition-delay:0ms; } */

.btn-all .bar, .topWrap .btn-all .bar::before, .topWrap .btn-all .bar::after { -webkit-transition:background 0.3s linear 300ms; transition:background 0.3s linear 300ms; }
.topWrap.fixed .btn-all .bar, .topWrap.fixed .btn-all .bar::before, .topWrap.fixed .btn-all .bar::after,
.topWrap.opend-all .btn-all .bar, ..topWrap.opend-all .btn-all .bar::before, .topWrap.opend-all .btn-all .bar::after { -webkit-transition-delay:0ms; transition-delay:0ms; }

@media all and (max-width:1450px) {
	#headerW.fixed {height:90px; background:#fff;}
	#headerW.fixed h1 {top:15px;}
	#headerW.fixed h1 a {width:59px; height:60px;}
	.topWrap.fixed .btn-all {top:38px}
	.topWrap.fixed .btn-all .bar {background:#000;}
	.topWrap.fixed .btn-all .bar::before,
	.topWrap.fixed .btn-all .bar::after {background:#000;}

	#headerW.shop {height:90px; background:#fff; border-bottom:1px solid rgba(0,0,0,.15);}
	#headerW.shop h1 {top:15px;}
	#headerW.shop h1 a {width:59px; height:60px;}
	.topWrap.shop .btn-all {top:38px}
	.topWrap.shop .btn-all .bar {background:#000;}
	.topWrap.shop .btn-all .bar::before,
	.topWrap.shop .btn-all .bar::after {background:#000;}

	.btn-all {display:block; position:absolute; top:45px; right:2.5%; width:29px; height:22px; z-index:3;}
	.btn-all .bar { position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.btn-all .bar::before,
	.btn-all .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; }
	.btn-all .bar::before { -webkit-transform:translateY(-11px); transform:translateY(-11px); }
	.btn-all .bar::after { -webkit-transform:translateY(9px); transform:translateY(9px); }


	.all-inner {display:block; position:fixed; right:-320px; top:0; width:320px; height:100%; min-height:100%; z-index:5; overflow-y:auto; background:#fff; color:#222; text-align:left; padding:0 0 100px 0; z-index:99;}
	.all-inner .close1 {position:absolute; right:7%; top:25px; width:29px; height:22px; }
	.all-inner .close1 .bar {position:absolute; left:0; top:50%; width:100%; height:2px; background:transparent; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.all-inner .close1 .bar::before,
	.all-inner .close1 .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; }
	.all-inner .close1 .bar::before { transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
	.all-inner .close1 .bar::after { transform:rotate(45deg); -ms-transform:rotate(45deg); }
}

@media all and (max-width:960px) {
	#headerW.fixed {height:80px;}
	#headerW.fixed h1 {}
	#headerW.fixed h1 a {width:49px; height:50px;}
	.topWrap.fixed .btn-all {top:33px}

	#headerW.shop {height:80px;}
	#headerW.shop h1 {}
	#headerW.shop h1 a {width:49px; height:50px;}
	.topWrap.shop .btn-all {top:33px}

	.topWrap .btn-all {top:33px;}
	#headerW .btn-all .bar::before { -webkit-transform:translateY(-9px); transform:translateY(-9px); }
	#headerW .btn-all .bar::after { -webkit-transform:translateY(7px); transform:translateY(7px); }
}

@media all and (max-width:800px) {
	#headerW.fixed {height:70px;}
	#headerW.fixed h1 {top:10px;}
	#headerW.fixed h1 a {width:44px; height:45px;}
	.topWrap.fixed .btn-all {top:30px;}

	.topWrap .btn-all {top:30px;}
}

@media all and (max-width:560px) {
	.topWrap.fixed .btn-all {top:25px;}
	.topWrap.shop .btn-all {top:25px;}
}

@media all and (max-width:460px) {
	.topWrap .btn-all {top:22px;}
}


.all-inner .lang {position:absolute; top:30px; left:8%; font-size:15px;}
.all-inner .lang span {padding:0 10px; border-left:1px solid rgba(0,0,0,.2);}
.all-inner .lang span:first-child {border-left:0; padding:0 10px 0 0;}
.all-inner .lang select {padding:0 7px; border:1px solid rgba(0,0,0,.2); border-radius:50px;}

.all-inner .login {position:absolute; top:30px; left:calc(8% + 68px); height:30px; line-height:30px; font-size:12px; padding:0 9px; border:1px solid rgba(0,0,0,.2); border-radius:50px;}
.all-inner .sign {position:absolute; top:30px; left:calc(8% + 65px + 67px); height:30px; line-height:30px; font-size:12px; padding:0 9px; border:1px solid rgba(0,0,0,.2); border-radius:50px;}

.all-inner .in {margin:130px 0 0 0;}
.all-inner { clear:both; overflow:hidden;}
.all-inner li.btn {position:relative; display:block; cursor:pointer; overflow:hidden; padding:10px 8%; font-size:18px; font-weight:600; letter-spacing:0.2px;}
.all-inner .on {font-weight:bold; cursor:pointer; display:block; overflow:hidden;}
.all-inner li.btn.on::after {
	content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border: 0 solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.all-inner li.ly {overflow:hidden; width:100%; padding:20px 10px; border-bottom:1px solid #eee; background:#f2f2f2; font-size:15px;} 
.all-inner li.ly,
.all-inner dt {display:none;}
.all-inner dl {padding:10px 0; margin:0; }
.all-inner dl a {padding:3px 20px 1px 20px; display:block;}
.all-inner dl a:hover	{background:#eee;}
.all-inner dd {padding:2px 0 0 6%; line-height:17px;}

.all-inner li.btn a {position:relative; width:100%; display:block;}
.all-inner li.btn::after {
	content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border: 0 solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
} 

.all-inner .util {margin:40px 0 0 8%; font-size:14px; font-weight:600;}
.all-inner .util li {padding:0 0 3px 30px;}
.all-inner .util .icon01 {background:url(/image/m01.png) no-repeat left center;}
.all-inner .util .icon02 {background:url(/image/m02.png) no-repeat left center;}
.all-inner .util .icon03 {background:url(/image/m03.png) no-repeat left center;}
.all-inner .util .icon04 {background:url(/image/m04.png) no-repeat left center;}
.all-inner .deco-set {position:absolute; left:8%; bottom:20px; color:rgba(0,0,0,.2); font-weight:600; line-height:1.3;}



/* Main Visual */
#mainVisual{overflow:hidden; /* height:969px; */height:100vh; min-height:700px; position:relative;}
.main-visual-wrapper{position:relative; height:100%; }
/* 메인비주얼 :: 이미지 */
.main-visual-slider {
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:#000;
}
.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
}
.main-visual-slider .swiper-slide .visual-img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1649px; height:969px;; width:100%; /* background-size:cover !important; */}
.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}

@media all and (max-width:1300px) {
	
}

/* 메인비주얼 :: 텍스트 */
.main-visual-item .visual-txt-con{position:absolute; bottom:45%; left:10%; z-index:11; color:#fff; font-size:20px;}
.main-visual-item .visual-txt-con span{display:block; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-tit{overflow:hidden; font-size:3em; font-weight:700; margin-bottom:0.58em;}
.main-visual-item .visual-txt-con .main-visual-tit.test{font-weight:400;}
.main-visual-item .visual-txt-con .main-visual-txt{overflow:hidden; font-size:0.9em; font-weight:300; line-height:1.4; letter-spacing:-0.7px; opacity:0.5;}
.main-visual-item .visual-txt-con .main-visual-btn-box{overflow:hidden; margin-top:2.2em; }
.main-visual-item .visual-txt-con .main-visual-btn{overflow:hidden; width:185px; border:0; text-align:left; border-bottom:1px solid #fff; padding:22px 0; text-align:left; transform:translateY(100%)}
.main-visual-item .visual-txt-con .main-visual-btn:before{background-color:#fff;}
.main-visual-item .visual-txt-con .main-visual-btn em{display:inline-block; font-size:15px; font-weight:700; letter-spacing:0.25px; color:#fff; }
.main-visual-item .visual-txt-con .main-visual-btn i{position:absolute; top:50%; right:0px; margin-top:-10px; color:#fff; font-size:20px; transition:all 0.3s}

@media all and ( min-width: 1921px ) , ( min-height: 969px ), ( max-width: 1366px) {
	.main-visual-slider .swiper-slide .visual-img{height:100%; background-size:cover !important;}
	.main-visual-slider .swiper-slide .visual-img img{display:none}
}

@media all and ( max-width: 1536px ){
	
	/* -------- 사이드 -------- */
	/* 메인 비주얼 :: 사이드 :: 텍스트 */
	.main-visual-side-con{width:175px; top:133px;}

	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{ font-size:16px;}

	/* 메인 비주얼 :: Custom Bullet */
	.main-visual-pagination{bottom:33px;}
	.main-visual-pagination .main-visual-paging-item{margin-left:15px;}
	.main-visual-pagination span{width:100px; height:57px;}
}
@media all and ( max-width: 1024px ){
	.main-visual-wrapper{margin-left:0}
	/* -------- 사이드 -------- */
	.main-visual-side-con{display:none;}
	/* 메인 비주얼 :: Custom Bullet */
	.main-visual-pagination{display:none;}
}
@media all and ( max-width: 800px ){
	#mainVisual{min-height:auto}
	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{font-size:14px; left:15px; right:15px; text-align:center;}
	.main-visual-item .visual-txt-con .main-visual-tit{letter-spacing:-0.25px;}
	.main-visual-item .visual-txt-con .main-visual-btn em{font-size:13px}
	/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
	
}
@media all and ( max-width: 480px ){
	/* 메인비주얼 :: 텍스트 */
	.main-visual-item .visual-txt-con{font-size:13px;}
	/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
	
}

/* -------- 사이드 -------- */
/* 메인 비주얼 :: 사이드 :: 텍스트 */
.main-visual-side-con{position:absolute; top:170px;bottom:0px; left:0px; width:255px; }
.main-visual-side-con .main-visual-side-txt { position:absolute; bottom:280px; left:50%; width:400px; margin-left:-8px; color:#000; color:rgba(0,0,0,0.5); font-size:16px; letter-spacing:1px; font-weight:300; transform:rotate(-90deg); transform-origin:0% 0%;}
.main-visual-side-con .main-visual-side-txt em{}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-1px; width:2px; height:180px; z-index:9; background-color:#cfcfcf;}
.main-scroll-icon::after {
  display: block;
  content: "";
  width: 100%;
  height: 28px;
  background: #7fb278;
  position: absolute;
  top: 0;
  left: 0;
  animation:  scroll_ani 2s infinite;
}

@keyframes scroll_ani {
    0%, 20% {
        top: -28px;
    }
	100% {
        top: 100%;
    }
}


@media all and (max-width:1300px) {
}

/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
.main-visual-controls{position:absolute; width:255px; height:94px; right:0; bottom:0px; padding:0 45px; background-color:#fff; z-index:3; text-align:center;}
.main-visual-control-btns{margin:40px 0 20px; }
.main-visual-control-btns button{width:34px; height:11px;}
.main-visual-control-btns .slide-prev-btn{
	float:left;
	background: url(/image/cm_prev_arrow.svg) no-repeat;
}
.main-visual-control-btns .slide-next-btn{
	float:right;
	background:url(/image/cm_next_arrow.svg) no-repeat
}
.main-visual-control-btns .main-visual-conuter{display:inline-block; position:relative; top:-2px; vertical-align:middle; line-height:11px; font-size:12px; color:#000; }
.main-visual-control-btns .main-visual-conuter .total-num{position:relative; margin-left:20px; color:rgba(0,0,0,0.5)}
.main-visual-control-btns .main-visual-conuter .total-num:before{position:absolute; left:-10px; width:1px; height:13px; background-color:#e5e5e5; content:"";}
.main-visual-loading-bar{width:100%; height:2px; background-color:#eee;}
.main-visual-loading-bar span{display:block; width:0; height:100%; background-color: #000}

/* 메인 비주얼 :: Custom Bullet */
.main-visual-pagination{position:absolute; bottom:53px; left:10%; z-index:11; }
.main-visual-pagination .main-visual-paging-item{float:left; filter: grayscale(100%); margin-left:23px; cursor:pointer; background-color:#000;}
.main-visual-pagination .main-visual-paging-item:focus{outline:none;}
.main-visual-pagination .main-visual-paging-item:first-child{margin-left:0}
.main-visual-pagination span{display:block; overflow:hidden; width:179px; height:102px; border:1px solid #9a9a9a;}
.main-visual-pagination img{width:100%; height:100%; transition:all 1s; transform:scale(1.1)}
.main-visual-pagination .swiper-pagination-bullet-active{filter: grayscale(0); }
.main-visual-pagination .swiper-pagination-bullet-active span{border-color:#fff}
.main-visual-pagination .swiper-pagination-bullet-active img{transform:scale(1.0)}
body.ie-browser .main-visual-pagination .main-visual-paging-item img{opacity:0.3}
body.ie-browser .main-visual-pagination .swiper-pagination-bullet-active img{opacity:1}

@media all and (max-width:1300px) {
	.main-visual-pagination .main-visual-paging-item {margin-left:13px;}
	.main-visual-pagination span {width:105px; height:60px;}
}

@media all and (max-width:960px) {
	.main-visual-pagination {display:none;}
}

@media all and (max-width:800px) {
	.main-visual-controls{width:215px; height:80px;  padding:0 25px; }
	.main-visual-control-btns{margin:25px 0 20px;}
}

@media all and ( max-width: 480px ){
	.main-visual-controls{width:160px; padding:0 20px; height:60px;  }
	.main-visual-control-btns{margin:20px 0 10px;}
	.main-visual-control-btns button{width:22px; height:6px;}
	.main-visual-control-btns .slide-prev-btn,
	.main-visual-control-btns .slide-next-btn{background-size:auto 6px;}
	.main-visual-control-btns .main-visual-conuter{top:-4px;}
}


/* 메인 ABOUT */
.mAboutWrap {position:relative; width:100%; padding:0; overflow:hidden; margin:200px 0;}
.mAbout {float:right; width:90%;}
.mAbout .title {font-size:27px; padding:10px 60px 0 0; font-weight:400; color:;  letter-spacing:-1px; }
.mAbout .title strong {font-size:50px; font-weight:600; color:#000; line-height:1.2;}
.mAbout .title .mid {padding:20px 0 0 0; line-height:1.4; letter-spacing:-0.2px;}
.mAbout .title .br {display:block;}
.mAbout .aWrap {width:110%; margin:40px 0 0 0; }


.gallSec {position:relative; width:95%; margin:0; }
.gallSec .pic {width:100%; height:auto; text-align:center; overflow:hidden; }
.gallSec .pic img {width:100%;	height:auto; margin: 0 auto;}
.gallSec .name {position:absolute; bottom:0; width:100%; padding:50px; font-size:17px;	color:#fff;	line-height:1.3; text-shadow:0 0 3px rgba(0,0,0,.3); z-index:6;}
.gallSec .name strong {font-size:30px;}

.gallBtn {position:absolute; left:0; top:349px;}
.btnL {width:40px; height:40px;	background:url(/image/btnL.png) no-repeat center center #fff;	background-size: 10px auto;	border: 1px solid #ebebeb;	display: inline-block;	cursor: pointer;}
.btnR {width:40px; height:40px; margin: 0 0 0 -5px; background:url(/image/btnR.png) no-repeat center center #fff;	background-size: 10px auto;	border: 1px solid #ebebeb; display: inline-block; cursor: pointer;}

@media only screen and (max-width: 1500px) {
	.mAbout {}
	.mAbout .left1 {font-size:16px;}
	.mAbout .left1 .small {font-size:16px;}
	.mAbout .left1 strong {font-size:55px;}
	
	.gallSec .name {font-size:14px;}
}

@media only screen and (max-width: 1300px) {
	.mAboutWrap {margin:120px auto;}
	.mAbout .title {font-size:22px;}
	.mAbout .title strong {font-size:40px;}
}

@media only screen and (max-width: 1100px) {
	.mAboutWrap {margin:100px auto;}
	.mAbout {float:none; width:90%; margin:0 auto;}
	.mAbout .left1 {float:none; width:100%; padding:0; font-size:14px; letter-spacing:-0.8px; }
	.mAbout .left1 .br {margin:0 15px 0 0; display:inline-block;}
	.mAbout .left1 .small {padding:0 0 0px 0;}
	.mAbout .left1 strong {font-size:40px;}
	.mAbout .left1 .mid {padding:7px 0 15px 0;}
	.mAbout .right1 {float:none; width:100%;}
	.gallSec .iconArrow img {width:30px; height:auto;}
	
	.mAbout .aWrap {margin:20px 0 0 0; }
	.mAbout .title {font-size:20px;}
	.mAbout .title strong {font-size:35px;}
	
	.gallSec .name {padding:30px; font-size:14px;}
	.gallSec .name strong {font-size:25px;}
}

/* @media only screen and (max-width: 620px) {
	.mAbout .right1 .rightSec {width:100%;}
	
} */

@media only screen and (max-width: 860px) {
	.mAbout .left1 strong {font-size:38px;}
	.mAbout .left1 .br {margin:0 10px 0 0px; }
	.mAbout .title {font-size:16px;}
	.mAbout .title strong {font-size:30px;}
	.gallSec .name {padding:15px;}
}

@media only screen and (max-width: 620px) {
	.mAboutWrap {margin:90px auto;}
	.mAbout .left1 strong {font-size:33px;}
	.mAbout .left1 .br {margin:0 10px 0 0px; }
}

@media only screen and (max-width: 460px) {
	.mAboutWrap {margin:90px auto;}
	.mAbout .left1 {font-size:13px; color:rgba(0,0,0,.7);}
	.mAbout .left1 strong {font-size:30px;}
	
	.mAbout .title {font-size:15px;}
	.mAbout .title strong {font-size:22px;}
	
	.gallSec .name {padding:12px; font-size:12px;}
	.gallSec .name strong {font-size:22px;}
}




/* 하단영역 */
.footWrap {width:100%; height:250px; background:#222;  padding:40px 0 50px 0; }
.footWrap .inner {width:1300px; margin:0 auto; font-size:15px; font-weight:300; color:rgba(255,255,255,.5);}
.footWrap .fNav {padding:0 0 25px 0; border-bottom:1px solid rgba(255,255,255,.1);}
.footWrap .fNav span {margin:0 15px 0 0; color:#fff;}
.footWrap .fNav .link {float:right;}
.footWrap .fNav .link span {width:50px; height:35px; margin:-7px 15px; background-size:auto; opacity:.6; display:inline-block;}
.footWrap .fNav .link span:hover {opacity:1;}
.footWrap .addr {float:left; width:60%; padding:25px 0 0 0; }
.footWrap .addr .space {margin:0 15px;}
.footWrap .addr .copy {font-size:13px; padding:15px 0 0 0; letter-spacing:0.5px;}
.footWrap .addr .copy .com {color:#f05403;}
.footWrap .bar {margin:0 10px;}
.footWrap .fam {float:right; position:relative; height:53px; margin:25px 0 0 0; background:url(/image/arrow_fa.png) no-repeat 90% center; padding:0 65px 0 28px; line-height:53px; border:1px solid rgba(255,255,255,.2); display:inline-block;}
.footWrap .fam ul {position:absolute; top:-120px; left:-1px; width:101%; background:#fff; color:#000; line-height:35px; padding:10px 28px; border:1px solid rgba(0,0,0,.2); opacity:0; display:none;}
.footWrap .fam:hover, .footWrap .fam:active {background:url(/image/arrow_fa_on.png) no-repeat 90% center #fff; color:#000;}
.footWrap .fam:hover ul {opacity:1; top:-127px; display:block;}
.footWrap .fLogo {float:right; width:55px; height:67px; margin:20px 0 0 0; background:url(/image/logo_new_w.png); background-size:100%;}


.snsF {background:url(/image/sns_f.png) no-repeat center center;}
.snsU {background:url(/image/icon_you.png) no-repeat center center;}
.snsR {background:url(/image/sns_r.png) no-repeat center center;}
.snsT {background:url(/image/icon_twitter.png) no-repeat center center;}
.snsL {background:url(/image/icon_in.png) no-repeat center center;}


@media all and (max-width:1300px) {
	.footWrap .inner {width:95%; font-size:13px;}
	.footWrap .addr {width:78%; }

	.footWrap .fam {padding:0 55px 0 20px;}
}

@media all and (max-width:960px) {
	.footWrap .addr .space {margin:0 5px;}
	.footWrap .fam {height:50px; line-height:50px; padding:0 30px 0 15px;}
}

@media all and (max-width:820px) {
	.footWrap .inner {font-size:12px;}
	.footWrap .addr {width:70%;}
	.footWrap .fNav .link span {width:40px; height:28px; background-size:auto 100%;}
}

@media all and (max-width:768px) {
	.footWrap .addr {width:65%;}
	.footWrap .addr .copy {font-size:12px;}
}

@media all and (max-width:540px) {
	.footWrap {height:330px;}
	.footWrap .inner {width:90%;}
	.footWrap .addr {width:100%;}

	.footWrap .fam {float:left; height:40px; margin:20px 0 0 0; line-height:40px; padding:0 65px 0 28px; border:1px solid rgba(255,255,255,.3);}
}




/* gotop */
.scrollToTop {
	width:60px; 
	height:60px;
	border-radius:50%;
	background:url(/image/gotop_b.png) center 16px no-repeat rgba(255,255,255,.7);
	background-size:auto;
	border:1px solid rgba(0,0,0,.3);
	position:fixed;
	bottom:35px;
	right:35px;
	display:none;
	font-size:14px;
	font-family: 'Metropolis-Bold';
	font-weight:700;
	color:rgba(0,0,0,.3);
	padding:30px 0 0 0;
	text-align:center;
	z-index:5;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}
.scrollToTop:hover {
	box-shadow:0 10px 10px rgba(0,0,0,.3);
	border:0px;
	background:url(/image/gotop.png) center 16px no-repeat #f05403;
	color:#fff;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}


@media all and (max-width:768px) {
	.scrollToTop {width:40px; height:40px; font-size:0px;}
}



/* 서브탑 */
.subTop {position:relative; width:100%; height:450px; background-size:cover;}
.subTop .subTitle {padding:220px 0 0 0; font-size:55px; font-weight:600; color:#fff; text-align:center; transition-delay:0.3s;}

.subTop.com {height:500px; background:url(/image/sub_top_com.jpg) no-repeat center; background-size:cover;}
.subTop.member {background:url(/image/sub_top_mem.jpg) no-repeat center; background-size:cover;}
.subTop.office {background:url(/image/sub_top_cs.jpg) no-repeat center; background-size:cover;}
.subTop.cs {background:url(/image/sub_top_office.jpg) no-repeat center; background-size:cover;}
.subTop.pro {height:500px; background:url(/image/sub_top_pro.jpg) no-repeat center; background-size:cover;}
.subTop.pro1 {height:500px; background:url(/image/sub_top_pro1.jpg) no-repeat center; background-size:cover;}
.subTop.kiosk {height:500px; background:url(/image/sub_visual_02.png) no-repeat center; background-size:cover;}
.subTop.solution {height:500px; background:url(/image/sub_visual_04.png) no-repeat center; background-size:cover;}
.subTop.gift {height:500px; background:url(/image/sub_visual_05.png) no-repeat center; background-size:cover;}


@media all and (max-width:1500px) {
	.subTop .subTitle {font-size:50px;}
}

@media all and (max-width:1300px) {
	.subTop {height:350px;}
	.subTop .subTitle {padding:145px 0 0 0; font-size:45px;}
	.subTop.com {height:350px;}
}

@media all and (max-width:860px) {
	.subTop {height:320px;}
	.subTop .subTitle {padding:135px 0 0 0; font-size:35px;}
	.subTop.com {height:320px;}
}

@media all and (max-width:620px) {
	.subTop {height:280px;}
	.subTop .subTitle {padding:115px 0 0 0; font-size:35px;}
	.subTop.com {height:280px;}
}

@media all and (max-width:460px) {
	.subTop {height:200px;}
	.subTop .subTitle {padding:75px 0 0 0; font-size:30px;}
	.subTop.com {height:200px;}
}






.subTop .subNav {position:absolute; bottom:0; left:0; width:100%; height:63px; background: rgba(255,255,255,0.04); border-top:2px solid rgba(255,255,255,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.subTop .subNav ul {width:1500px; height:100%; margin:0 auto;  overflow:visible;}
.subTop .subNav ul.office {width:1700px;}
.subTop .subNav ul li {float:left; width:100%; text-align:center; line-height:63px; font-size:16px; font-weight:400; color:#fff;}
.subTop .subNav ul li a {color:rgba(255,255,255,.7);}
.subTop .subNav ul li.on {margin-top:-2px; border-top:2px solid #fff;}
.subTop .subNav ul li.on a {color:#fff;}
.subTop .subNav ul li.w09 {width:11.11%;}
.subTop .subNav ul li.w07 {width:14.28%;}
.subTop .subNav ul li.w05 {width:20%;}
.subTop .subNav ul li.w03 {width:33.33%;}
.subTop .subNav ul li.w04 {width:25%;}
.subTop .subNav ul li.w02 {width:50%;}

.subTop .subNav li {position:relative; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; display:inline-block;}
.subTop .subNav li:before {content:""; position:absolute; width:0px; left:50%; top:-2px; height:2px; border-radius:3.5px; background:#fff; transition:0.3s; -webkit-transition:0.3s;}
.subTop .subNav li.on:before, .subNav li:hover:before {width:100%; left:50%; margin-left:-50%; height:2px; background:#fff; color:#fff;}
.subNav li:hover a {color:#fff !important;}

.subTop .subNavM {display:none;}

@media all and (max-width:1700px) {
	.subTop .subNav ul.office {width:100%;}
}

@media all and (max-width:1500px) {
	.subTop .subNav ul {width:100%;}
}

@media all and (max-width:1100px) {
	.subTop .subNav {height:55px;}
	.subTop .subNav ul li {font-size:13px; line-height:55px;}
}

@media all and (max-width:960px) {
	.subTop .subNav {display:none;}
	.subTop .subNavM {display:block; position:absolute; bottom:0; left:0; width:100%; height:50px; background:rgba(255,255,255,0.04); border-top:2px solid rgba(255,255,255,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
	.subTop .subNavM .subMtit {padding:0 5%; background:url(/image/arrow_down_w.png) no-repeat 95% center; line-height:48px; color:#fff; }
	.subTop .subNavM .mSubmenu {position:absolute; top:50px; left:0; width:100%; background:#fff; padding:12px 3%; box-shadow:0 0 20px rgba(0,0,0,.1); display:none; }
	.subTop .subNavM .mSubmenu a {padding:8px 2%; border-bottom:1px dashed rgba(0,0,0,.1); font-size:14px; display:block;}
	.subTop .subNavM .mSubmenu a:last-child {border-bottom:0;}
}





/* 로그인 */
#loginTop {width:100%; text-align:center;}
.loginTit {font-size:35px; font-weight:bold;  color:#3b404d;  text-align:center; letter-spacing:10px; margin:100px 0 0 0;}
.nanumS {letter-spacing:0 !important;}
.loginCont {width:700px; margin:50px auto 100px auto;}

.loginWrap {width:100%; margin:10px auto; overflow:hidden;}
.loginWrap > ul {float:left; }
.loginWrap > ul.login {width:75%;}
.loginWrap > ul.login input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
.loginWrap > ul.login input.phone {width:25%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
.loginWrap > ul.login select {width:42.5%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap > ul.login1 {width:100%;}
.loginWrap > ul.login1 input {width:100%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
.loginWrap > ul.login1 input.phone {width:32%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
.loginWrap > ul.login1 input.num1 {width:50%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
.loginWrap > ul.login1 select {width:42.5%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}
.loginWrap > ul.login1 input.call {width:32%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}


.iconID {background:url(/image/icon_id.png) no-repeat 15px center #fafafa;}
.iconPW {background:url(/image/icon_pass.png) no-repeat 15px center #fafafa;}
.iconHP {background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap > ul.btn {float:right; width:25%;}
.loginWrap .btnLogin {width:100%; height:135px; background:#f05403; text-align:center; line-height:135px; color:#fff; font-size:16px;  font-weight:bold; display:block;}
.loginWrap > ul > li {margin-bottom:5px; }

.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
.loginWrap > ul.join {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}

.idTxt {font-size:13px; letter-spacing:-0.5px;}


.loginTab {height:50px; margin:0 auto;}
.loginTab ul li {float:left; width:50%; height:49px; background:#f8f8f8; text-align:center; font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.loginTab ul li a {display:block;}
.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}


.loginInfo {width:100%; margin:25px auto; font-size:14px; letter-spacing:-0.5px;}
.cirAlert {float:left; width:26px; height:26px; background:#f05403; color:#fff; border-radius:13px; font-weight:bold; font-size:21px; text-align:center; line-height:24px; display:inline-block;}
.loginInfo p.txt {float:left; line-height:1.8; margin-left:7px;}

.btnWM {padding:10px 28px; text-align:center; background:#fff; color:#333; font-size:12px; border-radius:3px; border:1px solid #ccc; cursor:pointer; display:inline-block;}
.btnBM {padding:10px 28px; text-align:center; background:#505258; color:#fff; font-size:12px; border-radius:3px; border:1px solid #505258; cursor:pointer; display:inline-block;}
    
  




@media only screen and (max-width: 720px) {
	.loginTit {font-size:25px; letter-spacing:7px; margin:70px 0 0 0;}

	.loginCont {width:90%; margin:30px auto 100px auto;}

	.loginTab {height:40px; margin:0 auto;}
	.loginTab ul li {float:left; width:50%; height:49px; background:#f8f8f8; text-align:center; font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
	.loginTab ul li a {display:block;}
	.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

	.loginInfo {margin:25px 0 0 5px; font-size:12px; letter-spacing:-1px;}
	.cirAlert {float:left; width:18px; height:18px; border-radius:9px;  font-weight:bold;  font-size:16px; text-align:center; line-height:21px; display:inline-block;}
	.loginInfo p.txt {float:left; line-height:2; margin-left:3px;}

	.loginWrap {margin:15px auto; overflow:hidden; }
	.loginWrap > ul {}
	.loginWrap > ul.login {width:100%;}
	.loginWrap > ul.login1 {width:100%;}
	
	.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
   	.loginWrap > ul.login input.phone {width:29.5%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
	.loginWrap > ul.login select {width:35%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}
	
	.loginWrap > ul.login1 input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
   	.loginWrap > ul.login1 input.phone {width:31%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
	.loginWrap > ul.login1 input.num1 {width:50%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px; }
	.loginWrap > ul.login1 select {width:35%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}
	.loginWrap > ul.login1 input.call {width:31%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

	.loginWrap > ul.btn {width:100%;}
	.loginWrap .btnLogin {width:100%; height:50px; margin-bottom:10px; text-align:center; line-height:50px; color:#fff; font-size:15px;  font-weight:bold; display:block;}
	.loginWrap > ul > li {margin-bottom:5px; }
	
	.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
	.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}


	.idTxt {font-size:11px; letter-spacing:-0.5px;}
}


/* 아이디/비밀번호찾기 */
.txtB {font-size:15px; padding:204px 0 2px 130px; color:#000;}
.txtS {font-size:12px; padding-left:182px; color:#a7a7a7;}
.find {}
.find ul {float:left; }
.find ul.left {width:100%; margin:10px 0 0 0;}
.find ul li {overflow:hidden;}
.find ul li dd {float:left; margin-top:0px; height:29px; }
.find ul li dd.name {width:100px; font-size:13px; text-indent:25px; line-height:29px;}
.btnFind {background:#f05403; text-align:center; color:#fff; width:100%; height:50px; font-size:15px; line-height:50px; margin-top:10px; display: inline-block;}

.idTab { width:100%; }
.idTab ul {overflow:hidden;}
.idTab ul li {width:50%; height:40px;float:left; background:#fafafa;border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; font-size:13px; line-height:40px;}
.idTab ul li a {display:block;}
.idTab ul li.on a {color:#000; display:block;}
.idTab ul li.on {border-bottom:1px solid #fff; border-top:1px solid #333; background:#fff;}
.idTab ul li:first-child {border-left:1px solid #eee;}


.cateBox {width:100%; margin:0 0 15px 0; font-size:18px;}
.cateBox .allTit {padding:0 10px 0 0; font-size:25px;}
.cateBox strong {color:#f05403;}
.cateBox .sort {position:relative; float:right; width:120px; background:url(/image/arrow_down.png) no-repeat 90% center; background-size:8px auto; padding:7px 0 7px 15px; font-size:13px; cursor:pointer; border:1px solid #eee;}
.cateBox .sort .sortMenu {position:absolute; top:29px; left:-1px; width:120px; background:#fff; padding:10px 15px 7px 15px; border:1px solid #eee; box-shadow:0 5px 7px rgba(0,0,0,.06); z-index:3; display:none;}
.cateBox .sort .sortMenu a {padding:5px 0; display:block; }

.cateSub {width:100%; margin:15px 0 0 0;}
.cateSub ul li {float:left; width:25%; height:35px; border-top:1px solid #eee; border-right:1px solid #eee;}

.allList {width:100%; margin:0 0 80px 0; overflow:hidden; }

.allBox {float:left; width:32%; margin:0 2% 75px 0;}
.allBox .pic {position:relative; width:100%; padding:99% 0 0; height:0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.allBox .pic img {position:absolute; top:0; left:0; width:100%; max-width:100%; height:auto; }
.allBox .name {height:38px; padding:10px 5px 5px 0; font-weight:500; color:#000; font-size:17px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.allBox .txt {height:20px; padding:0; font-size:13px; color:rgba(0,0,0,.7); line-height:1.2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.allBox .addr {height:20px; padding:0; font-size:13px; color:rgba(0,0,0,.9); font-weight:500; line-height:1.2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.allBox .sobi {padding:10px 0 0 0; font-size:14px; color:#f05403; text-decoration:line-through; }
.allBox .price {padding:0; font-size:19px; font-weight:700;}
.allBox .price .won {font-size:14px; font-weight:400;}
.allBox:nth-child(4n+4) {margin:0 0 75px 0;}

.fileWrap {width:70%; padding:0 0 100px 0; margin:50px auto; font-size:15px; font-weight:600;}
.fileDown {width:100%; height:50px; background:rgba(0,0,0,.1); margin:0 0 40px 0; font-size:15px; font-weight:600; text-align:center; line-height:50px; border:1px solid rgba(0,0,0,.1); border-radius:5px; display:inline-block;}
.fileDown img {margin:17px 5px 0 0;}
.fileDown:hover {background:#dfedff; border:1px solid #f05403;}
.fileUp {width:100%; height:50px; line-height:50px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:5px;}
.btnSF {position:absolute; right:0; bottom:0; width:20%; height:50px; line-height:50px; background:#505258; font-size:12px; font-weight:500; color:#fff; border-radius:0 5px 5px 0; text-align:center; display:inline-block; cursor:pointer;}
.btnSF:hover {background:#f05403;}


@media screen and (max-width: 1000px) {
	.cateBox {font-size:16px;}
	.cateBox .allTit {font-size:22px;}
	.allBox .name {font-size:15px;}
	.allBox .txt {font-size:13px;}
	.allBox .sobi {font-size:13px;}
	.allBox .price { font-size:18px;}
	.allBox .price .won {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.allList {margin:0 2.5% 80px 0;}
	.allBox {}
	.allBox .name {padding:10px 5px 5px 0px; font-size:14px;}
	.allBox .txt {padding:0 5px; font-size:12px;}
	.allBox .price { font-size:17px;}
	.allBox .price .won {font-size:12px;}
}


@media screen and (max-width: 660px) {
	.cateBox {font-size:15px;}
	.cateBox .allTit {font-size:19px;}
}


@media screen and (max-width: 590px) {
	.allBox {width:31.5%; margin:0 2% 45px 0;}
	.allBox:nth-child(3n+3) {margin:0 0 45px 0;}
	.allBox:nth-child(4n+4) {margin:0 2% 45px 0;}
	.allBox:nth-child(12) {margin:0 0 45px 0}
}
@media screen and (max-width: 420px) {
	.allBox {width:49%; margin:0 2% 45px 0;}
	.allBox:nth-child(3n+3) {margin:0 2% 45px 0;}
	.allBox:nth-child(2n+2) {margin:0 0 45px 0;}
	.allBox:nth-child(4n+4) {margin:0 0 45px 0;}

	.allBox .name {padding:10px 7px 5px 0; font-size:15px; font-weight:500;}
	.allBox .txt {padding:0 7px; font-size:13px; font-weight:400;}
}




/* 상품상세보기 */
.proDetail {width:100%; padding:0; overflow:hidden;}
.proDetail .pic {float:left; width:47%; }
.proDetail .pic .img {position:relative; width:100%; height:0; padding:99% 0 0 0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.proDetail .pic img {position:absolute; left:0; top:0; width:100%; max-width:100%; height:auto;}

.proDetail .info {float:right; width:47%;}
.proDetail .info .number {position:relative; height:30px; margin:0 30px 15px 0; font-size:14px; line-height:30px; letter-spacing:0; border-bottom:1px solid rgba(0,0,0,.1);}

.proDetail .info .title {padding-right:50px; font-size:30px; font-weight:400; word-break:break-all;}
.proDetail .info .ment {font-size:14px; color:rgba(0,0,0,.7);}
.proDetail .info .sobi {padding:20px 0 0 0; color:#f05403; text-decoration:line-through;}
.proDetail .info .price {font-size:28px; font-weight:800; color:#000 !important; line-height:1.2;}
.proDetail .info .price .won {font-size:16px; font-weight:500;}

.proDetail .info .share {position:absolute; top:-42px; right:-20px; float:right; width:55px;}
.proDetail .info .share .board {position:relative; background:#000; padding:5px; color:#fff; line-height:1.2; text-align:center; font-weight:500; font-size:12px; border-radius:3px; }
.proDetail .info .share .board .tri {position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:8px; height:6px; background:url(/image/tri.png) no-repeat;}
.proDetail .info .share .cir {width:45px; height:45px; margin:3px auto 0; background:url(/image/icon_share.png) no-repeat center #fff; background-size:23px; border-radius:22.5px; box-shadow:0 7px 10px rgba(0,0,0,.1);}

.proDetail .layer {position:absolute; top:50px; right:-10px; padding:15px 25px; background:#fff; text-align:center; font-size:16px; font-weight:600; border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 10px rgba(0,0,0,.06); display:none;}
.proDetail .layer .cirKa {float:left; width:50px; height:50px; margin:0 5px; background:url(/image/kakao.png) no-repeat center #f5e34d; background-size:26px; border-radius:50%;}
.proDetail .layer .cirFe {float:left; width:50px; height:50px; margin:0 5px; background:url(/image/face.png) no-repeat center #0084ff; background-size:26px; border-radius:50%;}
.proDetail .layer .close3 {position:absolute; top:8px; right:8px; width:20px; height:20px; background:url(/image/btn_close.png) no-repeat center; background-size:auto;}

.proDetail .info .sInfo {margin:30px 0 20px; font-size:15px;}
.proDetail .info .sInfo ul {overflow:hidden; display:flex;}
.proDetail .info .sInfo ul li {padding:8px 0;}
.proDetail .info .sInfo ul li.price {padding:0px 0 10px 0;}
.proDetail .info .sInfo ul:first-child {padding:10px 0 3px 0; border-top:1px solid #f2f2f2; }
.proDetail .info .sInfo ul:last-child {padding:3px 0 10px 0; border-bottom:1px solid #f2f2f2;}
.proDetail .info .sInfo .th {width:25%; color:#7b7e83; font-weight:500;}
.proDetail .info .sInfo .td {width:75%; color:#7b7e83;}
.proDetail .info .sOption .tit {padding:10px 0 5px 0; font-weight:500; font-size:15px;}
.proDetail .info .sOption select {width:100%; height:40px; border:1px solid #c2c2c2; }
.proDetail .info .sOption input {width:100%; height:40px; border:1px solid #c2c2c2; }
.proDetail .info .sResult {position:relative; background:#fafafa; margin:15px 0 0 0; padding:10px 15px;  overflow:hidden;}
.proDetail .info .sResult .left {float:left; width:40%;}
.proDetail .info .sResult .right {float:left; width:60%; padding:8px 0 0 0; text-align:right; font-size:18px;}
.proDetail .info .sResult .minus {width:30px; height:30px; background:url(/image/icon_minus.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.proDetail .info .sResult .plus {width:30px; height:30px; background:url(/image/icon_plus.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.proDetail .info .sResult input.num1 {width:44px; height:30px; margin:9px -5px 0 -5px; padding-left:0; border:1px solid #d3d3d3; border-radius:0px !important; text-align:center; vertical-align:top;}
.proDetail .info .sResult .del {position:absolute; right:10px; top:10px; width:15px; height:15px; background:url(/image/icon_x_b.png) no-repeat right top; background-size:10px;}

.proDetail .info .sTotal {padding:20px 0 0; display:flex;}
.proDetail .info .sTotal .total {width:30%; padding:5px 0 0 0; font-size:16px; color:#63636d;}
.proDetail .info .sTotal .price {width:70%; color:#f05403; font-size:25px; font-weight:800; text-align:right;}
.proDetail .info .sTotal .won {color:#000; font-weight:500; font-size:13px; font-weight:500; letter-spacing:0; line-height:2.5; text-transform:uppercase; text-align:right; }
.proDetail .info .sBtn {width:100%; margin:15px 0 0 0; display:flex;}
.proDetail .info .sBtn .sBtnCart {width:49.5%; background:#fff; margin:0; padding:17px 0; text-align:center; font-size:16px; font-weight:600; letter-spacing:-0.9px; border:1px solid #d9d9d9;}
.proDetail .info .sBtn .sBtnBuy {width:49.5%; background:#f05403; margin:0 0 0 1%; padding:17px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.9px; font-weight:500; }
.proDetail .info .sBtn .sBtnBuy1 {width:100%; background:#f05403; margin:0 0 0 0; padding:17px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.9px; font-weight:500; }

@media screen and (max-width: 1200px) {
	.proDetail {width:95%;}
	.proDetail .info .number {margin:0 0 7px 0;}
	.proDetail .info .title {font-size:23px;}
	.proDetail .info .ment {font-size:12px;}
	.proDetail .info .sobi {padding:10px 0 0 0;}
	.proDetail .info .price {font-size:23px;}
	.proDetail .info .price .won {font-size:14px;}

	.proDetail .info .sInfo {margin:18px 0; font-size:13px;}

	.proDetail .info .sOption .tit {font-size:14px;}
	.proDetail .info .sOption select {height:35px; font-size:13px;}
	.proDetail .info .sResult {margin:7px 0 0 0; padding:7px 15px;}
	.proDetail .info .sResult .right {padding:0; font-size:16px;}
	.proDetail .info .sResult .minus {margin:0;}
	.proDetail .info .sResult .plus {margin:0;}
	.proDetail .info .sResult input.num1 {margin:0 -5px 0 -5px;}

	.proDetail .info .sTotal .total {font-size:14px;}
	.proDetail .info .sTotal .price {font-size:22px;}
	.proDetail .info .sTotal .won {font-size:12px;}
	
	.proDetail .info .sBtn {margin:5px 0 0 0;}
	.proDetail .info .sBtn .sBtnCart {padding:15px 0; font-size:14px;}
	.proDetail .info .sBtn .sBtnBuy {padding:15px 0; font-size:14px;}

	.proDetail .info .share {right:0px;}
}

@media screen and (max-width: 960px) {
	.proDetail {margin:25px auto; padding:35px 0;}
}

@media screen and (max-width: 860px) {
	.proDetail {padding:35px 0;}
	.proDetail .info .title {font-size:21px;}
	.proDetail .info .price {font-size:22px;}
	.proDetail .info .sBtn {margin:0;}
}

@media screen and (max-width: 720px) {
	.proDetail {}
	.proDetail {width:100%; margin:0 auto; padding:0;}
	.proDetail .pic {float:none; width:100%; margin:0 0 35px 0; text-align:center; }
	.proDetail .pic img {}
	.proDetail .info {float:none; width:95%; margin:0 auto;}
}

@media screen and (max-width: 510px) {
	.proDetail {}
	.proDetail .pic img {width:100%;}

	.proDetail .info .title {font-size:23px;}
	.proDetail .info .ment {font-size:12px;}
	.proDetail .info .sobi {padding:10px 0 0 0;}
	.proDetail .info .price {font-size:23px;}
	.proDetail .info .price .won {font-size:14px;}
}

.shopTab {width:100%; margin:80px 0 0 0;}
.shopTab ul {display:flex;}
.shopTab ul a {width:50%; background:#f6f6f6; padding:15px 0; text-align:center; color:#666; font-size:14px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.shopTab ul a:first-child {border-left:1px solid #e4e4e4;}
.shopTab ul a.on {background:#fff; color:#000; border-top:2px solid #333; border-bottom:0;}

@media screen and (max-width: 1200px) {
	.shopTab ul a {padding:12px 0; font-size:13px;}
}


.detail_content_1_img {overflow: hidden; height: 1200px; position: relative; text-align:center; }
.detail_content_1_img.on {height: auto;}
.detail_content_1_img img {display: block; max-width:100%; width: auto; margin:0 auto;}
.detail_content_1_img .hideBg {width: 100%; height: 96px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 66%, rgba(255, 255, 255, 0.94) 83%, rgba(255, 255, 255, 0.98) 91%, #ffffff); position: absolute; bottom: 0;}
.detail_content_1_img.on .hideBg {display: none;}
.detail_more {width: 300px; height: 64px; line-height: 64px; text-align: center; color:#fff; font-size:22px; font-weight:400; border-radius: 50px; background: #f05403; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor:pointer; margin: 80px auto;}
.detail_more .show span {display: inline-block; width: 19px; height: 14px; background: url(/image/icon_down1.png) no-repeat; margin-left: 7px;}
.detail_more.on .show {display: none;}
.detail_more .hide1 {display: none;}
.detail_more .hide1 span {display: inline-block; width: 19px; height: 14px; background: url(/image/icon_up.png) no-repeat; margin-left: 7px;}
.detail_more.on .hide1 {display: inline-block;}

@media only screen and (max-width: 1200px) {
	.detail_content_1_img img {max-width:100%; width:auto;}
}

@media only screen and (max-width: 960px) {
	.detail_more {width: 200px; height: 54px; line-height: 54px; font-size:16px;}
}


.proDetail .sangse {margin:80px 0 0 0; font-size:17px; font-family:"Noto Sans KR" !important;/*  text-align:center; */}
.proDetail .sangse img {max-width:100%;}
.proDetail .sangse pre {font-family:"Noto Sans KR" !important;}

.proDetail .delivery {width:95%; margin:40px auto; border-top:1px solid rgba(0,0,0,.2);}
.proDetail .delivery ul {padding:30px 0; border-bottom:1px dashed rgba(0,0,0,.3); overflow:hidden;}
.proDetail .delivery ul li {float:left; height:100%; }
.proDetail .delivery .tit {width:25%; margin:0 0 10px 0; padding:0 0 0 20px; font-size:16px; font-weight:500;}
.proDetail .delivery .content {width:75%; font-weight:300; line-height:1.6; letter-spacing:-0.2px; }
.proDetail .delivery .tit1 {font-weight:500;}


@media screen and (max-width: 768px) {
	.proDetail .delivery .tit {font-size:14px;}
	.proDetail .delivery .content {font-size:13px;}
}

@media screen and (max-width: 640px) {
	.proDetail .delivery {width:100%;}
	.proDetail .delivery ul li {float:none;}
	.proDetail .delivery .tit {width:100%; padding:0 0 0 0px; font-size:15px;}
	.proDetail .delivery .content {width:100%;}
}

.cartGo {width:360px; margin:0 auto; background:#fff; padding:20px 0 15px 0; border-radius:10px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.cartGo .cIcon {margin:5px 0;}
.cartGo .cCont1 {padding:0 0 7px 0; font-size:16px; font-weight:400;}
.cartGo .name {padding:15px 0; color:#000; font-size:13px; font-weight:600;}
.cartGo .btnCa {width:130px; padding:8px 0; font-size:14px; font-weight:400; border:1px solid rgba(0,0,0,.2);  display:inline-block; cursor:pointer;}
.cartGo .btnOk {width:130px; background:#f05403; padding:9px 0; font-size:14px; font-weight:400; color:#fff;  display:inline-block; cursor:pointer;}


/* 장바구니 */
.cTitle {width:100%; margin-bottom:35px; padding:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,.1);}
.cTitle .cTit {font-size:25px; }
.cTitle .number {color:#f05403; font-size:20px; font-weight:500;}
.cTitle .path {float:right; font-size:16px; font-weight:500; color:#989ca2;}
.cTitle .path .cir {width:23px; height:23px; background:#989ca2; margin-right:5px; color:#fff; font-size:13px; font-weight:600; line-height:23px; text-align:center; border-radius:50%; display:inline-block;}
.cTitle .path .right {margin:0 5px;}
.cTitle .path .right img {vertical-align:middle}
.cTitle .path .on {color:#000; }
.cTitle .path .on .cir {background:#f05403;}

@media screen and (max-width: 1200px) {
	.cTitle .cTit {font-size:22px; }
}

@media screen and (max-width: 1200px) {
	.cTitle {margin-bottom:20px;}
}

@media screen and (max-width: 768px) {
	.cTitle {padding:0 0 7px 0;}
	.cTitle .path {font-size:15px;}
	.cTitle .path .cir {width:20px; height:20px; margin-right:2px; font-size:11px; line-height:20px;}
}

@media screen and (max-width: 520px) {
	.cTitle .path {display:none;}
}

.cLeft {float:left; width:calc(100% - 390px); min-height:800px;}
.cLeft .cartTop {width:100%; margin:15px 0 0 0; border-bottom:1px solid rgba(0,0,0,.3); overflow:hidden;}
.cLeft .cartTop .checkSel {float:left;}
.cLeft .cartTop .checkSel input {vertical-align:middle;}
.cLeft .cartTop .btnSeldel {float:right; padding:2px 10px; font-size:13px; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block; cursor:pointer;}
.cLeft .sTitle {padding:40px 0 0 0; font-size:17px; font-weight:500;}
.cLeft .sTitle .check {float:right; font-size:13px; font-weight:400;}
.cLeft .sTitle .check input {vertical-align:middle;}

.checkBox {position:absolute; top:15px; left:15px; width:25px; height:25px; border:5px solid #c0c0c0; width:25px; height:25px; outline-width:5px; outline-color:#c0c0c0; accent-color:#fecb25;}

@media screen and (max-width: 1000px) {
	.cLeft {float:left; width:calc(100% - 350px);}
}


@media screen and (max-width: 768px) {
	.cLeft {float:none; width:100%; margin:0; padding:0; min-height:auto;}
}

.prod {float:left; width:31.5%; background: #fff; margin:0 0 30px 2.7%;}
.prod:nth-child(3n+1) {margin:0 0 30px 0;}

.pic2 {position:relative; width:100%; padding:99% 0 0; height:0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.pic2 img {position:absolute; top:0; left:0; width:100%; max-width:100%; height:auto;}
.prodWrap {width:100%; color:#222; text-align: center; position: relative;}
.prodWrap .tag {color:#fff; font-size:15px; font-weight: 600;background: #ff0000; border-radius: 20px; padding: 5px 12px 6px; position: absolute;bottom: 0;left: 5px;}
.prodWrap .sobi {font-size:14px; /* text-decoration:line-through; */ color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.prodWrap .logprice {font-size:14px; color:red; font-weight:bold;}
.todayName .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.todayName .logprice {font-size:14px; color:red; font-weight:bold;}
.txtWrap .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.txtWrap .logprice {font-size:14px; color:red; font-weight:bold;}
.prodName {padding:15px 8px 5px 8px; font-size:20px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding: 5px 0 0; margin: 0 auto;}
.prodSpan {height:18px; padding:0 8px; font-size:13px; color:rgba(0,0,0,.6); overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.prodWrap .ST {font-size:15px;}
.prodPrice {padding:10px 0 0 0; font-size:20px; font-weight:700;}
.prodPoint {background:#fff; padding:3px 13px; font-size:12px; font-weight:600; border:1px solid rgba(0,0,0,.3); border-radius:50px; display:inline-block;}
.prodPoint img {width:11px; vertical-align:middle;}
.won {font-weight:600; font-size:15px;}
/* .tabMenu {width:100%; text-align:center;}
.tabMenu li{float:left; width:12.5%; font-size:16px; line-height:30px; border-left:1px solid rgba(0,0,0,.1); }
.tabMenu li:nth-child(1) {border:none;} */

@media only screen and (max-width: 1300px) {
	.pic2 {/* max-height:223px; */}

	.todayName {font-size: 20px;}
	.todayPrice {font-size:18px;}

	.prod {}


	/* .banner {height: 375px;} */
	/* .bannerWrap {width:435px; padding:85px 0 0;} */
	/* .bannerTit {font-size:30px;}
	.bannerTit span {font-size:35px;}
	.bannerTxt {font-size:16px;} */
}
@media only screen and (max-width: 1100px) {
	.prod {height:330px;}
	.pic {}
	.prodWrap .tag {font-size:12px; padding: 4px 6px 5px;}

	/* .banner {height: 375px;} */
	/* .bannerWrap {width:375px;padding:90px 0 0;} */
	/* .bannerTit {font-size:28px;}
	.bannerTit span {font-size:32px;}
	.bannerTxt {font-size:16px; padding:20px 0;} */
	/* .moreBtn {width:110px; height:35px;} */
	
	.prod {}
	.prodName {font-size:15px;}
	.prodSpan {font-size:12px;}
	.prodPrice {font-size:17px;}
	.pic2 {}
	/* .tabMenu li {width:12.5%; font-size: 14px;} */
}

@media only screen and (max-width: 768px) {
	.pic2 {max-height:212px;}

	/* .banner {height: 225px; background:url(/image/banner1_2.jpg) no-repeat center/100%; text-align:right;} */
	/* .bannerWrap {width:90%; padding:45px 0 0;} */
	.banner {
		padding-top: calc(550 / 1280 * 100%);
	}
	.bannerWrap {
		top: -50%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		padding-top: calc(550 / 1280 * 100%);
		background: none;
		align-items: flex-end;
		text-align: right;
		font-size: 2.3vw;
	}
	.bannerWrap::before {
		display: none;
	}
	/* .bannerTit {font-size:24px;}
	.bannerTit span {font-size:28px;}
	.bannerTxt {font-size:16px; padding:10px 0;} */
	.moreBtn {display:none;}
	
	/* .prod {width:31%; margin-bottom:20px;} */
	
	/* .tabMenu li {width:25%; font-size: 15px;}
	.tabMenu li:nth-child(4) {border-right:1px solid rgba(0,0,0,.1);} */

	.prod {width:31%; margin:0 0 30px 3.3%;}
	.prod:nth-child(3n+1) { margin:0 0 30px 0;}
	.prod:nth-child(3n+2) { margin:0 0 30px 3.3%;}
	.prod:nth-child(4n+1) { }
}

@media only screen and (max-width: 640px) {
	.prodPrice {font-size:16px;}
	.prodName {font-size:14px;}

	
}

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

	/* .banner {height: 195px;} */
	/* .bannerWrap {width:90%; padding:35px 0 0;} */
	/* .bannerTit {font-size:20px;}
	.bannerTit span {font-size:24px;}
	.bannerTxt {font-size:14px; padding:10px 0;} */

	.prod {width:48%; margin:0 0 30px 0;}
	.prod:nth-child(even) {float:left;}
	.prod:nth-child(odd) {float:right;}
	.prod:nth-child(3n+1) {margin:0 0 30px 0;}
	.prod:nth-child(3n+2) {margin:0 0 30px 0;}
	.prod:nth-child(4n+1) {margin:0 0 30px 0;}




	
}


.gray_list {width:100%; font-family: 'NerisSemiBold', "Noto Sans KR";}
.gray_list input,
.gray_list select {border: 1px solid #ccc; border-radius: 0.35em; font-family: 'NerisSemiBold', "Noto Sans KR";}
.gray_list table {border-top:1px solid #696969; width:100%;}
.gray_list table th {background:#fcfcfc; border-bottom:1px solid #e0e0e0; height:40px; font-size:15px; font-weight:400;}
.gray_list table td {border-bottom:1px solid #e0e0e0; height:40px;  background:#fff;  text-align:center; font-size:13px; padding:10px 0; }
/*
.gray_list table td img.pro {width:100px; height:100px;}
.gray_list table td div.numCheck img.plus {width:auto; height:100%;}
.gray_list table td em {font-weight:bold; color:#000; font-family:tahoma; font-style:normal; font-size:15px;}
.gray_list table td.tleft {text-align:left; padding-left:20px; color: #333;}
.gray_list table td.tleft #disp_pet_img{ width: 50px; }
.gray_list table td em.list_comment_new {color: #0085D5; background: #fff; font-weight: bold; border: 1px solid #e5e5e5; padding: 0 4px; border-radius: 9px; min-width: 9px; text-align: center; font-style: normal; line-height: 17px; background: white; display: inline-block; margin-top: -2px; font-family: "Arial",sans-serif; font-size: 11px;}

.gray_list table td img.gal {min-width:100%; max-width:100%; width:auto;}
*/
.paging{text-align:left;margin: 20px 0 0 0; left:300px; top:500px;}
.paging a,.paging strong{padding:0 6px; margin-right:3px; display:inline-block !important; width:20px !important; height:20px !important; border:1px solid #d6d6d6; color:#000; font-weight:600; font-size:11px; line-height:20px; text-align:center;}
/* .paging strong, .paging a.active {background:#6a6a6a; color:#fff;border:solid 1px #6a6a6a;} */
.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd {border:none;padding:0;}
.paging img {vertical-align:top; margin-right:3px;}
.paging .active {background:#666; border:1px solid #666; color:#fff;}



.main_intro {position:relative; width:100%; height:940px; margin:0;}
.main_intro .list_title {position:absolute; top:110px; left:50%; width:100%; transform:translateX(-50%); color:#fff; text-align:center; text-shadow:0 2px 5px rgba(0,0,0,.4); z-index:3;}
.main_intro .list_title .small {padding:0 0 8px 0; font-size:20px; letter-spacing:3px; font-weight:700;}
.main_intro .list_title strong {font-size:60px; font-weight:800; line-height:0.9; letter-spacing:0.5px;}
.main_intro .list_intro {position:absolute; left:0; top:0; width:100%; height:100%; background:url(/image/value00.jpg) no-repeat center center/cover; overflow:hidden; transition:background .3s;}
/* .main_intro .list_intro .overlay {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}  */
.main_intro .list_intro .bg_img {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; transition:background .3s; display:none;}
.main_intro .list_intro .bg_s1 {background:url(/image/value01.jpg) no-repeat center center/cover;}
.main_intro .list_intro .bg_s2 {background:url(/image/value02.jpg) no-repeat center center/cover;}
.main_intro .list_intro .bg_s3 {background:url(/image/value03.jpg) no-repeat center center/cover;}
.main_intro .list_intro .bg_s4 {background:url(/image/value04.jpg) no-repeat center center/cover;}
.main_intro .list_intro .bg_s5 {background:url(/image/value05.jpg) no-repeat center center/cover;}
.main_intro .list_intro > li {position:relative; float:left; width:20%; height:100%; padding-top:520px; text-align:center; vertical-align:middle; transition:.3s;}
.main_intro .list_intro > li + li {border-left:1px solid rgba(255,255,255,.2);}
.main_intro .list_intro > li .img {position:absolute; top:-100px; left:50%; transform:translateX(-50%); display:inline-block; width:92px; height:92px; }
.main_intro .list_intro > li .img img {width:100%; height:auto;}
.main_intro .list_intro > li .img:after {content:''; position:absolute; left:0; bottom:-20px; width:100%; height:30px;}

.main_intro .list_intro > li .tit {color:#FFF; font-size:40px; line-height:40px; font-weight:700;}
.main_intro .list_intro > li .txt {margin-top:30px; margin-bottom:50px; padding:0 8%; color:rgba(255,255,255,.8); font-size:17px; line-height:1.3; font-weight:400;}

.main_intro .list_intro > li:hover {/* -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); */}
.main_intro .list_intro > li:hover .hover_section {display:block;}
.main_intro .list_intro > li .hover_section {display:none;}
.main_intro .list_intro > li.on {padding-top:400px;}
.main_intro .list_intro > li.on .hover_section {display:block;}
.main_intro .list_intro > li.on:after {content:''; z-index:0; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transition:all .3s; /* -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); */}
.main_intro .list_intro > li .inner_box {position:relative; z-index:1;}

@media only screen and (max-width: 1500px) {
	.main_intro .list_title .small {font-size:16px;}
	.main_intro .list_title strong {font-size:55px;}
	
	.main_intro .list_intro > li .tit {font-size:30px; line-height:30px; }
	.main_intro .list_intro > li .txt {margin-top:20px; font-size:15px;}

}

@media only screen and (max-width: 1300px) {
	.main_intro {height:800px;}
	.main_intro .list_intro > li {padding-top:450px;}
	.main_intro .list_intro > li .tit {font-size:27px; line-height:27px;} 
	.main_intro .list_intro > li .img {width:80px; height:80px;}
	.main_intro .list_intro > li .txt {font-size:14px;}
}

@media only screen and (max-width: 1100px) {
	.main_intro .list_title strong {font-size:40px;}
}

@media only screen and (max-width: 960px) {
	.main_intro {height:1000px;}
	.main_intro .list_title {top:50px;}
	.main_intro .list_intro > li {width:50%; height:370px; padding-top:250px;}
	.main_intro .list_intro > li.num01 {border-bottom:1px solid rgba(255,255,255,.2);}
	.main_intro .list_intro > li.num02 {border-bottom:1px solid rgba(255,255,255,.2);}
	.main_intro .list_intro > li.num03 {padding-top:150px;}
 	.main_intro .list_intro > li.num04 {padding-top:150px;}
	.main_intro .list_intro > li.num05 {width:100%; padding-top:120px; border-top:1px solid rgba(255,255,255,.2);}
	.main_intro .list_intro > li.num01.on {padding-top:180px;}
	.main_intro .list_intro > li.num02.on {padding-top:180px;}
	.main_intro .list_intro > li.num05.on {padding-top:100px;}
	.main_intro .list_intro > li.on {padding-top:120px;}
	
	.main_intro .list_intro > li .tit {font-size:25px; line-height:1.4;}
	.main_intro .list_intro > li .img {top:-50px; width:60px; height:60px;}
	.main_intro .list_intro > li .txt {margin-top:18px; padding:0 15%; font-size:13px;}
}

@media only screen and (max-width: 860px) {
	.main_intro .list_title strong {font-size:38px;}
}

@media only screen and (max-width: 620px) {
	.main_intro {margin:0 0 90px 0;}
	.main_intro .list_title strong {font-size:33px;}
}

@media only screen and (max-width: 520px) {
	.main_intro {height:1080px;}
	.main_intro .list_intro > li {width:100%; height:240px; padding-top:120px;}
	.main_intro .list_intro > li + li {border-left:0;}
	.main_intro .list_intro > li.num01 {height:360px; padding-top:230px;}
	.main_intro .list_intro > li.num03 {border-bottom:1px solid rgba(255,255,255,.2);}
	.main_intro .list_intro > li.num04 {border-bottom:1px solid rgba(255,255,255,.2);}
	
	.main_intro .list_intro > li.on {padding-top:90px;}
	.main_intro .list_intro > li.num01.on {padding-top:210px;}
	.main_intro .list_intro > li .tit {margin:0;}
	.main_intro .list_intro > li .txt {margin-top:7px;}
}

@media only screen and (max-width: 460px) {
	.main_intro .list_title strong {font-size:30px;}
}


/* 메인제품소개 */
.main_title {width:100%; padding:0 0 80px 0; text-align:center;}
.main_title .small {padding:0 0 8px 0; font-size:20px; color:#f05403; letter-spacing:3px; font-weight:700;}
.main_title strong {font-size:60px; font-weight:800; line-height:0.9; letter-spacing:0.5px;}

.ceText01 {margin-bottom:80px; line-height:2.5; text-align:center; font-size:24px; color:#737373;}
.ceText02 {margin:0 0 140px 0; line-height:1.2; text-align:center; font-size:24px; color:#a3a3a3;}
.ceText02 strong {color:#e95377;}


.cerWrap {position:relative; width:930px; height:670px; margin:30px auto 0;}
.cerWrap .cirImg {position:absolute; top:-15px; right:50%; width:465px; height:626px; margin-right:-232.5px; background:url(/image/main_pro.png) no-repeat; background-size:100% auto; overflow:hidden;}
.cerWrap .cirImg .text {padding:125px 0 0 0; text-align:center; font-size:20px; font-weight:400;}
.cerWrap .cirImg .text strong {padding:0 0 10px 0; font-size:35px; font-weight:600; line-height:.9; display:block;}

.cirDot {
	position:absolute; top:0; right:50%; 
	margin-right:-324.5px;
	width:649px; height:649px; 
	background:url(/image/circle_big.png) no-repeat center center; 
	background-size:100%; 
	-webkit-animation: lot 13s linear infinite;
    animation: lot 65s linear infinite;
}

@media all and (max-width:1500px) {
	.main_title strong {font-size:55px;}
}


@media all and (max-width:1100px) {
	.main_title strong {font-size:40px;}
	
	.ceText01 {font-size:20px;}
	.ceText01 img {width:300px; height:auto;}
	.ceText02 {margin:0 0 140px 0; font-size:20px;}
}


@media all and (max-width:950px) {

	.cerWrap {width:800px; height:600px}
	.cerWrap .cirImg {top:25px; width:350px; height:471px; margin-right:-175px;}
	.cerWrap .cirImg .text {padding:115px 0 0 0; font-size:18px;}
	.cerWrap .cirImg .text strong {font-size:30px;}
	.cerWrap .cirImg .logo {width:120px; height:91px; margin:40px auto 0;}
	.cirDot {width:560px; height:560px; margin-right:-280px;}
	
	.ceText01 {font-size:17px;}
	.ceText01 img {width:280px; height:auto;}
	.ceText02 {margin:0 0 80px 0; font-size:17px;}
}

@media all and (max-width:860px) {
	.main_title strong {font-size:38px;}
}


@media all and (max-width:800px) {
	.main_title {padding:0 0 60px 0;}
	.cerWrap {width:600px; height:450px;}
	.cerWrap .cirImg {top:10px; width:270px; height:363px; margin-right:-135px;}
	.cerWrap .cirImg .text {padding:85px 0 0 0; font-size:15px;}
	.cerWrap .cirImg .text strong {padding:0 0 5px 0;  font-size:25px;}
	.cerWrap .cirImg .logo {width:90px; height:68px;}
	.cirDot {width:420px; height:420px; margin-right:-210px;}
}

@media all and (max-width:740px) {
	.cerWrap {width:360px; height:600px;}
	.cerWrap .cirImg {top:25px; width:250px; height:337px; margin-right:-125px;}
	.cerWrap .cirImg .text {padding:75px 0 0 0; font-size:17px;}
	.cerWrap .cirImg .text strong {font-size:22px;}
	.cirDot {width:400px; height:400px; margin-right:-200px;}
	.ceText01 {margin-bottom:50px;}
	.ceText01 img {width:220px; height:auto;}
	.ceText02 {display:none;}
}


@media all and (max-width:620px) {
	.main_title strong {font-size:33px;}
}



@media all and (max-width:460px) {
	.main_title strong {font-size:30px;}
}

@-webkit-keyframes lot /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes lot {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.dot01 {position:absolute; top:160px; left:172px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1;}
.posi01 {position:absolute; top:147px; left:0px; font-size:36px; font-weight:700; color:#e95377; line-height:1.1; letter-spacing:-1.2px; text-align:right;}

.dot02 {position:absolute; top:480px; left:176px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1; }
.posi02 {position:absolute; top:450px; left:-110px; font-size:22px; font-weight:500; line-height:1.1; letter-spacing:-1.2px; text-align:right;}

.dot04 {position:absolute; top:480px; right:176px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1;}
.posi04 {position:absolute; top:450px; right:-85px; font-size:22px; font-weight:500; line-height:1.1; letter-spacing:-1.2px; text-align:left;}

.dot05 {position:absolute; top:160px; right:172px; width:18px; height:18px; background:#e95377; border-radius:9px; z-index:1;}
.posi05 {position:absolute; top:147px; right:0px; font-size:36px; font-weight:700; color:#e95377; line-height:1.1; letter-spacing:-1.2px; text-align:left;}

.cerWrap .small {padding:0 0 0 0; font-size:16px; font-weight:300; color:rgba(0,0,0,.7); letter-spacing:0; line-height:1.4;}
.cerWrap .eng {font-size:16px; letter-spacing:0; color:rgba(0,0,0,.4);}



@media all and (max-width:950px) {
	.dot01 {top:160px; left:135px;}
	.posi01 {top:155px; left:0px; font-size:30px;}
	
	.dot02 {top:480px; left:207px;}
	.posi02 {top:510px; left:30px; font-size:15px;}
	
	.dot04 {top:240px; right:114px; }
	.posi04 {top:270px; right:-10px; font-size:15px;}
	
	.dot05 {top:160px; right:135px;}
	.posi05 {top:155px; right:0px; font-size:30px;}
	
	.cerWrap .small {padding:0 0 0 0; font-size:13px;}
	.cerWrap .eng {font-size:12px;}
	
}

@media all and (max-width:800px) {
	.dot01 {top:120px; left:100px;}
	.posi01 {top:115px; left:-40px; font-size:25px;}

	.dot02 {top:280px; left:96px;}
	.posi02 {top:310px; left:-60px; font-size:15px;}
	
	.dot04 {top:120px; right:100px; }
	.posi04 {top:25px; right:-10px; font-size:15px;}

	.dot05 {top:120px; right:96px; }
	.posi05 {top:115px; right:-35px; font-size:25px;}

	/* .cerWrap .small {padding:10px 0 0 0; font-size:12px;}
	.cerWrap .eng {font-size:12px;} */
}

@media all and (max-width:740px) {
	.dot01 {top:373px; left:90px;}
	.posi01 {top:375px; left:-50px;}

	.dot05 {top:373px; right:90px; }
	.posi05 {top:375px; right:-40px;}
}


@media all and (max-width:520px) {
	.posi01 {top:410px; left:10px;}

	.posi05 {top:410px; right:20px;}
}




/* @media all and (max-width:500px) {
	.dot01 {top:250px; left:-20px;}
	.posi01 {top:430px; left:20px;}

	.dot02 {top:360px; left:65px;}
	.posi02 {top:550px; left:-30px; }
	
	.dot04 {top:250px; right:-20px;}
	.posi04 {top:430px; right:5px; }

	.dot05 {top:360px; right:65px; }
	.posi05 {top:550px; right:-30px; }
} */



/* 20201120 popup */
	.popM {display:none;}
	.popW {}

	#popup-wrap {
		position: fixed;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99999;
		width: fit-content;
		/* max-width: 500px; */
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	#popup-wrap img {max-width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}

	#divpop,
	#divpop2,
	#divpop3{
		width: 1000px;
		max-width: 1000px;
		box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
		margin: 1%;
		/* background: #f1f1f1; */
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		/* padding: 30px; */
		font-size: 13px;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	#divpop .title,
	#divpop2 .title,
	#divpop3 .title
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		margin: 30px 0 10px;
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

	#divpop button.on,
	#divpop2 button.on,
	#divpop3 button.on{
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on,
	#divpop3 .closePop.on{
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .textBox li{
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}
	
	@media all and (max-width: 1000px){
		#popup-wrap {
			width:95%;
			top:12%;
			transform: translateX(-50%);
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
	
	@media screen and (max-width: 680px) {
		#popup-wrap {width:95%;}
	}

	@media screen and (max-width: 620px) {
		.popW {display:none;}
		.popM {display:block;}
		#popup-wrap {width:;}
	}

	@media screen and (max-width: 520px) {
		#popup-wrap {width:;}
	}

	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			/* padding: 20px; */
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
		#popup-wrap {width:95%;}
	}

	
/* 20201120 popup end */

/* 서브페이지 */
.subCenter {width:1200px; min-height:400px; margin:60px auto; overflow:hidden;}
.subCenter.cart {margin:100px auto 300px;}

@media screen and (max-width: 1200px) {
	.subCenter {width:95%; margin:30px auto;}
	.subCenter.cart {margin:30px auto 300px;}
}


/* 장바구니 */
.cTitle {width:100%; margin-bottom:35px; padding:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,.1);}
.cTitle .cTit {font-size:25px; }
.cTitle .number {color:#f05403; font-size:20px; font-weight:500;}
.cTitle .path {float:right; font-size:16px; font-weight:500; color:#989ca2;}
.cTitle .path .cir {width:23px; height:23px; background:#989ca2; margin-right:5px; color:#fff; font-size:13px; font-weight:600; line-height:23px; text-align:center; border-radius:50%; display:inline-block;}
.cTitle .path .right {margin:0 5px;}
.cTitle .path .right img {vertical-align:middle}
.cTitle .path .on {color:#000; }
.cTitle .path .on .cir {background:#f05403;}

@media screen and (max-width: 1200px) {
	.cTitle .cTit {font-size:22px; }
}

@media screen and (max-width: 1200px) {
	.cTitle {margin-bottom:20px;}
}

@media screen and (max-width: 768px) {
	.cTitle {padding:0 0 7px 0;}
	.cTitle .path {font-size:15px;}
	.cTitle .path .cir {width:20px; height:20px; margin-right:2px; font-size:11px; line-height:20px;}
}

@media screen and (max-width: 520px) {
	.cTitle .path {display:none;}
}

.cLeft {float:left; width:calc(100% - 390px); min-height:800px;}
.cLeft .cartTop {width:100%; margin:15px 0 0 0; border-bottom:1px solid rgba(0,0,0,.3); overflow:hidden;}
.cLeft .cartTop .checkSel {float:left;}
.cLeft .cartTop .checkSel input {vertical-align:middle;}
.cLeft .cartTop .btnSeldel {float:right; padding:2px 10px; font-size:13px; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block; cursor:pointer;}
.cLeft .sTitle {padding:40px 0 0 0; font-size:17px; font-weight:500;}
.cLeft .sTitle .check {float:right; font-size:13px; font-weight:400;}
.cLeft .sTitle .check input {vertical-align:middle;}

.checkBox {position:absolute; top:15px; left:15px; width:25px; height:25px; border:5px solid #c0c0c0; width:25px; height:25px; outline-width:5px; outline-color:#c0c0c0; accent-color:#fecb25;}

@media screen and (max-width: 1000px) {
	.cLeft {float:left; width:calc(100% - 350px);}
}


@media screen and (max-width: 768px) {
	.cLeft {float:none; width:100%; margin:0; padding:0; min-height:auto;}
}

.orBox {width:100%; background:#fbfbfb; padding:20px 5%; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; overflow:hidden;}
.orBox ul {display:flex;}
.orBox ul li {height:45px; line-height:45px;}
.orBox ul li.auto {height:auto; line-height:1.2;}
.orBox ul.bor {margin-top:20px; padding-top:15px; border-top:1px dashed rgba(0,0,0,.15);}
.orBox .tit {width:130px;}
.orBox .con {width:calc(100% - 130px);}
.orBox .con.flex {display:flex; justify-content:space-between;}
.orBox .con p {padding:5px 0;}
.orBox .con .tSub {padding:10px 0 3px 0; font-size:13px; font-weight:500;}
.orBox .basic {width:100%; height:38px; background:#fff; padding:0 0 0 7px; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input {width:100%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox .radio {width:auto; height:auto;}
.orBox input.addr {width:25%;}
.orBox input.phone {width:33%;}
.orBox select.addr {width:25%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox select.bank {width:100%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input.card {width:24%;}
.orBox .btnOr {background:#646a7c; padding:0 10px; color:#fff; font-size:12px; line-height:37px; border-radius:5px; display:inline-block;}
.orBox strong {color:#f05403; letter-spacing:0;}
.orBox .flex {display:flex; justify-content:space-between;}

@media screen and (max-width: 890px) {
	.orBox {padding:15px 2.5%;}
	.orBox ul li {height:40px; line-height:40px;}
	.orBox .basic {height:35px;}
	.orBox input {height:35px;}
	.orBox select.addr {height:35px;}
	.orBox .tit {width:110px; font-size:12px;}
	.orBox .con {width:calc(100% - 110px);}
}

@media screen and (max-width: 500px) {
	.orBox .con {line-height:1.3;}
	.orBox .con strong {line-height:1.3; display:block;}
}

@media screen and (max-width: 420px) {
	.orBox .tit {width:70px;}
	.orBox .con {width:calc(100% - 70px);}
}

.cartTable {width:100%; overflow:hidden;}
.cartTable ul {position:relative; border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden; background:#fff;}
.cartTable ul li {float:left; padding:20px 0;}
.cartTable .check {width:30px;}
.cartTable .img {width:100px; }
.cartTable .img img {width:100%; height:auto; border-radius:5px;}
.cartTable .name {width:calc(100% - 26% - 130px - 30px); padding:25px 3% 10px 3%; font-size:15px; font-weight:500; }
.cartTable .name .opt {padding:5px 0 0 0; font-size:13px; font-weight:400; color:#a5a8b8;}
.cartTable .amount {margin:15px 0 0 0; display:flex;}
.cartTable .amount .iminus {position:relative; width:27px; height:27px; text-align:center; border:1px solid rgba(0,0,0,.2); cursor:pointer; display:inline-block;}
.cartTable .amount .iminus img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.cartTable .amount input {width:40px; height:27px; padding:0; text-indent:0; text-align:center; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);}
.cartTable .amount .btnCha {height:27px; margin:0 0 0 10px; padding:0 7px; line-height:25px; font-size:11px; font-weight:400; border:1px solid rgba(0,0,0,.2); border-radius:3px;}




.cartTable .price {width:26%; padding:40px 3% 0 3%; font-size:17px; font-weight:600; text-align:right; }
.cartTable .price .pName {display:none;}
.cartTable .price .pName1 {display:none;}
.cartTable .price .light {font-size:13px; color:rgba(0,0,0,.5);  }
.cartTable .price .deli {background:#fff; padding:2px 8px; font-size:12px; color:rgba(0,0,0,1); font-weight:400; border-radius:4px; border:1px solid rgba(0,0,0,.08); display:inline-block;}
.cartTable .price strong {font-size:17px; display:block;}
.cartTable .price .won {font-size:13px; }
.cartTable .price.ex {width:calc(26% + 60px);}
.cartTable .del {width:30px; padding:20px 0 0 0; text-align:right;}
.cartTable .iconX {width:25px; height:25px; background:url(/image/icon_x_b.png) no-repeat center; background-size:10px; border:1px solid rgba(0,0,0,.1); border-radius:50%; display:inline-block; cursor:pointer;}
 
@media screen and (max-width: 890px) {
	.cartTable .price .deli {font-size:11px; padding:2px 3px;}
	.cartTable .iconX {width:23px; height:23px;}
}

@media screen and (max-width: 520px) {
	.cartTable .price {padding:30px 3% 0 3%; font-size:16px;}
	.cartTable .price .light {font-size:13px; }
}

@media screen and (max-width: 460px) {
	.cartTable ul {height:230px;}
	.cartTable .check {}
	.cartTable .img {}
	.cartTable .name {width:calc(100% - 130px); padding:20px 30px 0 15px;}
	.cartTable .del {position:absolute; top:20px; right:5px; width:10%; padding:0;}
	.cartTable .price {position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.01); padding:15px 25px; text-align:right;}
	.cartTable .price.ex {position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.01); padding:15px 25px; text-align:right;}
	.cartTable .price .pName {float:left; margin:5px 0 0 0; text-align:left; font-size:13px; font-weight:500; display:block;}
	.cartTable .price .pName1 {float:left; margin:22px 0 0 -46px; text-align:left; font-size:13px; font-family:"Metropolis-Regular"; font-weight:600; display:block;}
	.cartTable .price .light {}
	.cartTable .price .pv {display:block;}
	.cartTable .price p {display:inline;}

	.cartTable .price .deli {padding:3px 6px;}
}



@media screen and (max-width: 380px) {
	.cartTable ul {height:180px;}
}


.cRight {float:right; width:360px; background:#fff; margin:40px 0 0 0; padding:35px; border:1px solid rgba(0,0,0,.2); }
.cRight dl {border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.cRight dl dd {float:left; height:50px; line-height:50px;}
.cRight dl dd.auto {height:auto; line-height:1.3;}
.cRight .tit {width:32%; font-size:14px; font-weight:400;}
.cRight .content {width:68%; text-align:right; font-size:16px; font-weight:600; letter-spacing:0;}
.cRight .content .cardInfo {padding:10px 0; font-weight:400; font-size:12px;}
.cRight .content .won {font-size:13px; font-weight:400;}
.cRight .total {border-top:1px solid rgba(0,0,0,.7); border-bottom:0; margin:0;}
.cRight .number {font-size:22px; font-weight:700; color:#f05403; letter-spacing:0; /* font-family:'gilroybold'; */}
.cRight .btnBuy {background:#f05403; margin:25px 0 0 0; padding:17px 0; text-align:center; color:#fff; font-weight:600; font-size:16px; border-radius:5px; display:block;}

.cRight.fixed {position:fixed; top:140px; left:50%; width:360px; margin-left:240px; }

.cRight100 {float:none; width:100%; margin:0; padding:35px; border:1px solid rgba(0,0,0,.2); }
.cRight100 dl {border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.cRight100 dl dd {float:left; height:50px; line-height:50px;}
.cRight100 .tit {width:40%; font-size:14px; font-weight:400;}
.cRight100 .content {width:60%; text-align:right; font-size:16px; font-weight:600; letter-spacing:0;}
.cRight100 .content .won {font-size:13px; font-weight:400;}
.cRight100 .total {border-top:1px solid rgba(0,0,0,.7); border-bottom:0; margin:0;}
.cRight100 .number {font-size:22px; font-weight:700; color:#f05403; letter-spacing:0; /* font-family:'gilroybold'; */}
.cRight100 .btnBuy {background:#f05403; margin:25px 0 0 0; padding:17px 0; text-align:center; color:#fff; font-weight:600; font-size:16px; border-radius:5px; display:block;}



@media screen and (max-width: 1200px) {
	.cRight.fixed { left:auto; right:2.5%; }
}

@media screen and (max-width: 1000px) {
	.cRight {width:320px; padding:25px;}
	.cRight dl dd {height:40px; line-height:40px;}
	.cRight .tit {font-size:13px;}
	.cRight .content {font-size:15px;}
	.cRight .number {font-size:20px;}
	.cRight.fixed {width:320px;}
}

@media screen and (max-width: 840px) {
	.cRight.fixed {top:70px;}
}

@media screen and (max-width: 768px) {
	.cRight {float:none; width:75%; margin:40px auto;}
	.cRight .tit {font-size:14px;}
	.cRight .content {font-size:16px;}
	.cRight .number {font-size:22px;}
	.cRight.fixed {position:inherit; top:auto; right:auto; width:75%; margin:40px auto;}
}

@media screen and (max-width: 560px) {
	.cRight {width:95%;}
	.cRight.fixed {width:95%;}
}



/* 주문내역 */
.orWrap {margin:10px 0 0 0; padding:40px 0; overflow:hidden;}
.orList {position:relative; margin:0 0 60px 0; border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(0,0,0,.2);}
.orList .orDate {position:absolute; top:-20px; font-size:16px; font-weight:600;}
.orList .orTop {background:rgba(0,0,0,.01); padding:0 15px; border-bottom:1px dashed rgba(0,0,0,.3);}
.orList .orTop ul {overflow:hidden;}
.orList .orTop ul li {float:left; width:50%; height:50px; line-height:53px; font-size:16px; font-weight:500;}
.orList .orTop ul li:last-child {text-align:right; font-size:13px; font-weight:400;}
.orList .detail {background:#fff; margin:0 0 0 15px; padding:3px 7px; font-size:12px; line-height:1.2; border:1px solid rgba(0,0,0,.3); border-radius:3px; display:inline-block;} 
.orList .orCenter {display:flex; padding:15px; border-bottom:1px dashed rgba(0,0,0,.3);}
.orList .orCenter .oTop {width:60%; display:inherit;}
.orList .orCenter .oBottom {width:40%; display:inherit;}
.orList .orCenter .pic {width:20%; }
.orList .orCenter .pic img {width:100%; height:auto; border-radius:5px;}
.orList .orCenter .name {width:80%; padding:40px 3% 10px 3%; font-size:16px; font-weight:500; }
.orList .orCenter .name .opt {padding:5px 0 0 0; font-size:14px; color:#a5a8b8; font-weight:300;}
.orList .orCenter .price {width:33.3%; padding:40px 3% 0 3%; font-size:17px; font-weight:600; text-align:center; }
.orList .orCenter .price .light {font-size:14px; font-family:"Metropolis-Regular";}
.orList .orCenter .price .won {font-size:13px; font-family:"Metropolis-Light";}
.orList .orTotal {background:#fdfdfd; padding:20px 5%; text-align:right;}
.orList .orTotal .tit {}
.orList .orTotal .num {font-size:17px; font-weight:600;}



@media screen and (max-width: 1450px) {
	.orWrap {padding:30px 0;}
}

@media screen and (max-width: 1200px) {
	.orList .orTop ul li {font-size:14px;}
	.orList .orCenter .name {width:; padding:25px 3% 5px 3%; font-size:14px;}
	.orList .orCenter .name .opt {padding:0; font-size:13px;}
	.orList .orCenter .price {width:; padding:25px 0 0 0; font-size:15px;}
	.orList .orCenter .price .light {font-size:13px;}
}

@media screen and (max-width: 840px) {
	.orWrap {}
	.orList .orCenter {padding:10px 0; }
}


@media screen and (max-width: 768px) {
	.orWrap {margin:10px 0;}
	.orList .orCenter {width:100%; padding:10px 0 0 0; display:inline-block;}
	.orList .orCenter .oTop {width:100%; display:flex;}
	.orList .orCenter .oBottom {width:100%; background:rgba(0,0,0,.01); margin:10px 0 0 0; border-top:1px solid rgba(0,0,0,.02); display:flex;}
	.orList .orCenter .pic {width:20%;}
	.orList .orCenter .pic img {width:90%; height:auto;}
	.orList .orCenter .name {width:80%; font-size:16px;}
	.orList .orCenter .price {width:33.3%; padding:15px 0;}
	
	.orList .orTotal {background:#fff; border:3px solid rgba(0,0,0,.05); text-align:center;}
	.orList .orTotal .tit {font-size:12px;}
	.orList .orTotal .num {font-size:15px;}
}

@media screen and (max-width: 620px) {
	.orList .orCenter .pic img {width:100%;}
	.orList .orCenter .name {font-size:15px;}
}

@media screen and (max-width: 560px) {
	.orWrap {margin:10px 0; padding:40px 0; box-shadow:0;}
	.orList .orTop ul li.left {width:30%;}
	.orList .orTop ul li.right {width:70%;}

}

@media screen and (max-width: 460px) {
	.orList .orCenter .name {padding:15px 3% 5px 3%; font-size:14px;}
}