@charset "utf-8";

/* ==|== haru styles =====================================================
	Author: designharu
	Dreamweaver Fluid Grid Properties
========================================================================== */
hr {
    display: block;
    height: 0;
    line-height: 0x;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 0px solid #ccc
}

nav {
    margin: 0;
    padding: 0;
}

nav ul,
nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none
}

ul,
ol,
dl,
p {
    margin: 0;
    padding: 0
}

ul:after,
ol:after,
dl:after {
    display: block;
    clear: both;
    content: ''
}

li,
dt,
dd {
    list-style: none
}

h1,
h2 {
    margin: 0;
    padding: 0;
}

a:link {
    color: #333333;
    text-decoration: none;
}

a:focus {
    outline: thin dotted
}

a:visited {
    color: #333333;
    text-decoration: none;
}

a:active {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: #333333;
    text-decoration: none;
}

img,
object,
embed,
video {
    display: inline-block;
    max-width: 100%;
    /*min-width: 100%;*/
    height: auto
}

/*img,object,embed,video{max-width:100%}*/
.ie6 img {
    width: 100%
}

wrap {
    position: relative;
    clear: both;
    width: 100%;
    border: solid 0px #979797;
}

header,
nav,
footer {
    display: block;
    overflow: hidden;
    float: left;
    clear: both;
    width: 100%;
    *zoom: 1;
}

wrap:before,
header:before,
nav:before,
footer:before {
    display: table;
    content: ''
}

wrap:after,
header:after,
nav:after,
footer:after {
    clear: both;
    display: table;
    content: ''
}

header {
    padding: 0px 0 0px 0;
    border: solid 0px #979797;
    margin: 0 auto;
}

header h1 {
    text-align: left;
    border: solid 0px #979797;
}

header p {
    padding-top: 18px;
    text-align: right;
}

.bg_graylight {
    padding: 0em 0;
}

.bg_graydark {
    padding: 0em 0;
}

.bg_pink {
    padding: 1em 0;
    background: #fbd7d8;
}

.visual {
    background: url(../img/common/photo.jpg) repeat-x;
}

.container {
    background: #ffffff;
}

.container2 {
    background: #dbe7ff;
}

nav .btn {
    text-align: center;
    cursor: pointer;
    border: solid 1px #979797;
    background: #fbd7d8;
}

nav .btn a {
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}

nav .btn a:hover {
    color: #333;
    text-decoration: none;
}

nav .btn a:active {
    color: #000
}

nav .btn a span {
    margin-right: 1em;
    margin-left: 1em;
}

nav p.l {
    text-align: left;
}

nav p.c {
    text-align: center;
}

nav p.t {
    text-align: center;
}

body {
    line-height: 0;
    margin: 0;
    padding: 0;
}

.navi .clear {
    clear: both;
    text-align: center;
    padding: 10px 10px 10px 10px;
}

.navi .clear ul.go {
    display: inline-block;
    border: solid 0px #979797;
    text-align: center;
    margin: 0 auto;
}

.navi .clear ul.go li {
    float: left;
    border: solid 0px #979797;
    margin: 0 5px 5px 0px;
}


.snavi {
    max-width: 500px;
    min-width: 100px;
    border: solid 0px #bcbcbc;
    clear: both;
    text-align: center;
    padding: 20px 0px 0px 0px;
    font-family: ;
    font-size: 12px;
}

.snavi ul.go {
    width: 100%;
    display: inline-block;
    border: solid 0px #979797;
    text-align: center;
    margin: 0 auto;
}

.snavi ul.go li {
    float: left;
    border-collapse: collapse;
    border: solid 1px #bcbcbc;
    padding: 10px 0px 10px 0px;
    margin: 0 0px 0px 0px;
    background: #ffffff;
    line-height: 1.8;
}

.snavi ul.go a {
    font-weight: 600;
    color: #646464;
    text-decoration: none;
}

.snavi ul.go a:hover {
    color: #646464;
    text-decoration: none;
}

.snavi ul.go a:active {
    color: #646464
}

.snavi ul.go a span {
    margin-right: 1em;
    margin-left: 1em;
}

.snavi ul.go h4 {
    margin: 0 0color:#fff;
}

.snavi .clear ul.go li.fst {
    background: none
}

footer dt,
footer dd {
    float: left;
    margin-left: 0.7em;
    font-weight: 600;
    line-height: 1.5;
    color: #9c9c9c;
    letter-spacing: -0.05em;
}

footer dl dt {
    padding-left: 0.7em;
    color: #747474
}

address {
    font-size: 0.85em;
    font-weight: 700;
    font-style: normal;
    line-height: 2;
    color: #707070;
    text-align: center;
    text-transform: uppercase
}

