@charset "utf-8";
@import url(font.css);

*{  /* 전체선택자 */
	margin:0;
	padding:0;	
}
html,body{
	width:100%; 
	height:100%;
}
html{
	/* ************************************************************
		종류:overflow(가로,세로)/overflow-x(가로)/overflow-y(세로)
		표현방식:auto/scroll/hidden 
	    ************************************************************ */
	/* 작품별 거래가 차트 scroll top 기능 막음
	overflow-y:scroll; !* 문서전체에 세로 스크롤바자국 항상 표시 *!
	overflow-x:hidden; !* 문서전체에 가로 스크롤바자국 항상 숨김 *!*/
}
/*select-box 화살표 사라지는 오류 수정1.10*/
.fordesign{
    position: relative;
    width: 170px;
    height: 40px;
    float:left;
    background: url(/images/fo/down.png) 150px center no-repeat;
    background-size: 10px 9px;
}
select.select-lists{
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 40px;
    padding: 10px;
    color: #282828;
    font-size: 14px;
    border: 1px solid #dddddf;
    border-radius: 0;
    background: transparent;
    background: -webkit-linear-gradient(transparent, transparent);
    -webkit-appearance: none; 
}

/*select오류 1.10*/
.product-sorting select{
	-webkit-border-radius:0; 
    -webkit-appearance:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
	display:block; 
	/*시맨틱태그를 지원하지 않은 브라우저 
	-> 인식하지 못하는 태그를 인라인으로 인식하기때문에 강제로 블럭으로 설정함*/
}
li{list-style:none;}   /*목록에 점 없애기 */
a{
	text-decoration:none;
	color: #343A40;
}  /* 하이퍼링크 밑줄없앰 */

a:hover {
	text-decoration: none;
	background: auto;
  }
  
a:link {
	outline: none;
}

textarea{
	background:rgb(247, 247, 247);
	border:1px solid rgb(211, 211, 211);
	outline: none;
	resize: none;
}

body,input,textarea{
	font-size:16px;
	font-weight:300; /* IE8 이하버전 대응 */
	font-family: 'Roboto', 'Noto Sans KR','Malgun Gothic', sans-serif;
	color: #343A40;
}

img{
	vertical-align:top;
	font-size:0;
	border:0; /* 이미지 링크시 기본적으로 나타나는 테두리 제거 */
}
table{border-collapse:collapse;} /* 칸사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과 */
input,select{vertical-align:middle;} /*세로정렬 가운데 */

.clear:after{    /* 자식이 모두 float 을 사용할때 부모가 높이를 갖게하기 위함 */
	content:"";
	display:block;
	clear:both;
	*zoom:1;  /* IE8 이하버전 대응 */
}
.indent{     /* 글자 안보이게 밀어놓기 */
	display:block;
	text-indent:-9999px;
}
.hidden{display:none;}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  *, *:before, *:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
  }


fieldset{outline:none;border:none;}

