html, body { margin:0px;padding:0px; font-family:'Noto Sans KR', '³ª´® °íµñ', '¸¼Àº °íµñ' , sans-serif; color:#333; box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;box-sizing:border-box; }

li{list-style:none;}

.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: #000; text-decoration: none;}

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

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {border:1px solid #ccc; height:35px; line-height:35px; border-radius:10px; padding:0 10px;}

select.txtbox, input[type="file"] {

   height:40px; line-height:40px;  border-radius:10px;  border:1px solid #ccc; color:#888; background:#fff;
}
input {
width:20px; height:20px;
border: 1px solid #ddd; 
vertical-align:middle;
}
select{
 -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  border-radius: 0;  /* for iOS input button */
  border: 1px solid #ddd;

 background:#fff url('/images/icon/icon_selectPointer.png')95% center no-repeat;
}

select.txtbox{background:url('/images/icon/icon_selectPointer.png')95% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;  padding:0 10px;}

#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;}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
.upper_link {position:absolute; top:0; left:0; right:0; bottom:0;  z-index:1;}
.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);}

::selection {*background: rgba(240,90,26, 0.8); /* Firefox */ background: rgba(240,90,26, 0.8); /* Safari */ color: #fff;}
::-moz-selection {*background: rgba(240,90,26, 0.8); /* Firefox */ background: rgba(240,90,26, 0.8); /* Firefox */  color: #fff;}




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

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 15%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 25%;}
	.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%;}




	.tableSearch {text-align:left; margin-bottom:20px; width:100%;}
	.tableSearch:after {content:""; display:block; clear:both;}
	.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px;  font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px; float:left; margin-right:5px;}
	.tableSearch input {border:solid 1px #ddd; height:35px; color:#868686; padding-left:10px; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px; box-sizing:border-box; float:left;}
	.tableSearch .tableSearchBtn {padding:0px 10px; background-color:#333; color:#fff; height:35px; line-height:35px; width:65px; text-align:center; font-size:13px; cursor:pointer; display:block; float:left;}
	.tableSearch .alignRight {float:right;}


	table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #222; border-bottom:solid 1px #e5e5e5; font-size:15px; width:100%; }
	table.tableList th {background-color:#f8f8f8; padding:15px 10px; box-sizing:border-box; font-weight:700; color:#555; letter-spacing:-0.5px; text-align:center; border-bottom:solid 1px #e5e5e5;}
	table.tableList td {border-bottom:solid 1px #e5e5e5; font-weight:normal; line-height:23px; padding:20px 15px; letter-spacing:-0.5px;}
	.tableRight {border-right:solid 1px #e5e5e5;}
	.tableLeft {border-left:solid 1px #e5e5e5;}
	.tableBoth {border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;}

	.btn_m_navy01 img{margin-bottom:-3px;}

	
    table input{border:1px solid #ccc; height:35px; line-height:35px; border-radius:10px; padding:0 10px;}
    table textarea{border:1px solid #ccc;  border-radius:10px; padding:10px; box-sizing:border-box;}
	.agreeBox{background:#fff; font-size:15px; border:1px solid #ccc; }

	table select{ height:38px; line-height:38px;  border-radius:10px;  border:1px solid #ccc; color:#888;
	background:url('/images/icon/icon_selectPointer.png')95% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;  margin:10px 0; padding:0 10px;}
	select::-ms-expand {display: none;}

	.radioBtn input{vertical-align:middle; width:20px; height:20px; margin:-3px 10px 0 5px; }
	
	#sub {width:100%; text-align:left; *zoom:1; box-sizing:border-box;}
	#sub:after {content:""; display:block; clear:both;}

	#subTop {width:100%; min-width:1200px; overflow:hidden; height:50px; background:#fbfbfb; }
    #subTop .subTopBox{width:1200px; margin:0 auto;  overflow:hidden;}
    #subTop .subTopBox ul{overflow:hidden; float:right;}
    #subTop .subTopBox li{float:left; font-size:14px; ; line-height:50px;}
    #subTop .subTopBox li a{ color:#5d5d5d; }
    #subTop .subTopBox li img{margin:18px 10px;}
    #subTop .subTopBox li:nth-last-of-type(1) span{font-weight:700; color:#5a5a5a;}
  
	#subContents h2{font-weight:900; font-size:30px; color:#111; margin:40px auto 45px auto; text-align:center;}	
	

	#subContents {width:1200px; margin:0 auto; margin-bottom:80px; box-sizing:border-box;  }
	#subContents:after {content:""; display:block; clear:both;}


	#subPage {clear:both; width:100%; margin:0 auto;}
	#subPage:after {content:""; display:block; clear:both;}
    
    .subTable{overflow:hidden; width:100%; border-top:1px solid #555; border-left:1px solid #e5e5e5; background:#fafafa; }
    .subTable li{width:25%; float:left; text-align:center; line-height:55px; box-sizing:border-box; border-right:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5; background:#fff;}
    .subTable li a{font-size:18px; color:#7c7c7c; display:block;}
    .subTable li.select{box-shadow: 1px 1px 8px rgba(167,172,179,0.4); background:#fc9526;}
    .subTable li.select a{color:#fff; font-weight:700;}
    
    .subTab{overflow:hidden;margin:50px 0 30px 0;}
    .subTab p{float:left; font-size:18px;}
    .subTab p b{color:#111;}
    .subTab ul{float:right;}
    .subTab ul li{float:left;}
    .subTab ul li a{display:block; color:#555; margin-left:20px; font-size:15px;}
    .subTab ul li.selected a{font-weight:700; color:#444; border-bottom:2px solid #111;}
    
    
	.goodsList{overflow:hidden; margin-bottom:80px;}
	.goodsList > li{border-radius:20px; padding:30px; box-sizing:border-box; border:1px solid #dadada; float:left; margin:0 25px 25px 0; width:383px; position:relative;}
	.goodsList > li:hover{border:1px solid #111; box-shadow:0px 0px 10px rgba(72,72,72,0.15); transition: all 0.4s;}
	.goodsList > li .goodsImg{border-radius:20px; width:321px; height:321px;  background-size:cover; background-position:center; border:1px solid #f5f5f5; overflow:hidden; margin-bottom:30px;}
	.goodsList > li span{color:#aaa; font-size:18px;}
	.goodsList > li .goodsName{margin-top:15px; color:#222; font-size:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2 -webkit-box-orient:vertical;  line-height:19px; margin-bottom:15px; }
	.goodsList > li:nth-of-type(3n){margin-right:0;}
	.goodsList > li .goodsPrice{border-top:1px dashed #e5e5e5; padding-top:20px; text-align:right; font-size:20px; color:#888;} 
	.goodsList > li .goodsPrice b{font-size:28px; color:#e8370e; letter-spacing:-0.8px;}


	.goodsTab{ margin:50px auto 40px auto;}
	.goodsTab{overflow:hidden; margin-bottom:30px;}
	.goodsTab li.selected{background:#fff; border:1px solid #e8370e; border-bottom:none;}
	.goodsTab li.selected a{font-weight:700; color:#e8370e; font-size:18px; }
	.goodsTab li a{color:#666666;  display:block;}
	.goodsTab li{float:left;  width:33.3333333%; text-align:center; line-height:70px; height:70px; box-sizing:border-box; border-bottom:1px solid #e8370e; border-right:1px solid #e5e5e5;  border-top:1px solid #e5e5e5;}

	.greetinTab{text-align:center; margin:60px auto 70px auto;}
    .greetinTab p{display:inline-block; margin:0 5px; width:250px; height:50px; line-height:50px; text-align:center; border:1px solid #e5e5e5;}
    .greetinTab p a{display:block; font-size:18px;}
    .greetinTab p:hover{border:1px solid #111; transition: all 0.4s;}
    .greetinTab p:hover a{ font-weight: 700;  }
    .greetinTab p.selected {border:1px solid #111; transition: all 0.4s;font-weight: 700;}
	

	/*ÆäÀÌ¡*/
	.pg_wrap {clear:both; text-align:center;font-size:13px; margin-top:30px;}
    .pg_page, .pg_current {display:inline-block; min-width:30px; padding:0 5px; height:30px; color:#333;letter-spacing:0;vertical-align:middle; box-sizing:border-box;}
    .pg_page {background:#fff; border:1px solid #e5e5e5; display:inline-block;min-width:30px; line-height:30px; height:30px; vertical-align:middle;   margin-right: -4px;}
    .pg_current {background:#f8f8f8; color:#222; border:1px solid #e5e5e5; margin-right: -4px; line-height:30px; font-weight:700; } 
    
    .next{background:url('/images/button/btn_pgNext.png')center no-repeat; font-size:0;}
    .prev{background:url('/images/button/btn_pgPrev.png')center no-repeat; font-size:0;}
    .moreNext{background:url('/images/button/btn_pgMore.png')center no-repeat; font-size:0;}

	/*¸®º»*/
	.tagBox{border-radius:20px 0 0 0; overflow: hidden; z-index: 1; overflow:hidden; position:absolute; top:0px; left:0;}
	.tagBox li{float:left;  padding:5px 20px; box-sizing:border-box; font-size:15px; font-weight:700; color:#fff;}
	.tagBox li.tag01{background:#5413e7;}
	.tagBox li.tag02{background:#ef0f69;}
	.tagBox li:nth-last-of-type(1){border-bottom-right-radius: 10px;}