@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url(../fonts/GmarketSans/GmarketSans.css);
@import url(../fonts/NanumSquareNeo/NanumSquareNeo.css);

@keyframes rotateY360{from{transform:rotateY(0deg);} to{transform:rotateY(360deg);}}
@-webkit-keyframes rotateY360{from{-webkit-transform:rotateY(0deg);} to{-webkit-transform:rotateY(360deg);}}

@keyframes rotate360{from{transform:rotate(0deg);} to{transform:rotate(360deg);}}
@-webkit-keyframes rotate360{from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}}

@keyframes hop{0%{transform:translateY(-2rem) scaleY(1);} 40%{transform:translateY(-1rem) scaleY(1.1);} 60%{transform:translateY(-1rem) scaleY(0.95);} 100%{transform:translateY(-2rem) scaleY(1);}}
@-webkit-keyframes hop{0%{-webkit-transform:translateY(-2rem) scaleY(1);} 40%{-webkit-transform:translateY(-1rem) scaleY(1.1);} 60%{-webkit-transform:translateY(-1rem) scaleY(0.95);} 100%{-webkit-transform:translateY(-2rem) scaleY(1);}}

@keyframes float-wobble{0%{transform:translateY(0) rotate(0deg);} 30%{transform:translateY(-0.8rem) rotate(-2deg);} 60%{transform:translateY(0.2rem) rotate(2deg);} 100%{transform:translateY(0) rotate(0deg);}}
@-webkit-keyframes float-wobble{0%{-webkit-transform:translateY(0) rotate(0deg);} 30%{-webkit-transform:translateY(-0.8rem) rotate(-2deg);} 60%{-webkit-transform:translateY(0.2rem) rotate(2deg);} 100%{-webkit-transform:translateY(0) rotate(0deg);}}

@keyframes float-wobble-smooth{0%{transform:translateY(0) rotate(0deg);} 20%{transform:translateY(-1rem) rotate(-1.5deg);} 40%{transform:translateY(-0.5rem) rotate(1.5deg);} 60%{transform:translateY(0.3rem) rotate(-1deg);} 80%{transform:translateY(0rem) rotate(1deg);} 100%{transform:translateY(0) rotate(0deg);}}
@-webkit-keyframes float-wobble-smooth{0%{-webkit-transform:translateY(0) rotate(0deg);} 20%{-webkit-transform:translateY(-1rem) rotate(-1.5deg);} 40%{-webkit-transform:translateY(-0.5rem) rotate(1.5deg);} 60%{-webkit-transform:translateY(0.3rem) rotate(-1deg);} 80%{-webkit-transform:translateY(0rem) rotate(1deg);} 100%{-webkit-transform:translateY(0) rotate(0deg);}}

@keyframes orbit{0%{transform:rotate(0deg) translateX(2rem) rotate(0deg);} 100%{transform:rotate(360deg) translateX(2rem) rotate(-360deg);}}
@-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg) translateX(2rem) rotate(0deg);} 100%{-webkit-transform:rotate(360deg) translateX(2rem) rotate(-360deg);}}

@keyframes float{0%{transform:translateY(0);} 50%{transform:translateY(-0.5rem);} 100%{transform:translateY(0);}}
@-webkit-keyframes float{0%{-webkit-transform:translateY(0);} 50%{-webkit-transform:translateY(-0.5rem);} 100%{-webkit-transform:translateY(0);}}


/*******************************************************************
	Common
*******************************************************************/

html {font-size:10px;}

* {box-sizing:border-box; word-break:keep-all;}

@media all and (max-width:620px) {html {font-size:9px;}}
@media all and (max-width:480px) {html {font-size:8px;}}

.action-keyboard *:focus {outline:2px dotted red !important;}

body {font-family:'GmarketSans','Malgun gothic', '맑은고딕', sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family:'NanumSquareNeo','Malgun gothic', '맑은고딕', sans-serif;}

input[type="button"],
input[type="submit"],
button,
select {cursor:pointer;}


/* margin */
.mT0	{margin-top:0 !important;}
.mT5	{margin-top: .5rem !important;}
.mT10	{margin-top: 1rem !important;}
.mT15	{margin-top: 1.5rem !important;}
.mT20	{margin-top: 2rem !important;}
.mT25	{margin-top: 2.5rem !important;}
.mT27	{margin-top: 2.7rem !important;}
.mT30	{margin-top: 3rem !important;}
.mT35	{margin-top: 3.5rem !important;}
.mT40	{margin-top: 4rem !important;}
.mT45	{margin-top: 4.5rem !important;}
.mT50	{margin-top: 5rem !important;}

.mR0	{margin-right:0 !important;}
.mR5	{margin-right: .5rem !important;}
.mR10	{margin-right: 1rem !important;}
.mR15	{margin-right: 1.5rem !important;}
.mR20	{margin-right: 2rem !important;}
.mR25	{margin-right: 2.5rem !important;}
.mR30	{margin-right: 3rem !important;}
.mR35	{margin-right: 3.5rem !important;}
.mR40	{margin-right: 4rem !important;}
.mR45	{margin-right: 4.5rem !important;}
.mR50	{margin-right: 5rem !important;}

.mB0	{margin-bottom:0 !important;}
.mB5	{margin-bottom: .5rem !important;}
.mB10	{margin-bottom: 1rem !important;}
.mB15	{margin-bottom: 1.5rem !important;}
.mB20	{margin-bottom: 2rem !important;}
.mB25	{margin-bottom: 2.5rem !important;}
.mB30	{margin-bottom: 3rem !important;}
.mB35	{margin-bottom: 3rem !important;}
.mB40	{margin-bottom: 4rem !important;}
.mB45	{margin-bottom: 4.5rem !important;}
.mB50	{margin-bottom: 5rem !important;}

.mL0	{margin-left:0 !important;}
.mL5	{margin-left: .5rem !important;}
.mL10	{margin-left: 1rem !important;}
.mL15	{margin-left: 1.5rem !important;}
.mL20	{margin-left: 2rem !important;}
.mL25	{margin-left: 2.5rem !important;}
.mL30	{margin-left: 3rem !important;}
.mL35	{margin-left: 3.5rem !important;}
.mL40	{margin-left: 4rem !important;}
.mL45	{margin-left: 4.5rem !important;}
.mL50	{margin-left: 5rem !important;}

/* padding */
.pT0	{padding-top:0 !important;}
.pT5	{padding-top: .5rem !important;}
.pT10	{padding-top: 1rem !important;}
.pT15	{padding-top: 1.5rem !important;}
.pT20	{padding-top: 2rem !important;}
.pT25	{padding-top: 2.5rem !important;}
.pT30	{padding-top: 3rem !important;}
.pT35	{padding-top: 3.5rem !important;}
.pT40	{padding-top: 4rem !important;}
.pT45	{padding-top: 4.5rem !important;}
.pT50	{padding-top: 5rem !important;}

