@import url(//fonts.googleapis.com/css?family=Noto+Sans);

/* body 공통 속성 */
html{min-width:320px;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0}
body {font:11px 돋움,Arial; webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all; }
ul,ol,dl,li {list-style:none; display:inline;}
img {border:0;}
ul {list-style:none;}
p {line-height:1.6; margin-bottom:5px;}
a{color:#676767; text-decoration:none}
a:link{color:#676767; text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}

#wrap_header {width:100%; background-color:#FFFFFF; float:left; }
#header {margin:0 auto;padding:1em 0;text-align:center;}
#header img{max-width:120px;margin:0 auto;}

#wrap_navi {width:100%;height:30px;margin:0 auto; float:left;background:url(./img/navi_bg.gif) top repeat-x;}
#navi {width:320px; height:auto; margin:0 auto; text-align: center;}
#navi li{display: inline-block;width:25%;}
#navi a{display:block;width:100%;padding:6px 0 0 0;font-size:1.1em;font-weight:bold;font-family:'noto sans';color:#fff;text-align:center;text-decoration:none;}


#wrap_con {width:100%; margin:0 auto; float:left; margin-top:0px; }
#con {width:320px;margin:0 auto; background-color:#FFFFFF;}
.con {max-width:500px;min-width:300px;width:90%;margin:0 auto;}
.con.wide{padding:0 10px; max-width:500px; min-width:300px;}
.bn {width:auto; float:left; margin:0px 0 4px 0;}
.bnr {width:auto; float:right; margin:0px 0 4px 0;}
.h_call {margin:0 auto; width:320px;}
.h_call ul{float:left; padding-bottom:5px;}
.h_call li{float:left; padding-top:5px;}


#wrap_footer {float:left; background:#acacac; width:100%; line-height:0;}
#wrap_kakao {float:left; background:#fff701; width:100%;  line-height:0;}
#footer {margin:0 auto; width:320px;}

#con_text {margin:5px 0 10px 0; text-align:justify;}

/***********************************************/
.mt4 {margin-top:4px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.pt10{page:10px;}
.fleft {float:left; width:auto;}
.fright {float:right; width:auto;}

.icon {float:left; margin:10px 10px 0px 0; width:100px;}
.icon_text {float:right; margin-top:10px; width:200px;}
.bar {float:left width:100%;}

.event-mobile{padding:0em 0 1em 0;background:#231f20;}
.event img{width:100%;}
.event .title {padding:0em 0 1em 0;text-align:center;}
.event .title img{width:100%;margin:0 auto;}
.event li{display:inline-block;}


.event li.w50{width:49.3%;}
.event li.w100{min-width:100%;}


@media screen and (min-width:500px) {
/*.event-mobile{margin:3em 0;}*/
}

.s-line{padding:2em 0 5px 0;background:url(././img/1605_m_sline_bg.gif) repeat-x top #00aece;}
.s-line img{border:none;}
.s-line .title{padding:0;}
.s-line .title img{width:auto;padding:0;}

@media screen and (min-width:450px) {
	.event img{padding-bottom:5px;border:none;}
	.event .w50 li {display:inline-block;width:49%;}
	.s-line{margin:2em auto;}
}
@media screen and (min-width:520px) {
	/*.event{padding:1em 0;}*/
}