@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Infra Development Team
 * 신규가문지원 월드 Stylesheet
 * Author - moran67@hanbitsoft.co.kr 190919
 ------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, select, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {margin:0;padding:0;font-size:100%;}
img, fieldset, button {border:0;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body, input, button, textarea, select, table, kbd {line-height:1.2;font-family:Malgun Gothic,'맑은고딕','돋움', dotum, Helvetica, sans-serif;font-size:12px;color:#000;}
img {vertical-align:middle;}
ol, ul {list-style:none;}
a {text-decoration:none;color:#000;}
a:hover, a:focus, a:active {text-decoration:underline;color:#0000ff;}
button, label {cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after {display:block;content:'';clear:both;}

/* Styles S: 180809[수정]
-------------------------------------------------------------- */
body{width:100%;height:100%;background-color: #000}
#wrap{overflow:hidden;position:relative;width:100%;min-width: 1200px}
.inner{position:relative;width:1100px;height:100%;margin:0 auto}
.sp{overflow:hidden;display:block;background:url(../images/sp.png) no-repeat;text-indent:-9999px}

.header {background:url(../images/bg_top.jpg) 50% 0 no-repeat;height:870px;}
.evt_con1 .title {background:url(../images/bg00.jpg) no-repeat 50% 0;height:380px;}
.evt_con2 {background:url(../images/bg01.jpg) 50% 0 no-repeat;height:370px;}
.evt_con3 {background:url(../images/bg02.jpg) 50% 0 no-repeat;height:803px;}

.tabBox {width:1102px;height:164px;padding-top:196px;margin:0 auto;}
.tabBox li {float:left;}
.tabBox a {display:block;background:url(../images/sp_menu.png) no-repeat;width:220px;height:83px;}
.tabBox .btn_menu1 {background-position:0 0;}
.tabBox .btn_menu1:hover, .tabBox .active .btn_menu1 {background-position:0 -170px;}
.tabBox .btn_menu2 {background-position:-220px 0;}
.tabBox .btn_menu2:hover, .tabBox .active .btn_menu2 {background-position:-220px -170px;}
.tabBox .btn_menu3 {background-position:-440px 0;}
.tabBox .btn_menu3:hover, .tabBox .active .btn_menu3 {background-position:-440px -170px;}
.tabBox .btn_menu4 {background-position:-662px 0;}
.tabBox .btn_menu4:hover, .tabBox .active .btn_menu4 {background-position:-662px -170px;}
.tabBox .btn_menu5 {background-position:-882px 0;}
.tabBox .btn_menu5:hover, .tabBox .active .btn_menu5 {background-position:-882px -170px;}
.tabBox .btn_menu6 {background-position:0 -83px;}
.tabBox .btn_menu6:hover, .tabBox .active .btn_menu6 {background-position:0 -253px;}
.tabBox .btn_menu7 {background-position:-220px -83px;}
.tabBox .btn_menu7:hover,.tabBox .active .btn_menu7 {background-position:-220px -253px;}
.tabBox .btn_menu8 {background-position:-440px -83px;}
.tabBox .btn_menu8:hover,.tabBox .active .btn_menu8 {background-position:-440px -253px;}
.tabBox .btn_menu9 {background-position:-662px -83px;}
.tabBox .btn_menu9:hover, .tabBox .active .btn_menu9 {background-position:-662px -253px;}
.tabBox .btn_menu10 {background-position:-882px -83px;}
.tabBox .btn_menu10:hover, .tabBox .active .btn_menu10 {background-position:-882px -253px;}

.con0 {background:url(../images/tab_content00.jpg) no-repeat 50% 0;height:1552px;}
.con1 {background:url(../images/tab_content01.jpg) no-repeat 50% 0;height:661px;}
.con2 {background:url(../images/tab_content02.jpg) no-repeat 50% 0;height:1106px;}
.con3 {background:url(../images/tab_content03.jpg) no-repeat 50% 0;height:413px;}
.con4 {background:url(../images/tab_content04.jpg) no-repeat 50% 0;height:1066px;}
.con5 {background:url(../images/tab_content05.jpg) no-repeat 50% 0;height:860px;}
.con6 {background:url(../images/tab_content06.jpg) no-repeat 50% 0;height:478px;}
.con7 {background:url(../images/tab_content07.jpg) no-repeat 50% 0;height:484px;}
.con8 {background:url(../images/tab_content08.jpg) no-repeat 50% 0;height:680px;}
.con9 {background:url(../images/tab_content09.jpg) no-repeat 50% 0;height:884px;}
.content {position:relative;display:none;}
.content.active {display:block;}
.content .evtBtn {display:block;position:absolute;width:184px;height:32px;}
.content .evtBtn00 {top:368px;left:147px;}
.content .evtBtn01 {top:368px;left:702px;}
.content .evtBtn02 {top:591px;left:147px;}
.content .evtBtn02_1 {top:591px;left:679px;}


.content .evtBtn03 {top:887px;left:381px;width:337px;height:76px;}
.content .evtBtn04 {top:681px;left:381px;width:337px;height:76px;}
.content .evtBtn05 {top:298px;left:361px;width:377px;height:77px;}
.content .layerPop {display:none;position:fixed;top:-99999px;left:0;right:0;text-align:center;overflow-x:hidden;overflow-y:auto;}
.content .layerPop.layerOn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.8;filter:alpha(opacity=80);}

.content .layerPop03.layerOn:before, .content .layerPop04.layerOn:before, .content .layerPop05.layerOn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;height:112%;background:#000;opacity:0.8;filter:alpha(opacity=80);}
.content .layerPop.layerOn {top:0;bottom:0;z-index:9;}
.content .layerPop.layerOn:after {content:'';display:inline-block;vertical-align:middle;height:100%;}

.content .layerPop03.layerOn:after, .content .layerPop04.layerOn:after, .content .layerPop05.layerOn:after  {content:'';display:inline-block;vertical-align:middle;height:112%;}

.content .layerPop .layerCont {position:relative;display:inline-block;vertical-align:middle;z-index:2;}
.content .layerPop .closeBtn {position:absolute;top:-58px;right:-59px;background:url(../images/btn_close.png) no-repeat;width:50px;height:50px;transition: transform 0.25s linear;}
.content .layerPop .closeBtn:hover{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg);}
.content .layerPop03 .layerCont {background:url(../images/layer03_bg.jpg) no-repeat;width:1010px;height:884px;} 
.content .layerPop .layerPopCon {position:absolute;top:108px;right:0;left:0;margin:0 auto;width:851px;height:682px;overflow-y:auto;} 
.content .layerPop05 .layerCont {background:url(../images/layer05_bg.jpg) no-repeat;width:1010px;height:840px;} 

.evt_con2 ul {height:100%;}
.evt_con2 .btnLink {display:block;position:absolute;top:189px;width:212px;height:81px;}
.evt_con2 .btnLink00 {left:0;}
.evt_con2 .btnLink01 {left:222px;}
.evt_con2 .btnLink02 {left:444px;}
.evt_con2 .btnLink03 {left:666px;}
.evt_con2 .btnLink04 {left:888px;}

/* scroll spy */
.scrollspy_wrap {position:absolute;top:989px;right:57px;background:url(../images/bg_spy.png) 0 0 no-repeat;width:214px;height:292px;}
.scrollspy_wrap li a {display:block;background:url(../images/sp_spy.png) no-repeat;width:207px;height:80px}
.scrollspy_wrap li:first-child {margin-top:13px;}
.scrollspy_wrap li .btn_scroll1 {background-position:0 0;}
.scrollspy_wrap li .btn_scroll1:hover, .scrollspy_wrap li.on .btn_scroll1  {background-position:-208px 0;}
.scrollspy_wrap li .btn_scroll2 {background-position:0 -81px;}
.scrollspy_wrap li .btn_scroll2:hover, .scrollspy_wrap li.on .btn_scroll2   {background-position:-208px -81px;}
.scrollspy_wrap li .btn_scroll3 {background-position:0 -159px;}
.scrollspy_wrap li .btn_scroll3:hover, .scrollspy_wrap li.on .btn_scroll3   {background-position:-208px -159px;}

#footer {background:url(../images/footer.jpg) no-repeat 50% 0;height:91px;}