* { font-family: 'NanumSquare'; letter-spacing:-0.04em; word-break:keep-all; }

@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

body { min-width:1100px; font-family:'Pretendard'; }
.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; }

.pc_type {display:block}
.mo_type {display:none}


@media (max-width:1140px){
	.wrap { padding:0 20px; }
}
@media (max-width:1024px){
	body { min-width:100%; }
	.wrap { width:100%; }
 

}
@media (max-width:768px){
	body { min-width:100%; }
	.wrap { width:100%; }
	.pc_type {display:none}
	.mo_type {display:block}

	#Sub.academy #Cont .img_box .text p {
		color: #333;
		font-size: 16px;
		font-weight: 500;
		line-height: 2;
		padding: 10px;
		border-radius: 0px;
		box-shadow: none;
	}

	#Sub.academy #Cont .img_box {
	    flex-direction: column;
		border: 0px!important;
		padding:0px !important;
		margin-left:-20px;
		height:auto!important;
		border-radius: 0px;
	}


	#Sub.academy #Cont .img_box .box4 {
		border: 1px solid #ddd;
		padding: 10px;
		margin-right: 0px!important;
		width: 100%!important;
		margin-bottom:10px;
	}
	#Sub.academy #Cont .img_box .box4:nth-child(3) {display:none}
	#Sub.academy #Cont .img_box .box4:nth-child(4) {display:none}
	#Sub.academy #Cont .img_box .box4 p { margin-bottom:0px!important; font-size:16px!important;}
	#Sub.academy #Cont .img_box .box4 span { color:#666; font-size:14px;}
	#A_maker .cont02 .wrap {padding-bottom:30px !important;}
}
@media (max-width:360px){
	.wrap { padding:0 10px; }
}


#Sub_A {overflow:hidden}

/* S : ž¸Þ´º */
/*Çì´õ*/
#Top_wrap #Top_Gnb .sub_top { padding: 7px 0;}
#Top_wrap #Top_Gnb .btn_box {width: 1100px;margin: 0 auto; text-align: right;}
#Top_Gnb > .wrap { max-width: 1100px; height: 100px; display: flex; align-items: center; justify-content: space-between;}
#Top_Gnb.fixed { border-bottom:1px solid #ddd; background:#fff; }
#Top_Gnb { position:fixed; top:0; width:100%; border-bottom:1px solid #ddd; background:#fff; transition:all .3s; }

#Top_wrap #Top_Gnb .sub_top {border-bottom: 1px solid #dddddd;}
#Top_wrap #Top_Gnb .btn_box { color: #000;display: flex; justify-content: flex-end; align-items: center;}
#Top_wrap #Top_Gnb .btn_box .t_line {width: 1px; height: 10px; background: #000; margin: 0 20px;}

#Top_Gnb #topGnb > li:hover { color:#222;text-decoration: underline; text-underline-position: under; }
#Top_Gnb #topGnb > li.blue:hover {color:#276cae;text-decoration: auto;}
#Top_Gnb #topGnb > li { color:#444444; }

#Top { position:relative; width:100%; margin:0 auto; }
#Top_hd { position:relative; z-index:5; width:100%; }
.top_nav_bg { position:fixed; width:100%; display:none; top:101px; height:300px; 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 .wrap { max-width:1100px; height:100px; justify-content: space-between;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;justify-content: flex-end; width: 850px; }
#Top_Gnb #topGnb:after { display:block; content:""; visibility:hidden; clear:both; }
#Top_Gnb #topGnb > li { position:relative; margin-left: 30px; }
#Top_Gnb #topGnb > li > a { font-family: 'Pretendard'; display:flex; justify-content:center; align-items:center; height:103px; font-size:17px; transition:all .2s; font-weight:600; }

#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 > li.blue {font-weight:700;}
#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:500; transition:0.3s; }
#Top_Gnb .btn_box a:hover { color:#222; }
#Top_Gnb .btn_box a+a { margin-left:18px; padding-left:19px; }
#Top_Gnb .btn_box a.point { color:#3a4ca8; }
#Top_Gnb.on { border-bottom:1px solid #e1e1e1; background:#fff; }
#Top_Gnb.on #menuLine { background:#3a4ca8; }





/* S : Footer */
#Foot .wrap { padding: 45px 0;display: flex; justify-content: space-between; align-items: center;}
#Foot .f_menu .menu > a { margin-right: 20px;font-size: 14px; font-weight: 500;}
#Foot .wrap .f_text { margin: 30px 0;color: #9d9d9d; font-size: 14px; font-weight: 500; line-height: 25px;}
#Foot .wrap .f_text p span {color: #9d9d9d; font-size: 14px; font-weight: 400; line-height: 25px;}
#Foot .wrap .f_copy p {font-family: 'Pretendard';color: #9d9d9d; font-weight: 400; font-size: 14px;}
#Foot .num {padding: 32px 0;background: #f9f9f9; width: 322px; text-align:center;height: 156px; border-radius: 20px;}
#Foot .num h2 {font-size: 14px; font-weight: 500;}
#Foot .num h3 { color: #276cae; font-size: 22px;font-weight: 800;margin: 4px 0 0px;}
#Foot .num .time p {font-size: 14px; font-weight: 400; line-height: 20px;}
#Foot .num .time span {color:#6f6f6f; font-size: 12px; font-weight: 400; line-height: 20px;}

/* S : ž¸Þ´º */

#Top_M { display:none; position:fixed; left:0; top:0; width:100%; padding:18px 20px; background:#fff; 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:39px; _max-height:60px; }
#m_navBtn i {font-size: 30px;}
/*
#m_navBtn { position:absolute; top:18px; 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 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:100%; 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;display: flex; align-items: center; }
#navWrap .wrap .btn_box a { font-size:12px; font-weight:500; color:#444; }
#navWrap .wrap .btn_box a+a { margin-left:20px; padding-left:21px; }
#navWrap .wrap .btn_box .t_line {width:1px; height:10px; background:#444;margin: 0 15px;}
#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;display: flex; align-items: center; justify-content: space-between; }
#navWrap .wrap .m_logo_box img { height:39px; }
#navWrap .wrap .m_logo_box i {font-size: 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:#3a4ca8; }
#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; }




/* 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 #3a4ca8; color:#444; background:#3a4ca8; 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 #3a4ca8; color:#444; background:#fff; }
#online_test .modal .btn > a { display:block; background:#3a4ca8; color:#fff; margin-left:10px; }





@media (max-width:560px){
	#online_test .modal .btn > * { width:calc(50% - 5px); }
}
@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; }
}
@media (max-width:360px){
	#Top_M { padding:18px 10px; }
}
/* E : Modal */