@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Prompt:wght@200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo&display=swap&subset=korean'); 
@font-face {font-family: 'S-Core'; font-weight:100; src: url('/fonts/S-CoreDream-1Thin.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:200; src: url('/fonts/S-CoreDream-2ExtraLight.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:300; src: url('/fonts/S-CoreDream-3Light.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:400; src: url('/fonts/S-CoreDream-4Regular.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:500; src: url('/fonts/S-CoreDream-5Medium.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:600; src: url('/fonts/S-CoreDream-6Bold.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:700; src: url('/fonts/S-CoreDream-7ExtraBold.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:800; src: url('/fonts/S-CoreDream-8Heavy.woff') format('woff'); }
@font-face {font-family: 'S-Core'; font-weight:900; src: url('/fonts/S-CoreDream-9Black.woff') format('woff'); }

@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Thin.woff2') format('woff2'), url('/fonts/Pretendard-Thin.woff') format('woff'); font-weight: 100;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('/fonts/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Light.woff2') format('woff2'), url('/fonts/Pretendard-Light.woff') format('woff'); font-weight: 300;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Regular.woff2') format('woff2'), url('/fonts/Pretendard-Regular.woff') format('woff'); font-weight: 400;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Medium.woff2') format('woff2'), url('/fonts/Pretendard-Medium.woff') format('woff'); font-weight: 500;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-SemiBold.woff2') format('woff2'), url('/fonts/Pretendard-SemiBold.woff') format('woff'); font-weight: 600;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Black.woff2') format('woff2'), url('/fonts/Pretendard-Black.woff') format('woff'); font-weight: 900;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-Bold.woff2') format('woff2'), url('/fonts/Pretendard-Bold.woff') format('woff'); font-weight: 700;}
@font-face {font-family: 'Pretendard'; src: url('/fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('/fonts/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800;}

@font-face {font-family: 'GmarketSansLight'; src: url('/fonts/GmarketSansTTFLight.woff') format('woff'); }
@font-face {font-family: 'GmarketSansMedium'; src: url('/fonts/GmarketSansTTFMedium.woff') format('woff'); }
@font-face {font-family: 'GmarketSansBold'; src: url('/fonts/GmarketSansTTFBold.woff') format('woff'); }

@font-face {font-family: 'NanumSquareB'; src: url('/fonts/NanumSquareB.woff') format('woff'); }
@font-face {font-family: 'NanumSquareL'; src: url('/fonts/NanumSquareL.woff') format('woff'); }
@font-face {font-family: 'NanumSquareM'; src: url('/fonts/NanumSquareM.woff') format('woff'); }




html, body {margin:0px;padding:0px; font-size:15px; color:#444;font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'S-Core', sans-serif; font-weight: 400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox {margin:0px;padding:0px;}

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}


/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}


.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}


.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:503; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em;	top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content {	position: relative;	border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:102;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);}


