* { font-family: 'Pretendard'; letter-spacing:-0.04em; word-break:keep-all; }
body { min-width:1100px; }
.gms { font-family: 'GmarketSans'; line-height:1; padding-top:0.2em; }
.wrap { width:1100px; margin:0 auto; }
.hidden { position:absolute; clip:rect(1px 1px 1px 1px); width:1px; height:1px; margin:-1px; overflow:hidden; }
@media (max-width:1140px){
	.wrap { padding:0 20px; }
}
@media (max-width:1024px){
	body { min-width:100%; }
	.wrap { width:100%; }


}
@media (max-width:360px){
	.wrap { padding:0 10px; }
}

/* S : ž¸Þ´º */
#Top { position:relative; _max-width:1920px; width:100%; height:103px; margin:0 auto; }
#Top_hd { position:relative; z-index:5; width:100%; }
.top_nav_bg { position:fixed; width:100%; display:none; top:103px; height:92px; background:#fff; -webkit-box-shadow:0px 12px 45px -17px rgba(0,0,0,0.12); box-shadow:0px 12px 45px -17px rgba(0,0,0,0.2); }
#Top_Gnb { position:fixed; top:0; width:100%; border-bottom:1px solid rgba(255,255,255,0); transition:all .3s; }
#Top_Gnb .wrap { max-width:1100px; height:103px; display:flex; align-items:center; }
#Top_Gnb .logo { margin-right:30px; }
#Top_Gnb .logo img { max-width:220px; width:100%; }
#Top_Gnb #topGnb { display:flex; align-items:center; }
#Top_Gnb #topGnb:after { display:block; content:""; visibility:hidden; clear:both; }
#Top_Gnb #topGnb > li { position:relative; padding:0 25px; }
#Top_Gnb #topGnb > li > a { display:flex; justify-content:center; align-items:center; height:103px; font-size:17px; color:#222; transition:all .2s; font-weight:600; }
#Top_Gnb #topGnb > li:hover > a { color:#30c38c; font-weight:600; position: relative; }
#Top_Gnb #topGnb > li:hover > a:after { content:''; width:6px; height:6px; position:absolute; right:0; top:33%; background:#30c38c; border-radius:50%; transform:translate(100%,0); }
#Top_Gnb #topGnb .top_lnb { display:none; position:absolute; width:100%; min-height:91px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); padding-top:20px; }
#Top_Gnb #topGnb .top_lnb li a { display:block; font-size:16px; font-weight:400; text-align:center; color:#9d9d9d; transition:color .2s; }
#Top_Gnb #topGnb .top_lnb li+li { margin-top:6px; }
#Top_Gnb #topGnb .top_lnb li a:hover { color:#222; }
#Top_Gnb #menuLine { position:absolute; bottom:-1px; left:50%; width:0; height:3px; background:transparent; transition:all 0.5s ease-in-out; }
#Top_Gnb .btn_box { margin:0 auto; margin-right:0; }
#Top_Gnb .btn_box a { font-size:13px; font-weight:700; color:#444; transition:0.3s; }
#Top_Gnb .btn_box a:hover { color:#222; }
#Top_Gnb .btn_box a+a { margin-left:18px; padding-left:19px; border-left:1px solid #444; }
#Top_Gnb .btn_box a.point { color:#30c38c; }
#Top_Gnb.fixed { box-shadow:1px 0 6px 0 rgba(0,0,0,0.17); border-bottom:1px solid #e1e1e1; background:#fff; }
#Top_Gnb.on { border-bottom:1px solid #e1e1e1; background:#fff; }
#Top_Gnb.on #menuLine { background:#30c38c; }

#Top_M { display:none; position:fixed; left:0; top:0; width:100%; padding:18px 20px; border-bottom:1px solid #e1e1e1; transition:all .3s; }
#Top_M.fixed { background:#fff; box-shadow:1px 0 6px 0 rgba(0,0,0,0.17); }
#m_logo { position:relative; display:inherit; }
#m_logo a { display:inline-block; }
#m_logo img { height:30px; _max-height:60px; }
#m_navBtn { position:absolute;   right:20px; z-index:5; width:30px; height:30px; }
#m_navBtn i { width:30px; height:30px; background:url('../img/ic_menu.png') no-repeat; background-size:contain; background-position:center; display:block; }
#m_navBtn.on { position:fixed; }
#m_navBtn.on i { background:url('../img/ic_menu_close.png') no-repeat; background-size:20px 20px; background-position:center; }
#navWrap { display:none; position:fixed; left:0; top:0; z-index:4; width:100%; height:100%; background:rgba(0,0,0,.7); }
#navWrap .wrap { overflow-y:scroll; opacity:0; position:fixed; right:-40px; top:0; z-index:6; min-width:300px; width:calc(100% - 65px); max-width:500px; height:100%; background:#fff; -webkit-transition:all .1s; transition:all .1s; padding:0 30px; }
#navWrap.on .wrap { opacity:1; right:0; -webkit-transition:all .4s; transition:all .4s; }
#navWrap .wrap .btn_box { position:fixed; bottom:30px; }
#navWrap .wrap .btn_box a { font-size:16px; font-weight:500; color:#444; }
#navWrap .wrap .btn_box a+a { margin-left:20px; padding-left:21px; border-left:1px solid #444; }
#navWrap .btn_box a.point { color:#30c38c; }
#navWrap .wrap .mo_hd_copy { position:fixed; right:0; bottom:15px; z-index:2; min-width:300px; width:70%; font-size:12px; text-align:center; color:#888; }
#navWrap .wrap .m_logo_box { padding:18px 0; }
#navWrap .wrap .m_logo_box img { height:30px; }
#Top_M .m_lnb > li { padding:15px 0; }
#Top_M .m_lnb > li+li { border-top:1px solid #ddd; }
#Top_M .m_lnb .m_bmenu { width:100%; font-size:18px; color:#444; text-align:left; font-weight:500; display:flex; justify-content:space-between; align-items:center; transition:0.3s; }
#Top_M .m_lnb .m_bmenu i { display:block; width:14px; height:8px; background:url('../img/ic_menu_arrow02.png') no-repeat; background-size:contain; transition:0.3s; }
#Top_M .m_lnb .m_bmenu.on { font-weight:700; color:#30c38c; }
#Top_M .m_lnb .m_bmenu.on i { transform:rotate(180deg); }
#Top_M .m_smenu { display:none; margin-top:15px; }
#Top_M .m_smenu li+li { margin-top:6px; }
#Top_M .m_smenu li a { font-size:16px; color:#7b7b7b; font-weight:500; }
#Top_M .m_smenu li a:hover { color:#000; font-weight:700; }
@media (max-width:1140px){
	#sh_hd { position:sticky; top:0; background:#fff; }
	#Top_Gnb { display:none; }
	#Top_M { display:flex; justify-content:space-between; align-items:center; height: 104px;}
}
@media (max-width:360px){
	#Top_M { padding:18px 10px; }
}
/* E : ž¸Þ´º */

/* S : Footer */
#Foot { border-top:1px solid #ddd; }
#Foot .f_menu, #Foot .f_text { border-bottom:1px solid #ddd; }
#Foot .f_menu .wrap { display:flex; justify-content:space-between; align-items:center; padding-top:14px; padding-bottom:14px; }
#Foot .f_menu .menu a { font-size:14px; font-weight:700; }
#Foot .f_menu .menu a+a { margin-left:24px; }
#Foot .f_menu .sns a i { display:block; width:30px; height:26px; background:url('../img/ic_nblog.svg') no-repeat; background-size:cover; background-position:center; transition:0.3s; }
#Foot .f_menu .sns a:hover i { background:url('../img/ic_nblog_hv.svg') no-repeat; background-size:cover; }
#Foot .f_text { padding:31px 0; }
#Foot .f_text p { white-space:pre-line; font-size:16px; color:#9d9d9d; line-height:2; }
#Foot .f_text p.point { color:#000; }
#Foot .f_text p+p { margin-top:22px; }
#Foot .f_text p span { margin-right:30px; }
#Foot .f_copy .wrap { display:flex; justify-content:space-between; align-items:center; padding-top:15px; padding-bottom:15px; }
#Foot .f_copy p { font-size:16px; color:#9d9d9d; }
#Foot .f_copy button { width:47px; height:47px; border-radius:10px; background:#fff; border:1px solid #ddd; font-size:14px; font-weight:600; color:#444; display:flex; justify-content:center; align-items:center; flex-direction:column; transition:0.3s; }
#Foot .f_copy button:hover { background:#f6f6f6; }
#Foot .f_copy button i { display:block; width:14px; height:8px; background:url('../img/ic_top01.png') no-repeat; background-size:contain; background-position:center; margin:6px auto 1px; }
@media (max-width:768px){
	#Foot .f_text p { line-height:1.5; }
	#Foot .f_copy .wrap { flex-wrap:wrap; padding:0; }
	#Foot .f_copy p { width:100%; padding:15px 20px; }
	#Foot .f_copy button { width:100%; flex-direction:row; border:0; border-top:1px solid #ddd; border-radius:0; }
	#Foot .f_copy button i { margin:0; margin-right:12px; }
}
@media (max-width:560px){
	#Foot .f_text p span { display:block; margin-right:0; }
}
@media (max-width:360px){
	#Foot .f_copy p { padding:15px 10px; }
}
/* E : Footer */

/* S : Modal */
#modal > div { display:none; position:relative; z-index:10; }
#modal > div:before { content:''; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:10; }
#modal .modal { position:fixed; left:50%; top:50%; border-radius:30px; z-index:11; transform:translate(-50%, -50%); padding:20px; width:calc(100% - 40px); max-width:674px; background:#fff; padding:57px 20px; }
#modal .modal::-webkit-scrollbar { display:none; }
#modal .modal .text { margin-bottom:36px; text-align:center; }
#modal .modal .text p { font-size:18px; font-weight:600; color:#444; }
#modal .modal .btn { display:flex; align-items:center; justify-content:center; }
#modal .modal .btn button { width:100%; max-width:200px; text-align:center; font-size:16px; font-weight:700; padding:10px 0; border-radius:50px; border:1px solid #30c38c; color:#444; background:#30c38c; color:#fff; }

#online_test .modal .btn > * { width:100%; max-width:200px; text-align:center; font-size:16px; font-weight:700; padding:10px 0; border-radius:50px; border:1px solid #30c38c; color:#444; background:#fff; }
#online_test .modal .btn > a { display:block; background:#30c38c; color:#fff; margin-left:10px; }
@media (max-width:560px){
	#online_test .modal .btn > * { width:calc(50% - 5px); }
}
/* E : Modal */