.pR0	{padding-right:0 !important;}
.pR5	{padding-right: .5rem !important;}
.pR10	{padding-right: 1rem !important;}
.pR15	{padding-right: 1.5rem !important;}
.pR20	{padding-right: 2rem !important;}
.pR25	{padding-right: 2.5rem !important;}
.pR30	{padding-right: 3rem !important;}
.pR35	{padding-right: 3.5rem !important;}
.pR40	{padding-right: 4rem !important;}
.pR45	{padding-right: 4.5rem !important;}
.pR50	{padding-right: 5rem !important;}

.pB0	{padding-bottom:0 !important;}
.pB5	{padding-bottom: .5rem !important;}
.pB10	{padding-bottom: 1rem !important;}
.pB15	{padding-bottom: 1.5rem !important;}
.pB20	{padding-bottom: 2rem !important;}
.pB25	{padding-bottom: 2.5rem !important;}
.pB30	{padding-bottom: 3rem !important;}
.pB35	{padding-bottom: 3.5rem !important;}
.pB40	{padding-bottom: 4rem !important;}
.pB45	{padding-bottom: 4.5rem !important;}
.pB50	{padding-bottom: 5rem !important;}
.pB100	{padding-bottom: 10rem !important;}

.pL0	{padding-left:0 !important;}
.pL5	{padding-left: .5rem !important;}
.pL10	{padding-left: 1rem !important;}
.pL15	{padding-left: 1.5rem !important;}
.pL20	{padding-left: 2rem !important;}
.pL25	{padding-left: 2.5rem !important;}
.pL30	{padding-left: 3rem !important;}
.pL35	{padding-left: 3.5rem !important;}
.pL40	{padding-left: 4rem !important;}