.btnList {display:inline-block;background-color:#1e365a; color:#FFF; font-size:13px; letter-spacing:-1.5px; border-radius:5px; padding:0 14px; line-height:30px;margin:0 2px;}
.btnList span {color:#FFF;}


#popupWrap {position:relative;width:100%; *zoom:1; background-color:#FFF; box-sizing:border-box;}
#popupWrap h2 {float:left; font-size:18px; text-align:left; background-color:#38445d; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:1px; box-sizing:border-box; margin-bottom:20px;}
#popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}


	
	.vw_content img {max-width: 890px;height:auto;}

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 10%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 20%;}
	.Wid30 { width: 30%;}
	.Wid35 { width: 35%;}
	.Wid40 { width: 40%;}
	.Wid50 { width: 50%;}
	.Wid60 { width: 60%;}
	.Wid65 { width: 65%;}
	.Wid70 { width: 70%;}
	.Wid80 { width: 80%;}
	.Wid90 { width: 90%;}
	.Wid98 { width: 98%;}


	table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 2px #30517c; border-bottom:solid 1px #dedee1; font-size:14px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:700; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px; text-align:center;}
	table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:19px; padding:13px 15px; font-size:14px; letter-spacing:-1px;}
	table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}
	table.tableList input {border:solid 1px #c5c5c5;}

	
	#sub {width:100%; text-align:center; *zoom:1;}
	#sub:after {content:""; display:block; clear:both;}
	
	#sub .subTop {clear:both; width:100%;  border-top:solid 1px #e9e9e9; border-bottom:solid 1px #d4d4d4; padding-top:55px; height:74px; text-align:center;}
	#sub .subTop:after {content:""; display:block; clear:both;}
	
	#sub .subTopNavi {width:1300px; margin:0 auto; position:relative;}
	#sub .subTopNavi h2.subTopTit {font-size:23px; font-weight:600; color:#333; letter-spacing:-2px; background:url(/images/bg/bg_top_tit.gif) center 9px no-repeat; padding-top:15px; float:left;}
	#sub .subTopNavi h2 {font-size:36px; font-weight:600; color:#333; float:left;}
	#sub .subCate {position:absolute; top:24px; right:10px; color:#777; letter-spacing:-1px;}
	#sub .subCate p { margin:0 auto; text-align:right; margin:0 auto; font-size:15px; line-height:17px;}
	
	#subContents {width:1300px; margin:0 auto; margin-top:36px;}
	#subContents:after {content:""; display:block; clear:both;}
	
	#subLeft {float:left; width:200px; margin:0 50px 50px 0;}
	#subLeft ul {border:solid 1px #d4d4d4; padding:20px; margin-bottom:30px;}
	#subLeft ul li {border-bottom:solid 1px #eaeaea; line-height:45px; text-align:center;}
	#subLeft ul li.subLeftEnd {border-bottom:none;}
	#subLeft ul li a {display:block; font-size:14px; color:#444; text-decoration:none; letter-spacing:-1px;}
	#subLeft ul li a:hover {color:#fa1f1d; text-decoration:none; font-weight:600;}
	#subLeft ul li a.selected {color:#fa1f1d; text-decoration:none; font-weight:600;}
	
	#subLeft .subCall {background-color:#dedede; border:solid 1px #d4d4d4; text-align:center; padding:12px 0; margin-bottom:20px;}
	#subLeft .subCall span {display:block; font-size:14px; color:#444;}
	#subLeft .subCall p {font-size:27px; font-weight:600; letter-spacing:-1px;s}
	
	#subLeft .subPhone {border:solid 1px #ddd; margin-bottom:30px; text-align:center; font-size:14px;}
	#subLeft .subPhone dt {background-color:#f9f9f9; border-bottom:solid 1px #eaeaea; line-height:43px; letter-spacing:-1px;}
	#subLeft .subPhone dd {padding:15px;}
	#subLeft .subPhone dd p {padding:15px 0 4px 0;}
	
	#subContents_goods {float:left; width:1300px; margin-bottom:80px;}
	#subContents_goods h3 {color:#555; font-size:18px; font-weight:600; letter-spacing:-2px; background:url(/images/bg/bg_tit.gif) left 5px no-repeat; padding-left:16px; margin-bottom:16px; text-align:left;}
	
	#subContents_goods ul.subTabSpeed {padding:0; clear:both; padding-bottom:40px;}
	#subContents_goods ul.subTabSpeed:after {content:""; display:block; clear:both;}
	#subContents_goods ul.subTabSpeed li {background-color:#f9f9f9; float:left; text-align:center; font-size:15px; font-weight:600; margin-right:15px; letter-spacing:-1px;}
	#subContents_goods ul.subTabSpeed li.subTabEnd {margin-right:0;}
	#subContents_goods ul.subTabSpeed li a {display:block; text-decoration:none; background-color:#f9f9f9; border:solid 1px #d8d8d8; height:40px; padding-top:18px; width:304px;}
	#subContents_goods ul.subTabSpeed li a:hover {display:block; text-decoration:none; background-color:#f9f9f9; border:solid 1px #888; height:40px; padding-top:18px; width:304px;}
	#subContents_goods ul.subTabSpeed li a.selected {display:block; color:#2996a7; text-decosration:none; border:none; background-color:#f9f9f9; border:solid 3px #42bdd0; height:36px; padding-top:18px; font-weight:600; width:300px;}
	
	#subContents_goods ul.subTabCharge {padding:0; clear:both; padding-bottom:40px;}
	#subContents_goods ul.subTabCharge:after {content:""; display:block; clear:both;}
	#subContents_goods ul.subTabCharge li {background-color:#f9f9f9; float:left; text-align:center; font-size:15px; font-weight:600; margin-right:15px; letter-spacing:-1px;}
	#subContents_goods ul.subTabCharge li.subTabEnd {margin-right:0;}
	#subContents_goods ul.subTabCharge li a {display:block; text-decoration:none; background-color:#f9f9f9; border:solid 1px #d8d8d8; height:40px; padding-top:18px; width:224px;}
	#subContents_goods ul.subTabCharge li a:hover {display:block; text-decoration:none; background-color:#f9f9f9; border:solid 1px #888; height:40px; padding-top:18px; width:224px;}
	#subContents_goods ul.subTabCharge li a.selected {display:block; color:#2996a7; text-decosration:none; border:none; background-color:#f9f9f9; border:solid 3px #42bdd0; height:36px; padding-top:18px; font-weight:600; width:221px;}
	
	#subContents_goods table.tableCharge {clear:both; text-align:center; margin:0 auto; margin-bottom:26px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #e2e2e2; font-size:14px; width:100%; }
	#subContents_goods table.tableCharge th {background-color:#f3f3f6; line-height:13px; padding:20px 5px 20px 5px; font-weight:700; color:#3d3d4f; border-bottom:solid 1px #dde1e4;}
	#subContents_goods table.tableCharge td {border-bottom:solid 1px #ececec; font-weight:normal; height:23px; padding:14px 15px 13px 15px;}
	#subContents_goods table.tableCharge .topEnd {background-color:#284065; color:#fff; padding-left:20px; padding-left:17px;}
	#subContents_goods table.tableCharge .tdEnd {border-left:solid 1px #f6f5f5; background-color:#f9f9f9; padding-left:20px; padding-left:17px;}
	
	#subContents_goods table.tableInfo {clear:both; text-align:center; margin:0 auto; margin-bottom:26px; border-top:solid 1px #666; border-bottom:solid 2px #e2e2e2; font-size:14px; width:100%; }
	#subContents_goods table.tableInfo th {background-color:#eee; line-height:13px; padding:20px 5px 20px 5px; font-weight:700; color:#3d3d4f; border-bottom:solid 1px #d0d0d0;}
	#subContents_goods table.tableInfo td {border-bottom:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; font-weight:normal; height:23px; padding:14px 15px 13px 15px;}
	#subContents_goods table.tableInfo .tdFirst {border-left:solid 1px #f6f5f5; background-color:#f9f9f9; padding-left:20px; padding-left:17px;}
	
	#subContents_goods .floatLeft {float:left;}
	#subContents_goods ul.subList {font-size:14px; color:#777; letter-spacing:-1px; margin-bottom:20px; text-align:left;}
	#subContents_goods ul.subList li {background:url(/images/bg/bg_blt.gif) 0 14px no-repeat; line-height:21px; padding:4px 0 5px 14px; }
	#subContents_goods ul.subList02 {font-size:14px; color:#777; letter-spacing:-1px; margin-bottom:50px; text-align:left;}
	#subContents_goods ul.subList02 li {background:url(/images/bg/bg_blt.gif) 0 14px no-repeat; line-height:21px; padding:4px 0 5px 14px; }
	
	#subContents_goods p.subBtnSk {float:right; background-color:#ff5a20; width:200px; line-height:50px; border-radius:5px; text-align:center; font-weight:600; color:#FFF; letter-spacing:-1px; margin-bottom:30px;}
	#subContents_goods p.subBtnLg {float:right; background-color:#ec008c; width:200px; line-height:50px; border-radius:5px; text-align:center; font-weight:600; color:#FFF; letter-spacing:-1px; margin-bottom:30px;}
	#subContents_goods p.subBtnKt {float:right; background-color:#e60013; width:200px; line-height:50px; border-radius:5px; text-align:center; font-weight:600; color:#FFF; letter-spacing:-1px; margin-bottom:30px;}
	
	#subContents_goods p.subTit {clear:both; color:#555; font-size:18px; font-weight:600; letter-spacing:-2px; border-bottom:solid 2px #222; padding-bottom:14px; margin-bottom:25px; text-align:left;} 
	
	#subContents_goods .subCard {padding-top:14px;}
	#subContents_goods .subCard:after {content:""; display:block; clear:both;}
	#subContents_goods .subCard li {float:left; border:solid 1px #e6e6e6; width:403px; padding:30px; margin-bottom:20px;}
	#subContents_goods .subCard li:after {content:""; display:block; clear:both;}
	#subContents_goods .subCard li.subCardRight {float:right;}
	#subContents_goods .subCard p.subCardImg {float:left; padding-right:34px;}
	#subContents_goods .subCard p.subCardInfo {float:left; font-size:13px; letter-spacing:-1px; color:#555; line-height:21px; text-align:left;}
	#subContents_goods .subCard p.subCardInfo span {display:block; font-size:15px; font-weight:600; padding:2px 0 20px 0;}



	#subGoodsList li {float:left; border:solid 1px #c0c0c0; width:223px; margin:0 20px 20px 0; padding:30px;}
	#subGoodsList li.subGoodsListEnd {margin-right:0;}
	#subGoodsList li p.subGoodsListTit {font-size:17px; color:#0b0b0b; text-align:center; padding-top:14px; font-weight:600; line-height:23px; border-bottom:solid 1px #dbdbdb; padding-bottom:15px;}
	#subGoodsList li p.subGoodsListTit span { display:block; color:#6e6e6e;font-size:14px; padding-top:4px; font-weight:normal;}
	#subGoodsList li p.subGoodsListPrice {font-size: width:100%; padding:16px 0 6px 0;}
	#subGoodsList li p.subGoodsListPrice span {font-size:24px; color:#ff4739; font-weight:600;}


.contLeft_sort {width:20%; float:left; text-align:left;font-size:28px; font-weight:700;}
.consult {width:80%; float:left; margin-bottom:30px;}
	.consult ul {width:100%; float:left; }
	.consult ul li {float:left; width:32.6%; margin-right:1.1%; box-sizing:border-box;}
	.consult ul li:nth-child(3) {margin:0;}
	.consult ul li .bold {font-size:30px; line-height:40px; margin-bottom:20px; font-weight:700; color:#111;}
	.consult ul li .tag {margin-bottom:10px;font-weight:400; font-size:16px; line-height:20px; }
	.consult ul li .tag span {display:block;}
	.consult ul li .price {font-size:22px; line-height:40px; font-weight:800; color:#023f30; }
	.consult ul li .price span {font-weight:500; }

	.consult ul li .goodsRadio {display: none;}
	.consult ul li .goodsRadio+label {width:100%; float:left; display:block; text-align:left; padding:25px 20px; background:#fff;  border:1px solid #ccc; box-sizing:border-box; border-radius:5px;}
	.consult ul li .goodsRadio:checked+label {border:1px solid #319343; background:#ecf3ee; color:#333;}
	.consult ul li .goodsBest+label {background:#fff url(/images/img/img_label.png) 98% 5% no-repeat; background-size:50px;}
	.consult ul li .goodsBest:checked+label {background:#ecf3ee url(/images/img/img_label.png) 98% 5% no-repeat; background-size:50px;}

	.consult ul li .goodsCheck {display: none;}
	.consult ul li .goodsCheck+label {width:100%; float:left; display:block; padding: 20px 20px; background:#fff;  border:5px solid #e8e8e8; box-sizing:border-box; font-weight:700;}
	.consult ul li .goodsCheck:checked+label {border:5px solid #319343; background:#fff;}
	.consult ul li .goodsCheck:checked+label .num {background:#319343; display:inline-block; border-radius:30px; padding:3px 11px; margin-bottom:5px; color:#fff; font-weight:700;}

.consultCHK {float:left; text-align:left;background:#efefef; width:80%; margin-left:20%; margin-bottom:30px; padding:20px 15px; box-sizing:border-box; border:1px solid #eee; font-size:18px; font-weight:700; letter-spacing:-1px; color:#111;}

.subTit_new {float:left; text-align:left; margin:20px 0 15px; font-size:25px; font-weight:700; color:#111;}
.subTit_new span {display:block; font-size:14px; padding-top:5px; font-weight:400; color:#777;}

#consultBox_wrap {float:left; height:110px; padding:20px 0; background:linear-gradient(10deg, #28483f, #023f30); width:100%; position:fixed; bottom:0; }
#consultBox_wrap .consultBox {width:1200px; margin:0 auto;}
	#consultBox_wrap .consultBox .selArea {width:45%; margin-right:5%; float:left;}
	#consultBox_wrap .consultBox .selArea p {font-size:16px; font-weight:400;padding:0 10px; text-align:left;line-height:35px;color:#e7f1eb; letter-spacing:-1px;}
	#consultBox_wrap .consultBox .selArea p span {font-size:1.15em;float:right; display:inline-block;letter-spacing:0;}
	#consultBox_wrap .consultBox .selArea p.dotted {border-bottom:1px dashed #3f5549;}
	#consultBox_wrap .consultBox .selArea .consultPrice {font-size:24px; font-weight:600; padding-top:10px; color:#fff;}
	#consultBox_wrap .consultBox .selArea .consultPrice span {color:#f2f064;font-size:26px; font-weight:700;letter-spacing:-1.5px;}
#consultBox_wrap .consultBox .btnArea {width:50%; float:left;}
#consultBox_wrap .consultBox .btnArea span {padding:12px 20px; border-radius:4px; width:40%; display:inline-block; float:left;font-size:18px; font-weight:500; letter-spacing:-1px; line-height:20px;}
#consultBox_wrap .consultBox .btnArea span img {width:21px; margin-right:5px;}
#consultBox_wrap .consultBox .btnArea span.btnG {background:#e7f1eb;  color:#023f30; margin-right:5px;}
#consultBox_wrap .consultBox .btnArea span.btnY {background:#f2f064; color:#023f30;}

#consultBox02_wrap {display:none;}