@charset "euc-kr";
/* CSS Document */
/*기본화면*/
html{min-width:1200px;}
/*공통*/
.inner{width:1000px; margin:0 auto; position:relative;}
.txt_blind{display:none;}
.t_blue{color:#25aaff;}
.cf:after{display:block; content:""; clear:both;}
a:hover{color:inherit;}
.yellow{color:#fee78c;}
.blue{color:#6e8dcb;}
/*font*/
/* cursor */
.hand{cursor:pointer !important;}
/* txt_align */
.txt_c, .text_c, .txt_center, .text_center{text-align:center !important;}
.txt_l, .text_l, .txt_left, .text_left{text-align:left !important;}
.txt_r, .text_r, .txt_right, .text_right{text-align:right !important;}
.txt_j, .text_j, .txt_justify, .text_justify{text-align:justify !important;}
/* padding 지우기 */
.pdx, .pd0, .pd_x, .pd_0, .px, .p0, .p_x, .p_0{padding:0 !important;}
.pdrx, .pdr0, .pdr_x, .pdr_0, .prx, .pr0, .pr_x, .pr_0{padding-right:0 !important;}
.pdlx, .pdl0, .pdl_x, .pdl_0, .plx, .pl0, .pl_x, .pl_0{padding-left:0 !important;}
.pdtx, .pdt0, .pdt_x, .pdt_0, .ptx, .pt0, .pt_x, .pt_0{padding-top:0 !important;}
.pdbx, .pdb0, .pdb_x, .pdb_0, .pbx, .pb0, .pb_x, .pb_0{padding-bottom:0 !important;}
/* padding */
.pdt1, .pt1{padding-top:1px !important;}
.pdt2, .pt2{padding-top:2px !important;}
.pdt3, .pt3{padding-top:3px !important;}
.pdt4, .pt4{padding-top:4px !important;}
.pdt5, .pt5{padding-top:5px !important;}
.pdt6, .pt6{padding-top:6px !important;}
.pdt7, .pt7{padding-top:7px !important;}
.pdt8, .pt8{padding-top:8px !important;}
.pdt9, .pt9{padding-top:9px !important;}
.pdt10, .pt10{padding-top:10px !important;}
.pdt15, .pt15{padding-top:15px !important;}
.pdt20, .pt20{padding-top:20px !important;}
.pdt25, .pt25{padding-top:25px !important;}
.pdt30, .pt30{padding-top:30px !important;}
.pdt35, .pt35{padding-top:35px !important;}
.pdt40, .pt40{padding-top:40px !important;}
.pdt45, .pt45{padding-top:45px !important;}
.pdt50, .pt50{padding-top:50px !important;}
.pdt55, .pt55{padding-top:55px !important;}
.pdt60, .pt60{padding-top:60px !important;}
.pdt65, .pt65{padding-top:65px !important;}
.pdt70, .pt70{padding-top:70px !important;}
.pdt75, .pt75{padding-top:75px !important;}
.pdt80, .pt80{padding-top:80px !important;}
.pdt85, .pt85{padding-top:85px !important;}
.pdt90, .pt90{padding-top:90px !important;}
.pdt95, .pt95{padding-top:95px !important;}
.pdt100, .pt100{padding-top:100px !important;}
.pdb1, .pb1{padding-bottom:1px !important;}
.pdb2, .pb2{padding-bottom:2px !important;}
.pdb3, .pb3{padding-bottom:3px !important;}
.pdb4, .pb4{padding-bottom:4px !important;}
.pdb5, .pb5{padding-bottom:5px !important;}
.pdb6, .pb6{padding-bottom:6px !important;}
.pdb7, .pb7{padding-bottom:7px !important;}
.pdb8, .pb8{padding-bottom:8px !important;}
.pdb9, .pb9{padding-bottom:9px !important;}
.pdb10, .pb10{padding-bottom:10px !important;}
.pdb15, .pb15{padding-bottom:15px !important;}
.pdb20, .pb20{padding-bottom:20px !important;}
.pdb25, .pb25{padding-bottom:25px !important;}
.pdb30, .pb30{padding-bottom:30px !important;}
.pdb35, .pb35{padding-bottom:35px !important;}
.pdb40, .pb40{padding-bottom:40px !important;}
.pdb45, .pb45{padding-bottom:45px !important;}
.pdb50, .pb50{padding-bottom:50px !important;}
.pdb55, .pb55{padding-bottom:55px !important;}
.pdb60, .pb60{padding-bottom:60px !important;}
.pdb65, .pb65{padding-bottom:65px !important;}
.pdb70, .pb70{padding-bottom:70px !important;}
.pdb75, .pb75{padding-bottom:75px !important;}
.pdb80, .pb80{padding-bottom:80px !important;}
.pdb85, .pb85{padding-bottom:85px !important;}
.pdb90, .pb90{padding-bottom:90px !important;}
.pdb95, .pb95{padding-bottom:95px !important;}
.pdb100, .pb100{padding-bottom:100px !important;}
.pdl1, .pl1{padding-left:1px !important;}
.pdl2, .pl2{padding-left:2px !important;}
.pdl3, .pl3{padding-left:3px !important;}
.pdl4, .pl4{padding-left:4px !important;}
.pdl5, .pl5{padding-left:5px !important;}
.pdl6, .pl6{padding-left:6px !important;}
.pdl7, .pl7{padding-left:7px !important;}
.pdl8, .pl8{padding-left:8px !important;}
.pdl9, .pl9{padding-left:9px !important;}
.pdl10, .pl10{padding-left:10px !important;}
.pdl15, .pl15{padding-left:15px !important;}
.pdl20, .pl20{padding-left:20px !important;}
.pdl25, .pl25{padding-left:25px !important;}
.pdl30, .pl30{padding-left:30px !important;}
.pdl35, .pl35{padding-left:35px !important;}
.pdl40, .pl40{padding-left:40px !important;}
.pdl45, .pl45{padding-left:45px !important;}
.pdl50, .pl50{padding-left:50px !important;}
.pdl55, .pl55{padding-left:55px !important;}
.pdl60, .pl60{padding-left:60px !important;}
.pdl65, .pl65{padding-left:65px !important;}
.pdl70, .pl70{padding-left:70px !important;}
.pdl75, .pl75{padding-left:75px !important;}
.pdl80, .pl80{padding-left:80px !important;}
.pdl85, .pl85{padding-left:85px !important;}
.pdl90, .pl90{padding-left:90px !important;}
.pdl95, .pl95{padding-left:95px !important;}
.pdl100, .pl100{padding-left:100px !important;}
.pdr1, .pr1{padding-right:1px !important;}
.pdr2, .pr2{padding-right:2px !important;}
.pdr3, .pr3{padding-right:3px !important;}
.pdr4, .pr4{padding-right:4px !important;}
.pdr5, .pr5{padding-right:5px !important;}
.pdr6, .pr6{padding-right:6px !important;}
.pdr7, .pr7{padding-right:7px !important;}
.pdr8, .pr8{padding-right:8px !important;}
.pdr9, .pr9{padding-right:9px !important;}
.pdr10, .pr10{padding-right:10px !important;}
.pdr15, .pr15{padding-right:15px !important;}
.pdr20, .pr20{padding-right:20px !important;}
.pdr25, .pr25{padding-right:25px !important;}
.pdr30, .pr30{padding-right:30px !important;}
.pdr35, .pr35{padding-right:35px !important;}
.pdr40, .pr40{padding-right:40px !important;}
.pdr45, .pr45{padding-right:45px !important;}
.pdr50, .pr50{padding-right:50px !important;}
.pdr55, .pr55{padding-right:55px !important;}
.pdr60, .pr60{padding-right:60px !important;}
.pdr65, .pr65{padding-right:65px !important;}
.pdr70, .pr70{padding-right:70px !important;}
.pdr75, .pr75{padding-right:75px !important;}
.pdr80, .pr80{padding-right:80px !important;}
.pdr85, .pr85{padding-right:85px !important;}
.pdr90, .pr90{padding-right:90px !important;}
.pdr95, .pr95{padding-right:95px !important;}
.pdr100, .pr100{padding-right:100px !important;}
/* margin 지우기 */
.mg0, .mgx, .mg_0, .mg_x, .m0, .mx, .m_0, .m_x{margin:0 !important;}
.mgb0, .mgbx, .mgb_0, .mgb_x, .mb0, .mbx, .mb_0, .mb_x{margin-bottom:0 !important;}
.mgt0, .mgtx, .mgt_0, .mgt_x, .mt0, .mtx, .mt_0, .mt_x{margin-top:0 !important;}
.mgl0, .mglx, .mgl_0, .mgl_x, .ml0, .mlx, .ml_0, .ml_x{margin-left:0 !important;}
.mgr0, .mgrx, .mgr_0, .mgr_x, .mr0, .mrx, .mr_0, .mr_x{margin-right:0 !important;}
/* margin */
.mgt1, .mt1{margin-top:1px !important;}
.mgt2, .mt2{margin-top:2px !important;}
.mgt3, .mt3{margin-top:3px !important;}
.mgt4, .mt4{margin-top:4px !important;}
.mgt5, .mt5{margin-top:5px !important;}
.mgt6, .mt6{margin-top:6px !important;}
.mgt7, .mt7{margin-top:7px !important;}
.mgt8, .mt8{margin-top:8px !important;}
.mgt9, .mt9{margin-top:9px !important;}
.mgt10, .mt10{margin-top:10px !important;}
.mgt15, .mt15{margin-top:15px !important;}
.mgt20, .mt20{margin-top:20px !important;}
.mgt25, .mt25{margin-top:25px !important;}
.mgt30, .mt30{margin-top:30px !important;}
.mgt35, .mt35{margin-top:35px !important;}
.mgt40, .mt40{margin-top:40px !important;}
.mgt45, .mt45{margin-top:45px !important;}
.mgt50, .mt50{margin-top:50px !important;}
.mgt55, .mt55{margin-top:55px !important;}
.mgt60, .mt60{margin-top:60px !important;}
.mgt65, .mt65{margin-top:65px !important;}
.mgt70, .mt70{margin-top:70px !important;}
.mgt75, .mt75{margin-top:75px !important;}
.mgt80, .mt80{margin-top:80px !important;}
.mgt85, .mt85{margin-top:85px !important;}
.mgt90, .mt90{margin-top:90px !important;}
.mgt95, .mt95{margin-top:95px !important;}
.mgt100, .mt100{margin-top:100px !important;}
.mgb1, .mb1{margin-bottom:1px !important;}
.mgb2, .mb2{margin-bottom:2px !important;}
.mgb3, .mb3{margin-bottom:3px !important;}
.mgb4, .mb4{margin-bottom:4px !important;}
.mgb5, .mb5{margin-bottom:5px !important;}
.mgb6, .mb6{margin-bottom:6px !important;}
.mgb7, .mb7{margin-bottom:7px !important;}
.mgb8, .mb8{margin-bottom:8px !important;}
.mgb9, .mb9{margin-bottom:9px !important;}
.mgb10, .mb10{margin-bottom:10px !important;}
.mgb15, .mb15{margin-bottom:15px !important;}
.mgb20, .mb20{margin-bottom:20px !important;}
.mgb25, .mb25{margin-bottom:25px !important;}
.mgb30, .mb30{margin-bottom:30px !important;}
.mgb35, .mb35{margin-bottom:35px !important;}
.mgb40, .mb40{margin-bottom:40px !important;}
.mgb45, .mb45{margin-bottom:45px !important;}
.mgb50, .mb50{margin-bottom:50px !important;}
.mgb55, .mb55{margin-bottom:55px !important;}
.mgb60, .mb60{margin-bottom:60px !important;}
.mgb65, .mb65{margin-bottom:65px !important;}
.mgb70, .mb70{margin-bottom:70px !important;}
.mgb75, .mb75{margin-bottom:75px !important;}
.mgb80, .mb80{margin-bottom:80px !important;}
.mgb85, .mb85{margin-bottom:85px !important;}
.mgb90, .mb90{margin-bottom:90px !important;}
.mgb95, .mb95{margin-bottom:95px !important;}
.mgb100, .mb100{margin-bottom:100px !important;}
.mgl1, .ml1{margin-left:1px !important;}
.mgl2, .ml2{margin-left:2px !important;}
.mgl3, .ml3{margin-left:3px !important;}
.mgl4, .ml4{margin-left:4px !important;}
.mgl5, .ml5{margin-left:5px !important;}
.mgl6, .ml6{margin-left:6px !important;}
.mgl7, .ml7{margin-left:7px !important;}
.mgl8, .ml8{margin-left:8px !important;}
.mgl9, .ml9{margin-left:9px !important;}
.mgl10, .ml10{margin-left:10px !important;}
.mgl15, .ml15{margin-left:15px !important;}
.mgl20, .ml20{margin-left:20px !important;}
.mgl25, .ml25{margin-left:25px !important;}
.mgl30, .ml30{margin-left:30px !important;}
.mgl35, .ml35{margin-left:35px !important;}
.mgl40, .ml40{margin-left:40px !important;}
.mgl45, .ml45{margin-left:45px !important;}
.mgl50, .ml50{margin-left:50px !important;}
.mgl55, .ml55{margin-left:55px !important;}
.mgl60, .ml60{margin-left:60px !important;}
.mgl65, .ml65{margin-left:65px !important;}
.mgl70, .ml70{margin-left:70px !important;}
.mgl75, .ml75{margin-left:75px !important;}
.mgl80, .ml80{margin-left:80px !important;}
.mgl85, .ml85{margin-left:85px !important;}
.mgl90, .ml90{margin-left:90px !important;}
.mgl95, .ml95{margin-left:95px !important;}
.mgl100, .ml100{margin-left:100px !important;}
.mgr1, .mr1{margin-right:1px !important;}
.mgr2, .mr2{margin-right:2px !important;}
.mgr3, .mr3{margin-right:3px !important;}
.mgr4, .mr4{margin-right:4px !important;}
.mgr5, .mr5{margin-right:5px !important;}
.mgr6, .mr6{margin-right:6px !important;}
.mgr7, .mr7{margin-right:7px !important;}
.mgr8, .mr8{margin-right:8px !important;}
.mgr9, .mr9{margin-right:9px !important;}
.mgr10, .mr10{margin-right:10px !important;}
.mgr15, .mr15{margin-right:15px !important;}
.mgr20, .mr20{margin-right:20px !important;}
.mgr25, .mr25{margin-right:25px !important;}
.mgr30, .mr30{margin-right:30px !important;}
.mgr35, .mr35{margin-right:35px !important;}
.mgr40, .mr40{margin-right:40px !important;}
.mgr45, .mr45{margin-right:45px !important;}
.mgr50, .mr50{margin-right:50px !important;}
.mgr55, .mr55{margin-right:55px !important;}
.mgr60, .mr60{margin-right:60px !important;}
.mgr65, .mr65{margin-right:65px !important;}
.mgr70, .mr70{margin-right:70px !important;}
.mgr75, .mr75{margin-right:75px !important;}
.mgr80, .mr80{margin-right:80px !important;}
.mgr85, .mr85{margin-right:85px !important;}
.mgr90, .mr90{margin-right:90px !important;}
.mgr95, .mr95{margin-right:95px !important;}
.mgr100, .mr100{margin-right:100px !important;}
/* border */
.bd0, .bdx, .bd_0, .bd_x, .b0, .bx, .b_0, .b_x{border:0; !important;}
.bdr0, .bdrx, .bdr_0, .bdr_x, .br0, .brx, .br_0, .br_x{border-right:0 !important;}
.bdl0, .bdlx, .bdl_0, .bdl_x, .bl0, .blx, .bl_0, .bl_x{border-left:0 !important;}
.bdt0, .bdtx, .bdt_0, .bdt_x, .bt0, .btx, .bt_0, .bt_x{border-top:0 !important;}
.bdb0, .bdbx, .bdb_0, .bdb_x, .bb0, .bbx, .bb_0, .bb_x{border-bottom:0 !important;}
/* underLine */
.underLine, .under_line{text-decoration:underline !important;}
/* background */
.bg0, .bgx, .bg_0, .bg_x{background:none !important;}
/* float */
.f_l, .f_left, .floatL, .flo_l, .floL, .float_l, .float_lef{float:left !important;}
.f_r, .f_right, .floatR, .flo_r, .floR, .float_r, .float_right{float:right !important;}
.f_x, .f_none, .floatX, .flo_x, .floX, .float_x, .float_x, .float_none, .f_none, .float_n{float:none !important;}
.clear_both{clear:both !important;}
.fix, .clearfix, .clear_fix, .clearFix, .cf{*zoom:1;}
.fix:after, .clearfix:after, .clear_fix:after, .clearFix:after, .cf:after{content:""; display:block; clear:both;}
/*별내리는 효과*/
.top {
position: relative;
width: 100%;
position: relative;
width: 100%;
height: 614px;
overflow: hidden;
}
.top span {
opacity: 0;
position: absolute;
display: inline-block;
overflow: hidden;
}
.stars {
width: 1px;
height: 1px;
background: transparent;
-webkit-animation: anim-star 100s linear infinite;
animation: anim-star 100s linear infinite;
}
.stars:after {
content: " ";
position: absolute;
top: 2000px;
width: inherit;
height: inherit;
opacity: inherit;
background: inherit;
box-shadow: inherit;
-webkit-filter: inherit;
filter: inherit;
}
.stars--small {
box-shadow: 281px 1179px #fff, 410px 1571px #fff, 63px 1057px #fff, 60px 1482px #fff, 984px 1564px #fff, 567px 351px #fff, 300px 987px #fff, 1754px 449px #fff, 1907px 1470px #fff, 1761px 414px #fff, 1517px 1093px #fff, 535px 84px #fff, 481px 421px #fff, 635px 816px #fff, 1651px 1314px #fff, 1153px 1107px #fff, 1846px 44px #fff, 1570px 935px #fff, 1460px 1184px #fff, 142px 1199px #fff, 1717px 34px #fff, 1568px 1987px #fff, 1073px 1209px #fff, 1183px 1413px #fff, 1634px 975px #fff, 1706px 864px #fff, 642px 27px #fff, 1603px 916px #fff, 562px 67px #fff, 1203px 1256px #fff, 1774px 1162px #fff, 62px 1960px #fff, 1119px 1003px #fff, 589px 1745px #fff, 350px 1643px #fff, 848px 1499px #fff, 758px 279px #fff, 1482px 1348px #fff, 453px 593px #fff, 875px 841px #fff, 838px 825px #fff, 38px 1226px #fff, 468px 558px #fff, 133px 981px #fff, 699px 493px #fff, 895px 1871px #fff, 233px 720px #fff, 1650px 1210px #fff, 285px 91px #fff, 460px 1971px #fff, 277px 509px #fff, 1330px 1134px #fff, 1151px 500px #fff, 69px 1909px #fff, 280px 1567px #fff, 385px 1103px #fff, 1054px 1474px #fff, 1331px 1073px #fff, 1533px 1037px #fff, 1723px 75px #fff, 867px 420px #fff, 263px 6px #fff, 1202px 1508px #fff, 681px 717px #fff, 24px 73px #fff, 1651px 1508px #fff, 1951px 346px #fff, 1548px 328px #fff, 465px 261px #fff, 114px 759px #fff, 1739px 1258px #fff, 584px 937px #fff, 973px 1568px #fff, 1049px 1375px #fff, 833px 562px #fff, 702px 244px #fff, 852px 1465px #fff, 850px 1936px #fff, 1302px 769px #fff, 230px 1696px #fff, 644px 1424px #fff, 1940px 658px #fff, 591px 226px #fff, 1135px 1531px #fff, 1516px 722px #fff, 1889px 396px #fff, 271px 1473px #fff, 440px 1546px #fff, 96px 502px #fff, 970px 1590px #fff, 1005px 959px #fff, 1332px 666px #fff, 1946px 522px #fff, 1368px 703px #fff, 1411px 235px #fff, 539px 1540px #fff, 1486px 460px #fff, 45px 357px #fff, 1981px 747px #fff, 1783px 1035px #fff, 720px 1023px #fff, 1858px 466px #fff, 1401px 1269px #fff, 41px 653px #fff, 290px 1150px #fff, 341px 493px #fff, 344px 43px #fff, 1020px 319px #fff, 1795px 413px #fff, 743px 1307px #fff, 328px 1039px #fff, 617px 71px #fff, 695px 120px #fff, 486px 1088px #fff, 596px 421px #fff, 201px 926px #fff, 1984px 1915px #fff, 655px 1285px #fff, 1983px 1490px #fff, 1121px 840px #fff, 258px 57px #fff, 670px 1174px #fff, 1460px 1263px #fff, 520px 1757px #fff, 1987px 1909px #fff, 319px 1747px #fff, 903px 331px #fff, 1183px 745px #fff, 1800px 1681px #fff, 66px 1006px #fff, 1013px 934px #fff, 1295px 1268px #fff, 454px 542px #fff, 1938px 1878px #fff, 758px 1852px #fff, 417px 1096px #fff, 1760px 695px #fff, 1775px 380px #fff, 355px 850px #fff, 805px 1859px #fff, 776px 413px #fff, 834px 1210px #fff, 1353px 1590px #fff, 37px 1279px #fff, 285px 1582px #fff, 1605px 853px #fff, 297px 1121px #fff, 477px 541px #fff, 631px 65px #fff, 549px 774px #fff, 112px 1647px #fff, 1244px 403px #fff, 623px 1584px #fff, 1144px 972px #fff, 591px 35px #fff, 15px 83px #fff, 1446px 1564px #fff, 1703px 157px #fff, 1539px 938px #fff, 413px 1274px #fff, 307px 521px #fff, 762px 1914px #fff, 1564px 1255px #fff, 144px 1548px #fff, 426px 1708px #fff, 1791px 237px #fff, 1788px 21px #fff, 962px 961px #fff, 1086px 225px #fff, 54px 13px #fff, 310px 785px #fff, 455px 1953px #fff, 1558px 450px #fff, 606px 138px #fff, 277px 1392px #fff, 878px 173px #fff, 1711px 681px #fff, 1792px 1404px #fff, 336px 1230px #fff, 381px 1198px #fff, 337px 163px #fff, 1929px 1291px #fff, 304px 1870px #fff, 1177px 1400px #fff, 728px 1605px #fff, 24px 1322px #fff, 85px 536px #fff, 1256px 32px #fff, 448px 1197px #fff, 26px 966px #fff, 1972px 1323px #fff, 1307px 896px #fff, 1903px 838px #fff, 1927px 430px #fff, 1505px 396px #fff, 1789px 1510px #fff, 1089px 541px #fff, 397px 1399px #fff, 1491px 1782px #fff, 310px 1122px #fff, 1266px 1520px #fff, 1604px 1282px #fff, 1943px 377px #fff, 1547px 244px #fff, 292px 182px #fff, 332px 1621px #fff, 1542px 1170px #fff, 571px 180px #fff, 1480px 709px #fff, 1637px 275px #fff, 1650px 576px #fff, 948px 1737px #fff, 60px 784px #fff, 977px 171px #fff, 1545px 1233px #fff, 1585px 608px #fff, 1982px 86px #fff, 332px 587px #fff, 1090px 1787px #fff, 411px 888px #fff, 616px 1247px #fff, 1441px 1197px #fff, 972px 88px #fff, 118px 1698px #fff, 1684px 461px #fff, 1439px 547px #fff, 1847px 835px #fff, 4px 960px #fff, 1427px 1327px #fff, 299px 1873px #fff, 1564px 1762px #fff, 612px 1690px #fff, 1913px 987px #fff, 869px 1284px #fff, 893px 1872px #fff, 1228px 197px #fff, 980px 1991px #fff, 861px 1681px #fff, 519px 547px #fff, 1329px 1966px #fff, 1561px 1556px #fff, 1453px 632px #fff, 1375px 754px #fff, 490px 374px #fff, 600px 1051px #fff, 1628px 1697px #fff, 404px 335px #fff, 1565px 75px #fff, 1020px 1007px #fff, 919px 101px #fff, 1177px 1913px #fff, 733px 350px #fff, 1300px 1280px #fff, 285px 321px #fff, 167px 1917px #fff, 577px 1861px #fff, 873px 1281px #fff, 318px 327px #fff, 1319px 402px #fff, 114px 67px #fff, 855px 29px #fff, 1182px 1147px #fff, 664px 1679px #fff, 1252px 1607px #fff, 285px 1305px #fff, 1556px 1430px #fff, 287px 207px #fff, 1006px 1826px #fff, 1224px 286px #fff, 289px 527px #fff, 878px 1677px #fff, 826px 1910px #fff, 1835px 1097px #fff, 757px 1219px #fff, 1260px 1240px #fff, 1446px 11px #fff, 1366px 113px #fff, 922px 1476px #fff, 181px 34px #fff, 932px 888px #fff, 1167px 1266px #fff, 408px 370px #fff, 1620px 1532px #fff, 831px 1690px #fff, 1684px 1365px #fff, 361px 78px #fff, 411px 993px #fff, 841px 1325px #fff, 508px 1892px #fff, 1227px 1689px #fff, 1057px 1px #fff, 220px 581px #fff, 881px 241px #fff, 343px 1387px #fff, 1903px 303px #fff, 1314px 118px #fff, 1557px 419px #fff, 788px 36px #fff, 184px 1253px #fff, 235px 1953px #fff, 828px 364px #fff, 444px 1941px #fff, 832px 150px #fff, 1134px 1882px #fff, 1004px 27px #fff, 286px 138px #fff, 389px 1340px #fff, 2px 1442px #fff, 1112px 814px #fff, 69px 991px #fff, 80px 1397px #fff, 1763px 719px #fff, 1994px 1781px #fff, 682px 1839px #fff, 1039px 1512px #fff, 1405px 651px #fff, 1441px 1388px #fff, 923px 1543px #fff, 977px 1238px #fff, 881px 1626px #fff, 1747px 322px #fff, 1050px 732px #fff, 44px 1228px #fff, 1826px 529px #fff, 710px 973px #fff, 718px 160px #fff, 276px 218px #fff, 383px 475px #fff, 208px 1650px #fff, 1594px 1010px #fff, 673px 1021px #fff, 1950px 27px #fff, 1163px 7px #fff, 518px 1563px #fff, 1592px 1486px #fff, 1967px 1291px #fff, 1746px 104px #fff, 1774px 401px #fff, 1498px 827px #fff, 1139px 272px #fff, 400px 784px #fff, 1715px 1868px #fff, 801px 1390px #fff, 658px 1293px #fff, 1592px 1619px #fff, 1395px 1472px #fff, 385px 695px #fff, 120px 272px #fff, 1536px 222px #fff, 1818px 911px #fff, 973px 503px #fff, 643px 332px #fff, 1940px 394px #fff, 1349px 1760px #fff, 931px 1541px #fff, 238px 870px #fff, 1734px 416px #fff, 664px 48px #fff, 172px 1696px #fff, 1327px 1556px #fff, 802px 1841px #fff, 615px 815px #fff, 926px 1823px #fff, 531px 113px #fff, 714px 1498px #fff, 1480px 1604px #fff, 127px 1918px #fff, 1294px 887px #fff, 1794px 1408px #fff, 1589px 930px #fff, 847px 1386px #fff, 327px 659px #fff, 992px 85px #fff, 1233px 1223px #fff, 461px 1177px #fff, 54px 1229px #fff, 1394px 1863px #fff, 504px 1333px #fff, 1090px 521px #fff, 1566px 1655px #fff, 1524px 1784px #fff, 1311px 1834px #fff, 1614px 1800px #fff, 1137px 1512px #fff, 102px 664px #fff, 145px 1597px #fff, 887px 880px #fff, 1216px 1362px #fff, 833px 911px #fff, 204px 1917px #fff, 1123px 1919px #fff, 118px 1192px #fff, 1023px 995px #fff, 1986px 616px #fff, 1621px 667px #fff, 1460px 1868px #fff, 1343px 1586px #fff, 563px 1967px #fff, 261px 1983px #fff, 82px 1790px #fff, 794px 1786px #fff, 1460px 721px #fff, 130px 652px #fff, 959px 431px #fff, 1170px 1823px #fff, 830px 1576px #fff, 363px 1963px #fff, 1780px 1218px #fff, 494px 1549px #fff, 526px 286px #fff, 437px 907px #fff, 1450px 1705px #fff, 1017px 619px #fff, 1402px 1993px #fff, 1604px 1622px #fff, 680px 930px #fff, 1231px 1261px #fff, 1220px 1925px #fff, 215px 327px #fff, 854px 82px #fff, 791px 674px #fff, 373px 1616px #fff, 1595px 687px #fff, 1606px 979px #fff, 1839px 1851px #fff, 929px 535px #fff, 1468px 954px #fff, 1803px 1730px #fff, 1965px 1964px #fff, 420px 953px #fff, 421px 1719px #fff, 1468px 1563px #fff, 1538px 1585px #fff, 379px 1558px #fff, 354px 1941px #fff, 863px 1638px #fff, 1617px 1932px #fff, 958px 1532px #fff, 1061px 650px #fff, 593px 190px #fff, 846px 379px #fff, 356px 1537px #fff, 166px 1432px #fff, 765px 1510px #fff, 356px 1212px #fff, 962px 1761px #fff, 1854px 1071px #fff, 1073px 400px #fff, 590px 176px #fff, 1135px 587px #fff, 1330px 1374px #fff, 1403px 1899px #fff, 1918px 1181px #fff, 23px 706px #fff, 1759px 981px #fff, 467px 846px #fff, 540px 393px #fff, 17px 377px #fff, 856px 1233px #fff, 1171px 80px #fff, 356px 856px #fff, 774px 421px #fff, 699px 1382px #fff, 95px 1469px #fff, 1267px 1971px #fff, 538px 1716px #fff, 1530px 697px #fff, 1090px 350px #fff, 1346px 1501px #fff, 37px 129px #fff, 246px 1774px #fff, 587px 295px #fff, 1556px 759px #fff, 1629px 1967px #fff, 1642px 647px #fff, 1479px 421px #fff, 1433px 903px #fff, 975px 46px #fff, 357px 330px #fff, 1756px 928px #fff, 870px 485px #fff, 1720px 422px #fff, 1023px 908px #fff, 1498px 760px #fff, 1778px 1820px #fff, 1030px 1895px #fff, 1605px 680px #fff, 1785px 125px #fff, 1358px 1708px #fff, 717px 1082px #fff, 1553px 274px #fff, 1406px 18px #fff, 1322px 1981px #fff, 1537px 628px #fff, 506px 556px #fff, 710px 9px #fff, 1px 1082px #fff, 780px 1935px #fff, 1954px 1085px #fff, 1069px 1331px #fff, 933px 125px #fff, 620px 914px #fff, 351px 1756px #fff, 199px 1893px #fff, 1064px 1881px #fff, 682px 1891px #fff, 1398px 727px #fff, 32px 664px #fff, 1128px 1701px #fff, 181px 1626px #fff, 279px 1988px #fff, 166px 1553px #fff, 1526px 73px #fff, 1298px 711px #fff, 1953px 1169px #fff, 208px 1024px #fff, 787px 1914px #fff, 66px 1503px #fff, 1798px 458px #fff, 1520px 991px #fff, 806px 377px #fff, 1907px 1240px #fff, 1466px 1844px #fff, 1131px 168px #fff, 161px 156px #fff, 1615px 480px #fff, 1179px 279px #fff, 1630px 1117px #fff, 397px 1618px #fff, 1186px 1883px #fff, 854px 963px #fff, 854px 1030px #fff, 916px 307px #fff, 601px 1321px #fff, 1509px 1077px #fff, 1415px 1435px #fff, 483px 486px #fff, 131px 235px #fff, 1926px 1605px #fff, 441px 222px #fff, 381px 970px #fff, 1998px 1626px #fff, 522px 903px #fff, 398px 1190px #fff, 1498px 628px #fff, 1016px 1881px #fff, 1757px 1776px #fff, 1678px 876px #fff, 1857px 524px #fff, 1635px 1312px #fff, 825px 1684px #fff, 1214px 1630px #fff, 1937px 1532px #fff, 998px 1035px #fff, 1784px 605px #fff, 1233px 598px #fff, 1274px 1678px #fff, 811px 744px #fff, 1152px 1456px #fff, 23px 776px #fff, 934px 152px #fff, 1848px 1821px #fff, 678px 1471px #fff, 1914px 92px #fff, 201px 362px #fff, 1771px 1461px #fff, 373px 921px #fff, 1199px 1254px #fff, 1695px 265px #fff, 221px 970px #fff, 1695px 1946px #fff, 1057px 874px #fff, 97px 39px #fff, 970px 1582px #fff, 986px 987px #fff, 1167px 985px #fff, 1283px 547px #fff, 1970px 1084px #fff, 878px 1661px #fff, 698px 1697px #fff, 311px 1486px #fff, 654px 205px #fff, 1879px 1914px #fff, 1338px 774px #fff, 453px 248px #fff, 1647px 1670px #fff, 1093px 958px #fff, 1477px 304px #fff, 1274px 1795px #fff, 1888px 295px #fff, 359px 897px #fff, 1659px 546px #fff, 1076px 1901px #fff, 961px 1129px #fff, 792px 428px #fff, 1189px 1606px #fff, 1177px 3px #fff, 836px 717px #fff, 324px 1164px #fff, 90px 1843px #fff, 1012px 15px #fff, 700px 349px #fff, 90px 684px #fff, 516px 1465px #fff, 274px 365px #fff, 1820px 1055px #fff, 1528px 1422px #fff, 19px 408px #fff, 294px 664px #fff, 1622px 977px #fff, 1388px 1678px #fff, 586px 121px #fff, 1903px 1652px #fff, 367px 965px #fff, 734px 87px #fff, 1087px 1768px #fff, 1945px 634px #fff, 538px 538px #fff, 1065px 589px #fff, 1878px 725px #fff, 656px 1847px #fff, 1845px 218px #fff, 866px 1589px #fff, 1088px 1139px #fff, 368px 1924px #fff, 772px 256px #fff, 349px 521px #fff, 1576px 1905px #fff, 1844px 784px #fff, 490px 1264px #fff, 1377px 1185px #fff, 491px 1589px #fff, 1297px 1220px #fff, 1508px 557px #fff, 649px 1295px #fff, 955px 1144px #fff, 1956px 1823px #fff, 1814px 49px #fff, 1639px 812px #fff, 612px 1492px #fff, 270px 1473px #fff, 937px 1001px #fff, 1459px 139px #fff, 1967px 544px #fff, 846px 103px #fff, 1608px 868px #fff, 769px 1347px #fff, 1475px 799px #fff, 1942px 2000px #fff, 1835px 823px #fff, 328px 1567px #fff, 757px 1070px #fff, 682px 42px #fff, 1929px 180px #fff, 1307px 1257px #fff, 1141px 471px #fff, 728px 959px #fff, 1718px 1173px #fff, 652px 1448px #fff, 107px 98px #fff, 891px 707px #fff, 1866px 998px #fff, 1944px 782px #fff, 1460px 282px #fff, 701px 468px #fff, 201px 1648px #fff, 147px 974px #fff, 920px 1606px #fff, 1724px 533px #fff, 1302px 689px #fff, 494px 656px #fff, 265px 59px #fff, 1566px 1679px #fff, 388px 1285px #fff, 1625px 1431px #fff, 1387px 1347px #fff, 1340px 1830px #fff, 791px 137px #fff, 1776px 1463px #fff, 1680px 1601px #fff, 290px 177px #fff, 1231px 708px #fff, 996px 1023px #fff, 285px 259px #fff, 75px 295px #fff, 409px 126px #fff, 287px 80px #fff, 947px 98px #fff, 772px 1273px #fff, 1078px 1068px #fff, 351px 1368px #fff, 44px 1745px #fff, 597px 761px #fff, 1361px 931px #fff, 1692px 1746px #fff, 314px 643px #fff, 657px 676px #fff, 685px 1450px #fff, 768px 274px #fff, 1770px 1820px #fff;
opacity: 0.4;
-webkit-filter: blur(1px);
filter: blur(1px);
}
.stars--medium {
width: 2px;
height: 2px;
box-shadow: 1512px 1886px #fff, 1399px 390px #fff, 1950px 703px #fff, 961px 97px #fff, 918px 838px #fff, 1978px 1794px #fff, 1253px 1102px #fff, 1777px 571px #fff, 1439px 1552px #fff, 583px 1774px #fff, 1414px 1854px #fff, 360px 597px #fff, 58px 1114px #fff, 315px 1117px #fff, 872px 644px #fff, 55px 1124px #fff, 927px 1377px #fff, 718px 1096px #fff, 43px 1123px #fff, 222px 1505px #fff, 1163px 842px #fff, 926px 636px #fff, 700px 1998px #fff, 1279px 620px #fff, 1004px 1012px #fff, 1368px 364px #fff, 562px 1045px #fff, 273px 516px #fff, 21px 1531px #fff, 882px 1207px #fff, 998px 160px #fff, 481px 682px #fff, 1716px 215px #fff, 1174px 1632px #fff, 1619px 1826px #fff, 1768px 1462px #fff, 1033px 1841px #fff, 584px 1437px #fff, 1915px 496px #fff, 1157px 716px #fff, 767px 1696px #fff, 1717px 1700px #fff, 1350px 1965px #fff, 1521px 772px #fff, 978px 136px #fff, 1552px 1108px #fff, 853px 164px #fff, 1369px 1242px #fff, 76px 1398px #fff, 56px 1082px #fff, 1075px 697px #fff, 1387px 1673px #fff, 1292px 1252px #fff, 750px 1715px #fff, 971px 843px #fff, 942px 941px #fff, 983px 1530px #fff, 201px 789px #fff, 168px 1345px #fff, 1386px 753px #fff, 454px 1909px #fff, 1050px 484px #fff, 61px 980px #fff, 1544px 268px #fff, 566px 723px #fff, 1867px 490px #fff, 1970px 1452px #fff, 1179px 1357px #fff, 982px 1399px #fff, 553px 1376px #fff, 1469px 1629px #fff, 737px 663px #fff, 1523px 1023px #fff, 419px 799px #fff, 1287px 1710px #fff, 1309px 1466px #fff, 1436px 1948px #fff, 989px 849px #fff, 261px 1646px #fff, 547px 875px #fff, 115px 1112px #fff, 212px 629px #fff, 850px 960px #fff, 244px 1065px #fff, 1177px 420px #fff, 324px 411px #fff, 1843px 581px #fff, 1376px 1090px #fff, 1795px 464px #fff, 1299px 327px #fff, 859px 1080px #fff, 1696px 862px #fff, 857px 911px #fff, 273px 985px #fff, 1373px 1466px #fff, 1156px 886px #fff, 382px 1802px #fff, 1949px 449px #fff, 686px 958px #fff, 474px 259px #fff, 229px 1515px #fff, 463px 1383px #fff, 679px 861px #fff, 287px 1132px #fff, 1203px 1455px #fff, 448px 1950px #fff, 21px 1178px #fff, 502px 886px #fff, 524px 1732px #fff, 944px 42px #fff, 1958px 125px #fff, 944px 1985px #fff, 1788px 107px #fff, 1410px 1421px #fff, 382px 231px #fff, 647px 988px #fff, 1412px 500px #fff, 952px 905px #fff, 1893px 647px #fff, 1893px 162px #fff, 859px 1525px #fff, 1624px 1510px #fff, 1968px 722px #fff, 1446px 1453px #fff, 1757px 1842px #fff, 948px 1733px #fff, 1487px 1468px #fff, 1820px 1283px #fff, 1609px 1905px #fff, 891px 593px #fff, 1950px 706px #fff, 307px 236px #fff, 813px 1088px #fff, 468px 1235px #fff, 569px 1168px #fff, 1835px 184px #fff, 458px 1416px #fff, 9px 59px #fff, 1948px 945px #fff, 1209px 277px #fff, 1487px 1185px #fff, 1908px 600px #fff, 3px 303px #fff, 1640px 4px #fff, 114px 1705px #fff, 16px 1749px #fff, 1845px 1013px #fff, 23px 1002px #fff, 1253px 178px #fff, 1988px 1384px #fff, 1759px 1874px #fff, 1680px 180px #fff, 426px 851px #fff, 1344px 671px #fff, 337px 1558px #fff, 782px 600px #fff, 9px 1525px #fff, 1944px 1742px #fff, 136px 113px #fff, 459px 194px #fff, 341px 1301px #fff, 860px 96px #fff, 1979px 1642px #fff, 638px 1830px #fff, 1561px 204px #fff, 1940px 1171px #fff, 1042px 1459px #fff, 1537px 1585px #fff, 592px 1942px #fff, 713px 249px #fff, 1289px 602px #fff, 1461px 1067px #fff, 634px 1412px #fff, 1622px 1081px #fff, 535px 1790px #fff, 1912px 1518px #fff, 144px 1253px #fff, 156px 173px #fff, 1138px 157px #fff, 1380px 1160px #fff, 1936px 953px #fff, 407px 989px #fff, 107px 319px #fff, 706px 1568px #fff, 1637px 281px #fff, 430px 529px #fff, 633px 736px #fff, 776px 940px #fff, 834px 1027px #fff, 423px 568px #fff, 1684px 318px #fff, 263px 223px #fff, 1139px 118px #fff, 228px 1574px #fff, 1036px 1310px #fff, 426px 932px #fff, 1524px 118px #fff, 1245px 441px #fff, 1429px 153px #fff, 1130px 1687px #fff;
-webkit-animation-duration: 175s;
animation-duration: 175s;
-webkit-filter: blur(0.25px);
filter: blur(0.25px);
opacity: 0.6;
}
.stars--big {
width: 3px;
height: 3px;
box-shadow: 1800px 919px #fff, 1456px 1845px #fff, 15px 829px #fff, 935px 1903px #fff, 1997px 1403px #fff, 1210px 1897px #fff, 584px 216px #fff, 298px 411px #fff, 424px 1137px #fff, 1937px 1467px #fff, 968px 1678px #fff, 258px 688px #fff, 318px 506px #fff, 1720px 1226px #fff, 1062px 1467px #fff, 1428px 287px #fff, 1109px 475px #fff, 1285px 135px #fff, 1657px 471px #fff, 1318px 1276px #fff, 1765px 1428px #fff, 307px 1845px #fff, 1556px 1595px #fff, 402px 1910px #fff, 1798px 1118px #fff, 21px 1824px #fff, 447px 1367px #fff, 739px 1569px #fff, 1085px 1363px #fff, 495px 516px #fff, 1559px 1330px #fff, 1450px 343px #fff, 1870px 1743px #fff, 634px 164px #fff, 607px 156px #fff, 1993px 269px #fff, 1809px 1625px #fff, 56px 518px #fff, 1781px 1305px #fff, 906px 655px #fff, 669px 890px #fff, 1648px 1185px #fff, 564px 1419px #fff, 809px 1264px #fff, 568px 616px #fff, 983px 771px #fff, 356px 1924px #fff, 1756px 1720px #fff, 1638px 1042px #fff, 64px 667px #fff, 1439px 382px #fff, 1466px 1077px #fff, 332px 325px #fff, 690px 511px #fff, 259px 887px #fff, 1118px 1849px #fff, 540px 1219px #fff, 349px 3px #fff, 660px 455px #fff, 175px 311px #fff, 1315px 1700px #fff, 1078px 1923px #fff, 478px 147px #fff, 1481px 981px #fff, 1058px 508px #fff, 1852px 1171px #fff, 1769px 399px #fff, 1024px 885px #fff, 1913px 1851px #fff, 1373px 416px #fff, 740px 1211px #fff, 1338px 927px #fff, 461px 153px #fff, 1962px 719px #fff, 513px 1482px #fff, 130px 584px #fff, 1090px 592px #fff, 1641px 1783px #fff, 1687px 1404px #fff, 1459px 1670px #fff, 690px 659px #fff, 945px 774px #fff, 537px 412px #fff, 518px 1748px #fff, 951px 1625px #fff, 1284px 253px #fff, 1206px 300px #fff, 418px 497px #fff, 1178px 1896px #fff, 168px 731px #fff, 249px 423px #fff, 1227px 901px #fff, 53px 829px #fff, 1101px 1298px #fff, 389px 1916px #fff, 1202px 780px #fff, 331px 1331px #fff, 1052px 1996px #fff, 948px 235px #fff, 949px 1656px #fff;
-webkit-animation-duration: 250s;
animation-duration: 250s;
}
.shooting-stars {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
height: 200vh;
width: 270vh;
position: absolute;
top: 50%;
left: 65%;
-webkit-transform: translate(-50%, -50%) rotate(20deg);
transform: translate(-50%, -50%) rotate(-215deg);
}
.shooting-star {
position: fixed;
left: -150px;
top: 80px;
width: 3px;
height: 5px;
border-radius: 2px;
background-color: #fff;
position: fixed;
-webkit-animation: shoot-star 10s linear infinite;
animation: shoot-star 10s linear infinite;
}
.shooting-star:before {
position: absolute;
display: block;
content: "";
width: 130px;
right: 1px;
top: 0;
height: inherit;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
}
.shooting-star--mid {
-webkit-animation-duration: 4s;
animation-duration: 4s;
top: 67%;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.shooting-star--meh {
-webkit-animation-name: shoot-star-pause;
animation-name: shoot-star-pause;
-webkit-animation-duration: 8s;
animation-duration: 8s;
top: 37%;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.shooting-star--fast {
width: 1px;
height: 1px;
-webkit-animation: shoot-star-pause 10s linear infinite;
animation: shoot-star-pause 10s linear infinite;
top: 90%;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes anim-star {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
to {
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes anim-star {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
to {
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@-webkit-keyframes space-color {
0% {
opacity: 0;
}
20% {
opacity: 0.15;
}
25% {
opacity: 0;
}
35% {
opacity: 0.38;
}
50% {
opacity: 0.6;
}
60% {
opacity: 0.3;
}
65% {
opacity: 0.45;
}
85% {
opacity: 0.25;
}
90% {
opacity: 0.1;
}
100% {
opacity: 0;
}
}
@keyframes space-color {
0% {
opacity: 0;
}
20% {
opacity: 0.15;
}
25% {
opacity: 0;
}
35% {
opacity: 0.38;
}
50% {
opacity: 0.6;
}
60% {
opacity: 0.3;
}
65% {
opacity: 0.45;
}
85% {
opacity: 0.25;
}
90% {
opacity: 0.1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes shoot-star {
0% {
left: -100px;
}
70% {
left: calc(100% + 100px);
}
100% {
left: calc(100% + 100px);
}
}
@keyframes shoot-star {
0% {
left: -100px;
}
70% {
left: calc(100% + 100px);
}
100% {
left: calc(100% + 100px);
}
}
@-webkit-keyframes shoot-star-pause {
0% {
left: -100px;
}
20% {
left: calc(100% + 100px);
}
100% {
left: calc(100% + 100px);
}
}
@keyframes shoot-star-pause {
0% {
left: -100px;
}
20% {
left: calc(100% + 100px);
}
100% {
left: calc(100% + 100px);
}
}
/* 콘텐츠 영역 */
.conts_wrap{min-width:1200px; margin:0 auto; width:100%; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림'; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; overflow:hidden; background: #e3b4d6 url(../images/2022/0624/bg.jpg) no-repeat center top;}
.conts_wrap em{font-style:normal;}
.conts_wrap a:hover{text-decoration:none;}
.conts_wrap img{display:block;}
.conts_top{width:100%; min-width:1200px; position:relative; letter-spacing:-0.5px; line-height:1.5; background-attachment:fixed; overflow:hidden; animation:bg1 1.3s both 1.2s; height:613px;}
.conts_top_inner{text-align:center; /* opacity:0; */}
.conts_top .conts_top_slogan{ display:block; width:755px; margin:0 auto; z-index:5; animation:tit1 0.5s both 0.3s ease; }
.conts_top .conts_top_txt1{ display:block; width:343px; margin:0 auto; margin-top:100px; padding-left:0; z-index:6; animation:up1 0.5s both 0.8s ease;}
.conts_top .conts_top_txt2{ display:block; width:615px; margin:0 auto; margin-top:36px; z-index:6; animation:up2 0.5s both 1.2s ease;}
.conts_top_tropy{padding-top:108px;}
.conts_top_tropy img{margin:0 auto;}
@keyframes bg1{
0%{ background-position:50% -885px;}
100%{ background-position:50% 305px;}
}
@keyframes tit1{
0%{ transform:scale(3); opacity:0;}
100%{ transform:scale(1); opacity:1;}
}
@keyframes up1{
0%{ transform:translate(-200px,0); opacity:0;}
100%{ transform:translate(0,0); opacity:1;}
}
@keyframes up2{
0%{ transform:translate(0,150px); opacity:0;}
100%{ transform:translate(0,0); opacity:1;}
}
.conts_tab{text-align:center; position:absolute; bottom:0; left:0; width:100%; background:#2bffae; z-index:3;}
.conts_tab.pos_f{position:fixed; bottom:auto; top:49px; z-index:99;}
.conts_tab_inner{width:1200px; margin:0 auto; background:url(../images/2022/0624/bg_bar.png) 0 50% repeat-x;}
.conts_tab.pos_f .conts_tab_inner{background:none;}
.conts_tab_inner ul{text-align:center; font-size:0; width:100%; background:url(../images/2022/0624/bg_bar.png) 0 0 repeat-y;}
.conts_tab_inner ul li{display:inline-block; zoom:1; *display:inline; vertical-align:top; width:300px; text-align:center; border-left:1px solid #fff; box-sizing:border-box;}
.conts_tab_inner ul li:nth-child(8n+4){ border-right:1px solid #fff;}
.conts_tab_inner ul li:nth-child(8n+8){ border-right:1px solid #fff; border-top:1px solid #fff;}
.conts_tab_inner ul li:nth-child(8n+5){ border-top:1px solid #fff;}
.conts_tab_inner ul li:nth-child(8n+6){ border-top:1px solid #fff;}
.conts_tab_inner ul li:nth-child(8n+7){ border-top:1px solid #fff;}
.conts_tab.pos_f .conts_tab_inner ul li{width:150px;}
.conts_tab.pos_f .conts_tab_inner ul li:nth-child(8n+4){ border-right:none;}
.conts_tab.pos_f .conts_tab_inner ul li:nth-child(8n+5){ border-top:none;}
.conts_tab.pos_f .conts_tab_inner ul li:nth-child(8n+6){ border-top:none;}
.conts_tab.pos_f .conts_tab_inner ul li:nth-child(8n+7){ border-top:none;}
.conts_tab.pos_f .conts_tab_inner ul li:nth-child(8n+8){ border-top:none;}
.conts_tab_inner ul li button{outline:none; font-size:26px; font-weight:400; color:#19b97c; letter-spacing:-0.07em; line-height:83px; height:85px; width:100%; background:url(../images/2022/0624/bg_bar.png) 100% 0 repeat-y; cursor:pointer; border:none; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.4s; transition:all 0.2s;}
.conts_tab.pos_f .conts_tab_inner ul li button{font-size:18px; line-height:61px; height:63px;}
.conts_tab_inner ul li button:hover{color:#0B402B; font-weight:400; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.conts_tab_inner ul li button.on{color:#252525; font-weight:600; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.conts_top_circle{position:relative;}
.conts_top_circle ul{}
.conts_top_circle ul li{position:absolute; left:50%;}
.conts_top_circle ul li.conts_top_circle_01{top:-356px; margin-left:206px;}
.conts_top_circle ul li.conts_top_circle_02{top:-502px; margin-left:368px;}
.conts_top_circle ul li.conts_top_circle_03{top:-272px; margin-left:433px;}
.conts_top_circle ul li.conts_top_circle_04{top:-473px; margin-left:-383px;}
.conts_top_circle ul li.conts_top_circle_05{top:-299px; margin-left:-507px;}
.conts_top_circle button{border:none; background:none; cursor:pointer; position:relative; z-index:5; outline:none;}
.conts_top_circle button::before{content:""; position:absolute; top:0px; left:0px; border:1px solid #f2d390; border-radius:100%;}
.conts_top_circle button::after{content:""; position:absolute; top:0px; left:0px; border:1px solid #f2d390; border-radius:100%;}
.conts_top_circle ul li.conts_top_circle_01 button::before{width:144px; height:144px; animation:circle1 2s infinite;}
.conts_top_circle ul li.conts_top_circle_01 button::after{width:144px; height:144px; animation:circle1 2s 0.5s infinite;}
.conts_top_circle ul li.conts_top_circle_02 button::before{width:144px; height:144px; animation:circle1 2s 0.6s infinite;}
.conts_top_circle ul li.conts_top_circle_02 button::after{width:144px; height:144px; animation:circle1 2s 1.1s infinite;}
.conts_top_circle ul li.conts_top_circle_03 button::before{width:115px; height:115px; animation:circle3 2s 0.2s infinite;}
.conts_top_circle ul li.conts_top_circle_03 button::after{width:115px; height:115px; animation:circle3 2s 0.7s infinite;}
.conts_top_circle ul li.conts_top_circle_04 button::before{width:144px; height:144px; animation:circle1 2s 0.4s infinite;}
.conts_top_circle ul li.conts_top_circle_04 button::after{width:144px; height:144px; animation:circle1 2s 0.9s infinite;}
.conts_top_circle ul li.conts_top_circle_05 button::before{width:115px; height:115px; animation:circle3 2s 0.8s infinite;}
.conts_top_circle ul li.conts_top_circle_05 button::after{width:115px; height:115px; animation:circle3 2s 1.3s infinite;}
@keyframes circle1{
0%{width:144px;height:144px;margin:0;opacity:0.5}
10%{width:144px;height:144px;margin:0;opacity:1}
90%{width:188px;height:188px;margin:-22px 0 0 -22px;opacity:0}
100%{width:188px;height:188px;margin:-22px 0 0 -22px;opacity:0}
}
@keyframes circle3{
0%{width:115px;height:115px;margin:0;opacity:0.5}
10%{width:115px;height:115px;margin:0;opacity:1}
90%{width:159px;height:159px;margin:-22px 0 0 -22px;opacity:0}
100%{width:159px;height:159px;margin:-22px 0 0 -22px;opacity:0}
}
.conts_main{min-width:1200px; margin:0 auto; width:100%; font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif, Dotum, '돋움', Gulim, '굴림'; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; overflow:hidden; background: #e3b4d6 url(../images/2022/0624/bg2.jpg) no-repeat center top; padding-bottom: 115px;}
.conts_01{}
.conts_02{padding-top: 84px;}
.conts_inner .conts_main_tit{text-align:center;}
.conts_inner .conts_main_tit span{color:#252525;}
.conts_inner .conts_txt_01{text-align:center; color: #252525; font-size:18px; font-weight:300; line-height:28px; letter-spacing:-1.25px; padding-bottom:60px;}
.conts_02 .conts_inner .conts_txt_01{color:#fff;}
.conts_05 .conts_inner .conts_txt_01{color:#fff;}
.conts_08 .conts_inner .conts_txt_01{color:#fff;}
.conts_inner .conts_main_tit img{margin:0 auto;}
.conts_inner .conts_inner_inner{background:#fff; padding-top:55px; padding-bottom:80px;}
.conts_inner .conts_txt{font-size:18px; font-weight:300; line-height:30px; color:#252525; text-align:center; letter-spacing:-0.9px; padding-bottom:55px;}
.conts_inner .conts_list{padding-bottom:65px; text-align:center; font-size:0; max-width:1200px; margin:0 auto; background: #fff; border-radius: 0 0 70px 0;}
.conts_inner .conts_list .rank_01{text-align:center; font-size:0; max-width:1200px; margin:0 auto; padding-bottom:65px; }
.conts_inner .conts_list .rank_02{text-align:center; font-size:0; max-width:1200px; margin:0 auto; padding-bottom:40px; }
.conts_inner .conts_list ul li{display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; }
.conts_inner .conts_list .rank_01 li{width:470px; margin-right:60px; padding-top: 62px;}
.conts_inner .conts_list .rank_02 li{width:334px; margin-right:30px;}
.conts_inner .conts_list .rank_01 li:nth-child(2n+2){ margin-right:0px;}
.conts_inner .conts_list .rank_02 li:nth-child(3n+3){ margin-right:0px;}
.conts_inner .conts_list ul li a{display:block; position:relative; cursor:default; outline:none; font-family:'Noto Sans KR';}
.conts_inner .conts_list ul li .conts_list_box{position:relative; overflow:hidden; margin:0 auto; cursor:pointer;}
.conts_inner .conts_list ul li .conts_list_box .conts_list_img{position:relative; z-index:1;}
.conts_inner .conts_list ul li .conts_list_box .conts_list_img img{}
.conts_inner .conts_list ul li .conts_list_box .conts_list_new{position:absolute; z-index:3; right:25px; bottom:25px; opacity:1; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.conts_inner .conts_list ul li .conts_list_box .conts_list_new2{position:absolute; z-index:3; right:75px; bottom:25px; opacity:1; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;}
.conts_inner .conts_list ul li.on .conts_list_box .conts_list_new{right:-150px; opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.conts_inner .conts_list ul li span{display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-top:20px; font-size:28px; font-weight:600; color:#252525; line-height:22px; letter-spacing:-0.08em; cursor:pointer;}
.conts_inner .conts_list ul li span .small_txt{font-size:18px; font-weight:350; color:#252525; line-height:10px; letter-spacing:-0.05em;}
.conts_inner .conts_list ul li span .thin_txt{font-weight: 300;}
.conts_02 .conts_inner .conts_list ul li span{color:#252525;}
.conts_03 .conts_inner .conts_list ul li span{color:#252525;}
.conts_04 .conts_inner .conts_list ul li span{color:#252525;}
.conts_06 .conts_inner .conts_list ul li span{color:#252525;}
.conts_07 .conts_inner .conts_list ul li span{color:#252525;}
.conts_inner .conts_list ul li:hover span{text-decoration:underline;}
.conts_inner .conts_list ul li strong{position:absolute; top:295px; left:50%; margin-left:-49px; width:40px; height:40px; z-index:888; overflow:hidden;}
.conts_01 .conts_inner .conts_list ul li strong{top:235px;}
.conts_05 .conts_inner .conts_list ul li strong{top:235px;}
.conts_inner .conts_list ul li .btn_layer_on{cursor:pointer; border:none; background:url(../images/2022/0624/bg_layer_on) 50% 50% no-repeat; width:40px; height:40px; margin-top:40px; text-indent:-9999px; opacity:0; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; outline:none;}
.conts_inner .conts_list ul li.on .btn_layer_on{margin-top:0; opacity:1; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
/* .conts_inner .conts_list ul li.on .conts_list_box .conts_list_rank{left:-150px; opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;} */
.conts_btn_top{position:fixed; left:50%; margin-left:680px; bottom:33px; z-index:9888; animation:topm 0.8s ease-in-out infinite; animation-play-state:paused;}
.conts_btn_top button{cursor:pointer; border:none; outline:none; display:block; background:url(../images/2020/201208/ico_top.png) 50% 50% no-repeat; text-indent:-9999px; opacity:0; width:0px; height:0px; -webkit-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; -moz-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; -ms-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; -o-transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s; transition:opacity 0.4s, width 0s 0.4s, height 0s 0.4s;}
.conts_btn_top:hover{animation-play-state:running; animation-fill-mode:forwards;}
.conts_btn_top.on button{opacity:0.5; width:50px; height:50px; -webkit-transition:opacity 1.0s; -moz-transition:opacity 1.0s; -ms-transition:opacity 1.0s; -o-transition:opacity 1.0s; transition:opacity 1.0s;}
.conts_btn_top.on:hover button{opacity:1;}
.conts_pop_wrap{/* display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99997; */}
.conts_pop_deam{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99998; background:url(../images/2022/0624/bg_opa_50.png) 0 0 repeat;}
.conts_pop{opacity:0; position:fixed; top:-100px; left:50%; margin-left:-600px; margin-top:-300px; width:1200px; height:auto; z-index:99999; background:#fff;}
.conts_pop_inner{padding-top:70px; padding-bottom:70px; position:relative;}
.conts_pop a{display:block; outline:none;}
.conts_pop img{margin:0 auto;}
.conts_pop span{display:none;}
.conts_pop .conts_pop_close{position:absolute; top:10px; right:10px; background:url(../images/2022/0624/ico_close.png) 50% 50% no-repeat;; text-indent:-9999px; border:none; cursor:pointer; width:50px; height:50px; outline:none;}