@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=block');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { font-family:'Noto Sans KR','Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', Dotum, 돋움, Arial, Helvetica, sans-serif; font-size:14px; color:#111; line-height:1; font-weight:400; letter-spacing:-0.05em; position:relative; }
ol, ul { list-style:none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; }
table {	border-collapse:collapse; border-spacing:0; }
legend { display:none; }
em, address { font-style:normal; font-weight:normal; }
button { cursor:pointer; border:0; }
img { vertical-align:top; border:0; }
a { color:#111; text-decoration:none; }
a:active, a:focus, a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover,a:active:hover, a:focus:hover, a:link:hover, a:visited:hover { text-decoration:underline; }

#container{position: relative; max-width: 720px; width: 100%; margin: 0 auto; padding: 0;}
.event_wrap{background: #fff;}
.event_wrap img{width: 100%;}
.event_wrap .auto_position {position: relative;}
.event_wrap .auto_position > img {width: 100%;}
.event_wrap .auto_position iframe{width: 100%; height: 100%;}
.event_wrap [data-position]{background-color:rgba(0,255,0,0);}

.event_wrap .btn_02{display: flex; align-items: center; border: 1px solid #2f8c46; box-sizing: border-box; background: #2f8c46; text-decoration: none;}
.event_wrap .btn_01{display: flex; align-items: center; border: 1px solid #aaaaaa; background: #fff; box-sizing: border-box; text-decoration: none;}
.event_wrap .btn_02 span{display: block; width: 100%; text-align: center; font-size: 18px; letter-spacing: -1px; color:#fff; text-decoration: none;}
.event_wrap .btn_01 span{display: block; width: 100%; text-align: center; font-size: 18px; letter-spacing: -1px; color:#111; text-decoration: none;}
.event_wrap .btn_01:hover{text-decoration: none;}
.event_wrap .btn_02:hover{text-decoration: none;}

.apff_pop.layer_wrap{display: none; position: fixed; top: 0; left: 0; padding: 30px 0; width: 100%; height: 100%; overflow: auto; white-space: nowrap; font-size: 0; line-height: 0; text-align: center; z-index: 2000; box-sizing: border-box; background: rgba(0,0,0,0.5);}
.apff_pop.layer_wrap:before{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.apff_pop.layer_wrap .layer_dialog{overflow: hidden; position: relative; display: inline-block; width: calc(100% - 60px); vertical-align: middle; white-space: normal; font-size: 16px; line-height: 1; text-align: left; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; z-index: 10; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); box-sizing: border-box; border-top: 2px solid #3a924f;}
.apff_pop.layer_wrap .layer_dialog_close{position: absolute;top: 0;right: 0;width: 65px;height: 65px; background: url(../img/mo/close.png) 50% 50% no-repeat; background-size: 23px;}
.apff_pop.layer_wrap .layer_wrap_background_close{position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;}
.apff_pop.layer_dialog{ background: #fff;}
.apff_pop.layer_wrap.is_show{display: block; opacity:1;}
.apff_pop.layer_wrap.is_show .layer_dialog{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.apff_pop.layer_wrap.is_hide{opacity:0;}
.apff_pop.layer_wrap .l_head{padding: 30px 30px 23px; background: #fff; box-sizing: border-box;}
.apff_pop.layer_wrap .l_head strong{display: block; margin-bottom: 12px; font-size: 25px; font-weight: bold; letter-spacing: -1px;}
.apff_pop.layer_wrap .l_head span{display: block; padding-bottom: 18px; font-size: 18px; letter-spacing: -1px; line-height: 25px; border-bottom: 1px solid #111;}
.apff_pop.layer_wrap .l_con{padding: 0 30px 40px; box-sizing: border-box; background: #fff;}
.apff_pop.layer_wrap .l_con ul{display: block;}
.apff_pop.layer_wrap .l_con ul li{position: relative; display: block; padding-left: 8px; line-height: 30px; font-size: 16px; color:#666666; letter-spacing: -1px; font-weight: 400; box-sizing: border-box;}
.apff_pop.layer_wrap .l_con ul li:before{position: absolute; left: 0; top: 13px; display: block; clear: both; content: ""; width: 5px; height: 1px; background: #666666;}
.apff_pop.layer_wrap .l_con ul li:last-child{margin-bottom: 15px;}
.apff_pop.layer_wrap .l_con p{display: block; font-size: 16px; line-height: 25px; letter-spacing: -1px; /*word-break: keep-all;*/}

#info_pop.layer_wrap .l_head{padding: 20px 25px;}
#info_pop.layer_wrap .l_head strong{margin-bottom: 0; text-align: left;}
#info_pop.layer_wrap .l_con p.txt{color:#111; font-size: 14px; text-align: left;}
#info_pop.layer_wrap .l_con p.txt strong{font-weight: bold;}

.map_wrap{padding: 70px 25px; box-sizing: border-box;}
.map_wrap .map{display: block; width: 100%; height: 415px;}
.map_wrap .map iframe{display: block; width: 100%; height: 100%;}
.map_wrap dl{display: block; padding: 20px 0 25px; text-align: center; background: #288fa8; box-sizing: border-box;}
.map_wrap dl dt{display: block; margin-bottom: 10px; font-weight: 400; font-size: 20px; letter-spacing: -1px; color:#fff;}
.map_wrap dl dd{display: block; font-size: 20px; font-weight: 700; letter-spacing: -1px; line-height: 25px; color:#fff;}

.tab_wrap{}
.tab_wrap .tab_button{position: relative; display: flex; flex-wrap: wrap; background-color: #2f8c46;}
/*.tab_wrap .tab_button:after{display: block; clear: both; content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #ccc; transform: translateX(-50%);}*/
.tab_wrap .tab_button li{flex-shrink: 0; width: 33.333%; height: 50px; border-right: 1px solid #59a36b; border-bottom: 1px solid #59a36b; box-sizing: border-box; background: #2f8c46;}
.tab_wrap .tab_button li:nth-child(3){border-right: none;}
.tab_wrap .tab_button li:nth-child(6){border-right: none;}
.tab_wrap .tab_button li a{display: block; width: 100%; height: 100%; font-size: 15px; font-weight: 500; line-height: 48px; text-align: center; color:#fff; text-decoration: none; letter-spacing: -1px;}
.tab_wrap .tab_button li.on{background: #105621; }
.tab_wrap .tab_contant{display: none;}
.tab_wrap .tab_contant.on{display: block;}

.hide {width:0; height:0; margin:0; padding:0; position:absolute; left:0; top:0; font-size:0; text-indent:-9999px; overflow:hidden; visibility:hidden}