@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src:
		url('../../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-4Regular.woff') format('woff'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-4Regular.truetype') format('truetype'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-4Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src:
		url('../../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff2') format('woff2'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-5Medium.woff') format('woff'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-5Medium.ttf') format('truetype'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-5Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src:
		url('../../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-6Bold.woff') format('woff'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-6Bold.ttf') format('truetype'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-6Bold.otf') format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: bold;
    src:
		url('../../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('../../../fonts/S-Core_Dream/S-CoreDream-7ExtraBold.otf') format('opentype');
}

html {font-size:62.5%}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'SCDream', 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.5;
    letter-spacing:-1px;
}

input, select {
	vertical-align:middle;
	color:#555;
    font-size:1.6rem;
    font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
}

a {text-decoration:none}
button {background:transparent;border:none;cursor:pointer}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}

strong {font-weight:500}

table {border-collapse:collapse;table-layout:fixed;border-spacing:0;word-break:break-all}

textarea {overflow-y:scroll;border:1px solid #ddd;line-height:24px;letter-spacing:1px;resize:none}

#wrap {position:relative}

.intro_wrap {position:relative;width:100%;height:100%;background:#e9f2fc}
.intro_content {width:100%;max-width:118rem;margin:0 auto;padding-bottom:8rem}
.intro_content .logo {padding:8rem 0 4rem 0;text-align:center}
.intro_content .logo img {max-width:100%}

.intro_cont {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch}
.intro_cont .intro_left {width:calc(100% - 60rem)}
.intro_cont .intro_left ul {display:flex;flex-wrap:wrap}
.intro_cont .intro_left ul li {width:calc((100% - 2rem)/2);margin:2rem 0 0 2rem}
.intro_cont .intro_left ul li:nth-child(odd) {margin:2rem 0 0 0}
.intro_cont .intro_left ul li a {position:relative;display:block;padding:15.6rem 1rem 3.5rem 1rem;background:#fff;border-radius:1.2rem;box-sizing:border-box}
.intro_cont .intro_left ul li a .tit {display:block;color:#000;font-size:2rem;font-weight:600;text-align:center}
.intro_cont .intro_left ul li a .txt {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;height:4.6rem;margin-top:1.1rem;color:#000;font-size:1.6rem;text-align:center}
.intro_cont .intro_left ul li.quick1 a:before {content:"";position:absolute;top:4rem;left:50%;width:10.5rem;height:9.3rem;margin-left:-5.25rem;background:url(../../img/portal/intro/icon1.png)no-repeat;background-size:10.5rem}
.intro_cont .intro_left ul li.quick2 a:before {content:"";position:absolute;top:4rem;left:50%;width:8.9rem;height:9.6rem;margin-left:-4.45rem;background:url(../../img/portal/intro/icon2.png)no-repeat;background-size:8.9rem}
.intro_cont .intro_left ul li.quick3 a:before {content:"";position:absolute;top:4rem;left:50%;width:6.8rem;height:9.1rem;margin-left:-3.4rem;background:url(../../img/portal/intro/icon3.png)no-repeat;background-size:6.8rem}
.intro_cont .intro_left ul li.quick4 a:before {content:"";position:absolute;top:4rem;left:50%;width:9.6rem;height:9rem;margin-left:-4.8rem;background:url(../../img/portal/intro/icon4.png)no-repeat;background-size:9.6rem}
.intro_cont .intro_right {width:58rem;margin-top:2rem}
.intro_cont .intro_right ul {display:flex;flex-direction:column;gap:2rem}
.intro_cont .intro_right ul li {height:27.8rem}
.intro_cont .intro_right ul li a {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:0 29rem 0 4rem;border-radius:1.2rem;box-sizing:border-box}
.intro_cont .intro_right ul li:nth-child(1) a {background:#fefae4}
.intro_cont .intro_right ul li:nth-child(2) a {background:#6483bc}
.intro_cont .intro_right ul li a .tit {display:block;color:#000;font-size:2.4rem;font-weight:600;word-break:keep-all}
.intro_cont .intro_right ul li a .txt {display:block;margin-top:.8rem;color:#000;font-size:1.8rem;word-break:keep-all}
.intro_cont .intro_right ul li:nth-child(2) a .tit {color:#fff}
.intro_cont .intro_right ul li:nth-child(2) a .txt {color:#fff}
.intro_cont .intro_right ul li:nth-child(1) a .bg_wrap {position:absolute;bottom:2rem;right:11rem;width:10.6rem;height:20rem;background:url(../../img/portal/intro/btn_bg1.png)no-repeat;background-size:10.6rem;text-indent:-9999px}
.intro_cont .intro_right ul li:nth-child(2) a .bg_wrap {position:absolute;bottom:0;right:2rem;width:26.6rem;height:21rem;background:url(../../img/portal/intro/btn_bg2.png)no-repeat;background-size:26.6rem;text-indent:-9999px}

#footer {position:relative;width:100%;background:#fafafa;border-top:.1rem solid #ebebeb}
.ft_wrap {display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:118rem;margin:0 auto;padding:2.5rem 0;box-sizing:border-box}
.ft_logo {margin-right:4rem}
.ft_logo a {margin-left:2rem}
.ft_logo a:first-child {margin-left:0}
.ft_logo a img {max-width:100%}
.ft_wrap address {width:calc(100% - 38rem);color:#333;font-size:1.6rem;font-style:normal;text-align:left}

#right_menu {position:fixed;right:1rem;top:0;margin-top:4.5rem}

.right_menu_over {position:fixed;top:0;right:1rem;transition:all 0.5s ease-in-out;margin-top:7rem;z-index:900;opacity:1}
.right_menu_over a {display:block;padding:1.8rem 8rem 1.6rem 2rem;background:#fff;border:.4rem solid #043e73;border-radius:3.6rem;box-sizing:border-box} 
.right_menu_over span {display:block;color:#333;font-size:1.6rem;font-weight:500;line-height:1.3}

.right_search {position:fixed;top:0;right:1rem;margin-top:18rem;z-index:999}
.right_search a {display:block;width:10rem;height:10rem}
.right_search a img {max-width:100%}

.right_search2 {position:fixed;top:0;right:1rem;margin-top:29rem;z-index:999}
.right_search2 a {display:block;width:10rem;height:10rem}
.right_search2 a img {max-width:100%}

/* 인트로 팝업 */

.intro_pop_wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .7);z-index:1001}
.intro_pop_box {display:table;width:100%;max-width:1600px;height:100%;margin:0 auto;text-align:center}
.intro_pop_cont {display:table-cell;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:1rem 0;box-sizing:border-box;vertical-align:middle}
.intro_pop_cont h3 {color:#fff;font-size:4rem;font-weight:600}
.intro_pop_list {position:relative;margin-top:5.5rem}
.intro_pop_list ul {overflow:hidden;display:flex;flex-wrap:wrap;height:41.5rem;padding:0 12rem;box-sizing:border-box}
.intro_pop_list ul li {width:calc((100% - 8rem)/3);height:100%;margin:0 0 0 4rem}
.intro_pop_list ul li:nth-child(1) {margin:0}
.intro_pop_list ul li a {display:block;height:100%}
.intro_pop_list ul li a img {width:100%;height:100%}
.intro_pop_list .intro_pop_prev {position:absolute;top:50%;left:0;width:4.2rem;height:7.2rem;margin-top:-3.6rem;background:url(../../img/portal/intro/intro_popup_prev.png)no-repeat;background-size:4.2rem;text-indent:-9999px}
.intro_pop_list .intro_pop_next {position:absolute;top:50%;right:0;width:4.2rem;height:7.2rem;margin-top:-3.6rem;background:url(../../img/portal/intro/intro_popup_next.png)no-repeat;background-size:4.2rem;text-indent:-9999px}
.intro_pop_ft {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:3rem}
.intro_pop_ft .pop_total_num {height:5rem;padding:0 4rem;background:#000;border-radius:24px;color:#fff;font-size:1.8rem;line-height:5rem;box-sizing:border-box}
.intro_pop_ft .pop_total_num strong {color:#3091ff}
.intro_pop_ft .pop_intro_close {height:5rem;margin-left:1rem;background:#014099;border-radius:24px;line-height:5rem}
.intro_pop_ft .pop_intro_close a {display:block;padding:0 6rem 0 4rem;background:url(../../img/portal/intro/intro_popup_close.png) no-repeat right 4rem center;background-size:1.1rem;color:#fff;font-size:1.8rem;box-sizing:border-box}
.intro_pop_ft .pop_today_close {height:5rem;margin-left:1rem;background:#002962;border-radius:24px;line-height:5rem}
.intro_pop_ft .pop_today_close a {display:block;padding:0 6rem 0 4rem;background:url(../../img/portal/intro/intro_popup_close.png) no-repeat right 4rem center;background-size:1.1rem;color:#fff;font-size:1.8rem;box-sizing:border-box}

@media (max-width:1640px) {

.intro_pop_list {padding:0 1rem;box-sizing:border-box}
.intro_pop_list .intro_pop_prev {left:1rem}
.intro_pop_list .intro_pop_next {right:1rem}

}

@media (max-width:1200px){

.intro_wrap {padding:0 2rem;box-sizing:border-box}

.intro_cont .intro_left {width:calc(100% - 56rem)}
.intro_cont .intro_left ul li a .tit {font-size:1.9rem;letter-spacing:-1.5px}
.intro_cont .intro_right {width:54rem}

.ft_wrap {padding:2.5rem 2rem}
.ft_logo {margin:0 auto}
.ft_wrap address {width:100%;margin-top:2rem}

.intro_pop_list ul {height:36rem;padding:0 7rem}
.intro_pop_list ul li {width:calc((100% - 6rem)/3);margin:0 0 0 3rem}

.intro_pop_ft {margin-top:4rem}

}

@media (max-width:1024px){

.intro_content {padding-bottom:6rem}

.intro_content .logo {padding:6rem 0 4rem 0}

.intro_cont .intro_left {width:100%}
.intro_cont .intro_right {width:100%}
.intro_cont .intro_right ul li {height:24rem}

.intro_pop_list {margin-top:4rem}
.intro_pop_list ul li {width:calc((100% - 2rem)/2);margin:0 0 0 2rem}

.intro_pop_ft {margin-top:2rem}

}

@media (max-width:800px){
	
.intro_pop_list {margin-top:3rem}
.intro_pop_list ul {height:32rem}

.intro_pop_ft .pop_total_num {height:4rem;padding:0 2rem;font-size:1.5rem;line-height:4rem}
.intro_pop_ft .pop_intro_close {height:4rem;line-height:4rem}
.intro_pop_ft .pop_intro_close a {padding:0 4rem 0  2rem;font-size:1.5rem;background-position:right 2rem center}
.intro_pop_ft .pop_today_close {height:4rem;line-height:4rem}
.intro_pop_ft .pop_today_close a {padding:0 4rem 0  2rem;font-size:1.5rem;background-position:right 2rem center}
}

@media (max-width:640px){

html {font-size:55%}

.intro_content {padding-bottom:4rem}

.intro_content .logo {padding:4rem 0 2rem 0}
.intro_content .logo img {max-width:60%}
.intro_cont .intro_left ul li a {padding:14rem 2rem 2rem 2rem}
.intro_cont .intro_left ul li a .tit {font-size:1.8rem}
.intro_cont .intro_left ul li.quick1 a:before {top:2rem}
.intro_cont .intro_left ul li.quick2 a:before {top:2rem}
.intro_cont .intro_left ul li.quick3 a:before {top:2rem}
.intro_cont .intro_left ul li.quick4 a:before {top:2rem}

.intro_cont .intro_right ul li a {padding:0 30rem 0 3rem}
.intro_cont .intro_right ul li a .tit {font-size:2rem}
.intro_cont .intro_right ul li a .txt {font-size:1.6rem}
.intro_cont .intro_right ul li:nth-child(1) a .bg_wrap {right:8rem}

.right_search {right:2rem}
.right_search a {width:8rem;height:8rem}

.right_search2 {right:2rem;margin-top:27rem}
.right_search2 a {width:8rem;height:8rem}

.intro_pop_list ul {height:44rem}
.intro_pop_list ul li {width:100%;margin:0}

}

@media (max-width:480px){

.intro_content .logo {padding:2rem 0}

.intro_cont .intro_left ul li {width:100%;margin:2rem 0 0 0}
.intro_cont .intro_left ul li:first-child {margin:0}

.intro_cont .intro_right ul li {height:auto}
.intro_cont .intro_right ul li a {align-items:center;padding:2rem 2rem 24rem 2rem}
.intro_cont .intro_right ul li a .tit {text-align:center}
.intro_cont .intro_right ul li a .txt {text-align:center}
.intro_cont .intro_right ul li:nth-child(1) a .bg_wrap {right:50%;margin-right:-7rem}
.intro_cont .intro_right ul li:nth-child(2) a .bg_wrap {right:50%;margin-right:-13.3rem}


.ft_logo a img {max-width:45%}

.intro_pop_list ul {height:32rem}

}

@media (max-width:360px){
	
.intro_pop_list ul {height:28rem}
  
}