@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, select {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:1em;
 vertical-align:baseline;
 background:transparent;
}

body {
 /* line-height:1.4; */
 font-size: 18px;
 color: #444;

}

header,nav,section,article,footer,canvas,details,aside,figcaption,figure,hgroup,menu {
 display:block;
}

nav ul, li {
 list-style:none;
}

blockquote, q {
 quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content:'';
 content:none;
}

a {
 margin:0;
 padding:0;
 color: #444;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
 text-decoration:none;
}
a:hover {text-decoration:none; color: #222; }

/* change colours to suit your needs */
ins {
 background-color:#ff9;
 color:#000;
 text-decoration:none;
}

/* change colours to suit your needs */
mark {
 background-color:#ff9;
 color:#000;
 font-style:italic;
 font-weight:bold;
}

del {
 text-decoration: line-through;
}

abbr[title], dfn[title] {
 border-bottom:1px dotted;
 cursor:help;
}

table {
 border-collapse:collapse;
 border-spacing:0;
}

/* change border colour to suit your needs */
hr {
 display:block;
 height:1px;
 border:0;
 border-top: 1px solid #c9c9c9;
 padding:0;
 clear: both;
 max-width: 1200px;
 margin: 0 auto;
}
input, select {
 vertical-align:middle;
}

input[type="color"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="month"] {
/*BUGFIX: http://stackoverflow.com/questions/5449412/css-styling-for-input-buttons-on-ipad-iphone*/
-webkit-appearance: none;
}
p,
pre {
    margin: 1em 0 0;
}
em, address {font-style: normal;}

/*iphone reset*/
input, select, textarea{ -webkit-appearance: none;-moz-appearance: none;appearance: none;}



body {background: #ccc; font-size:13px;font-family: 'NanumSquare';}
.wrap {text-align: center; max-width: 640px; margin: 0 auto; position: relative;}
img {max-width: 100%;}
p{line-height: 1.6;}
.sub_nav {position: fixed;width:100%; max-width: 640px;}
.sub_nav li{width: 25%;float: left;background:#2ab8b9;color:#fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: table;height: 50px;}
.sub_nav li.active {background:#fff;}
.sub_nav li > a {color:#fff;border-left:1px solid #91d6d7;font-size: 15px;letter-spacing: -1px;vertical-align: middle;text-align: center;width: 100%;height: 50px;display: table-cell;}
.sub_nav li:first-child > a {border:0}
.sub_nav li.active > a {color:#2ab8b9; font-weight:800;}

.content_wrap  {padding-top: 50px;background:#fff;}
.content_wrap .map_img{margin: 20px 10px;}
.content_wrap .logo {margin: 30px 0;max-width: 160px;}

.counsel {margin: 0 5% 40px;}
.counsel > li {width:49%;display: inline-block;margin-bottom: 5px;}
.counsel img {max-width: 100%;}
.counsel > li ul li {width: 18%;display:inline-block;margin: 0 2%;}

.photo {background:#f4f4f4;padding-bottom: 50px;}
.photo .owl-carousel {padding:0 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.photo .owl-carousel img {}
.photo .owl-carousel .owl-item {height: auto;width: 100%;}
.photo .sum {padding: 0 10px;}
 .photo .sum > ul {margin-left: -5px; margin-top: 5px;overflow: hidden;}

.photo .sum > ul > li {float: left;width: 25%;padding-left: 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 0;margin-bottom: 5px;opacity: .5;}
.photo .sum > ul > li.active {opacity:1;}
.photo .sum > ul > li.active a {}




/* @media screen and (max-width:  320px) {
.sub_nav li > a {font-size: 10px;}
} */