html, body {margin:0px; padding:0px; color:#444; font-family: "Noto Sans CJK" , "Noto Sans KR", sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px; padding:0px; list-style:none;}

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

@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');}

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

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


/* 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;}

 @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');}

.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:9503; }
.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: .3; filter: Alpha(Opacity=30);}

 select::-ms-expand {display: none;}
    select {
    -webkit-appearance: none;  
    -moz-appearance: none;
    appearance: none;
    background: url(/images/icon/icon_selectPointer.png) 98% center no-repeat;
    }


#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: 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:10px; 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;}
	.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
	.tableSearch .alignRight {float:right;}

	table.tableList {margin-bottom:20px; border-top:solid 4px #3a3f5e; border-bottom:solid 1px #e5e5e5; font-size:15px; width:100%;color:#444;  }
	table.tableList th {background-color:#f8f8f8;  padding:15px 5px; text-align:center; font-weight:700;  border-bottom:solid 1px #e5e5e5;}
	table.tableList td {border-bottom:solid 1px #e5e5e5; font-weight:normal; line-height:24px; padding:10px 9px; letter-spacing:-.5px;}
	table.tableList .tableRight {border-right:solid 1px #e5e5e5;}
	table.tableList .tableLeft {border-left:solid 1px #e5e5e5;}
	table.tableList .tableBoth {border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;}
	table.tableList input {border:solid 1px #e5e5e5; border-radius:5px; padding:2px;}
	table.tableList select {border:solid 1px #e5e5e5; border-radius:5px; padding:2px;}
	table.tableList img{border-radius:5px; border:1px solid #f5f5f5;}

	table.tableList02 {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 2px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:15px; width:100%;color:#444; }
	table.tableList02 th{background:#f4f4f4; border-bottom:1px solid #dbdbdb; text-align:center; color:#777;}
	table.tableList02 td {background:#fff; border-bottom:1px solid #e5e5e5; padding:15px 25px; box-sizing:border-box;}
	table.tableList02 .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList02 .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList02 .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}
	table.tableList02 img{border-radius:5px;}
	table.tableList02 input{ height:45px; line-height:45px; border-radius:5px; border:1px solid #ccc; margin:3px 2px;  padding:0 10px; box-sizing: border-box;}
	table.tableList02 select{width:150px; height:45px; line-height:45px; border-radius:5px; border:1px solid #ccc; padding:0 10px; box-sizing: border-box;   margin-right:3px;}
	table.tableList02 table th.line{border-top:1px solid #111;}
    table.tableList02 table td.line{border-top:1px solid #e5e5e5;}

	table.tableList03 { text-align:left; margin:0 auto; border-top:solid 3px #2a76f5;  font-size:15px; width:100%;color:#444; }
	table.tableList03 th{background:#f4f4f4; border-bottom:1px solid #dbdbdb; text-align:center; color:#656565;}
	table.tableList03 td {background:#fff; border-bottom:1px solid #e5e5e5; padding:10px 20px; box-sizing:border-box;}
	table.tableList03 .checkBox{line-height:25px; font-size:15px; margin-right:10px;}
	table.tableList03 input[type="checkbox"]{vertical-align:middle; width:25px; height:25px; margin-right:5px; line-height:25px;}
	table.tableList03 input{ height:40px; line-height:40px; border-radius:5px; border:1px solid #ccc; margin:0 2px;  padding:0 10px; box-sizing: border-box;}
	table.tableList03 select{height:40px; line-height:40px; border-radius:5px; border:1px solid #ccc; padding:0 10px; box-sizing: border-box;   margin-right:3px;}

	table.tableList03 .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList03 .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList03 .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}

	/*÷ºÎÆÄÀÏ*/
	table.tableList04 {clear:both; text-align:left; margin:0 auto; border-top:1px solid #dbdbdb;  font-size:15px; width:100%;color:#444; }
	table.tableList04 th{background:#f4f4f4; border-bottom:1px solid #dbdbdb; text-align:center; color:#656565;}
	table.tableList04 td {background:#fff; border-bottom:1px solid #e5e5e5; padding:10px 20px; box-sizing:border-box;}
	table.tableList04 input{ height:45px; line-height:45px; border-radius:5px; border:1px solid #ccc; margin:0 2px;  padding:0 10px; box-sizing: border-box;}

	.cameraList{overflow:hidden;}
	.cameraList li{float:left; width:100%; margin-bottom:5px; box-sizing:border-box; border:1px solid #ccc; border-radius:5px;}
	.cameraList li input{border:none;  }
	.cameraList li b{ float:right; margin:10px;}
	.cameraList li a{font-size:12px; color:#c8c8c8;}






	#sub {width:100%; min-width:1240px; text-align:left; *zoom:1; overflow:hidden;}
	#subPage {clear:both; line-height:30px; text-align:left; font-size:15px; color:#444; width:1240px; margin:0 auto; padding-bottom:50px;}
	#subPage:after {content:""; clear:both; display:block; height:0; visibility:none;}

	#subTop {width:100%; min-width:1240px;  background:#eee url('/images/bg/bg_sub.jpg')center no-repeat;overflow:hidden; height:160px; line-height:160px; text-align:center;  }
	#subTop h2{font-weight:900; font-size:46px; color:#fff;}


	#subContents {width:1240px; margin:60px auto; }
	#subContents .subTit{text-align:center;}
    #subContents h3{text-align:center; padding: 0 15px; position:relative; color:#333; font-size:24px; font-weight:800; display:inline-block; margin: 0 auto 40px auto;} 
    #subContents h3::before{content:''; display:block; clear:both; width:1px; height:15px; background:#000; position:absolute; left: 0; top: 50%;  transform:translate(0,-50%);}
    #subContents h3::after{content:''; display:block; clear:both; width:1px; height:15px; background:#000; position:absolute; right: 0;  top: 50%;  transform:translate(0,-50%);}




	
	#sub .subMenu {background-color:#fbfbfb; height:80px; border-bottom:solid 1px #c6c6c6; margin-bottom:70px;}
	#sub .subMenu ul {margin:0 auto; width:1200px; padding:18px 0;}
	#sub .subMenu ul:after {content:""; display:block; clear:both;}
	#sub .subMenu ul li {float:left; font-size:18px; line-height:44px; margin:0 20px;}

	#sub .subMenu ul li a {display:block; color:#777; letter-spacing:-.5px; padding:0 30px;}
	#sub .subMenu ul li a:hover {color:#c06e31; text-decoration:none; }
	#sub .subMenu ul li a.selected {display:block; text-decosration:none; color:#fff; background-color:#c06e31; border-radius:30px;}

	#sub .subMenu ul li.Wid7 {float:left; font-size:18px; line-height:44px; margin:0 15px;}

	

	/*¸ÞÀΟÀÌƲ*/
	.mainTit{ margin:80px 0 50px 0;} 
    .mainTit::after{content:''; clear:both; display: block;} 
    .mainTit p{float:left; font-size:18px;color: #888;}
    .mainTit p b{font-weight:900; color:#000; font-size:32px; margin-right:20px; position:relative;}
    .mainTit p b::before{content: ''; display: block; position: absolute; left:-10px; top:-3px; border-top:8px solid #2a76f5;; border-left:4px solid transparent; border-right:4px solid transparent;
	 transform: rotate(-45deg); z-index: 1;}

	.mainTit .more{position:relative;}
    .mainTit .more a::before{width: 100%; display: block; height: 60px; background-color:#003378; content: ''; display: block; position:absolute; left: -140px; top: 0; z-index: -1; }
    .mainTit .more:hover.more a::before{ left: 0;  transition: all .5s ease-out; -webkit-transition: all 0.5s ease-out; }
    .mainTit .more:hover a{color:#fff; -webkit-transition: all 0.7s ease-out;}
	
    .mainTit .add{background-color:#003378; }
    .mainTit .add a{color:#fff; -webkit-transition: all 0.7s ease-out;}

	.mainTit ul{float:right; overflow:hidden;}
	.mainTit li{float:left; width:130px; height:45px; line-height:45px; border:1px solid #003378; text-align:center; overflow:hidden;}
	.mainTit li:nth-last-of-type(1){margin-left:5px;}
	.mainTit li a{color:#003378; font-weight:700;}

	/*°Ë»ö¹Ú½º*/
	.topSearch{width:100%; box-sizing:border-box; overflow:hidden; margin-bottom: 30px;}
    
    .listLeft{float:left;}
    .listLeft select{width:150px; height:45px; line-height:45px; border-radius:5px; border:1px solid #e5e5e5; padding:0 10px; box-sizing: border-box;  margin-right:5px; float:left;}
    .listLeft .searchBox{height:43px; line-height:43px; border-radius:5px; border:1px solid #e5e5e5; width:260px; display: block; float:left; position:relative; overflow:hidden;}
    .listLeft span{position: absolute; top:0; right:0; display:block; width: 50px; height:43px; background:#0c3391; text-align:center;}
    .listLeft .searchBox input{border:none; height:100%; width:80%;}
    .listRight{float:right;}
    .price{color:#fff; display:block; padding:5px 0px; box-sizing:border-box; background:#fb3d23; border-radius:3px;}
	
	/*¸ÞÀλçÁø + ¼±¹Ú¸®½ºÆ® »çÁø*/
	.goodsPhoto{width:295px; height:200px; overflow:hidden; background-size:cover; background-position:center;}


	/*¼±¹Ú¸®½ºÆ®*/
	.goodsList{overflow:hidden; ; }
    .goodsList >  li{background:#fff; float:left; margin:0 20px 20px 0; width:295px; border-radius:10px; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box; min-height:430px;}
    .goodsList > li:hover{border:1px solid #2a76f5; transition:1s; box-shadow:1px 1px 3px rgba(0,0,0,0.15);}
    .goodsList > li:nth-of-type(4n){margin-right:0px;}
    .goodsList > li .goodsTag{overflow:hidden; margin-bottom:10px;}
	.goodsList > li .goodsTag li.newTag{border:1px solid #ffaa42; color:#ff8036; }
	.goodsList > li .goodsTag li.saleTag{border:1px solid #d91136; color:#d91136;}
    .goodsList > li .goodsTag li{float:left; border:1px solid #111; min-width:60px; padding:0 10px; box-sizing:border-box; line-height:25px; font-size:14px; font-weight:700; text-align:center; margin-right:5px;      border-radius:20px;}
    .goodsList > li div.goodsBox{padding:15px 20px; box-sizing:border-box; }
    .goodsList > li b{font-size:24px; display:block; font-weight:900; margin-bottom:5px; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .goodsList > li span{color:#888; font-size:14px;}
    .goodsList > li p.goodsPrice{text-align:right; background:#f5f5f5; padding:10px 15px; box-sizing:border-box; }
    .goodsList >  li p span{color:#2a76f5; font-size:24px; font-weight: 900; margin-left:10px;}

    .goodsList .goodsInfo{display:table; width:100%; table-layout:fixed; height:80px;}
    .goodsList .goodsInfo dl{display:table-row; overflow: hidden; color:#636363; letter-spacing:-0.5px;}
    .goodsList .goodsInfo dl dt{display:table-cell; width:70px;  padding: 3px 10px 3px 10px; font-weight:700; background:url('/images/img/img_goodsBullet.png')0 13px no-repeat; }
    .goodsList .goodsInfo dl dd{display:table-cell;  word-wrap: break-word; word-break: keep-all;}
	.goodsList .goodsInfo .licenseMemo{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:45px; width:100%;  white-space: no-wrap;
	line-height:23px;}
    
	/*»óÇ° ÃÑ °¹¼ö ÅÇ*/
	.totalGoods{font-size:16px; margin:15px 0 25px 0;}
	.totalGoods b{color:#32A9EF;}

	 .price{color:#fff; display:block; padding:5px 0px; box-sizing:border-box; background:#fb3d23; border-radius:3px;}

	/*¼­ºêÆäÀÌÁö ÅÇ*/
	.subTab{overflow:hidden; margin:20px 0;}
	.subTab li{float:left; box-sizing:border-box; text-align:center; line-height:60px; height:60px; background:rgba(0,0,0,0.05);}
	.subTab li:hover{background:rgba(0,0,0,0.1); transition:all 0.5s ease; cursor:pointer;}
	.subTab li.selected{background:#25d2e6;}
	.subTab li.selected a{color:#fff; font-weight:700; font-size:18px;}
	.subTabW2{width:50%;}
	.subTabW3{width:33.33333333333333%;}
	.subTabW4{width:25%;}
	.subTabW5{width:20%;}
	.subTabW6{width:16.66666666666667%;}
	.subTabW10{width:10%;}
	.subTabW12{width:8.332%;}
	.subTab li a{display:block;}


	.replyColor{color:#55c5ed; font-weight:normal;}

	/*üũ+¶óµð¿À¹Ú½º*/
	.checkBox span{margin:0 10px;}
	.checkBox i{margin:0 5px;}
	.checkBox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
	.checkBox input[type="checkbox"]:checked + label{background: url('/images/icon/icon_checked_B.png')0 0 no-repeat; }
	.checkBox label {font-size: 16px; margin-bottom: 10px; padding: 0px 0px 5px 30px; background: url('/images/icon/icon_checked_A.png')0 0 no-repeat; }

	.radioBox input[type="radio"] {width:20px; height:20px; vertical-align:middle;} 

	/*»¡°­*/
	.tag01{border: 1px solid #d91136;color: #d91136; padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	/*³ë¶û*/
	.tag02{border: 1px solid #ed9224; color: #ed9224;  padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	/*°ËÁ¤*/
	.tag03{border: 1px solid #111; color: #111;  padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	/*ÃÊ·Ï*/
	.tag04{border: 1px solid #198a1b; color: #198a1b;  padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	/*ÇÏ´Ã*/
	.tag05{border: 1px solid #f61016; color: #f61016;  padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	/*º¸¶ó*/
	.tag06{border: 1px solid #a23dd9; color:#a23dd9;  padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	/*ÇÎÅ©*/
	.tag07{border: 1px solid #d93d8e; color:#d93d8e;  padding:5px 10px; bpx-sizing:border-box; border-radius:50px; min-width:65px; display:inline-block;}
	

	 .photo{ width:150px; height:100px;  overflow:hidden;  border-radius:5px; margin:0 auto;  background-size:cover; background-position:center;}

	 .areaTag{border-radius:0; background:#3585ee; color:#fff; border:1px solid #3585ee !important;}




.blinking{
  -webkit-animation:blink 0.2s ease-in-out infinite alternate;
  -moz-animation:blink 0.2s ease-in-out infinite alternate;
  animation:blink 0.2s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0.3;}
  100% {opacity:1;}
}