@import url( "/css/NotoSansKR-Hestia.css" );

body{font-family:"Noto Sans Korean", sans-serif; word-break:keep-all; }

.wrap {width:100%; float:left; min-width:320px;}
.container {min-width:310px; max-width:500px; margin:0 auto; text-align:center;}

/*header**********************************************/
.wrap.header.top {height:70px;}
.wrap.header.top .logo img {width:180px; margin: 0 auto; }
.wrap.header.top .logo {margin-top:13px;}
.wrap.header.top .gnbBtn {position:absolute; top:20px; right:5px;}

#all_menuwrap {width:0px;overflow:hidden; position:absolute; right:0px; top:0px; width:0px; border-bottom:1px solid #dddddd; z-index:9999999;}
#all_menu_title { width:250px; }
#all_menu_title ul {background:#fff;}
#all_menu_title ul li { float:left; }
#all_menu_title ul li img { float:left; }
#all_menu_title .gnbBtn {float:right; margin:10px; cursor:pointer;}
#all_menu {clear:both; width:250px; }
#all_menu > ul > li {overflow:hidden; height:50px; background:#fff; border-bottom:1px solid #efefef;}
.dt_01 { width:230px; height:40px; padding:15px 0 0 20px; font-size:1.4em; color:#000000; text-align:left; font-weight:bold;}
.dt_01 > a{width:100%; padding-bottom:30px;}
.dt_01 > a:hover {color:#ff6005;}
.dt_02 { line-height:176%; padding-top:14px; padding-bottom:14px; padding-left:30px; background:#f4f4f4; color:#777777; text-align:left;}
.dt_02 a { color:#777777; }

.wrap.header.number {height:35px; overflow:hidden; background:#000;}

.wrap.header.navi {height:40px; padding:10px 0 10px 0; background:#ececec; border-bottom:1px solid #ccc;}
.wrap.header.navi .prev {width:40px; float:left; margin-left:10px;}
.wrap.header.navi .location {width:200px; position:absolute; top:125px; left:50%; margin-left:-100px;}
.wrap.header.navi .location a {font-weight:bold; font-size:1.2em;}
.wrap.header.navi .home {width:40px; float:right; margin-right:10px;}


li {list-style:none;}
.wrap.index.event {width:100%;}
.wrap.index.event img {width:100%; border-bottom:1px solid #ccc;}

.wrap.index.pop {}
.wrap.index.pop li img {width:100%; vertical-align:top;}

.wrap.index.bn {}
.wrap.index.bn li {float:left;width:50%;}
.wrap.index.bn li.wide{width:100%;}
.wrap.index.bn li img {width:100%; vertical-align:top;}


img.img-responsive {width:100%; margin:0 auto;}

#m-visual .bx-controls {display:none;}
#m-visual .bxslider img {background:rgba(255,255,255,0.5); padding:15px; margin:15px; width:80%;}
#m-visual #bx-pager {position:relative; top:-30px; width:120px; margin:0 auto; z-index:9999;}
#m-visual #bx-pager a {display:block; float:left; margin: 0 2px; width:10px; height:10px; border-radius:50px; background:#868686;}
#m-visual #bx-pager a.active {width:30px; background:#000;}
/*footer**********************************************/
.wrap.f_navi {margin-top:15px; background:#ff6005;}
.wrap.f_navi .container {min-width:320px; max-width:320px;}
.wrap.f_navi li {float:left;}

.wrap.f_btn {}
.wrap.f_btn .container {min-width:320px; max-width:320px;}
.wrap.f_btn li {float:left;}
.wrap.f_btn .num {margin:3px 0 10px 10px;}



.wrap.footer {background:#666666; padding:15px 0 15px 0;}
.wrap.footer .container {min-width:300px; max-width:300px;}
.wrap.footer li {display:inline; float:left; font-size:0px; line-height:0px; padding:0px; margin:0px;}
.wrap.footer li img {margin:0px; padding:0px; font-size:0px; line-height:0px; float:left; display:block;}
.wrap.footer li a {padding:0px; float:left;}
.wrap.footer .copyright {margin-top:15px; float:left;}


/*sub**********************************************/
.wrap.sub.contents {}
.wrap.sub.contents .container {min-width:300px; max-width:460px;}
.wrap.sub.contents .img100 img {width:97%; margin:0 5px;}
.wrap.sub.contents p {padding:6px 0;}
.wrap.sub.contents.board {}
.wrap.sub.contents.w320 .container {min-width:320px; max-width:320px; padding:10px 0 10px 0;}


/*slogan******************************************/
.wrap.introduce {}

.wrap.introduce ul.slogan {width:29%; float:left; display:block; margin-left:4px;}
.wrap.introduce ul.slogan li {font-size:1.4em;  color:#fff; text-align:center; font-weight:bold; background:#000; margin-bottom:5px;  padding:4px 0;}
.wrap.introduce ul.slogan li.color {background:#3c3c3c;}

.wrap.introduce .m_text {background:#ececec; color:#141414; line-height:20px; font-size:1.1em; padding:15px; float:left;}

.wrap.introduce dl.s_box {padding:10px 0 10px 0; width:90%; margin:0 auto; clear:both;}
.wrap.introduce dl.s_box dt, .wrap.introduce dl.s_box dd {text-align:center;}
.wrap.introduce dl.s_box dt {}
.wrap.introduce dl.s_box dt span {font-size:1.8em; font-weight:bold; padding-left:3px;}
.wrap.introduce dl.s_box dd {margin:5px 0 10px 0; font-size:1.2em; color:#333;}



.temp.title {padding-top:10px;}
.temp.prv {}
.conv_con {overflow-y:auto;overflow-x:hidden;height:100px;border:1px solid #999;padding:10px;background-color:#fff; width:90%; margin:0 auto;}
.temp.prv p {padding:10px 0 10px 0; text-align:center;}
.temp.member ul {}
.temp.member li {padding:0 2px 0 2px; font-size:1.2em; font-weight:bold; margin-bottom:10px;}
.temp.member input {border:1px solid #ccc; width:190px; height:40px;}
.temp.member a {cursor:pointer; }


@media screen and (min-width:500px) {
.wrap.introduce ul.slogan {width:32%; float:left; margin-left:4px; display:block;}
.wrap.introduce ul.slogan li {font-size:1.4em;  color:#fff; text-align:center; font-weight:bold; background:#000; margin-bottom:5px; padding:4px 0;}
.wrap.introduce ul.slogan li.color {background:#3c3c3c;}
}