/*글씨컬러클래스명 추가 -reset */
.maincolor{color: #0f4c81;}
.blue{color: #5A8DFC;}
.red{color: #E85555;}
.yellow{color: #FFD26C;}
.pink{color: #f75467;}
.sky{color:#4386f9;}
.gray{color: #868e96;}

/*글씨컬러클래스명 추가*/
/* .color{color: #4BB7E2;} */
.orange{color: #f17519;}
/* #content1 .blue{background: none;}
.blue2{color: blue;}
.skyblue{color:#4bb7e2;}
 */
::placeholder{
	padding-left:14px;
	font-size:12px;
	color:rgb(201, 201, 201);
}

.message{
	display:inline-block;
	padding:5px;
	font-size:12px;
}
.message_text{display:block;font-size: 14px; font-weight: 400;padding: 5px 0px;}

button,a,input[type="submit"]{cursor: pointer;}

.none{display:none;}

.close-btn{cursor: pointer;}

.submit-btn{
	background:#0f4c81;
	color:#fff;
	border:none;
	font-size:16px;
	font-weight:500;
	letter-spacing: -0.72px;
	max-width: 500px;
	width:100%;
    height: 50px;
    margin-bottom:40px;
}
.submit-btn.emailBtns{margin-bottom: 10px;}

.confirm-btn{
	display:inline-block;
	width:300px;
	height:50px;
	background:#5A8DFC;
	color:#fff;
	font-weight: 400;
	font-size:15px;
	line-height: 50px;
	margin-top:30px;
}


.phone-confirm{
	display:inline-block;
	max-width: 400px;
	width: 100%;
	height:40px;
	background:#4bb7e2;
	color:#fff;
	text-align: center;
	font-weight:500;
	line-height: 40px;
	letter-spacing: 3px;
	margin-top:20px;
	font-size:14px;
} 



input[type="text"],
input[type="password"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"]{
    max-width: 380px;
    height: 50px;
    width: 100%;
    text-indent: 4px;
    /*맥에서input 라인 안보이는 부분 */
    border: 1px solid #e9ecef;
}
input[name=email]::placeholder,
input[name=pswrd]::placeholder{font-size:16px;}

input[name=search]::placeholder,
input[name=searchWord]::placeholder,
input[name=title]::placeholder,
input[name=cntnt]::placeholder{font-size:14px;}




select{border:1px solid #ccc; border-radius:0px;}

.modal {
	-webkit-overflow-scrolling: touch;
}

.modal .close-x-btn{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 22px;
	height: 22px;
}


/* //////////////////체크박스///////////////// */


.styled-checkbox {
    position: absolute; 
    opacity: 0; 
}
.styled-checkbox + label{
    position: relative;
    cursor: pointer;
    color:#343a40;
    font-size: 14px;
    padding:0;
}
.styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
    width: 17px;
    height: 17px;
    background: white;
    border:1px solid rgb(187, 187, 187);
    border-radius: 50%;
  }

  .styled-checkbox:checked + label:before {
    background: #4bb7e2;
    border:1px solid #fff;
  }
  
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left:2px;
	top:0px;
	background:url(/images/fo/check.png)no-repeat;
	width:15px;
	height:15px;
	background-size:100%;
    /* background: white;
    width: 1.5px;
    height: 1.5px;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg); */
  }

/* //////////////////nav&footer///////////////// */
span.line_m{display: none;}
#header{
	width:100%;
	height:100px;
	background:#fff;
	position:relative;
	z-index:100;
    margin: 0 auto;
    border-bottom: 1px solid #e9ecef;
}
#header h1{
	float:left;
	margin:15px;
	padding-top:3px;
    text-align: center;
}
h1#logo a{
    display: block;
    width: 50px;
}
h1#logo a img{
    width: 100%;
    padding-top: 5px;
    text-align: center;
}

h1#logo-M{display: none;}
.Header-in{
    background:#fff;
	position:fixed;
	z-index:1;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #e9ecef;
}
.gnb{
    text-align:center;
    max-width: 1200px;
    width: 100%;
    height: 100px;
    margin: 0 auto;
}


/* ///// 주메뉴 ///// */

.gnb>.gnbMenu{display:inline-block; height: 100px;}
.gnb>.gnbMenu>li{
	float:left;
	width: 135px;
	position:relative;
	margin-left: -1px;
}
.gnb>.gnbMenu>li>a{
	display:block;
	color:#495057;
	font-size:16px;
	font-weight: 500;
	line-height:100px;
	text-align:center;
}
.gnb>.gnbMenu>li:hover>a{color:#6897c4;}

.gnbMenu-in{display: none;}


/* ///// 서브메뉴 ///// */

.gnbMenu>li .smenu{
	display:none;
	position:absolute;
	top:100%;
	border-left:solid 1px #e9ecef;
	width:135px;
	height:200px;
}

.smenu-last{border-right:solid 1px #e9ecef;}
.gnb>.gnbMenu>li ul li{
	padding:10px 0px;
	text-align:center;
	transition:all 0.2s;
}
.gnb>.gnbMenu>li ul li a{
    font-size: 13px;
    font-weight: 400;
    
}
.gnb>.gnbMenu>li ul li a{display: block;}
.gnb>.gnbMenu>li ul li:hover{background:#e9ecef;}
.gnb>.gnbMenu>li ul li a{color:#2a2a2a;}
.gnb>.gnbMenu>li ul li:hover a{color:#000;}


.bg_box{   /*서브배경박스*/
	display:none;
	width:100%;
	height:200px; 
	background:#fff;
    position: absolute;
    z-index: -1;
    border-bottom: 1px solid #e9ecef;
}

#utill-nav{
    float:right; 
}
header #utill-nav ul li{
      padding:0px 10px;
      line-height:100px;
      font-weight:300;
      float:left;
}

header #utill-nav ul li a{
      font-size:13px;
	  color:rgb(118, 118, 118);
	  font-weight:500;
}
header #utill-nav ul li a:hover{color: #000;}
header .gnb .close-btn{height: 100px;}


.dis-none { display: none; }
/* 헤더 */
#headerBox { position: relative; width: 100%; height: auto; background: #fff; z-index: 100; }
#headerBox .headerBox-in { margin: 0 auto; padding: 0 10px; width: 100%; height: 100px; max-width: 1200px; }

#headerBox .headerBox-in .headerBox-logo { float: left; margin-right:6.5%; padding: 22px 0; width: 80px; height: 100%; }
#headerBox .headerBox-in .headerBox-logo .img { display: block; width: 90px; height: 50px; /*background: url(/images/fo/logo.svg) no-repeat;*/background: url(/images/fo/Mlogo.svg?v=2) 0px 12px no-repeat; background-size: contain; text-indent: -99909px; }

#headerBox .headerBox-in .headerBox-gnb-bg { display: none; position: fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 0; }
#headerBox .headerBox-in .headerBox-gnb { float: left; width: 60%; max-width: 900px; height: 100%; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info { display: none; border-bottom: 1px solid #e9ecef;padding: 20px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont { width: 100%; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont.mb30 { margin-bottom: 30px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .left { float: left; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .right { float: right; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .home { display: inline-block; width: 25px; height: 25px; background: url(/images/fo/home.svg) no-repeat; background-size: contain; cursor: pointer; text-indent: -9999px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .close { display: inline-block; width: 20px; height: 20px; background: url(/images/fo/close.svg) no-repeat; background-size: contain; cursor: pointer; text-indent: -9999px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .logout,
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .login-text { display: inline-block; margin-right: 20px; font-size: 13px; font-weight: 500; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .logout > span,
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .login-text > span { display: inline-block; vertical-align: middle; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .ic-power { display: inline-block; margin-left: 1px; width: 11px; height: 11px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info {  }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .plz-login { margin-bottom: 30px; font-size: 20px; font-weight: 300; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info { position: relative; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info .text { font-size: 13px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info .text .art-blue { color: #0F4C81; font-weight: 500; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info .amt { margin: 2px 0 30px; font-size: 24px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info .amt .krw { margin-left: 2px; font-size: 13px; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info .mypage-qrcode { position: absolute; top: 33px; right: 0; padding: 4px 8px; background: #e9ecef; border-radius: 4px; color: #000000; border: 0;}
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .info .user-info .mypage-button { position: absolute; top: 0; right: 0; padding: 4px 12px; background: #e9ecef; border-radius: 100px; color: #0F4C81; font-weight: 500;  }
#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .bottom { font-size: 13px; font-weight: 400; }


#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list { width:100%; height: 100%; -webkit-overflow-scrolling: touch; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li { float: left; padding: 38px 0; width: 22%; max-width: 115px; height: 100%; text-align: center; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li > .link { display: inline-block; width: initial; height: initial; font-size: 16px; font-weight: 500; cursor: pointer; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list::after { display: none; position: absolute; top: 100%;left: 0; width: 100%; height: 200px; background: #fff; border-top: 1px solid #e9ecef; content: ""; z-index: 1; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list { display: none; position: relative; top: 100%; left: 1px; margin-top: 14.3px; margin-left: -1px; height: 200px; border: 1px solid #e9ecef; border-bottom: none; border-top: none; z-index: 2; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list li a { display: block; padding:10px 5px; font-size: 13.5px !important; font-weight: 400; transition: all 0.2s; }
#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list li a:hover { background: #e9ecef; }

#headerBox .headerBox-in .headerBox-login { float: right; position: relative !important; }
#headerBox .headerBox-in .headerBox-login > .link { margin-left: 20px; color: #868E96; font-size: 13px; font-weight: 400; line-height: 100px; }
#headerBox .headerBox-in .headerBox-login > .link:first-child { margin-left: 0; }
#headerBox .headerBox-in .headerBox-login .ic-menu { display: none; padding: 17px 14px; width: 50px; height: 50px; background: #fff; border-left: 1px solid #e9ecef; cursor: pointer; }
#headerBox .headerBox-in .headerBox-login .ic-menu .line { display: block; margin-bottom: 5px; width: 100%; height: 2px; background: #495057; }



/*-reset
header{width:100%; height:80px;}

header #top-nav{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:80px;
      background:#ffffff;
      border-bottom:1px solid #dadada;
      z-index:10000;
}

header #logo{
      width:8%;
      padding-top:15px;
      margin-left:1%;
      margin-right:2%;
      float:left;  
}

header #gnb{
      float:left;
      width:89%;
      height:80px;
}

header #gnb .close-btn {
      display: none;
}

#nav{float:left;}
#utill-nav{float:right;}

header #nav > ul > li {
      position: relative;
      padding:0 20px; 
      line-height: 80px;
      text-align:center;
      float:left;
}
*/

/* test */
/*reset-
header #nav > ul > li.active > .sub-menu {
      display: block;
}

header #nav > ul  > li > a{
      position: relative;
      font-size:16px;
      font-weight:600;
}

header #nav >ul >li >a:after{
      position: absolute;;
      content: '';
      top:110%;
      left:0%;
      height:2px;
      width:0%;
      background:#000;
      opacity:0;
      transition:all .3s;
}

header #nav > ul > li:hover a:after{
      width:100%;
      opacity:1;
}

header #nav > ul > li > ul{
      position: absolute;
      top:80px;
      left:50%;
      margin-left:-73px;
      padding:10px 0;
      box-shadow:0px 0px 5px 5px rgba(201, 201, 201, 0.1);
      display:none;
      background:#fff;
}

header #nav ul li ul li{
      width:140px;
      padding:0 20px;
      line-height:35px;
      background:#fff;
      text-align:center;
}

header #nav ul li ul li:hover a{
      color:#4bb7e2;
      font-weight:400;
}

header #nav ul li ul li a{font-size:14px;}

header #utill-nav ul li{
      padding-right:15px;
      line-height:80px;
      font-weight:300;
      float:left;
}

header #utill-nav ul li a{
      font-size:13px;
	  color:rgb(75, 75, 75);
	  font-weight:400;
}

header #utill-nav ul li a:hover{font-weight:600;}

header #utill-nav ul li:last-child{
      margin-right:20px;
      padding-left:15px;
}
*/






footer{
	width:100%;
	background:#262626;
	color:rgb(155, 155, 155);
}

#footer{
	width:1200px;
	margin:0 auto;
}

#footer .footer1{
	width:100%;
	padding:70px 0 40px;
	border-bottom:1px solid rgb(90, 90, 90);
}

#footer .footer1 .flogo{float:left;}


#footer .footer1 .fnewsletter{float:right}

#footer .footer1 .fnewsletter .fnews{
	color:#fff;
	font-size:15px;
	font-weight:400;
	padding-right:15px;
	letter-spacing:2px;
}

#footer .footer1 .fnewsletter .finput{display:inline-block;}
#footer .footer1 .fnewsletter .finput .input_box{height:40px;}

#footer .footer1 .fnewsletter .finput .input_box #newsletter{
	background:rgb(71, 71, 71);
	border:none;
	width:200px;
	font-weight: 400;
    color: #fff;
	height:40px;
	padding-left:5px;
	-webkit-border-radius:0; 
    -webkit-appearance:none;
    vertical-align: middle;
}
#footer .footer1 .fnewsletter .finput .input_box input{
	-webkit-border-radius:0; 
    -webkit-appearance:none;
}
input{
	-webkit-border-radius:0;
	-webkit-appearance: none;
}
/*수정1.9*/

#footer .footer1 .fnewsletter .finput .input_box button{
	background:rgba(87, 87, 87, 0.56);
	border:none;
	width:100px;
	height:40px;
	color:#fff;
	letter-spacing:4px; 
}
#footer .footer1 .fnewsletter .finput .input_box button.news-btn{
    vertical-align: middle;
}

#footer .footer2{padding:30px 0 50px;}
#footer .footer2 > div {float:left}
#footer .footer2 > ul{float:right}
#footer .footer2 .footer-about .footer-nav{margin-bottom:40px;}

#footer .footer2 .footer-about .footer-nav li{
	float:left; 
	padding-right:10px;
}

#footer .footer2 .footer-about .footer-nav li:after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	margin-left:12px;
	background-color:#aaaaaa;
	vertical-align: middle;
}

#footer .footer2 .footer-about .footer-nav li:last-child:after{display:none;}
#footer .footer2 .footer-about .footer-nav li a{color:#fff; font-weight: 500;}
#footer .footer2 .footer-about .footer-nav li a.terms { color: #4bb7e2; }
#footer .footer2 .footer-about .footer-nav li a:hover{opacity: 0.7;}
#footer .footer2 .footer-address{line-height: 22px; font-weight: 400; font-size:13px; margin-top:10px;}

#footer .footer2 .footer-address p{
	color:#fff;
	padding:20px 0;
}

#footer .footer-sns li{
	float:left;
	text-align: center;
	vertical-align: center;
	padding:0 5px;
}


#footer .footer-sns li:hover{
	opacity: 0.6;
}

#footer .footer-sns li:first-child{
	padding-right:13px;
}