address span {
    color: #845389;
}

/* contents */
.main {
    max-width: 498px;
    min-width: 280px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
    border: 0px solid #d5d5d5;
}

.main .fl {
    float: left;
    width: 33.3%;
    padding: 0 0 6px 0;
}

.main .fl ul.go {
    float: right;
    display: inline-block;
}

.main .fl ul.go li {
    float: right;
    padding: 0 6px 6px 0;
}

.main .fr {
    float: right;
    width: 33.3%;
}

.main .fr ul.go {
    display: inline-block;
}

.main .fr ul.go li {
    float: left;
    padding: 0 0 6px 0;
}

.main .fr>ul {
    padding-right: 0px;
}

.main .fl>ul {
    padding-right: 0px;
}

.main .md {
    float: center;
    padding: 0px 0px 0px 0px;
    border: 0px solid #d5d5d5;
}

.main .md ul.go {
    float: left;
    display: inline-block;
    padding: 197px 0px 70px 40px;
}

.main .md ul.go li {
    float: left;
    padding-right: 10px;
}


.main .clear {
    clear: both;
    background: url(../img/common/copy_bg.gif) repeat-x left top;
    text-align: center
}

.main .clear ul.go {
    padding: 19px 0 10px;
    display: inline-block;
}

.main .clear ul.go li {
    float: left;
}





.mnavi {
    max-width: 498px;
    min-width: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
    border: 0px solid #d5d5d5;
}

.mnavi .md {
    clear: both;
    float: center;
    padding: 0px 0px 0px 0px;
}

.mnavi .md ul.go {
    float: left;
}

.mnavi .md ul.go li {
    float: left;
    width: 24.9%;
}


.bbtn {
    max-width: 498px;
    min-width: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
}

.bbtn ul.ggo {
    float: left;
    display: inline-block;
}

.bbtn ul.ggo li {
    float: left;
    width: 60%;
    text-align: center;
    border: 1px solid #868686;
}





.bt p.l {
    text-align: left;
}

.bt p.c {
    text-align: center;
}

.bt p.t {
    text-align: center;
}


.title {
    background: url(../img/sub/blt_tit.gif) no-repeat left 0.9em;
}

.title h2 {
    margin-left: 0.7em;
    font-size: 1.385em;
    font-weight: 600;
    color: #000;
    line-height: 2.3;
}

.title h2 span.eng {
    font-weight: 500;
    font-size: 0.6em;
    color: #888;
    line-height: 2.3;
    text-transform: uppercase
}

.sub section {
    clear: both;
    margin-top: 1.5em;
}

.sub section:first-child {
    margin-top: 0;
}

.sub section h3 {
    margin: 1.5em 0;
    padding: 0.7em;
    color: #fff;
    background: #0078dd;
    /*url(../img/sub/bar.jpg) no-repeat left top;*/
}

.sub section h3:first-child {
    margin-top: 0;
}

.sub section h4 {
    margin: 0.8em 0;
    line-height: 1.6;
}

.sub section p {
    line-height: 1.5;
}

.sub section ul:after {
    display: block;
    clear: both;
    content: '';
}

.sub section li {
    padding-left: 1em;
    line-height: 1.8;
    background: url(../img/sub/blt_lst.gif) no-repeat 0.2em 0.5em;
}

.sub section figure {
    margin: 1em 0 0.5em 0;
}

.sub section figure img.stroke {
    border: 1px solid #d5d5d5;
    box-shadow: 5px 5px 15px #e1e1e1;
}

.sub section figure figcaption {
    margin: 0.3em 0;
    line-height: 1.5;
}

.sub .point {
    color: #7bc9c9;
}

.event {}

.event h3 {
    margin: 0 !important;
}

.event h3.bar1 {
    background: #bf0095 url(../img/sub/bar_event01.jpg) no-repeat left top !important;
}

.event h3.bar2 {
    background: #bf0095 url(../img/sub/bar_event02.jpg) no-repeat left top !important;
}

.event h3.bar3 {
    background: #bf0095 url(../img/sub/bar_event03.jpg) no-repeat left top !important;
}

.event h3.bar4 {
    background: #bf0095 url(../img/sub/bar_event04.jpg) no-repeat left top !important;
}

.event h3.bar5 {
    background: #bf0095 url(../img/sub/bar_event05.jpg) no-repeat left top !important;
}

.event h3 span.no {
    margin-right: 0.5em;
    color: #0078dd;
}

.event ul {
    padding: 1.5em !important;
}

.event ul.bg1 {
    background: url(../img/sub/photo_event02.jpg) no-repeat right top;
}

.event ul.bg2 {
    background: url(../img/sub/photo_event01.jpg) no-repeat right top;
}

