@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 231025
updated :
------------------------------------------------------------
*/
/* reset */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
html{font-size:62.5%}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,p,th,td,caption,fieldset,legend,input,button,textarea{margin:0;padding:0}
body,input,button,select,textarea{font-family:"Noto Sans KR",arial;font-size:1.4rem;color:#1b1b1b}
img,button,fieldset{border:0}
img{vertical-align:middle}
ul,ol,li{list-style:none}
a{color:#1b1b1b;text-decoration:none}
button{cursor:pointer}
.table{border-collapse:collapse;width:100%}
.wrap select{border-radius:0.8rem;background:#fff url(https://netgameimage.gscdn.com/raphaelcare/common/bu_select.png) no-repeat calc(100% - 1.9rem) 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5);border-radius:5px}
::-webkit-scrollbar-track{background:rgba(27,89,123,.1)}
/* Mobile */
body.on{overflow:hidden}
.zoom,.gnb>ul,.visual .swiper-button,.terms .top{display:none}
.wrap{margin:0 auto;min-width:280px}
.header{position:relative}
.header h1{padding:1.3rem 1.6rem;width:14rem}
.header h1 img{width:100%}
.header .open{position:absolute;top:1.9rem;right:1.6rem;width:2.6rem;height:2.3rem;background:none;font:0/0 arial}
.header .open span,.header .open span:before,.header .open span:after,.header .close span,.header .close span:before{display:block;content:'';width:100%;height:0.3rem;border-radius:0.2rem;background:#1b1b1b}
.header .open span:before{position:absolute;top:0}
.header .open span:after{position:absolute;bottom:0}
.header .close{position:absolute;top:1.5rem;right:1.2rem;width:3.2rem;height:3.2rem;background:none;font:0/0 arial}
.header .close span{transform:rotate(45deg)}
.header .close span:before{position:absolute;top:calc(50% - 0.2rem);left:0;transform:rotate(90deg)}
.footer{margin:7rem 0 0 0}
.terms{position:relative;background:#eaeaea}
.terms>div{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:1200px;font-size:1.5rem}
.terms ul{display:flex;gap:2rem;font-weight:500}
.terms li{padding:1.6rem 0 1.8rem 0}
.terms li:before{display:inline-block;margin:-0.1rem 2rem 0 0;content:'';width:0.1rem;height:1.1rem;background:#aaa;vertical-align:middle}
.terms li:first-child:before{display:none}
address{box-sizing:border-box;margin:0 auto;padding:3.6rem 1.6rem;max-width:1200px;font-style:normal;font-size:1.4rem;line-height:2.5rem;color:#868686}
/* Gnb */
@media all and (max-width:1023px) {
html,body{height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none}
body.fold{overflow:hidden}
body.fold:before{display:block;content:'';position:fixed;width:100%;height:100%;min-height:720px;background:#000;overflow:hidden;opacity:0.7;z-index:10}
.all{position:fixed;top:0;right:0;width:0;min-width:150px;height:100%;background:#fff;z-index:-1;opacity:0;overflow-y:auto;transition:all .2s ease-out}
.all a{display:block}
.all>nav{margin:10rem 4rem}
.all>nav>ul>li{margin:0 0 1rem 0}
.all>nav>ul>li>a{position:relative;padding:1rem 0;min-width:16rem;font-weight:bold;font-size:2.8rem;white-space:nowrap}
.all>nav>ul>li>a:after{display:block;content:'';position:absolute;top:calc(50% - 0.6rem);right:calc(0% + 0.5rem);width:1.7rem;height:1.3rem;background:url(https://netgameimage.gscdn.com/raphaelcare/common/bu_gnb.png) no-repeat;background-size:contain}
.all>nav>ul>li>a.on:after{transform:rotate(180deg)}
.all>nav>ul>li>a.on+ul{display:block;height:100%}
.all>nav>ul ul{margin:1.2rem 2.5rem 2.5rem 2.5rem;height:0;overflow:hidden;display:none}
.all>nav>ul ul a{font-weight:500;font-size:2rem;line-height:3.9rem}
.all.fold{max-height:100%;width:100%;opacity:100%;z-index:100;display:block}
}
@media all and (min-width:580px) and (max-width:1023px) { 
.all.fold{width:50%}
}
/* Mobile - Fold */
@media all and (max-width:359px) {
html{font-size:clamp(0.5rem,1vw,1rem)}
address{padding:3rem 1rem}
}
/* Tablet */
@media all and (min-width:768px) {
.header h1{padding:1.6rem 2.4rem;width:22rem}
.header .open{top:2.7rem;right:2.4rem;width:4.1rem;height:3.5rem}
.header .close{top:2.1rem;right:2.1rem;width:4.8rem;height:4.8rem}
.footer{margin-top:14rem}
address{padding:5rem 0 5rem 31.6rem;background:url(https://netgameimage.gscdn.com/raphaelcare/common/logo.png) no-repeat 4.5rem 7rem;background-size:22rem}
}
/* Desktop */
@media all and (min-width:1024px) {
body.fold .gnb>ul{display:none}
.zoom,body.fold .gnb,.gnb>ul,.terms .top{display:block}
.zoom{height:4rem;background:#f8f7f7;line-height:0}
.zoom div{margin:0 auto;max-width:1200px;text-align:right}
.zoom button{margin:0 0.5rem 0 1.8rem;background:transparent;font-weight:500;font-size:1.4rem;line-height:3.8rem}
.zoom .plus:before,.zoom .minus:before{display:inline-block;content:'';margin:-0.2rem 0.2rem 0 0;width:1.6rem;height:1.6rem;background:url(https://netgameimage.gscdn.com/raphaelcare/common/bu_zoom.png) no-repeat;vertical-align:middle}
.zoom .minus:before{background-position:0 100%}
.header{z-index:10}
.header h1{position:relative;padding:1.5rem 0.3rem;width:22rem;z-index:100}
.header .open{top:3.3rem;right:0;width:2.2rem;height:1.8rem}
.header .close{top:3.1rem;right:-0.2rem;width:2.4rem;height:2.4rem}
.header .open span,.header .open span:before,.header .open span:after,.header .close span,.header .close span:before{height:0.2rem}
.header .close span:before{top:calc(50% - 0.1rem)}
nav{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1200px}
nav>ul{display:flex;padding:0 6.5rem 0 0}
nav>ul>li{position:relative}
nav>ul>li>a{position:relative;display:inline-block;background:#fff;font-weight:500;font-size:2.2rem;z-index:1}
nav>ul ul a{font-weight:500;font-size:1.6rem;line-height:4rem}
nav>ul ul a:hover{color:#36a2ce}
.gnb>ul{display:flex;align-items:center}
.gnb>ul>li:first-child>a:after{position:absolute;display:block;content:'';left:-2rem;bottom:0;width:16rem;height:1rem;background:#fff}
.gnb>ul>li:hover ul{padding:1.1rem 0 1.8rem 0;height:auto;box-shadow:0 0 1rem 0.5rem rgba(0,0,0,0.1)}
.gnb>ul>li>a{padding:2.6rem 4.4rem;text-align:center}
.gnb>ul ul{position:absolute;left:calc(50% - 7.5rem);width:15rem;height:0;border-radius:0 0 0.5rem 0.5rem;background:#fff;text-align:center;transition:all .25s ease-out;overflow:hidden}
.all{position:absolute;top:0;width:100%;background:#fff;overflow:hidden;z-index:-1;opacity:0;transition:padding .2s ease-out}
.all:before{position:absolute;display:block;content:'';top:8.5rem;left:0;width:100%;height:0.1rem;background:#e2e2e2}
.all>nav>ul{padding:0;width:calc(100% - 2.2rem)}
.all>nav>ul>li{box-sizing:border-box;width:25%}
.all>nav>ul>li:first-child{margin:0 0 0 26.5%;padding-left:4.8%}
.all>nav>ul>li>a{padding:2.6rem 0;white-space:nowrap}
.all>nav>ul ul{padding:1.7rem 0 0 0}
.all.fold{padding:0 0 2rem 0;z-index:10;opacity:1}
.terms>div{justify-content:space-between}
.terms .top{width:5.5rem;height:5.5rem;background:#595959;font-size:1.3rem;line-height:5.5rem;color:#fff;text-align:center}
.terms .top:hover{background:#1b1b1b}
address{padding-left:27.1rem;background-position:0 7rem;background-size:22rem}
address p:nth-child(2),address p:nth-child(3){display:inline-block}
address p:nth-child(3):before{display:inline-block;content:'';margin:0 1rem 0 0.6rem;width:0.1rem;height:1.1rem;background:#bebebe}
}