body {font-size:12px;font-family:NanumGothic;padding:0;}
input,select,textarea {font-size:12px;font-family:NanumGothic;}
select {font-size:12px;font-family:NanumGothic;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {}
#header {}
#content {padding:0;height:100%;}
#footer {}


/* CSS Document */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");


body {font-family:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic';}
body, h1, h2, h3, h4, h5, h6, li, p { font-family:"Nanum Gothic" !important ; }

body {
 font-size:12px;
 color:#333;
 line-height:160%;
 margin:0px;
 background:#363636;
 height:100%;
}
html { height:100%;}
body { height:100%;}
#allout {height:100%;}
#content {height:100%;}
.wrap {height:100%;}
#swrap {height:100%;}



div {color:inherit;}
/* ¸Þ´º ·Ñ¿À¹ö*/
a.rollover img { border-width:0px; display:inline; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; }
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:inline; }
a {text-decoration:none;color:inherit;}
img {border:0px;}


p,ul,li, dl, dt, dd, h1, h2 {
 margin:0px;
 padding:0px;
 list-style:none;
}
ul,li, dl, dt, dd {
 list-style:none;
}
#skip {display:none;}
#Nav {width:220px;position:absolute;background:#2a2a2a;height:100%;}
h1 {text-align:center;padding:1.5em 0;}
#Nav .ionav {display:none;}
#Nav li {background:url(./image/bg_nav.gif) bottom left repeat-x;}
#Nav #menu {z-index:100;}
#Nav #menu,#Nav #menu a {color:#c2c2c2;}
#Nav #menu a {font-size:1.35em;font-weight:600;padding:0.65em 1em;display:block;}
#Nav #menu a:hover {color:#fff;background:#222;}
#Nav #menu span {display:block;}
#Nav #menu span a {font-size:1.1em;font-weight:400;padding:0.4em 2.25em;display:block;color:#b1b1b1;}
#Nav #menu span a:hover {background:none;}
#sch {margin:4em 0.5em 0em 0.5em;}
#sch legend, #sch label {display:none;}
#sch input {display:inline-block;height:30px;}
#sch input[type=text] {background:#4c4b4b;width:150px;position:absolute;border:0px;height:28px;color:#929292;font-family:NanumGothic;padding-left:1em;z-index:1;}
#sch input[type=image] {margin-left:150px;z-index:10;position:absolute;}
fieldset {border:0px;height:30px;}
#quick {padding:1em;}
#quick span {display:block;height:38px;margin:1em 0;color:#b0b0a3;}
#quick span.q1 {background:url(./image/icon_map.gif) top left no-repeat;}
#quick span.q2 {background:url(./image/icon_tel.gif) top left no-repeat;}
#quick span strong {padding:0.5em 0 0 2.75em;font-size:1.25em;font-weight:500;display:inline-block;}
#quick span.q3 {background:none;padding:0;color:#6f6f6d;}
#swrap {margin-left:220px;}
#swrap article {width:25%;display:inline-block;overflow:hidden;margin:0px;padding:0px;}
#swrap article img {width:100%;}
#swrap article div {background:url(./image/bg_on.png) repeat;z-index:50;text-align:center;color:#fff;padding:0.25em;width:100%;height:100%;}
#swrap article div h2 {padding:0.5em;}
#swrap article div span {display:block;text-align:center;max-width:56px;margin:auto;width:20%;padding-top:0.5em;}


#portfolio_list li {width:25%;display:inline-block !important;overflow:hidden !important;margin:0px;padding:0px;}

html* #portfolio_list li {float:left;width:24.95%;}
#portfolio_list li a img {width:100%;}
#portfolio_list li a {display: block;position:relative;overflow:hidden;}
#portfolio_list li a div {position:absolute;background:url(./image/bg_on.png) repeat;z-index:50;text-align:center;color:#fff;padding:0;width:100%;height:100%;line-height:150%;}
#portfolio_list li a div h2, #portfolio_list li a div h4 {padding:1em;font-size:1.4em;height:1.4em;text-align:right;}
#portfolio_list li a div strong {padding:1em;display:block;height:2.2em;overflow:hidden;font-weight:100;position:absolute;bottom:1em;text-align:left;}
#portfolio_list li a div span {display:block;text-align:center;max-width:56px;margin:auto;width:16%;padding-top:0.5em;}


#large {width:100%;clear:both;color:#fff;overflow:hidden;}
#large div {display:inline-block;}
#large div.img {width:70%;}
#large div.txt, #ssimg div.txt_view {width:30%;float:right;padding-bottom:1em;}
#large div.img .mg, #large div.img img {width:100%;}
#large div.img span {width:98%;text-align:right;margin-top:-40px;display:block;z-index:100;padding:0.25em;}
#large div.img span img, #simg span img, #simg_view span img {max-width:16px;margin:0.2em;}
#large h3, #ssimg h3 {font-size:2em;padding:1em 1em 0 1em;line-height:140%;}
#large p, #ssimg p {padding:0em 1em 0 2em;}
#large p a {background:#000;padding:0.5em 1em;clear:both;display:block;width:6em;margin-top:2em;color:#ccc;}

#sbody {width:auto;background:#fff;max-width:1020px;height:auto;min-height:100%;}
#scts {width:94%;margin:auto;padding:1em 0;height:auto;}
.loca {text-align:right;letter-spacing:-1px;color:#7e7e7e;}
.loca span {color:#666;font-weight:600;}
#sbody h2 {font-size:2.25em;font-weight:600;padding:0.5em 0;}
.subtxt {margin:2em 0;background:#fff;height:auto;}
#simg .mg {width:100%;}
#simg span {width:98%;text-align:right;margin-top:-40px;display:block;z-index:100;}
#simg_view .mg {width:100%;}
#simg_view span {width:98%;text-align:right;margin-top:-40px;display:block;z-index:100;}
#ssimg {border:0px solid #fff;float:left;width:100%;}
#ssimg #simg_view {width:70%;}
#ssimg #simg_view img {width:100%;}
#ssimg div.txt_view {color:#fff;}


.subtxt .txt {border:0px solid #fff;margin:1em 0;}
.subtxt .txt h3 {font-size:1.5em;}
.subtxt article h4 {font-size:1.25em;}
p.en {clear:both;height:1em;}
#pic {border:0px solid #000;width:100%;clear:both;position:relative;float:left;background:#f6f6f6;}
#simg_view {width:100%;display:inline-block;border:0px solid #000;float:left;position:relative;}
.txt_view {width:28%;display:inline-block;border:0px solid #000;float:right;position:relative;}
#his dl {border-bottom:1px dashed #ccc;text-align:left;width:100%;clear:both;min-height:4em;}
#his dl dt {display:inline-block;background:#b41d8d;border-radius:32px;padding:1em 2em;float:left;}
#his dl dt span {display:inline-block;color:#fff;font-weight:600;margin:auto;font-size:1.75em;}
#his dl dd {margin-left:12em;padding-bottom:0.5em;font-size:1.2em;}
#his hr {border:1px solid #fff;height:10px;}



.fleft {float:left;}
.mgn0 {margin:0px !important;}
.mgspace {height:5px;clear:both;}
.lgn {padding:0em 1em 0.25em 1em;background:#000;}

@media screen and (max-width:1023px){
#portfolio_list li {width:33.333%;}
#large div.img, #ssimg #simg_view {width:100%;}
#large div.txt, #ssimg div.txt_view  {width:100%;}
}
@media screen and (max-width:800px){
#portfolio_list li {width:50%;}
#portfolio_list li a div {font-size:0.9em;}
#swrap {margin-left:0px;}
#Nav {width:100%;position:relative;height:auto;}
#Nav .ionav {display:inline-block;border:0px solid #fff;float:left;padding:0em 0.5em;z-index:100;}	
#Nav #Navset {display:block;position:absolute;background:#2a2a2a;min-height:600px;width:200px;z-index:100;}
#Nav #menu a {font-size:1.25em;}
#sch {display:none;}

}
@media screen and (max-width:500px){
#simg_view {width:100%;}
.txt_view {width:100%;}
}

@media screen and (max-width:320px){
#swrap article {width:100%;}
}

   .slidesjs-pagination {
      margin: -40px 0 0;
	  z-index:5000;
	  position:relative;
	  float: right;
      list-style: none;
	  padding-right:1em;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(./image/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

.slidesjs-container{
	width:100%;
}
.m_side {width:100% !important;border:0px solid #000;}