*{padding:0; margin:0; border:0; }
body, html { width:100%; height: 100%;}
html{
overflow-y:scroll;
overflow-x: hidden;
scrollbar-base-color: #ededed;
scrollbar-arrow-color: #ededed;
scrollbar-darkshadow-color: #ededed;
scrollbar-shadow-color: #ededed;
scrollbar-face-color: #bcbcbc; /*#ed4037*/
scrollbar-track-color: #ededed;
scrollbar-highlight-color: #ededed;
	}
A:link {color:#3D3D3D;text-decoration:none;} 
A:visited {color:#3D3D3D;text-decoration:none;} 
A:active  {color:#3D3D3D;text-decoration:none;} 
A:hover  {color:#ed4037;text-decoration:none;} 

ol,ul, li { list-style:none; }
body,table,td,input,div,form,textarea {font-family:"맑은고딕", "malgun gothic","gothic","dotum"; font-size: 11px;} 

body {background:url('/css/image/bg.gif');-webkit-font-smoothing: antialiased;}
img { vertical-align: middle; } 


.clearboth {clear:both;}
.aleft {text-align:left;}
.aright {text-align:right;}
#wrapper {width:100%; height: 100%; z-index:1;}  
.companyinfo {position: fixed; top: 0; left: 0;  width:30px; height:100%; background:#2c3135; z-index:99999999; overflow: hidden;}
.companyinfo p {width:30px; height:50%;}
.companyinfo img {display:block; width:30px; height:526px; margin-top:-265px;}
.leftfix {position: fixed; top: 0; left: 30px;  width:140px; height:100%; background:#FFF; z-index:2; overflow: hidden;}
.contents{width:auto; margin-left:170px; height:100%; text-align:center; padding:50px;}
#grid {position: relative; width:100%; height:100%; padding-top:20px;}



/*leftfix*/
a.menu {font-size:12px; color:#000; text-align:center;}


.leftMenu {font-family: "Montserrat", "Century Gothic", Arial, sans-serif; position:relative; width:140px; height:100%; z-index:99; background:#FFF; border-right:1px solid #e8e8e8;}
.logo{width:140px; height:130px; display:table-cell; text-align:center; vertical-align:middle; background: #FFF;}
.portfolio{vertical-align:middle; font-weight: 400; font-size: 13px; width:140px; height:80px; background: url('/css/image/cocobg.png'); text-align:center;  padding-top:25px;}
.portfolio a {color:#FFF;}
Html*.logo {margin-top:30px; height:100px;}

.service {font-family:"맑은고딕", "malgun gothic","gothic","dotum";   font-size: 11px; }
.service a p {position:relative; text-align:center; height:70px; width:90px; cursor:pointer; margin:0 auto;} 
.service a { font-weight: bold; letter-spacing:-0.5px;position:relative; display:block; text-align:center; height:35px; line-height:35px; width:90px; border-bottom:1px solid #ebebeb; cursor:pointer; margin:0 auto;  overflow:hidden;} 
.service a.current p {color:#ed4037; top:-35px;}
.service a:first-child {height:15px; border-bottom:none;}
.service a:last-child {border-bottom:none;}


.menu_kor {font-family:"맑은고딕", "malgun gothic","gothic","dotum"; font-weight: bold; font-size: 11px; letter-spacing:-0.5px; color:#ed4037;}


.contactus {width:140px; margin-top:20px; overflow:hidden; background:#f7f7f7;text-align:center; padding:10px 0;}
.contactus a {border-left:1px solid #ebebeb; width:30px; padding:5px;} 
.contactus a:first-child {border-left:none;}
.serviceinfo {text-align:center;padding-top:20px; color:#5d5d5d; font-size: 10px; letter-spacing:0.5px;}
.serviceinfo1 {color:#a1a1a1; line-height:16px; font-size: 9px;}
.serviceinfo2 {font-size: 14px; color:#ed4037;  line-height:34px;}
.serviceinfo3 {font-size: 9px; line-height:11px;}

.serviceinfo11 {font-size: 10px; line-height:12px; font-weight:normal;}





.copyright {width:140px; position:absolute; left:0; bottom:20px; color:#b7b7b7; font-size: 8px; line-height: 11px; text-align:center;}
.adminmode { font-size: 12px; font-weight: bold; text-align:center; padding:20px 0;}


.scrollarea  {position:absolute; width:560px; height:100%; left:-500px; top:0; z-index:3; }

.leftContent ul{height:100%;}

.leftContent {position:absolute; width:700px; height:100%; top:0; z-index:3;}
.btclose {position:fixed; width:530px; height:10px; top:10px; text-align:right; z-index:99999999999; }
.btclose a {z-index:99999999999; cursor:pointer; }

.contents_include {padding:0; width:760px; height:100%; overflow:hidden; }	
.contents_iframe {padding:0; height:100%; width:758px; overflow:hidden;}


/**********************************************contents-service**********************************************/
#contents_service {width:650px;  text-align:center; padding-bottom:70px; margin:0 auto;}

.importanttext {background:#ed4037; color:#FFF; text-align:center; padding:10px 0; margin-bottom:30px;}

.contents_header {padding:30px 0 50px 0;}
.cfont_bold12_60 {font-size: 11px; font-weight: bold; color: #989a9e; line-height: 18px; letter-spacing:-0.5px; padding:5px 0;}
.cfont_bold13_80 {font-size: 12px; font-weight: bold; color: #525559; line-height: 20px; letter-spacing:-0.5px; padding:5px 0;} 
.contents_gray {background:#f7f7f7; padding:30px 0; margin-top:30px;}
.contents_gray img {padding:20px 0;}
.page1_contents3 img {padding:70px 0 20px 0;}
.br10 {height: 10px;}

.steptext {width:100%; text-align:left; color:#707070; line-height:16px; letter-spacing:-0.5px; }
.stepno { font-size: 13px; font-family: "Montserrat", "Century Gothic", Arial, sans-serif; font-weight: 400; color:#ed4037; }
.steptext dt {background:#f7f7f7; padding:5px 0 5px 10px; margin:30px 0 10px 0; }
.steptitle {text-align:left; font-size: 13px; font-weight: bold; color:#404348; font-family:"맑은고딕", "malgun gothic","gothic","dotum";}


.steptext dd {font-family:"맑은고딕", "malgun gothic","gothic","dotum"; font-size: 11px; clear:both;}




.cfont_line {color: #ebebeb; letter-spacing:-1.5px;}
.page1_contents4 {padding-top:30px;}
.page1_contents4 img {padding:10px 0;}

.service_no {width:100%; text-align:left;}
.download  {font-size: 11px; font-weight: bold; color: #FFF; line-height:16px; text-align:center;}
.eng_point  { font-size: 11px; font-family: "Montserrat", "Century Gothic", Arial, sans-serif; font-weight: 400; color:#FFF; }

.service_no { font-size: 12px; font-family: "Montserrat", "Century Gothic", Arial, sans-serif; font-weight: 400; color:#464646; }
.eng_small { font-size: 11px; color:#acacac; }
.eng_phone { font-size: 16px; font-weight: 400; color:#ed4037; line-height:30px; }
.service_no span {line-height:10px; vertical-align:middle;}

.location_no {padding-top:30px; width:450px; height:90px; text-align:left; overflow:hidden; font-size: 13px; font-family: "Montserrat", "Century Gothic", Arial, sans-serif; font-weight: 400; color:#464646; }

.location_add {text-align:left; font-size: 11px; padding:15px 0; line-height:18px; color:#909295; }

.contact_map {float:left; width:100%; text-align:left; padding-top:30px; }
#map_canvas {width:100%; height:400px; border:5px solid #FFF;}
.line1 {line-height:30px;}



.headtext1 {padding-bottom:15px;}
.headtext2 {padding-bottom:10px; color:#707070;}
/*contactform.php : formmailing*/
.form_group1 { border-top:2px solid #717378; padding:10px 0;}
.form_group2 { border-top:2px solid #717378; padding:10px 0;}
.form_td1 {width:80px; border-bottom:1px dashed #cbcdd1;}
.form_td2 {width:370px; border-bottom:1px dashed #cbcdd1;}
.form_group3 { border-top:2px solid #717378; padding:20px 0; text-align:center;}

.contactinfo {padding-top:30px;}
.contactinfo li {width:300px; height:40px; padding:5px 50px; line-height:16px;}
.contactadd {background:url('/css/image/icon/icon067.png') 0 0 no-repeat;}
.contacttel {background:url('/css/image/icon/icon112.png') 0 0 no-repeat;}
.contactemail {background:url('/css/image/icon/icon095.png') 0 0 no-repeat;}
.contacttime {background:url('/css/image/icon/icon070.png') 0 0 no-repeat;} /* http://designaplus.com/css/image/icon/icon197.png */
.contact_form {text-align:left;  padding:30px 0; color:#959595;}
.form_group2 input { display:inline; border:1px solid #DDD;  background-color:#FFF;   margin: 5px; padding: 1px 9px; font-size: 11px; height:20px; color: #989898;}
.form_group2 input:hover {border-color:#ed4037;}
.form_group2 input:focus {border-color:#ed4037;}
textarea {display:inline; border:1px solid #DDD; resize:none;	 background-color:#FFF;   font-size: 11px; margin-bottom: 10px; padding:0; width:448px; color: #989898;}
textarea:hover {border-color:#ed4037;}
textarea:focus { box-shadow: 0px 0px 3px #BBB;border-color:#ed4037;}
.styled {width: 210px; height: 21px; padding: 0 24px 0 8px; color: #666666; line-height:21px; font-size:11px; background: url('/css/image/select.png') no-repeat center bottom;
overflow: hidden; border:0; padding-bottom:1px; font-family:"malgun gothic","gothic","dotum";}
.checkbox, .radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url('/css/image/checkbox.png') no-repeat; display: block; clear: left; float: left;}
.radio {width: 18px; height: 18px; background: url('/css/image/radio.png') no-repeat;}
.button {display: inline-block; outline: none; cursor: pointer; text-align: center; margin:0 auto; font-size: 12px; text-decoration: none; padding: 15px 40px; color: #FFF; 
font-weight: bold; background: #525559; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}



/**********************************************contents-portfolio**********************************************/

.title_wrap{height: 190px; width: 100%; margin-top:-30px;}
.portfoliotitle{position:absolute; height: 150px; width: 400px; text-align:left; padding-top:50px;}
.movie{height: 150px; width: 280px;  position:absolute; z-index:1; overflow:hidden; right:0; top:0;}
.moviecover {position:absolute; top:0; left:-1px; z-index:3;}
.movieunder {position:absolute; top:0; left:-23px; z-index:-1; background:#000;}

.clock {height: 150px; width: 150px;  position:relative; z-index:1; background:url('/css/image/clockbg.png') no-repeat 0 0;}
html*.clock {display:none;}
.year_no {width:50px; height:50px; padding:74px 0 0 50px; font-family: "Montserrat", sans-serif, "Century Gothic", Arial; font-size: 36px; line-height: 1px; font-weight: 400; color: #FFF;}
.year_th {font-size: 14px;}



.portfolio_tit {font-family: "Open Sans","Montserrat", "Century Gothic", Arial, sans-serif; font-weight: 400; width:100%; height:60px;  font-size: 32px; }
.portfolio_tit_l { color: #3d3d3d; }
.portfolio_tit_s { color: #ed4037; }

/*2_index_portfolio.php : portfolio List top area*/

.portfolioselect{width:450px; position:relative; height:37px; z-index:999;}
#top_category {width:450px; position:relative; height:37px; }
.topbar {margin-right:10px; float:left; background:url('/css/image/bgplus.png') no-repeat 102px 5px;}
.sdt_wrap {
cursor:pointer; line-height:28px; font-family: "Open Sans", "Century Gothic", Arial; font-style: Italic; font-size: 12px; font-weight:400; overflow:hidden;
height:30px; opacity:100; width:120px; z-index:9999999;}
.topbar:hover {color: #eb5350;  background:url('/css/image/bgplus.png') no-repeat 102px -15px;}
.sdt_wrap ul{ width:110px; background:#626262; color:#FFF; padding:10px 0;}
.sdt_wrap ul li { width:110px; height:15px; line-height:15px; font-size:10px; padding:3px 10px;}
.sdt_wrap span {margin-right:10px; font-family: tahoma; font-style: normal; font-size: 12px;}

.sdt_wrap ul li a {color:#FFF;}
.sdt_wrap ul li a:hover {color: #dcdcdc;}

.category_select  {height:26px; float:left; text-align:right;}
.select_filter {float:left; font-family: "Montserrat", sans-serif, "Century Gothic", Arial; font-size: 11px; font-weight: 400; color: #8a8d92; line-height: 30px; letter-spacing:0.4px;}
.select_filter li {float:left;}
.select_choice {padding:0 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.select_choice:hover {background:#ed4037; cursor:pointer; color:#FFF}
.filter_title { padding:0 10px 0 30px; font-family: "Open Sans", sans-serif, "Century Gothic", Arial; font-size: 11px; font-weight: 600; color: #262626; line-height: 30px; letter-spacing:0.4px;}
.dot {font-family:Arial; font-size: 14px; font-weight: bold; color:#c2c2c2;}

.icon_des ul li {float:left; font-family: "Open Sans", sans-serif, "Century Gothic", Arial; font-size: 10px; font-weight: 400; color: #b7b7b7; line-height: 30px; letter-spacing:0.4px; margin-left:12px;}


/*2_index_portfolio.php : portfolio gallery grid*/

img { width: auto\9;}
.box, .category-navbar, .grid-loadMore, .autoGrid-lightbox{ font-family: "Open Sans", "Century Gothic", Arial, sans-serif; font-weight:600;  font-size: 14px;  color: #333333;  line-height: 1.428571429;}
.box-caption{ width:100%; position: relative; color: #888; font-size: 12px; text-align:left;}
.label {position:absolute; top:-15px; left:10px; width:70px; height:70px; z-index:1;}
.box-title { float: left;  margin-top:-10px; }

.box-title span {float: left; width:20px; height:17px; padding-top:2px;}
.box-title span img {width:18px; height:17px;}


.eng_l { font-family: "Montserrat", "Century Gothic", Arial, sans-serif; font-weight:400; font-size: 12px; color: #525559; }
.kor_s {clear:both; font-weight:normal;  color: #8a8d92; font-size: 11px; }
.eng_s { font-family: "Montserrat", "Open Sans", "Century Gothic", Arial, sans-serif; font-weight:400; font-size: 10px; color: #8a8d92; }

.price_s {padding-right:10px;text-align:right;font-family:"맑은고딕", "malgun gothic","gothic","dotum", sans-serif; font-weight:bold; font-size: 16px; color: #8a8d92; }

.icon {width:100%; height: 100%; position:absolute; top:0; left:0; z-index:-1;}
.icon img{width:100%;}
.hover-text{ margin-bottom: 15px; font-size: 17px;}
.box-sub {height:30px; font-family: "Open Sans", sans-serif, "Century Gothic", Arial; clear:both; font-size: 10px; padding:10px 0;  font-weight: 400; font-style: Italic; color:#cccccc; line-height: 15px; }
.eng_2 {color: #707070; font-size: 10px;}
.kor_2 {color: #b7b7b7; font-size: 11px;}

.box{ display: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:inherit;  filter:inherit; line-height: 20px; float: left;}
.mobile {padding:10px 11px 13px 10px; }
.mobile>.box-caption {display:none;}
.home {padding:10px; background:#FFF; border-right:1px solid #d7d7d7; border-bottom:2px solid #d7d7d7;}
.shop {padding:10px; background:#FFF; border-right:1px solid #d7d7d7; border-bottom:2px solid #d7d7d7;}

.box-image{ position: relative; overflow: hidden;}
.box-caption {margin-top: -20px;  background:#FFF; }
.box-caption>div {background:#FFF; width: 100%; padding:5px 0;}
.thumbnail-caption{ position: absolute; width: 100%; height: 100%; display: none;}
.thumbnail-caption{ background: url('/css/image/viewdetail.png') 50% 40% no-repeat; text-align: center;}
.thumbnail-caption>div{ height: 100%; width: 100%; display: table !important;}
.thumbnail-caption>div>div{ display: table-cell !important; vertical-align: middle; /* FOR VERTICAL ALIGN */ text-align:center; /* FOR HORIZONTAL ALIGN */}

.grid-loader, .grid-loadMore{ height: 20px; padding: 10px 15px 10px 15px; margin: 20px auto;}
.grid-loader{ width: 100px; height: 100px; background: url(/css/image/loader.gif) no-repeat; background-position:center;}
.grid-loadMore{ cursor: pointer;  width: 150px; text-align: center; color: white; background-color: black;  background: rgba(0,0,0,.6);  border-radius: 2px;  font-size: 14px;}
.grid-loadMore:hover{  text-decoration: none; color: white; background: rgba(0,0,0,.8);}

.centered {  margin: auto; }
.box img,#tumblelog img { display: block; width: 100%;}


/*2_body_portfolio.php : portfolio detail (with slider_portfolio.css)*/





/**********************************************contents-contact**********************************************/


/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/**** Clearfix ****/
.grid-clearfix:before, .grid-clearfix:after { content: ""; display: inline; }
.grid-clearfix:after { clear: both; }
.grid-clearfix { zoom: 1; }

.noTransform{
  -webkit-transform: none !important;
     -moz-transform: none !important;
       -o-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.login_name {
	font-family:"맑은고딕", "malgun gothic","gothic","dotum"; 
	font-weight:400; 
	font-size: 12px; 
	color: #525559; 
	text-align:center;
	font-weight: bold;

}