@media screen and (min-width:901px) {
.main_toparea { background:url(/theme/basic/img/main/back01.png) no-repeat center / cover; padding:20px 0; }
.main_toparea > div { display:flex; column-gap:15px; row-gap:15px; max-width:1200px; margin:auto; padding:0; }
.main_toparea > div > div:first-child { width:calc(100% - 350px); }
.main_toparea > div > div:last-child { width:335px; }
.main_toparea > div > div:last-child .loginbox {  }
.main_toparea > div > div:last-child .loginbox ul { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:1px; row-gap:1px; background-color:#eee; }
.main_toparea > div > div:last-child .loginbox ul li { background-color:#fff; transition-duration: 0.4s; transform:scale(1,1); }
.main_toparea > div > div:last-child .loginbox ul li a { height:80px; line-height:80px; padding:0; font-size:13px; font-family: 'Noto Sans KR'; color:#333; }
.main_toparea > div > div:last-child .loginbox ul li a span { display:inline-block; margin-left:20px; }
.main_toparea > div > div:last-child .loginbox ul li a span img { width:35px; vertical-align:middle; }
.main_toparea > div > div:last-child .loginbox ul li:hover { background-color:#090; transform:scale(1.1,1.1); z-index:100; }
.main_toparea > div > div:last-child .loginbox ul li:hover a { color:#fff; }
.main_toparea > div > div:last-child .noticebox { margin:0; margin-bottom:15px; }

#main_btn img { width:100%; }

.main_iconbox { padding:0; }
.main_iconbox ul { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:1px; row-gap:1px; text-align:left; max-width:1200px; margin:auto; background-color:#eee; border-left:1px solid #eee; border-right:1px solid #eee; }
.main_iconbox ul li { padding:50px; background-color:#fff; transition-duration: 0.4s; }
.main_iconbox ul li img { width:30px; margin-bottom:7px; }
.main_iconbox ul li h6 { font-size:27px; color:#222; font-family:'GS_M'; }
.main_iconbox ul li p { color:#666; font-size:15px; line-height:21px; min-height:42px; text-align:left; word-break:keep-all; font-family: 'Noto Sans KR'; margin-bottom:25px; }
.main_iconbox ul li a { display:block; width:200px; height:40px; line-height:40px; color:#666; font-size:15px; font-family: 'Noto Sans KR'; border-bottom:1px solid #ddd; background:url(/img/btn_right.gif) no-repeat center right; }
.main_iconbox ul li a:hover { color:#090; border-bottom:1px solid #090; }
.main_iconbox ul li:hover { background-color:#f6f6f6; }

.main_introduce {  position:relative; margin:0; background-color:#f6f6f6; padding:100px 50px; }
.main_introduce > div { text-align:left; }
.main_introduce > div > div {  }
.main_introduce > div > div h2 { font-size:32px; font-family:'GS_B'; color:#333; margin:0; text-align:center; }
.main_introduce > div > div p { color:#666; padding:10px 0 30px; font-size:15px; line-height:21px; text-align:center; word-break:keep-all; font-family: 'Noto Sans KR'; }
.main_introduce > div > div a { display:block; width:200px; height:50px; line-height:50px; font-size:13px; color:#333; text-align:center; background-color:#fff; font-family: 'Noto Sans KR'; font-weight:bolder; }

.main_latebox { padding:100px 50px; background:url(/theme/basic/img/sub/1-1.png) no-repeat center / cover; }
.main_latebox > div { overflow:hidden; }
.main_latebox > div > h2 { font-size:32px; font-family:'GS_B'; color:#fff; margin:0; text-align:center; }
.main_latebox > div > p { color:#fff; padding:10px 0 30px; font-size:15px; line-height:21px; text-align:center; word-break:keep-all; font-family: 'Noto Sans KR'; }
.main_latebox > div > ul { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:14px; row-gap:14px; max-width:1200px; margin:auto; }
.main_latebox > div > ul > li { background-color:#fff; }
}

@media screen and (max-width:900px) {
.main_toparea { background:url(/theme/basic/img/main/back01.png) no-repeat center / cover; padding:20px 0; }
.main_toparea > div { column-gap:15px; row-gap:15px; margin:auto; padding:0; }
.main_toparea > div > div:first-child {  }
.main_toparea > div > div:last-child {  }
.main_toparea > div > div:last-child .loginbox { overflow:hidden; }
.main_toparea > div > div:last-child .loginbox ul { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:1px; row-gap:1px; background-color:#eee; }
.main_toparea > div > div:last-child .loginbox ul li { background-color:#fff; }
.main_toparea > div > div:last-child .loginbox ul li a { height:80px; line-height:80px; padding:0; font-size:13px; font-family: 'Noto Sans KR'; color:#333; }
.main_toparea > div > div:last-child .loginbox ul li a span { display:inline-block; margin-left:20px; }
.main_toparea > div > div:last-child .loginbox ul li a span img { width:35px; vertical-align:middle; }
.main_toparea > div > div:last-child .noticebox { margin:0; margin-bottom:15px; }

#main_btn img { width:100%; }

.main_iconbox { padding:0; }
.main_iconbox ul { display:grid; grid-template-columns:repeat(1, 1fr); column-gap:1px; row-gap:1px; text-align:left; margin:auto; background-color:#eee; }
.main_iconbox ul li { padding:50px; background-color:#fff; transition-duration: 0.4s; }
.main_iconbox ul li img { width:30px; margin-bottom:7px; }
.main_iconbox ul li h6 { font-size:27px; color:#222; font-family:'GS_M'; }
.main_iconbox ul li p { color:#666; font-size:15px; line-height:21px; text-align:left; word-break:keep-all; font-family: 'Noto Sans KR'; margin-bottom:25px; }
.main_iconbox ul li a { display:block; width:200px; height:40px; line-height:40px; color:#666; font-size:15px; font-family: 'Noto Sans KR'; border-bottom:1px solid #ddd; background:url(/img/btn_right.gif) no-repeat center right; }
.main_iconbox ul li a:hover { color:#090; border-bottom:1px solid #090; }
.main_iconbox ul li:hover { background-color:#f6f6f6; }

.main_introduce {  position:relative; margin:0; background-color:#f6f6f6; padding:100px 50px; }
.main_introduce > div { text-align:left; }
.main_introduce > div > div {  }
.main_introduce > div > div h2 { font-size:32px; font-family:'GS_B'; color:#333; margin:0; text-align:center; }
.main_introduce > div > div p { color:#666; padding:10px 0 30px; font-size:15px; line-height:21px; text-align:center; word-break:keep-all; font-family: 'Noto Sans KR'; }
.main_introduce > div > div a { display:block; width:200px; height:50px; line-height:50px; font-size:13px; color:#333; text-align:center; background-color:#fff; font-family: 'Noto Sans KR'; font-weight:bolder; }

.main_latebox { padding:100px 50px; background:url(/theme/basic/img/sub/1-1.png) no-repeat center / cover; }
.main_latebox > div { overflow:hidden; }
.main_latebox > div > h2 { font-size:32px; font-family:'GS_B'; color:#fff; margin:0; text-align:center; }
.main_latebox > div > p { color:#fff; padding:10px 0 30px; font-size:15px; line-height:21px; text-align:center; word-break:keep-all; font-family: 'Noto Sans KR'; }
.main_latebox > div > ul { display:grid; grid-template-columns:repeat(1, 1fr); column-gap:14px; row-gap:14px; max-width:1200px; margin:auto; }
.main_latebox > div > ul > li { background-color:#fff; }
}