@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700');

/* 익스플로러 본고딕체 적용 */
@font-face{
   font-family:"Noto Sans KR";
   font-style:normal;
   font-weight:300;
   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@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');
}
@font-face{
   font-family:"Noto Sans KR";
   font-style:normal;
   font-weight:500;
   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
   font-family:"Noto Sans KR";
   font-style:normal;
   font-weight:600;
   src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{
	color:#555;
	font-family:"Noto Sans KR","돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font1{font-family:"Gotham";} 
.font2{font-family:"Lato";} 
.font3{font-family:"Noto Sans KR";} 

.dn{display:none;}
.align{display:table-cell;vertical-align:middle;}

/* close */
.overlay .plus {width: 32px;height: 32px;overflow: hidden;position:relative; transform:rotate(45deg);cursor:pointer}
.overlay .plus .p {width: 100%;height: 2px;background: #fff;display: block;}
.overlay .plus .line1 {left: 0;top: 50%;position: absolute;transform: translate(0, -50%);}
.overlay .plus .line2 {top: 50% ;left: 0;position: absolute;transform: rotate(90deg) translate(0, -50%);}

div.overlay{display:none;position:fixed;z-index:101000;top:0;left:0;overflow:hidden;box-sizing:border-box;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.6)}
.overlay .vid_box {position:relative; left:50%; top:50%; transform: translate(-50%, -50%); width:1000px; height:500px;}
.overlay .vid_box .plus {position:absolute; right:30px; top:30px;}
span.text-indent {opacity:0;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:9000;}




/**영상공통소스*/
#p_video_bg {position: fixed;width:100%;height:100%;display:none;background:rgba(0,0,0,0.6);top: 0;left: 0;z-index:1000;}
@media screen and (min-width: 1000px) {
#p_video_box{width: 1280px;height: 597px;position: fixed;left:50%;top:50%;margin-top:-298.5px;margin-left:-640px;display:none;z-index:1002;}
#p_video_box .videoBox {width:100%;height:100%;}
#p_video_box .videoBox iframe {width:100% !important;height:100% !important;}
}
#p_video_box > a.videoClose{position: absolute;right:0;top:-50px;z-index:1002;width: 50px;height: 50px;display:block;}
#p_video_box  > a.videoClose:before,
#p_video_box  > a.videoClose:after{content:"";display:block;position: absolute;width: 50px;height: 2px;background: #fff;right:0;top:24px;}
#p_video_box  > a.videoClose:before{transform :rotate(45deg);}
#p_video_box  > a.videoClose:after{transform :rotate(-45deg);}

@media screen and (max-width: 1000px) {
#p_video_box {width: 100%; position: fixed;left:50%;top:50%;margin-top:0;margin-left:0;display:none;z-index:1002; transform:translate(-50%, -50%);padding:0 0px; box-sizing:border-box; padding-bottom:56.25%}
#p_video_box .videoBox {position:absolute; width:100%; padding-bottom: 56.25%;}
#p_video_box .videoBox iframe {position:absolute; width:100%; height:100%;}
}


.cmnt_style .cmnt .cmnt_list li .s_txt .txtarea textarea{
	height: auto;
	border: 0px;
	width: 100%;
	resize: none;
	outline: none;
	
}

.cmnt_style .cmnt .cmnt_list li .s_txt .txtarea textarea.on{
	
	border: 1px solid #c4c5c9;
}

.cmnt_view2 table .td .on{
border: 1px solid #c4c5c9 !important;
}

.sales_status .delete_btn.hidden{
	display: none;
}
.sales_status .add_btn.hidden{
	display: none;
}