.top-btn{
	position: fixed;
	bottom:30px;
	right:25px;
	cursor: pointer;
    border-radius: 50%;
}
.top-btn img{
	padding:10px 5px;
	border-radius: 50%;
	background:#fff;
	border: 1px solid #e9ecef;

}

/*ios-로그인버튼 오류수정2.7*/
input{
	-webkit-border-radius:0;
	
}
.login-submit input.submit-btn{
	-webkit-border-radius:0;
	-webkit-appearance:none;
}

/*공통 모양*/
/*동그란레이아웃*/
.content-inner{
    width: 48%;
    height: 180px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
    position: relative;
    padding-top: 10px;
}
/*현재상태*/
.content-inner p.content-state{
    width: 65px;
    height: 20px;
    background: #4bb7e2;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
}
/*안에 내용 박스*/
.content-inner .inner-in{
    width: 100%;
    height: 115px;
    padding: 15px;
}
/*이미지 품고있는 박스 사이즈*/
.content-inner .inner-in .inner-img{
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}
.content-inner .inner-in .inner-img img{width: 100%;}
/*안에 내용*/
.content-inner .inner-in .inner-text{}

/*버튼두개*/
.content-inner .content-btn{
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.content-inner .content-btn a{
    display: block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1.5px;
}
.content-inner .content-btn .content-btn-L{
    border-radius: 0 0 0 10px;
    width: 50%;
    height: 35px;
    float: left;
    border:2px solid #4bb7e2;
}
.content-inner .content-btn .content-btn-R{
    border-radius: 0 0 10px 0;
    width: 50%;
    height: 35px;
    float: right;
    background: #4bb7e2;
}

/*텍스트컬러는 변경가능*/
.content-inner .content-btn .content-btn-L a{color: #4bb7e2;}
.content-inner .content-btn .content-btn-R a{color: #fff;}
/*-------------------------------------*/

/*로그인 +말풍선 추가*/
.chatbox1{display:block;}
.chatbox2{display:none;}
div.wraps{text-align: center; width:70px; z-index: 100; margin-top: 5px; font-weight:500; top: 66px;  font-size:13px; position: absolute; left: -20px; background:#e7e7e7; border-radius:10px; padding:3px 8px;}
div.wraps:before {
    position: absolute;
    bottom: 100%;
    left: 45%;
    content: "";
    width:0;
    border-bottom: 5px solid #e7e7e7;
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.chatbox {animation: motion 1.4s linear 0s infinite; margin-top: 0;}
        
@keyframes motion {
	0% {margin-top: 0px;}
	20% {margin-top: 5px;}
	40% {margin-top: 0px;}
	60% {margin-top: 5px;}
	80% {margin-top: 0px;}
	100% {margin-top: 0px;}
}

/* gnb pc */
@media(min-width:1025px) {
	/* 헤더 */
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li > .link:hover { color: #4386F9; }

	#headerBox .headerBox-in .headerBox-gnb:hover .headerBox-gnb-list::after  { display: block; }
	#headerBox .headerBox-in .headerBox-gnb:hover .headerBox-gnb-list .li .sub-menu-list { display: block !important; }
}
/* //////////////////태블릿////////////////// */

@media screen and (min-width:790px) and (max-width:1200px){

	.gnbMenu-in .login-go{
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #343a40;
    }
    .gnbMenu-in .login-go h2{
        font-size: 15px;
        float: left;
    }
    .gnbMenu-in .login-go h2 a img{margin-left: 5px; vertical-align: middle;padding-bottom: 5px;}
    .gnbMenu-in .my-art-logout a img{margin-left: 2px; vertical-align: middle;padding-bottom: 3px;}
    .gnbMenu-in .login-go p{
        float: right;
        font-size: 14px;
        font-weight: 400;
    }

	.gnbMenu .gnbMenu-in .my-art-logout {
	    color: #868e96;
	    font-size: 13px;
	    display: block;
	    font-weight: 400;
	    letter-spacing: -0.66px;
	    float: right;
	    margin: 7px 50px;
	}


	#footer{width:100%; padding:3%;}
	/*-reset
	header #logo img{width:100px;padding-top:5px;}

	header #nav {margin-left:20px;}

	header #utill-nav ul li{padding-right:5px;}

	header #utill-nav ul li:last-child{margin-right:3px;}
	*/
	span.line_m{display: inline-block;}
    #header{
        height:60px !important;
    }
    #header h1{
        text-align: center;
        float:none;
        display: block;
        width: 20%;
        height: 60px;
        margin:0px;
    }
    .Header-in{height: 60px; z-index: -1;}
    h1#logo{display: none;}
    h1#logo-M{
        display: block;
        margin:0 auto;
        padding-top:10px;
    }
    h1#logo-M a{
        display: block;
        width: 100%;
    }
    h1#logo-M a img{
        width: 90px;
        padding-top: 5px;
        text-align: center;
    }
    #mnav-btn{
        width: 60px;
        position: absolute;
        right: 0;
        cursor: pointer;
        display: block;
        border-left: 1px solid #e9ecef;
        height: 60px !important;
    }

    /* ///// 주메뉴 ///// */
    .gnbMenu>li .smenu{height: auto !important;}
    .gnb{width: 100%;height: 60px;}
    .gnb .gnbMenu{
        position: fixed;
        top: 0;
        right: 0;
        width: 90%;
        height: 100%;
        background: #fff;
        overflow-y: scroll;
        border-left: 1px solid #e9ecef;
    }
    .gnb>.gnbMenu>li{
        float:none;
        width: 100% !important;
        position:relative;
        border-top:1px solid #e9ecef;
    }
    .gnb>.gnbMenu>li:last-child{border-bottom: 1px solid #e9ecef;}
    .gnb>.gnbMenu>li>a{
        font-size:14px;
        font-weight:bold;
        line-height:50px;
        text-align: left !important;
        padding-left: 20px;
    }
     .gnb>.gnbMenu>li.cl-m>a {
		pointer-events: none;
    }
    
    .gnb>.gnbMenu>li>a>span{
        width: 25px;
        margin: 13px;
        height: 20px;
        float: right;
        background: url(/images/fo/plus.svg)no-repeat center center;
    }
    
    /*모바일 메뉴 토글*/
    .gnb>.gnbMenu>li>a>span.arrow{ /*제이쿼리에서불러내기*/
        background: url(/images/fo/arrow.svg)no-repeat center center;
    }
    
    
    /* ///// 서브메뉴 ///// */
    .gnb>.gnbMenu li .smenu-m li a{padding-left: 20px; display: block;height: 40px;}
    .smenu-last{border-right:none !important;}
    .gnb>.gnbMenu>li .smenu-m{
        width: 100%;
        height: auto;
        z-index: 100000;
        position:static;
        top: 0;
        border: none;
        clear: both;
    }
    .gnb>.gnbMenu li .smenu-m li{
        width: 100%;
        height: 40px;
        text-align: left;
    }
    .gnb>.gnbMenu li .smenu-m li:last-child{
        margin-bottom: 30px;
    }
    .gnb>.gnbMenu li .smenu-m li a{
        font-size: 13px;
        color: #868e96;
    }
    .
    gnb>.gnbMenu>li ul li:hover{background:none;}
    
    
    
    
    /*모바일에서만 보이는 내용*/
    .gnbMenu-in{display: block; padding:20px;}
    .gnbMenu-in .home-btn{
        position: absolute;
        left: 20px;
    }
    .gnbMenu-in h3{
        padding-top: 60px !important;
        text-align: left !important;
        font-weight: 340;
        font-size: 22px;
        height: 140px;
        color: 212529;
    }
    .gnbMenu-in .login-go{
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #343a40;
    }
    .gnbMenu-in .login-go h2{
        text-decoration: underline;
        font-size: 15px;
        float: left;
    }
    .gnbMenu-in .login-go p{
        float: right;
        font-size: 14px;
        font-weight: 400;
    }
    /*로그인 후*/
    .gnbMenu-in .login-after{
        width: 100%;
        height: 140px;
        padding-top: 60px;
    }
    .gnbMenu-in .login-after .my-login{
        width: 60%;
        float: left;
        text-align: left;
    }
    .gnbMenu-in .login-after .my-login h4{
        font-size: 13px;
        color: 212529;
        font-weight: 340;
    }
    .gnbMenu-in .login-after .my-login h4 span{
        font-weight: 500;
    }
    .gnbMenu-in .login-after .my-login p{
        font-weight: 700;
        font-size: 16px;
        letter-spacing: -1px;
    }
    .gnbMenu-in .login-after .my-login p>span{
        font-size: 25px;
        margin-right: 5px;
    }
    .gnbMenu-in .login-after .my-art{
        width: 25%;
        float: right;
        background: #e9ecef;
        height: 30px;
        border-radius: 20px;
    }
    .gnbMenu-in .login-after .my-art a{
        display: block;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        font-weight: 500;
    }
    .gnbMenu-in .login-ok h2{
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
    }
    .gnbMenu-in .login-ok h2 span{
        margin-left: 7px;
    }
    .gnbMenu-in .login-ok p{
        font-size: 12px;
    }
    .gnbMenu-in .login-ok p span{
        margin-left: 5px;
    }
    
    
    
    .bg_box{display:none !important; height: auto !important;}
    .bg_boxB{/*까만배경*/
        display:none;
        z-index: 100;
        background: rgba(0, 0, 0, 0.61);
        width: 100%;
        height: 100%;
        position: absolute;
    }
    
    #utill-nav{display: none !important;}
	header .gnb .close-btn{
        position:absolute;
        top:25px;
        right:25px;
        z-index:10000;
	}

    header #mnav-btn{position: fixed;}
	header .mnav-btn{
        position:relative;
        position:absolute;
        top:50%;
        right:20px;
        transform:translateY(-50%);
        width:20px;
        height:20px;
        display:block;
        cursor: pointer;
	}

	header .mnav-btn .mnav-btn-toggle,
	header .mnav-btn .mnav-btn-toggle:before,
	header .mnav-btn .mnav-btn-toggle:after{
        position: absolute;
        height:2px;
        width:100%;
	}

	header .mnav-btn .mnav-btn-toggle{top:50%;background:#495057;}
	header .mnav-btn .mnav-btn-toggle:before{
        content:'';
        top:-7px;
        left: 0px;
        background:#495057;
	}

	header .mnav-btn .mnav-btn-toggle:after{
        content:'';
        top:7px;
        left: 0px;
        background:#495057;
	}
	
	
	#footer .footer-nav{
		max-width: 1000px;
		width: 100%;
		padding: 1%;
		font-size:13px;
	}
	#footer .footer-nav li a{font-size: 11px;}
}





/* //////////////////모바일////////////////// */
/* gnb mobile */
@media(max-width:1024px) {
	/* 헤더 */
	#headerBox { border-bottom: 1px solid #e9ecef; }
	#headerBox .headerBox-in { margin: 0 auto; padding: 0; height: 50px; max-width: 100%; }

	#headerBox .headerBox-in .headerBox-logo { float: none; position: absolute; left: 0; right:0; margin: 0 auto; padding: 0; text-align: center; }
	#headerBox .headerBox-in .headerBox-logo .img { width: 80px; background: url(/images/fo/Mlogo.svg?v=2) no-repeat center; }
	
	#headerBox .headerBox-in .headerBox-gnb-bg { display: none; }
	#headerBox .headerBox-in .headerBox-gnb { display: block; float: none; position: fixed;  top:0; right: -100%; width: 90%; height: 100%; background: #fff; z-index: 2; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-info { display: block; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list { overflow-y: auto; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li { float: none; position: relative; padding: 0; background: #fff; border-bottom: 1px solid #e9ecef; width: 100%; max-width: 100%; height: auto; text-align: left; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li:last-child { margin-bottom: 300px; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li > .link { padding: 10px 20px; width: 100%; height: auto; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li.drop > .link { pointer-events: none; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li.drop::after { position: absolute; top: 8px; right: 20px; display: inline-block; color: #B7C0C7; font-size: 16px; font-weight: 400; content: "+"; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .link { font-size: 14px; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list { display: none; margin:0; padding: 0px 20px 15px; height: auto; border: none; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list li a { padding: 6px 0; color: #868E96; font-weight: 300; cursor: pointer; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list li a::before { display: inline; content: "- "; }
	#headerBox .headerBox-in .headerBox-gnb .headerBox-gnb-list .li .sub-menu-list li a:hover { background: transparent; }

	#headerBox .headerBox-in .headerBox-login > .link { display: none; }
	#headerBox .headerBox-in .headerBox-login .ic-menu { display: block; }
	
	/*로그인 +말풍선 추가*/
	.chatbox1{display:none;}
	.chatbox2{display:block;}
	#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .right{position: relative !important;}
	div.wraps{top:-40px; font-size:12px; padding: 3px 4px; left: -10px;}
	div.wraps:before{top: 100%; transform: rotate(180deg);}
	
	
}
@media screen and (max-width:789px){
    /*-reset  
	header #top-nav{
		  position: relative;
		  height:60px;
	}

	header #gnb{
		 position:fixed;
		 top:0px;
		 left:-100%;
		 width:100%;
		 background:#fff;
		 height:100%;
		 border:1px solid #000;
		 text-align:left;
	}
	
	header #gnb .close-btn{
		  display: block;
		  position:absolute;
		  top:20px;
		  right:20px;
		  z-index:15;
	}

	header #nav{
		  width:100%;
		  margin-top:50px;
		  height: auto;
	}

	header #nav > ul >li{
		  float:none;
		  height:auto;
		  line-height:50px;
	}

	header #nav >ul >li >a:after{display:none;}	

	header #nav >ul >li:nth-child(1) >a:before,
	header #nav >ul >li:nth-child(2) >a:before,
	header #nav >ul >li:nth-child(3) >a:before,
	header #nav >ul >li:nth-child(5) >a:before{
		position: absolute;;
		content: '+';
		top:-15px;
		left:110%;
		height:2px;
		width:0%;
		background:#000;
		opacity:1;
		font-size:13px;
  }
  
	header #nav > ul > li > ul{
		  position: relative;
		  top:0px;
		  left:0px;
		  margin-left:0px;
		  box-shadow:0px 0px 0px 0px rgba(201, 201, 201, 0.1);
	}

	header #nav > ul > li > ul >li{width:100%;}

	header #utill-nav{
		  margin:20px auto;
		  width:140px;
	}

	header #utill-nav ul li:last-child{
		  margin-right:0px;
		  padding-left:0px;
	}

	header #logo{
		  width:110px;
		  padding-top:8px;
		  float:none;
		  margin:0 auto;
	}

	header .mnav-btn{
		  position:relative;
		  position:absolute;
		  top:50%;
		  left:10px;
		  transform:translateY(-50%);
		  width:25px;
		  height:25px;
		  display:block;
		  cursor: pointer;
	}

	header .mnav-btn .mnav-btn-toggle,
	header .mnav-btn .mnav-btn-toggle:before,
	header .mnav-btn .mnav-btn-toggle:after{
		  position: absolute;
		  height:2px;
		  width:100%;
	}

	header .mnav-btn .mnav-btn-toggle{top:50%;background:#212529;}
	header .mnav-btn .mnav-btn-toggle:before{
		  content:'';
		  top:-8px;
		  background:#212529;
	}

	header .mnav-btn .mnav-btn-toggle:after{
		  content:'';
		  top:8px;
		  background:#212529;
	}

	header .mpage-btn{
		  position: absolute;     
		  top:50%;
		  transform:translateY(-50%);
		  right:10px;
		  display:block;
		  cursor: pointer;
	}
	*/
	span.line_m{display: inline-block;}
    #header{
        height:60px !important;
    }
    #header h1{
        text-align: center;
        float:none;
        display: block;
        width: 20%;
        height: 60px;
        margin:0px;
    }
    .Header-in{height: 60px; z-index: -1;}
    h1#logo{display: none;}
    h1#logo-M{
        display: block;
        margin:0 auto;
        padding-top:10px;
    }
    h1#logo-M a{
        display: block;
        width: 100%;
    }
    h1#logo-M a img{
        width: 90px;
        padding-top: 5px;
        text-align: center;
    }
    #mnav-btn{
        width: 60px;
        position: absolute;
        right: 0;
        cursor: pointer;
        display: block;
        border-left: 1px solid #e9ecef;
        height: 60px !important;
    }

    /* ///// 주메뉴 ///// */
    .gnbMenu>li .smenu{height: auto !important;}
    .gnb{
        width: 100%;
        height: 60px;
    }
    .gnb .gnbMenu{
        position: fixed;
        top: 0;
        right: 0;
        width: 90%;
        height: 100%;
        background: #fff;
        overflow-y: scroll;
        border-left: 1px solid #e9ecef;
    }
    .gnb>.gnbMenu>li{
        float:none;
        width: 100% !important;
        position:relative;
        border-top:1px solid #e9ecef;
    }
    .gnb>.gnbMenu>li:last-child{border-bottom: 1px solid #e9ecef;}
    .gnb>.gnbMenu>li>a{
        font-size:14px;
        font-weight: 500;
        line-height:50px;
        text-align: left !important;
        padding-left: 20px;
    }
    .gnb>.gnbMenu>li.cl-m>a {
		pointer-events: none;
    }
    .gnb>.gnbMenu>li>a>span{
        width: 25px;
        margin: 13px;
        height: 20px;
        float: right;
        background: url(/images/fo/plus.svg)no-repeat center center;
    }
    
    /*모바일 메뉴 토글*/
    .gnb>.gnbMenu>li>a>span.arrow{ /*제이쿼리에서불러내기*/
        background: url(/images/fo/arrow.svg)no-repeat center center;
    }
    
    
    /* ///// 서브메뉴 ///// */
    .gnb>.gnbMenu li .smenu-m li a{padding-left: 20px; display: block;height: 40px;}
    .smenu-last{border-right:none !important;}
    .gnb>.gnbMenu>li .smenu-m{
        width: 100%;
        height: auto;
        z-index: 100000;
        position:static;
        top: 0;
        border: none;
        clear: both;
    }
    .gnb>.gnbMenu li .smenu-m li{
        width: 100%;
        height: 40px;
        text-align: left;
    }
    .gnb>.gnbMenu li .smenu-m li:last-child{
        margin-bottom: 30px;
    }
    .gnb>.gnbMenu li .smenu-m li a{
        font-size: 13px;
        color: #868e96;
    }
    .
    gnb>.gnbMenu>li ul li:hover{background:none;}
/*    .gnb>.gnbMenu>li ul{background: red;}*/
    
    
    
    
    /*모바일에서만 보이는 내용*/
    .gnbMenu-in{display: block; padding:20px;}
    .gnbMenu-in .home-btn{
        position: absolute;
        left: 20px;
    }
    .gnbMenu-in h3{
        padding-top: 60px !important;
        text-align: left !important;
        font-weight: 340;
        font-size: 22px;
        height: 140px;
        color: 212529;
    }
    .gnbMenu-in .login-go{
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: #343a40;
    }
    .gnbMenu-in .login-go h2{
        font-size: 15px;
        float: left;
    }
    .gnbMenu-in .login-go h2 a img{margin-left: 5px; vertical-align: middle;padding-bottom: 5px;}
    .gnbMenu-in .my-art-logout a img{margin-left: 2px; vertical-align: middle;padding-bottom: 3px;}
    .gnbMenu-in .login-go p{
        float: right;
        font-size: 14px;
        font-weight: 400;
    }
    /*로그인 후*/
    .gnbMenu-in .login-after{
        width: 100%;
        height: 140px;
        padding-top: 60px;
    }
    .gnbMenu-in .login-after .my-login{
        width: 60%;
        float: left;
        text-align: left;
    }
    .gnbMenu-in .login-after .my-login h4{
        font-size: 13px;
        color: 212529;
        font-weight: 340;
    }
    .gnbMenu-in .login-after .my-login h4 span{
        font-weight: 500;
    }
    .gnbMenu-in .login-after .my-login p{
        font-weight: 700;
        font-size: 16px;
        letter-spacing: -1px;
    }
    .gnbMenu-in .login-after .my-login p>span{
        font-size: 25px;
        margin-right: 5px;
    }
    .gnbMenu-in .login-after .my-art{
        width: 90px;
        float: right;
        background: #e9ecef;
        height: 30px;
        border-radius: 20px;
    }
    .gnbMenu-in .login-after .my-art a{
        display: block;
        text-align: center;
        line-height: 30px;
        letter-spaicng:-0.52px;
        font-size: 14px;
        font-weight: 500;
    }
    .gnbMenu-in .login-ok h2{
        text-decoration: none;
        font-size: 12px;
        font-weight: 400;
    }
    .gnbMenu-in .login-ok h2 span{
        margin-left: 7px;
    }
    .gnbMenu-in .login-ok p{
        font-size: 12px;
    }
    .gnbMenu-in .login-ok p span{
        margin-left: 5px;
    }
    
    
    
    .bg_box{display:none !important; height: auto !important;}
    .bg_boxB{/*까만배경*/
        display:none;
        z-index: 100;
        background: rgba(0, 0, 0, 0.61);
        width: 100%;
        height: 100%;
        position: absolute;
    }
    
    #utill-nav{display: none !important;}
	header .gnb .close-btn{
        position:absolute;
        top:25px;
        right:25px;
        z-index:10000;
	}

    header #mnav-btn{position: fixed;}
	header .mnav-btn{
        position:relative;
        position:absolute;
        top:50%;
        right:20px;
        transform:translateY(-50%);
        width:20px;
        height:20px;
        display:block;
        cursor: pointer;
	}

	header .mnav-btn .mnav-btn-toggle,
	header .mnav-btn .mnav-btn-toggle:before,
	header .mnav-btn .mnav-btn-toggle:after{
        position: absolute;
        height:2px;
        width:100%;
	}

	header .mnav-btn .mnav-btn-toggle{top:50%;background:#495057;}
	header .mnav-btn .mnav-btn-toggle:before{
        content:'';
        top:-7px;
        left: 0px;
        background:#495057;
	}

	header .mnav-btn .mnav-btn-toggle:after{
        content:'';
        top:7px;
        left: 0px;
        background:#495057;
	}
	
	/*로그아웃 위치*/
	.gnbMenu .gnbMenu-in .my-art-logout{
		color:#868e96;
		font-size:13px;
		display:block;
		font-weight: 400;
		letter-spacing: -0.66px;
		float: right;
		margin:7px 50px;
	}
	
	
	
	

	#footer{width:100%;}

	#footer .footer1 .flogo{margin-left: 10px;}
	#footer .footer1{padding: 35px 0 25px;}

	#footer .footer1 .fnewsletter{
		  text-align: center;
		  float:none;
	}
	
	
	#footer .footer1 .fnews{
		  display:inline-block;
		  margin-bottom:15px;
	}

	#footer .footer-address{
		padding: 3%;
		font-weight:400;
	}
	#footer .footer2 .footer-address{font-size:11px;}
	
	#footer .footer2 .footer-about .footer-nav{margin-bottom:0px; padding:0px;}

	#footer .footer-nav{
		max-width: 380px;
		width: 100%;
		padding: 5%;
		font-size:12px;
	}
	#footer .footer2 .footer-about .footer-nav li {
	    padding-right: 2px;
	}

	#footer .footer-nav li{
		width: 26%;
		font-size:11px;
		text-align: center;
	}
	#footer .footer-nav li:nth-child(1){padding-left:4.2px;}
	#footer .footer-nav li:nth-child(3){width:29%;}
	#footer .footer-nav li:last-child{width:15%;}
	
	#footer .footer2 .footer-about .footer-nav li:after{content:none;}

	#footer .footer-sns{
		  width:180px;
		  margin:0 auto;
	}

	#footer .footer2 > div {float:none}
	footer .footer2 > ul{float:none !important}
	
	
	/*ios-로그인버튼 오류수정1.10*/
	input{
		-webkit-border-radius:0;
		
	}
	.login-submit input.submit-btn{
		-webkit-border-radius:0;
		-webkit-appearance:none;
	}
	
	/*공통 모양*/
    /*동그란레이아웃*/
    .content-inner{
        width: 100%;
        height: 180px;
    }
    /*현재상태*/
    .content-inner p.content-state{
        width: 60px;
        height: 20px;
        line-height: 15px;
        padding: 2px;
        font-size: 12px;
    }
    /*안에 내용 박스*/
    .content-inner .inner-in{
        width: 100%;
        height: 115px;
        padding: 15px;
    }
    /*이미지 품고있는 박스 사이즈*/
    .content-inner .inner-in .inner-img{
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }
    /*버튼두개*/
    .content-inner .content-btn a{
        font-size: 13px;
        letter-spacing: 1px;
    }

    /*텍스트컬러는 변경가능*/
    .content-inner .content-btn .content-btn-L a{color: #4bb7e2;}
    .content-inner .content-btn .content-btn-R a{color: #fff;}
    /*-------------------------------------*/
	
	.confirm-btn { width: 100%; }
	
	/*로그인 +말풍선 추가*/
	.chatbox1{display:none;}
	.chatbox2{display:block;}
	#headerBox .headerBox-in .headerBox-gnb .headerBox-info .cont .right{position: relative !important;}
	div.wraps{top:-40px; font-size:12px; padding: 3px 4px; left: -10px;}
	div.wraps:before{top: 100%; transform: rotate(180deg);}
	
	
	input[name=email]::placeholder,
	input[name=pswrd]::placeholder{font-size:14px;}
	
	input[name=search]::placeholder,
	input[name=searchWord]::placeholder,
	input[name=title]::placeholder,
	input[name=cntnt]::placeholder{font-size:12px;}
	
	select.select-lists{font-size:12px;}
	
}

#map > div { z-index: 0 !important; }

.display-none{
	display:none;
}

.iw_inner {
	padding: 5px;
}

.xd{
	display: none;
}

@media (max-width: 767px) {
	.xd {
		display: block;
	}
}

/* 유튜브 링크 반응형 조정 */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.com_pop_noti{
	position:absolute;
    z-index:9000;
    background-color:rgba(0, 0, 0, 0.35);
    left:0px;
    top:0px;
}
.com_pop_noti .msgbox{
	background-color:#fff;
	width:100%;
    max-width:320px;
    margin:auto;
    top:20%;
    left:50%;
    margin-left:-160px;
    position:fixed;
    padding:10px 20px 20px 20px;
    border-radius:4px;
    text-align:center;
    border:1px solid #000;
    box-shadow:2px 2px 2px #777;
    font-size:14px !important;
}
.icon_spin{
	display:block;
	width:25px;
	margin:auto;
	position:fixed;
	left:50%;
	top:20%;
	margin-left:-25px;
}
.com_pop_noti .msgbox .icon_spin{
	width:25px;
	margin:auto;
	position:relative;
	left:0;
	margin-top:10px;
	margin-bottom:10px;
}
/*
.hashgrab .kt-dialog.kt-dialog--top-center.kt-dialog--shown{
	top:50%;
	color:transparent;
	left: 50%;
	margin-left:-30px;
}
.hashgrab .kt-dialog.kt-dialog--loader{
	width:60px;
	height:60px;
	background:url(../../../../images/com/spinner-1s-200px.gif) no-repeat;
	background-size:contain;
	background-color:transparent;
	box-shadow:none;
}
*/

/*VR갤러리*/
.ownership .ownership-text h2.art-name{padding: 0px 30px 5px; line-height: 19px;}
.ownership .ownership-text .text{padding: 0px 40px 0px;}


/* 공동구매 관련 이미지 우클릭 방지 */
body { -webkit-touch-callout:none important; }
.product-list img, #detailImgList img, #detailSubImgList img, .in-content-left-img img, .detail-bottom img,
.section2-bottom img, .Section4 img, #marketGoodsList img, #artworkInfo img,
.buyForm img, .mypageRental-img img, .artwork-img, #auctionMenuTabContents img, #auctionHistoryDetail img,
.ownership-box-img img {pointer-events : none; }