@charset "euc-kr";

/* ==|== 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%; 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%;}

.mnavi3{max-width:498px; min-width:100px; margin:0 auto; overflow:hidden;text-align:center;float:center;border:0px solid #d5d5d5; }
.mnavi3 .md{ clear:both;float:center; padding:0px 0px 0px 0px; }
.mnavi3 .md ul.go{float:left;}
.mnavi3 .md ul.go li{float:left; width:33.3%;}


.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 #ff0000; 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;  padding:15px 0px 0px 0px;}