.event li {
    font-weight: 600;
}

.event li span.price {
    padding-left: 1em;
    color: #ac0186;
    text-transform: uppercase;
}

/* -- Media query
------------------------------------------------------------- */
.gridContainer {
    width: 86%;
    margin: 0 auto;
    /*width:84.9333%;padding-left:3.0333%;padding-right:3.0333%;*/
}

.grid-wrap {
    display: block;
    overflow: hidden;
    float: left;
    clear: both;
    width: 100%;
    *zoom: 1;
    /*margin-left:-3em;*/
}

.grid-wrap:before,
.grid-wrap:after {
    display: table;
    content: ''
}

.grid-wrap:after {
    clear: both
}

.grid {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(../js/boxsizing.htc);
    padding-left: 0em;
}

.col-full {
    width: 100%
}

.col-one-half {
    width: 50%
}

.col-one-third {
    width: 33.333%
}

.col-two-thirds {
    width: 66.666%
}

.col-one-quarter {
    width: 25%
}

.col-three-quarters {
    width: 75%
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

@media only screen and (max-width: 60em) {
    header h1 {
        text-align: left;
    }

    .mq1-col-full {
        width: 100%
    }

    .mq1-none {
        display: none;
    }
}

@media only screen and (max-width: 48em) {
    .mq2-col-full {
        width: 100%
    }

    .mq2-none {
        display: none;
    }
}

@media only screen and (max-width: 30em) {
    .gridContainer {
        width: 100%;
    }

    .mq3-col-full {
        width: 100%
    }

    .mq3-col-one-half {
        width: 50%
    }

    .mq3-col-one-third {
        width: 33.333%
    }

    .mq3-col-two-thirds {
        width: 66.666%
    }

    .mq3-col-one-quarter {
        width: 25%
    }

    .mq3-col-three-quarters {
        width: 75%
    }

    .mq3-none {
        display: none;
    }

}

.bnavi {
    max-width: 498px;
    min-width: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
}

.bnavi .md {
    clear: both;
    float: center;
    margin: 0 auto;
}

.bnavi .md ul.go {
    width: 100%;
    float: center;
    display: inline-block;
    margin: 0 auto;
    border: 0px solid #d5d5d5;
    padding: 0px 0px 0px 0px;
}

.bnavi .md ul.go li {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border: 0px solid #d5d5d5;
    background: #ffffff;
}

.bnavi2 {
    max-width: 498px;
    min-width: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
}

.bnavi2 .md2 {
    clear: both;
    float: center;
    margin: 0 auto;
}

.bnavi2 .md2 ul.go2 {
    width: 100%;
    float: center;
    display: inline-block;
    margin: 0 auto;
    border: 0px solid #d5d5d5;
    padding: 0px 0px 0px 0px;
}

.bnavi2 .md2 ul.go2 li {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 50%;
    border: 0px solid #d5d5d5;
    background: #ffffff;
}

.bnavi3 {
    max-width: 498px;
    min-width: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
}

.bnavi3 .md3 {
    clear: both;
    float: center;
    margin: 0 auto;
}

.bnavi3 .md3 ul.go3 {
    width: 100%;
    float: center;
    /*display: inline-block;*/
    margin: 0 auto;
    border: 0px solid #d5d5d5;
    padding: 0px 0px 0px 0px;
}

.bnavi3 .md3 ul.go3 li {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 33.3%;
    border: 0px solid #d5d5d5;
    background: #ffffff;
}

.bottom {
    max-width: 498px;
    min-width: 100px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    float: center;
}

.bottom .md {
    clear: both;
    float: center;
    margin: 0 auto;
}

.bottom .md ul.go {
    width: 100%;
    float: center;
    display: inline-block;
    margin: 0 auto;
    border: 0px solid #d5d5d5;
    padding: 0px 0px 0px 0px;
}

.bottom .md ul.go li {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 33.3%;
    border: 0px solid #d5d5d5;
}

a.buttom01 {
display: inline-block;
background-color: #e58e1a;
width: 100px;
border: 1px solid #e58e1a;		/* Å׵θ®¼± ±½±â, ¼±»ö±ò */
border-radius: 5px;					/* Å׵θ®¸ð¼­¸® ¶ó¿îµå */
line-height: 1;
padding: 10px;						/* Å׵θ®¾È ¿©¹é */
font: 14px 'Nanum Gothic';
font-weight: 800;
color:#ffffff;
text-decoration: none;
text-align:center				/* ±Û¾¾ °¡¿îµ¥Á¤·Ä */
}
a.buttom01:hover {background-color:#ffffff; color:#e58e1a;}	/* ¸¶¿ì½º¿Â½Ã ¹è°æ,±ÛÀÚ»ö */