/* width by pixel */
.wp1 { width:.1rem !important; }
.wp2 { width:.2rem !important; }
.wp3 { width:.3rem !important; }
.wp4 { width:.4rem !important; }
.wp5 { width:.5rem !important; }
.wp6 { width:.6rem !important; }
.wp7 { width:.7rem !important; }
.wp8 { width:.8rem !important; }
.wp9 { width:.9rem !important; }
.wp10 { width:1rem !important; }
.wp11 { width:1.1rem !important; }
.wp12 { width:1.2rem !important; }
.wp13 { width:1.3rem !important; }
.wp14 { width:1.4rem !important; }
.wp15 { width:1.5rem !important; }
.wp16 { width:1.6rem !important; }
.wp17 { width:1.7rem !important; }
.wp18 { width:1.8rem !important; }
.wp19 { width:1.9rem !important; }
.wp20 { width:2rem !important; }
.wp21 { width:2.1rem !important; }
.wp22 { width:2.2rem !important; }
.wp23 { width:2.3rem !important; }
.wp24 { width:2.4rem !important; }
.wp25 { width:2.5rem !important; }
.wp26 { width:2.6rem !important; }
.wp27 { width:2.7rem !important; }
.wp28 { width:2.8rem !important; }
.wp29 { width:2.9rem !important; }
.wp30 { width:3rem !important; }
.wp31 { width:3.1rem !important; }
.wp32 { width:3.2rem !important; }
.wp33 { width:3.3rem !important; }
.wp34 { width:3.4rem !important; }
.wp35 { width:3.5rem !important; }
.wp36 { width:3.6rem !important; }
.wp37 { width:3.7rem !important; }
.wp38 { width:3.8rem !important; }
.wp39 { width:3.9rem !important; }
.wp40 { width:4rem !important; }
.wp41 { width:4.1rem !important; }
.wp42 { width:4.2rem !important; }
.wp43 { width:4.3rem !important; }
.wp44 { width:4.4rem !important; }
.wp45 { width:4.5rem !important; }
.wp46 { width:4.6rem !important; }
.wp47 { width:4.7rem !important; }
.wp48 { width:4.8rem !important; }
.wp49 { width:4.9rem !important; }
.wp50 { width:5rem !important; }
.wp51 { width:5.1rem !important; }
.wp52 { width:5.2rem !important; }
.wp53 { width:5.3rem !important; }
.wp54 { width:5.4rem !important; }
.wp55 { width:5.5rem !important; }
.wp56 { width:5.6rem !important; }
.wp57 { width:5.7rem !important; }
.wp58 { width:5.8rem !important; }
.wp59 { width:5.9rem !important; }
.wp60 { width:6rem !important; }
.wp61 { width:6.1rem !important; }
.wp62 { width:6.2rem !important; }
.wp63 { width:6.3rem !important; }
.wp64 { width:6.4rem !important; }
.wp65 { width:6.5rem !important; }
.wp66 { width:6.6rem !important; }
.wp67 { width:6.7rem !important; }
.wp68 { width:6.8rem !important; }
.wp69 { width:6.9rem !important; }
.wp70 { width:7rem !important; }
.wp71 { width:7.1rem !important; }
.wp72 { width:7.2rem !important; }
.wp73 { width:7.3rem !important; }
.wp74 { width:7.4rem !important; }
.wp75 { width:7.5rem !important; }
.wp76 { width:7.6rem !important; }
.wp77 { width:7.7rem !important; }
.wp78 { width:7.8rem !important; }
.wp79 { width:7.9rem !important; }
.wp80 { width:8rem !important; }
.wp81 { width:8.1rem !important; }
.wp82 { width:8.2rem !important; }
.wp83 { width:8.3rem !important; }
.wp84 { width:8.4rem !important; }
.wp85 { width:8.5rem !important; }
.wp86 { width:8.6rem !important; }
.wp87 { width:8.7rem !important; }
.wp88 { width:8.8rem !important; }
.wp89 { width:8.9rem !important; }
.wp90 { width:9rem !important; }
.wp91 { width:9.1rem !important; }
.wp92 { width:9.2rem !important; }
.wp93 { width:9.3rem !important; }
.wp94 { width:9.4rem !important; }
.wp95 { width:9.5rem !important; }
.wp96 { width:9.6rem !important; }
.wp97 { width:9.7rem !important; }
.wp98 { width:9.8rem !important; }
.wp99 { width:9.9rem !important; }
.wp100 { width:10rem !important; }
.wp101 { width:1.1rem !important; }
.wp102 { width:1.2rem !important; }
.wp103 { width:1.3rem !important; }
.wp104 { width:1.4rem !important; }
.wp105 { width:1.5rem !important; }
.wp106 { width:1.6rem !important; }
.wp107 { width:1.7rem !important; }
.wp108 { width:1.8rem !important; }
.wp109 { width:1.9rem !important; }
.wp110 { width:11rem !important; }
.wp111 { width:11.1rem !important; }
.wp112 { width:11.2rem !important; }
.wp113 { width:11.3rem !important; }
.wp114 { width:11.4rem !important; }
.wp115 { width:11.5rem !important; }
.wp116 { width:11.6rem !important; }
.wp117 { width:11.7rem !important; }
.wp118 { width:11.8rem !important; }
.wp119 { width:11.9rem !important; }
.wp120 { width:12rem !important; }
.wp121 { width:12.1rem !important; }
.wp122 { width:12.2rem !important; }
.wp123 { width:12.3rem !important; }
.wp124 { width:12.4rem !important; }
.wp125 { width:12.5rem !important; }
.wp126 { width:12.6rem !important; }
.wp127 { width:12.7rem !important; }
.wp128 { width:12.8rem !important; }
.wp129 { width:12.9rem !important; }
.wp130 { width:13rem !important; }
.wp131 { width:13.1rem !important; }
.wp132 { width:13.2rem !important; }
.wp133 { width:13.3rem !important; }
.wp134 { width:13.4rem !important; }
.wp135 { width:13.5rem !important; }
.wp136 { width:13.6rem !important; }
.wp137 { width:13.7rem !important; }
.wp138 { width:13.8rem !important; }
.wp139 { width:13.9rem !important; }
.wp140 { width:14rem !important; }
.wp141 { width:14.1rem !important; }
.wp142 { width:14.2rem !important; }
.wp143 { width:14.3rem !important; }
.wp144 { width:14.4rem !important; }
.wp145 { width:14.5rem !important; }
.wp146 { width:14.6rem !important; }
.wp147 { width:14.7rem !important; }
.wp148 { width:14.8rem !important; }
.wp149 { width:14.9rem !important; }
.wp150 { width:15rem !important; }
.wp151 { width:15.1rem !important; }
.wp152 { width:15.2rem !important; }
.wp153 { width:15.3rem !important; }
.wp154 { width:15.4rem !important; }
.wp155 { width:15.5rem !important; }
.wp156 { width:15.6rem !important; }
.wp157 { width:15.7rem !important; }
.wp158 { width:15.8rem !important; }
.wp159 { width:15.9rem !important; }
.wp160 { width:16rem !important; }
.wp161 { width:16.1rem !important; }
.wp162 { width:16.2rem !important; }
.wp163 { width:16.3rem !important; }
.wp164 { width:16.4rem !important; }
.wp165 { width:16.5rem !important; }
.wp166 { width:16.6rem !important; }
.wp167 { width:16.7rem !important; }
.wp168 { width:16.8rem !important; }
.wp169 { width:16.9rem !important; }
.wp170 { width:17rem !important; }
.wp171 { width:17.1rem !important; }
.wp172 { width:17.2rem !important; }
.wp173 { width:17.3rem !important; }
.wp174 { width:17.4rem !important; }
.wp175 { width:17.5rem !important; }
.wp176 { width:17.6rem !important; }
.wp177 { width:17.7rem !important; }
.wp178 { width:17.8rem !important; }
.wp179 { width:17.9rem !important; }
.wp180 { width:18rem !important; }
.wp181 { width:18.1rem !important; }
.wp182 { width:18.2rem !important; }
.wp183 { width:18.3rem !important; }
.wp184 { width:18.4rem !important; }
.wp185 { width:18.5rem !important; }
.wp186 { width:18.6rem !important; }
.wp187 { width:18.7rem !important; }
.wp188 { width:18.8rem !important; }
.wp189 { width:18.9rem !important; }
.wp190 { width:19rem !important; }
.wp191 { width:19.1rem !important; }
.wp192 { width:19.2rem !important; }
.wp193 { width:19.3rem !important; }
.wp194 { width:19.4rem !important; }
.wp195 { width:19.5rem !important; }
.wp196 { width:19.6rem !important; }
.wp197 { width:19.7rem !important; }
.wp198 { width:19.8rem !important; }
.wp199 { width:19.9rem !important; }
.wp200 { width:20rem !important; }
.wp201 { width:2.1rem !important; }
.wp202 { width:2.2rem !important; }
.wp203 { width:2.3rem !important; }
.wp204 { width:2.4rem !important; }
.wp205 { width:2.5rem !important; }
.wp206 { width:2.6rem !important; }
.wp207 { width:2.7rem !important; }
.wp208 { width:2.8rem !important; }
.wp209 { width:2.9rem !important; }
.wp210 { width:21rem !important; }
.wp211 { width:21.1rem !important; }
.wp212 { width:21.2rem !important; }
.wp213 { width:21.3rem !important; }
.wp214 { width:21.4rem !important; }
.wp215 { width:21.5rem !important; }
.wp216 { width:21.6rem !important; }
.wp217 { width:21.7rem !important; }
.wp218 { width:21.8rem !important; }
.wp219 { width:21.9rem !important; }
.wp220 { width:22rem !important; }
.wp221 { width:22.1rem !important; }
.wp222 { width:22.2rem !important; }
.wp223 { width:22.3rem !important; }
.wp224 { width:22.4rem !important; }
.wp225 { width:22.5rem !important; }
.wp226 { width:22.6rem !important; }
.wp227 { width:22.7rem !important; }
.wp228 { width:22.8rem !important; }
.wp229 { width:22.9rem !important; }
.wp230 { width:23rem !important; }
.wp231 { width:23.1rem !important; }
.wp232 { width:23.2rem !important; }
.wp233 { width:23.3rem !important; }
.wp234 { width:23.4rem !important; }
.wp235 { width:23.5rem !important; }
.wp236 { width:23.6rem !important; }
.wp237 { width:23.7rem !important; }
.wp238 { width:23.8rem !important; }
.wp239 { width:23.9rem !important; }
.wp240 { width:24rem !important; }
.wp241 { width:24.1rem !important; }
.wp242 { width:24.2rem !important; }
.wp243 { width:24.3rem !important; }
.wp244 { width:24.4rem !important; }
.wp245 { width:24.5rem !important; }
.wp246 { width:24.6rem !important; }
.wp247 { width:24.7rem !important; }
.wp248 { width:24.8rem !important; }
.wp249 { width:24.9rem !important; }
.wp250 { width:25rem !important; }
.wp251 { width:25.1rem !important; }
.wp252 { width:25.2rem !important; }
.wp253 { width:25.3rem !important; }
.wp254 { width:25.4rem !important; }
.wp255 { width:25.5rem !important; }
.wp256 { width:25.6rem !important; }
.wp257 { width:25.7rem !important; }
.wp258 { width:25.8rem !important; }
.wp259 { width:25.9rem !important; }
.wp260 { width:26rem !important; }
.wp261 { width:26.1rem !important; }
.wp262 { width:26.2rem !important; }
.wp263 { width:26.3rem !important; }
.wp264 { width:26.4rem !important; }
.wp265 { width:26.5rem !important; }
.wp266 { width:26.6rem !important; }
.wp267 { width:26.7rem !important; }
.wp268 { width:26.8rem !important; }
.wp269 { width:26.9rem !important; }
.wp270 { width:27rem !important; }
.wp271 { width:27.1rem !important; }
.wp272 { width:27.2rem !important; }
.wp273 { width:27.3rem !important; }
.wp274 { width:27.4rem !important; }
.wp275 { width:27.5rem !important; }
.wp276 { width:27.6rem !important; }
.wp277 { width:27.7rem !important; }
.wp278 { width:27.8rem !important; }
.wp279 { width:27.9rem !important; }
.wp280 { width:28rem !important; }
.wp281 { width:28.1rem !important; }
.wp282 { width:28.2rem !important; }
.wp283 { width:28.3rem !important; }
.wp284 { width:28.4rem !important; }
.wp285 { width:28.5rem !important; }
.wp286 { width:28.6rem !important; }
.wp287 { width:28.7rem !important; }
.wp288 { width:28.8rem !important; }
.wp289 { width:28.9rem !important; }
.wp290 { width:29rem !important; }
.wp291 { width:29.1rem !important; }
.wp292 { width:29.2rem !important; }
.wp293 { width:29.3rem !important; }
.wp294 { width:29.4rem !important; }
.wp295 { width:29.5rem !important; }
.wp296 { width:29.6rem !important; }
.wp297 { width:29.7rem !important; }
.wp298 { width:29.8rem !important; }
.wp299 { width:29.9rem !important; }
.wp300 { width:30rem !important; }
.wp301 { width:3.1rem !important; }
.wp302 { width:3.2rem !important; }
.wp303 { width:3.3rem !important; }
.wp304 { width:3.4rem !important; }
.wp305 { width:3.5rem !important; }
.wp306 { width:3.6rem !important; }
.wp307 { width:3.7rem !important; }
.wp308 { width:3.8rem !important; }
.wp309 { width:3.9rem !important; }
.wp310 { width:31rem !important; }
.wp311 { width:31.1rem !important; }
.wp312 { width:31.2rem !important; }
.wp313 { width:31.3rem !important; }
.wp314 { width:31.4rem !important; }
.wp315 { width:31.5rem !important; }
.wp316 { width:31.6rem !important; }
.wp317 { width:31.7rem !important; }
.wp318 { width:31.8rem !important; }
.wp319 { width:31.9rem !important; }
.wp320 { width:32rem !important; }
.wp321 { width:32.1rem !important; }
.wp322 { width:32.2rem !important; }
.wp323 { width:32.3rem !important; }
.wp324 { width:32.4rem !important; }
.wp325 { width:32.5rem !important; }
.wp326 { width:32.6rem !important; }
.wp327 { width:32.7rem !important; }
.wp328 { width:32.8rem !important; }
.wp329 { width:32.9rem !important; }
.wp330 { width:33rem !important; }
.wp331 { width:33.1rem !important; }
.wp332 { width:33.2rem !important; }
.wp333 { width:33.3rem !important; }
.wp334 { width:33.4rem !important; }
.wp335 { width:33.5rem !important; }
.wp336 { width:33.6rem !important; }
.wp337 { width:33.7rem !important; }
.wp338 { width:33.8rem !important; }
.wp339 { width:33.9rem !important; }
.wp340 { width:34rem !important; }
.wp341 { width:34.1rem !important; }
.wp342 { width:34.2rem !important; }
.wp343 { width:34.3rem !important; }
.wp344 { width:34.4rem !important; }
.wp345 { width:34.5rem !important; }
.wp346 { width:34.6rem !important; }
.wp347 { width:34.7rem !important; }
.wp348 { width:34.8rem !important; }
.wp349 { width:34.9rem !important; }
.wp350 { width:35rem !important; }
.wp351 { width:35.1rem !important; }
.wp352 { width:35.2rem !important; }
.wp353 { width:35.3rem !important; }
.wp354 { width:35.4rem !important; }
.wp355 { width:35.5rem !important; }
.wp356 { width:35.6rem !important; }
.wp357 { width:35.7rem !important; }
.wp358 { width:35.8rem !important; }
.wp359 { width:35.9rem !important; }
.wp360 { width:36rem !important; }
.wp361 { width:36.1rem !important; }
.wp362 { width:36.2rem !important; }
.wp363 { width:36.3rem !important; }
.wp364 { width:36.4rem !important; }
.wp365 { width:36.5rem !important; }
.wp366 { width:36.6rem !important; }
.wp367 { width:36.7rem !important; }
.wp368 { width:36.8rem !important; }
.wp369 { width:36.9rem !important; }
.wp370 { width:37rem !important; }
.wp371 { width:37.1rem !important; }
.wp372 { width:37.2rem !important; }
.wp373 { width:37.3rem !important; }
.wp374 { width:37.4rem !important; }
.wp375 { width:37.5rem !important; }
.wp376 { width:37.6rem !important; }
.wp377 { width:37.7rem !important; }
.wp378 { width:37.8rem !important; }
.wp379 { width:37.9rem !important; }
.wp380 { width:38rem !important; }
.wp381 { width:38.1rem !important; }
.wp382 { width:38.2rem !important; }
.wp383 { width:38.3rem !important; }
.wp384 { width:38.4rem !important; }
.wp385 { width:38.5rem !important; }
.wp386 { width:38.6rem !important; }
.wp387 { width:38.7rem !important; }
.wp388 { width:38.8rem !important; }
.wp389 { width:38.9rem !important; }
.wp390 { width:39rem !important; }
.wp391 { width:39.1rem !important; }
.wp392 { width:39.2rem !important; }
.wp393 { width:39.3rem !important; }
.wp394 { width:39.4rem !important; }
.wp395 { width:39.5rem !important; }
.wp396 { width:39.6rem !important; }
.wp397 { width:39.7rem !important; }
.wp398 { width:39.8rem !important; }
.wp399 { width:39.9rem !important; }
.wp400 { width:40rem !important; }
.wp401 { width:4.1rem !important; }
.wp402 { width:4.2rem !important; }
.wp403 { width:4.3rem !important; }
.wp404 { width:4.4rem !important; }
.wp405 { width:4.5rem !important; }
.wp406 { width:4.6rem !important; }
.wp407 { width:4.7rem !important; }
.wp408 { width:4.8rem !important; }
.wp409 { width:4.9rem !important; }
.wp410 { width:41rem !important; }
.wp411 { width:41.1rem !important; }
.wp412 { width:41.2rem !important; }
.wp413 { width:41.3rem !important; }
.wp414 { width:41.4rem !important; }
.wp415 { width:41.5rem !important; }
.wp416 { width:41.6rem !important; }
.wp417 { width:41.7rem !important; }
.wp418 { width:41.8rem !important; }
.wp419 { width:41.9rem !important; }
.wp420 { width:42rem !important; }
.wp421 { width:42.1rem !important; }
.wp422 { width:42.2rem !important; }
.wp423 { width:42.3rem !important; }
.wp424 { width:42.4rem !important; }
.wp425 { width:42.5rem !important; }
.wp426 { width:42.6rem !important; }
.wp427 { width:42.7rem !important; }
.wp428 { width:42.8rem !important; }
.wp429 { width:42.9rem !important; }
.wp430 { width:43rem !important; }
.wp431 { width:43.1rem !important; }
.wp432 { width:43.2rem !important; }
.wp433 { width:43.3rem !important; }
.wp434 { width:43.4rem !important; }
.wp435 { width:43.5rem !important; }
.wp436 { width:43.6rem !important; }
.wp437 { width:43.7rem !important; }
.wp438 { width:43.8rem !important; }
.wp439 { width:43.9rem !important; }
.wp440 { width:44rem !important; }
.wp441 { width:44.1rem !important; }
.wp442 { width:44.2rem !important; }
.wp443 { width:44.3rem !important; }
.wp444 { width:44.4rem !important; }
.wp445 { width:44.5rem !important; }
.wp446 { width:44.6rem !important; }
.wp447 { width:44.7rem !important; }
.wp448 { width:44.8rem !important; }
.wp449 { width:44.9rem !important; }
.wp450 { width:45rem !important; }
.wp451 { width:45.1rem !important; }
.wp452 { width:45.2rem !important; }
.wp453 { width:45.3rem !important; }
.wp454 { width:45.4rem !important; }
.wp455 { width:45.5rem !important; }
.wp456 { width:45.6rem !important; }
.wp457 { width:45.7rem !important; }
.wp458 { width:45.8rem !important; }
.wp459 { width:45.9rem !important; }
.wp460 { width:46rem !important; }
.wp461 { width:46.1rem !important; }
.wp462 { width:46.2rem !important; }
.wp463 { width:46.3rem !important; }
.wp464 { width:46.4rem !important; }
.wp465 { width:46.5rem !important; }
.wp466 { width:46.6rem !important; }
.wp467 { width:46.7rem !important; }
.wp468 { width:46.8rem !important; }
.wp469 { width:46.9rem !important; }
.wp470 { width:47rem !important; }
.wp471 { width:47.1rem !important; }
.wp472 { width:47.2rem !important; }
.wp473 { width:47.3rem !important; }
.wp474 { width:47.4rem !important; }
.wp475 { width:47.5rem !important; }
.wp476 { width:47.6rem !important; }
.wp477 { width:47.7rem !important; }
.wp478 { width:47.8rem !important; }
.wp479 { width:47.9rem !important; }
.wp480 { width:48rem !important; }
.wp481 { width:48.1rem !important; }
.wp482 { width:48.2rem !important; }
.wp483 { width:48.3rem !important; }
.wp484 { width:48.4rem !important; }
.wp485 { width:48.5rem !important; }
.wp486 { width:48.6rem !important; }
.wp487 { width:48.7rem !important; }
.wp488 { width:48.8rem !important; }
.wp489 { width:48.9rem !important; }
.wp490 { width:49rem !important; }
.wp491 { width:49.1rem !important; }
.wp492 { width:49.2rem !important; }
.wp493 { width:49.3rem !important; }
.wp494 { width:49.4rem !important; }
.wp495 { width:49.5rem !important; }
.wp496 { width:49.6rem !important; }
.wp497 { width:49.7rem !important; }
.wp498 { width:49.8rem !important; }
.wp499 { width:49.9rem !important; }
.wp500 { width:50rem !important; }
.wp550 { width:55rem !important; }
.wp600 { width:60rem !important; }
.wp650 { width:65rem !important; }
.wp700 { width:70rem !important; }
.wp750 { width:75rem !important; }
.wp800 { width:80rem !important; }
.wp850 { width:85rem !important; }
.wp900 { width:90rem !important; }
.hpauto800 {height:80rem; overflow-y: scroll;}

