@charset "UTF-8";@font-face{font-family:'CustomFont';font-style:normal;font-weight:400;src:url(https://s1.pearlcdn.com/KR/contents/fonts/notosanskr-regular2.otf) format('opentype')}#wrap,.page_wrap{width:100%;height:100%}.r_mp{margin:0;padding:0}.r_li{margin:0;padding:0;list-style-type:none}.full{width:100%;height:100%;box-sizing:border-box}.fullWidth{width:100%}.center{text-align:center}.flex{display:box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;-moz-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-align:center}.block{display:block}.i_block{display:inline-block;vertical-align:middle}.hidden{overflow:hidden}.clear{display:block;content:'';height:0;font-size:0;opacity:0;clear:both}body,html{height:100%;box-sizing:border-box}a,address,body,button,button,caption,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,legend,li,ol,p,pre,select,table,td,textarea,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1.4rem}body{line-height:1.2;color:#2b2b2b;font-family:'CustomFont',"Helvetica Neue","Helvetica","Arial",sans-serif;min-width:100%;letter-spacing:0;-webkit-overflow-scrolling:touch;word-break:break-word;word-wrap:break-word}a,button,input,label,select,textarea{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;vertical-align:top}input{font-weight:normal;color:#626262;outline:none}a{cursor:pointer}caption{visibility:hidden;font-size:0;text-indent:-9999px}input{vertical-align:middle}button,input,select,textarea{font-size:1.4rem;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif,arial}li,ol,ul{list-style:none}a{-webkit-text-decoration:none;text-decoration:none;color:#2b2b2b;cursor:pointer}img{vertical-align:top;border:0}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}em{font-style:normal}button{border:0;background:none;outline:none;cursor:pointer}.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}fieldset{width:100%;border:0}legend{position:absolute;left:-9999px;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999px}#steam_wrap{position:relative;min-height:100vh;overflow:hidden}#steam_wrap .bg_back{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/bg_blue.jpg?v=29bf21de) no-repeat;background-size:cover;-webkit-animation:zoom 5s cubic-bezier(0.1, 1, 0.3, 0.9) forwards;animation:zoom 5s cubic-bezier(0.1, 1, 0.3, 0.9) forwards}#steam_wrap .bg_char{position:absolute;right:0;top:0;width:100%;max-width:1208px;height:0;padding-bottom:89.4%;background:url(../img/bg_char.png?v=546fba41) no-repeat top right/contain;-webkit-animation:fadeIn 5s cubic-bezier(0.1, 1, 0.3, 0.9) forwards;animation:fadeIn 5s cubic-bezier(0.1, 1, 0.3, 0.9) forwards;-webkit-mask-image:linear-gradient(180deg, #000 60%, rgba(0,0,0,0) 90%);mask-image:linear-gradient(180deg, #000 60%, rgba(0,0,0,0) 90%)}@-webkit-keyframes zoom{0%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-filter:brightness(0.5);filter:brightness(0.5)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes zoom{0%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);-webkit-filter:brightness(0.5);filter:brightness(0.5)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-filter:brightness(1);filter:brightness(1)}}@-webkit-keyframes fadeIn{0%{-webkit-transform:translate3d(1%,0,0);transform:translate3d(1%,0,0);-webkit-filter:brightness(0.3);filter:brightness(0.3)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes fadeIn{0%{-webkit-transform:translate3d(1%,0,0);transform:translate3d(1%,0,0);-webkit-filter:brightness(0.3);filter:brightness(0.3)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-filter:brightness(1);filter:brightness(1)}}#header{position:relative;display:flex;justify-content:center;padding-top:200px;text-align:center;z-index:1}#lang_box{margin:55px 0 75px 0;z-index:10}.select_nation{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:1320px;box-sizing:border-box}.select_nation .nation_box_wrap{position:relative;box-sizing:border-box;flex-basis:310px;flex-grow:0;flex-shrink:0;width:310px;height:251px;margin:10px 5px;transition:0.3s;-webkit-animation:slideUp 0.8s cubic-bezier(0.03, 0.8, 0.3, 0.9) both;animation:slideUp 0.8s cubic-bezier(0.03, 0.8, 0.3, 0.9) both}@-webkit-keyframes slideUp{0%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes slideUp{0%{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.select_nation .nation_box_wrap:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.select_nation .nation_box_wrap:nth-of-type(2){-webkit-animation-delay:0.05s;animation-delay:0.05s}.select_nation .nation_box_wrap:nth-of-type(3){-webkit-animation-delay:0.10s;animation-delay:0.10s}.select_nation .nation_box_wrap:nth-of-type(4){-webkit-animation-delay:0.15s;animation-delay:0.15s}.select_nation .nation_box_wrap:nth-of-type(5){-webkit-animation-delay:0.20s;animation-delay:0.20s}.select_nation .nation_box_wrap:nth-of-type(6){-webkit-animation-delay:0.25s;animation-delay:0.25s}.select_nation .nation_box_wrap:nth-of-type(7){-webkit-animation-delay:0.30s;animation-delay:0.30s}.select_nation .nation_box_wrap .nation_box{position:relative;box-sizing:border-box;width:100%;height:100%;padding:0 10px;transition:0.3s;border-radius:8px;border-width:1px;border-style:solid}.select_nation .nation_box_wrap:nth-of-type(odd) .nation_box{background:rgba(58,59,80, 0.8);border-color:rgba(78,79,107, 0.9)}.select_nation .nation_box_wrap:nth-of-type(even) .nation_box{background:rgba(75,57,70, 0.8);border-color:rgba(105,78,97,0.9)}.select_nation .nation_box_wrap .nation_box  h2{display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#8ee8ff;font-size:24px;line-height:1.2;width:100%;height:90px;padding:8px 0;text-shadow:0 1px 1px #031621;text-align:center;box-sizing:border-box;color:#dcdcdc}.select_nation .nation_box_wrap .nation_box .btn_icn_list{margin-top:6px}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap{display:flex;align-items:center;position:relative;height:47px;box-sizing:border-box;border-radius:3px;transition:0.3s;background:rgba(0,0,0,0.3);margin-bottom:2px}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap .btn_icn{display:flex;align-items:center;width:100%;height:100%}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap .btn_icn::after{display:block;width:20px;height:20px;position:absolute;top:50%;right:18px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'';transition:0.3s}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap.cs .btn_icn::after{-webkit-mask:url(../img/icn_support.svg?v=4fcb728d) no-repeat;mask:url(../img/icn_support.svg?v=4fcb728d) no-repeat}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap.web .btn_icn::after{-webkit-mask:url(../img/icn_web.svg?v=a2c8f084) no-repeat;mask:url(../img/icn_web.svg?v=a2c8f084) no-repeat}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap.wiki .btn_icn::after{-webkit-mask:url(../img/icn_guide.svg?v=37cf820c) no-repeat;mask:url(../img/icn_guide.svg?v=37cf820c) no-repeat}.select_nation .nation_box_wrap:nth-of-type(odd) .nation_box .btn_icn_list .btn_icn_wrap .btn_icn::after{background-color:#89879f}.select_nation .nation_box_wrap:nth-of-type(even) .nation_box .btn_icn_list .btn_icn_wrap .btn_icn::after{background-color:#a08789}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap .btn_icn{padding:0 10px 0 20px}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap .btn_icn .subject{display:inline-block;text-shadow:0 0 4px rgba(0,0,0,0.5);line-height:26px;font-size:16px;margin-right:10px;transition:0.3s}.select_nation .nation_box_wrap:nth-of-type(odd) .nation_box .btn_icn_list .btn_icn_wrap .btn_icn .subject{color:#bebedf}.select_nation .nation_box_wrap:nth-of-type(even) .nation_box .btn_icn_list .btn_icn_wrap .btn_icn .subject{color:#d2cfcf}.select_nation .nation_box_wrap .nation_box .btn_icn_list .desc{font-size:12px;transition:0.3s}.select_nation .nation_box_wrap:nth-of-type(odd) .nation_box .btn_icn_list .btn_icn_wrap .btn_icn .desc{color:#9090ee}.select_nation .nation_box_wrap:nth-of-type(even) .nation_box .btn_icn_list .btn_icn_wrap .btn_icn .desc{color:#ee9090}#footer{position:relative;padding:0 0 30px;width:100%;text-align:center;line-height:14px;font-size:11px;line-height:24px;z-index:10}.copyright{color:rgba(255, 255, 255, 0.5);font-size:12px;line-height:20px}.copyright a{display:inline-block;margin-right:18px;background:url(../img/img_pearlabyss.svg?v=73084aad) no-repeat center left 0;background-size:auto 14px;width:122px;height:20px;opacity:0.5;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}@media (hover: hover){.select_nation .nation_box_wrap .nation_box:hover{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.select_nation .nation_box_wrap:nth-of-type(odd) .nation_box:hover{background:rgba(58,59,80, 0.95)}.select_nation .nation_box_wrap:nth-of-type(even) .nation_box:hover{background:rgba(75,57,70, 0.95)}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap:hover{background-color:rgba(0, 0, 0, 0.5)}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap:hover .btn_icn .subject{color:rgba(255,255,255, 0.9)}.select_nation .nation_box_wrap .nation_box .btn_icn_list .btn_icn_wrap:hover .btn_icn::after{background-color:rgba(255,255,255, 0.9)}.copyright a:hover{opacity:1}}@media (min-height: 1080px){#steam_wrap .bg_char{padding-bottom:0;height:1080px}}@media (max-width: 1024px){#header{padding-top:250px}}@media all and (max-width: 767px){#header{padding-top:38vw}#header img{display:block;box-sizing:border-box;width:85%;max-width:310px}#lang_box{margin:35px 0}.select_nation{flex-direction:column;max-width:768px;margin:0 auto;padding:0}.select_nation .nation_box_wrap{width:85%;max-width:310px;flex-basis:auto}.copyright{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px}.copyright a{margin-right:0;margin-bottom:6px}}@media all and (max-width: 1024px),all and (max-height: 840px){.bg_wrap .bg_char{max-width:768px;padding-bottom:63.5%;background-position:center top}}