#header {position:sticky; top:0; left:0; right:0;}

#wrap {padding-bottom:4rem; clear:both;}
body.open-pc-lnb #wrap:before {display:none !important;}
.inner-wrap,
#gnbWrap >div,
.nuri_txt > .inner {display:block; position:relative; margin:0 auto; max-width:184rem;}
.inner-wrap.border {border:2px solid #222222;}
#wrap .inner-wrap.border {border-top-width:0 !important;}
#wrap .inner-wrap {background:url(../img/common/bg.png) no-repeat 50% 0%; background-size:100% auto; overflow:hidden; z-index:0;}

#gnbWrap {background:transparent;}
#gnbWrap:before {display:none !important;}
#gnbWrap .zoom-control button {background-color:#444;}

@media all and (max-width:1880px) {
	#wrap {padding-bottom:2rem;}
	.inner-wrap,
	#gnbWrap >div,
	.nuri_txt > .inner {margin:0 2rem;}	
}
@media all and (max-width:1400px) {
	#wrap {padding-bottom:1rem;}
	.inner-wrap,
	#gnbWrap >div,
	.nuri_txt > .inner {margin:0 1rem;}	
}
@media all and (max-width:1024px) {
	#wrap {padding-bottom:0rem;}
	.inner-wrap,
	#gnbWrap >div,
	.nuri_txt > .inner {margin:0; border:none;}
	.inner-wrap.border {border-left-width:0; border-right-width:0;}
	#wrap .inner-wrap.border {border-bottom-width:0 !important;}
}

.copy_info .policy a.point {color:#E91672; font-weight:800;}
.copy_info .policy a.blue {color:inherit;}

.site_wrap {min-height:6.3rem; background:#222; display:none;}
footer .info_wrap {max-width:160rem; padding-left:2rem; padding-right:2rem;}
.footer_wrap {position:relative; border-top:1px solid #ddd; background:#fff; z-index:1;}
.footer_wrap .f-banner {padding:2rem 1rem; overflow:auto; -ms-overflow-style:none; scrollbar-width:none; border-bottom:1px solid #ddd;}
.footer_wrap .f-banner::-webkit-scrollbar {display:none;}
.footer_wrap .f-banner img {display:block; max-height:5rem; margin:0 auto; max-width:100%;}
.footer_wrap .f-banner .inner {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.footer_wrap .f-banner .inner > * {display:inline-block; max-width:32%; margin:1px 0; vertical-align:middle;}

@media all and (max-width:1670px) {
	.footer_wrap .f-banner .inner > * {padding:0 1%;}
}
@media all and (max-width:1024px) {
	footer .info_wrap {padding-left:1rem; padding-right:1rem;}
	.footer_wrap .f-banner .inner {display:block; white-space:nowrap; text-align:center; max-width:10000%;}
	.footer_wrap .f-banner .inner > * {padding:0 1%; max-width:25%;}
}

.pageInfo {background:#fff;}
.btn_scroll_top {width:5rem; height:5rem; background:url(../img/common/btn_top.svg) no-repeat 50% 50% !important; border:none !important; border-radius:.5rem !important;}

/*******************************************************************
	Header
*******************************************************************/

.headWrap .inner-wrap {position:relative;}
.headWrap .aside {right:0; margin-right:0; top:0; bottom:0; transform:none; -webkit-transform:none;}

.headWrap .y-logo {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:1; left:3.3rem;}
.headWrap .y-logo a.portal {display:inline-block; position:relative; width:11.6rem; top:0; left:0; right:0; bottom:0; background:url('/common/img/common/logo.svg') no-repeat 0% 50%; background-size:contain; overflow:hidden; text-indent:-999px;}
.headWrap .y-logo a.portal:before {content:""; display:block; position:relative; padding-top:34.49%;}
.headWrap .y-logo a.portal span {display:block; position:absolute; top:0; left:0; text-indent:-999px; text-align:left; overflow:hidden; width:0; height:0; z-index:-9999; opacity:0;}
.headWrap .y-logo a.other {display:inline-block; vertical-align:bottom; position:relative; font-weight:800; color:#231815; font-size:2.2rem; padding-bottom:.3em; margin-left:.3em;}
.headWrap .y-logo a.other strong {font-weight:800; letter-spacing:-0.1em;}

.headWrap .btn-sitemap {display:block; position:relative; width:8rem; height:100%; background:#222;}
.headWrap .btn-sitemap > * {display:block; position:absolute;}
.headWrap .btn-sitemap span.on,
.headWrap .btn-sitemap span.off {font-size:1.2rem; color:#fff; text-align:center; left:0; right:0; bottom:1.9rem;}
.headWrap .btn-sitemap span.off {display:none; bottom:1.472rem;}
.headWrap .btn-sitemap span.bars {position:static;}
.headWrap .btn-sitemap span.bar {display:block; position:absolute; left:50%; height:.2rem; width:4rem; background:#fff; margin-left:-2rem; transition:.3s all; -webkit-transition:.3s all;}
.headWrap .btn-sitemap span.bar-01 {top:2.4rem;}
.headWrap .btn-sitemap span.bar-02 {top:3.4rem;}


@media all and (min-width:1024px) {
	#openMenu {display:none;}
}
@media all and (max-width:1024px) {
	.headWrap .btn-sitemap.sitemap {display:none;}
	
	.headWrap .inner-wrap {display:flex; justify-content:space-between; align-items:center; padding:0 1rem; height:calc(8rem + 4px);}
	
	.headWrap .y-logo {position:relative; top:auto; left:auto; margin:0 0 0 1rem; transform:none; -webkit-transform:none; z-index:1;}
	.headWrap .aside {position:absolute; left:auto;}
}


/*******************************************************************
	LNB
*******************************************************************/

.lnbWrap {height:auto !important; padding:0 !important;}

.lnb_nav {display:flex; flex-wrap:nowrap; justify-content:center;}
.lnb_nav .li_depth01 {display:block; align-items:center; position:relative;}
.lnb_nav .li_depth01 > a {height:8rem; border:2px solid transparent; border-top-width:0; border-bottom-width:0;}
.lnb_nav .li_depth01 > a > span {padding:.2em 5rem 0;}
@media all and (max-width:1560px) { .lnb_nav .li_depth01 > a > span {padding-left:3.8rem; padding-right:3.8rem;} }

.lnb_nav .li_depth01.on > a,
.lnb_nav .li_depth01.active > a {font-weight:900; border-color:#222; color:#222 !important; text-decoration:none;}
.lnb_nav .li_depth01.active + li > a,
.lnb_nav .li_depth01.on + li > a {border-left-color:transparent !important;}

.lnb_nav .lnb_sub {background:#ffffff; border:none; left:50%; right:auto; text-align:center; width:auto; min-width:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.lnb_nav .lnb_sub > .inner:before,
.lnb_nav .lnb_sub .tit,
.lnb_nav .depth02 > li > .cell2  {display:none;}
.lnb_nav .lnb_sub .depth02 {margin:0; min-height:0; background:none; padding:2rem 1rem; border:2px solid #222;}
.lnb_nav .depth02 > li {display:block; width:auto;}
.lnb_nav .depth02 > li > .cell {display:block; width:auto; background:none; color:#222; padding:1.5rem 0;}
.lnb_nav .depth02 > li > .cell a {padding:0; white-space:nowrap; margin:0; color:#222; background:none !important;}
.lnb_nav .depth02 > li > .cell a:hover,
.lnb_nav .depth02 > li > .cell a.on,
.lnb_nav .depth02 > li > .cell a.active,
.lnb_nav .depth02 > li.active > .cell a {font-weight:800; text-decoration:underline; color:#222;}



/*******************************************************************
	Mobile Menu
*******************************************************************/

#m_menu {left:auto; right:0; transform:translateX(100%); -webkit-transform:translateX(100%); width:100vw; max-width:50rem;}
#m_menu .side_menu {height:100%;}
#m_menu > div {border:2px solid #222; background:#fff;}
#m_menu .mobile-top {display:flex; flex-wrap:nowrap; justify-content:space-between; height:8rem; align-items:center; padding:0;}

#m_menu .logo a.portal {display:inline-block; position:relative; width:11.6rem; margin-left:1.8rem; top:0; left:0; right:0; bottom:0; background:url('/common/img/common/logo.svg') no-repeat 0% 50%; background-size:contain; overflow:hidden; text-indent:-999px;}
#m_menu .logo a.portal:before {content:""; display:block; position:relative; padding-top:34.49%;}
#m_menu .logo a.portal span {display:block; position:absolute; top:0; left:0; text-indent:-999px; text-align:left; overflow:hidden; width:0; height:0; z-index:-9999; opacity:0;}
#m_menu .logo a.other {display:inline-block; vertical-align:bottom; position:relative; font-weight:800; color:#231815; font-size:2.2rem; padding-bottom:.3em; margin-left:.3em;}
#m_menu .logo a.other strong {font-weight:800; letter-spacing:-0.1em;}

#m_menu .btn_menu_close:before {display:none;}

#m_menu .btn-sitemap {display:block; position:relative; width:8rem; height:100%; background:#222; top:auto; border-left:2px solid #222;}
#m_menu .btn-sitemap > * {display:block; position:absolute;}
#m_menu .btn-sitemap span.off {font-size:1.2rem; color:#fff; text-align:center; left:0; right:0; bottom:1.472rem;}
#m_menu .btn-sitemap span.bars {position:static;}
#m_menu .btn-sitemap span.bar {display:block; position:absolute; top:2.8rem; left:50%; height:.2rem; width:4rem; background:#fff; margin-left:-2rem; transition:.3s all; -webkit-transition:.3s all;}
#m_menu .btn-sitemap span.bar-01 {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#m_menu .btn-sitemap span.bar-02 {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

#m_menu .depth1 {position:relative; top:auto; font-size:1em; height:calc(100% - 8rem); padding:4rem 0; overflow:hidden; border-top:2px solid #222; background:#F8F8F8;}
#m_menu .depth1:before,
#m_menu .depth2 {position:absolute !important; top:0; right:0; bottom:0; left:20rem; z-index:1;}
#m_menu .depth1:before {content:""; z-index:0; background:#fff;}
#m_menu .depth1 > li {position:static; width:20rem; transition:.3s padding; -webkit-transition:.3s padding; border:none;}
#m_menu .depth1 > li > a {display:block; position:relative; width:19.1rem; height:5.5rem; line-height:5.5rem; font-weight:400; font-size:1.8rem; padding:.1em 3rem 0 !important; border-radius:.5rem; text-align:left; color:#333; background:transparent; z-index:2 !important;}
#m_menu .depth1 > li > .open-sub-menu {display:none !important;}
#m_menu .depth1 > li.open {padding-left:3rem;}

#m_menu .li_depth1.open > a {font-weight:800; background:#222222; color:#fff; overflow:hidden; text-overfloW:ellipsis; white-space:nowrap;}
#m_menu .li_depth1.open > a:after {content:""; display:block; position:absolute; width:2.5rem; height:2.5rem; top:50%; right:2rem; margin-top:calc(2.5rem / 2 * -1); background:url(../img/common/img_mo_lnb_depth1.svg) no-repeat 50% 50%; background-size:contain;}

#m_menu .depth2 {padding:4rem 2.8rem 2.8rem 4rem; overflow:auto;}
#m_menu .depth2 > li {display:block; position:relative; border-bottom:1px solid #ddd;}
#m_menu .depth2 > li > a {display:block; position:relative; font-size:1.8rem; padding:1.8rem 1.5rem; color:#222;}
#m_menu .depth2 > .li_depth2.has-submenu > a {padding-right:4rem;}
#m_menu .depth2 > .li_depth2.has-submenu > .open-sub-menu {width:4rem; height:5.5rem; background:url(../img/common/img_mo_lnb_depth2.svg) no-repeat top 50% left 0; background-size:2.5rem auto;}
#m_menu .depth2 > .li_depth2.has-submenu.open > a {color:#E91672; font-weight:800; border-bottom:2px solid #E91672;}
#m_menu .depth2 > .li_depth2.has-submenu.open > .open-sub-menu {background-image:url(../img/common/img_mo_lnb_depth2_on.svg);}

#m_menu .depth3 {padding:2rem; background:#fafafa;}
#m_menu .depth3 > .li_depth3:before {display:none;}
#m_menu .depth3 > .li_depth3 + .li_depth3 {margin-top:1.3rem;}
#m_menu .depth3 > .li_depth3 > a {font-size:1.6rem; color:#555; padding:.2rem 1.3rem; line-height:1.3em;}
#m_menu .depth3 > .li_depth3 > a:before {content:""; display:block; position:absolute; border-radius:100%; width:.4rem; height:.4rem; background:#999; top:.47em; left:0;}
#m_menu .depth3 > .li_depth3.open > a {color:#222; font-weight:400;}
#m_menu .depth3 > .li_depth3.open > a:before {background:#222;}

@media all and (max-width:390px) {
	#m_menu .depth1 > li {width:17rem;}
	#m_menu .depth1:before,
	#m_menu .depth2 {left:17rem;}
	#m_menu .depth1 > li.open {padding-left:1rem;}
	#m_menu .depth1 > li > a {width:17.1rem; padding:.1em 2rem 0 !important;}
	
	#m_menu .depth2 {padding:4rem 1.5rem 2.8rem 2.5rem;}
}


/*************************************************************************************
	Sub Layout
*************************************************************************************/

#container {display:flex; flex-wrap:nowrap; position:static; justify-content:space-between; max-width:162rem; padding:0 3rem 3rem;}
#container:before {content:""; display:block; position:absolute; top:31rem; left:0; right:0; height:50vh; background:#fff; z-index:0; border-radius:0 30rem 0 0;}
#container:after {content:""; display:block; position:absolute; right:0; top:62.5rem; width:10.9rem; height:66.2rem; background:url(../img/common/bg_subpage.svg) no-repeat 0 0; background-size:contain; z-index:0;}
#container > * {position:relative; z-index:1;}
#container #snbWrap {width:28rem; float:none; padding-top:13rem;}
#container #content {width:calc(100% - 32rem); max-width:120rem; float:none;}

@media all and (max-width:1760px) {
	#container:before {border-radius:0 15rem 0 0;}
}
@media all and (max-width:1024px) {
	#container {display:block; padding:0 0 3rem;}
	#container #content {width:auto; background:#fff;}
	
	#container:before {display:none;}
	#container:after {display:none;}
}

#snbWrap h2 {background:#fff; border-radius:0; height:18rem; border:2px solid #222;}
#snbWrap h2 span {font-weight:800; color:#222}
#snbWrap h2 span:before {content:"Youth Portal"; display:block; margin:0 auto 0; color:#999; font-size:0.45em; letter-spacing:0.5px; font-family:'GmarketSans','Malgun gothic', '맑은고딕', sans-serif; font-weight:400; height:3.8rem;}

.snb > li {margin:0; border-bottom:1px solid #000;}
.snb > li > a {padding:2.1rem 3rem 1.9rem 3rem; border:none; background:transparent; border-radius:0; color:#222; font-size:1.8rem;}
.snb > li > a:hover,
.snb > li > a:focus {color:#222; border:none;}
.snb >li >a.state.on {border-radius:0;}

.snb >li >a.state.on,
.snb >li >a.on {font-weight:800; background:transparent; border:0; border-bottom:1px solid #000; color:#222 !important;}
.snb >li >a.has-submenu:before {background-image:url(../img/common/img_snb_off.svg);}
.snb >li >a.has-submenu.on:before,
.snb >li >a.on:before {background-image:url(../img/common/img_snb_on.svg); background-position:50% 50%;}

.snb >li >a.state.on + ul {border:none; margin:.5rem 2rem; padding:2rem 0;}
.snb >li >a.state.on + ul > li {padding:0; margin:0;}
.snb >li >a.state.on + ul > li + li {margin-top:1.5rem; padding:0;}

.snb >li >ul >li >a:before {width:.6rem; height:2px; background:#999; border:none !important;}
.snb >li >ul >li >a:hover,
.snb >li >ul >li >a:focus {color:#E91672; text-decoration:underline;}
.snb >li >ul >li >a:hover:before,
.snb >li >ul >li >a:focus:before {background:#E91672;}

.snb >li >ul >li >a.on {color:#E91672; text-decoration:none; font-weight:800;}
.snb >li >ul >li >a.on:before {background:#E91672; border:none;}


/*************************************************************************************
	Title Box
*************************************************************************************/

#titWrap {display:block; position:relative; height:auto; margin-bottom:5.4rem; padding:0;}

#titWrap .subTitleArea {display:block; position:relative; height:31rem; padding-top:8.3rem;}
#titWrap .subTitleArea h3 {text-align:center; font-size:4.8rem; font-weight:800; padding:0; margin-bottom:3.4rem;}

#titWrap .subTitleArea:before,
#titWrap .subTitleArea:after {content:""; display:block; position:absolute; width:6rem; height:6rem; background:no-repeat 50% 50%; background-size:contain;}
#titWrap .subTitleArea:before {background-image:url(../img/common/img_tit_acc1.svg); bottom:7.6rem; left:50%; margin-left:-43.4rem; animation:hop 0.8s ease-in-out infinite; -webkit-animation:hop 0.8s ease-in-out infinite; transform-origin:bottom; -webkit-transform-origin:bottom;}
#titWrap .subTitleArea:after {background-image:url(../img/common/img_tit_acc2.svg); top:8.7rem; right:50%; margin-right:-39.3rem; animation:rotate360 3s linear infinite; -webkit-animation:rotate360 3s linear infinite;}

#titWrap #spotWrap {padding:0;}
#titWrap .spotWrap {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#titWrap .spotWrap > * {display:block; position:relative; margin:.1rem 1rem; font-size:1.4rem; padding-top:.3em; line-height:1.3; color:#666; font-weight:100;}
#titWrap .spotWrap .home,
#titWrap .spotWrap .bar,
#titWrap .spotWrap .arrow {overflow:hidden; text-indent:-999px; padding-top:0;}
#titWrap .spotWrap .home {width:2rem; height:2rem; background:url(../img/common/img_spot_home.svg) no-repeat 50% 50%; background-size:contain;}
#titWrap .spotWrap .bar {width:1px; height:1.4rem; background:#d9d9d9;}
#titWrap .spotWrap .bar + .arrow {display:none;}
#titWrap .spotWrap .arrow {width:1rem; height:1rem; background:url(../img/common/img_spot_arrow.svg) no-repeat 50% 50%; background-size:contain;}
#titWrap .spotWrap > *.last {font-weight:400;}

#titWrap .subAccArea {display:flex; position:relative; flex-wrap:nowrap; justify-content:end; width:100%; align-items:center;}
#titWrap .subAccArea .sub_acc {display:flex; flex-wrap:nowrap; align-items:center; position:relative; top:auto; transform:none; -webkit-transform:none; margin-left:auto;}
.share_list  {right:12rem; top:0; height:5rem;}
.share_list > div {display:flex; flex-wrap:nowrap; align-items:center; padding:1rem 2rem; border:1px solid #D9D9D9; box-shadow:none; -webkit-box-shadow:none;}
.share_list > div ul {display:flex; flex-wrap:nowrap; align-items:center;}
.share_list li >button[class^=btn_] {width:3rem; height:3rem; background:url(../img/common/spr_sns.svg) no-repeat 0 0; background-size:auto 100%;}
.share_list li >button.btn_twitter {background-position-x:-4rem;}
.share_list li >button.btn_blog {background-position-x:-8rem;}
.share_list li >button.btn_kakaotalk {background-position-x:-12rem;}
.sub_acc li >a[class^=btn_] {width:5rem; height:5rem; box-shadow:none; -webkit-box-shadow:none; background:#222 !important; border-radius:100%; overflow:hidden;}
.sub_acc li >a[class^=btn_]:before {display:none !important;}
.sub_acc li >a[class^=btn_]:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:no-rpeeat 50% 50%; background-size:contain;}
.sub_acc li >a.btn_share:after {background-image:url(../img/common/btn_share.svg);}
.sub_acc li >a.btn_print:after {background-image:url(../img/common/btn_print.svg);}
.share_list button.close {position:relative; top:auto; right:auto; margin:0 0 0 1rem; border-radius:100%; overflow:hidden; width:3rem; height:3rem; background:url(../img/common/btn_close.svg) no-repeat 50% 50% #222; background-size:contain;}

@media all and (max-width:1024px) {
	#titWrap {height:auto; background:transparent !important;}
	#titWrap .subTitleArea {height:auto; margin:0 -1rem; padding:5rem 1rem; background:url(../img/common/bg.png) repeat 50% 0%; background-size:auto auto;}
	#titWrap .subTitleArea h3 {font-size:3.5rem;}
	#titWrap .subAccArea {margin-top:-2.5rem; padding:0 1rem;}
	#titWrap .subAccArea .sub_acc {width:auto !important;}
	#titWrap .sub_acc > li {border:none !important; width:auto !important;}
	#titWrap .sub_acc > li + li {margin-left:1rem;}
	
}


/****************************************************************
	Slider Common Style
****************************************************************/

.slider .swiper-slide {width:100%;}
.slider .swiper-slide > a {display:block;}
.slider .swiper-slide img {display:block; max-width:100%;}

.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; padding:5px !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}
.fix-scroll .swiper-wrapper li a {display:block; position:relative;}
.fix-scroll .swiper-wrapper li a:before {display:none !important;}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}