@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:120rem;margin:0 auto;padding-bottom:6rem}
.intro_content .logo {padding:8rem 0 6rem 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:49%}
.intro_cont .intro_left a {position:relative;display:block;height:100%;padding:5.2rem 2rem 6rem 2rem;background:#fff;border-radius:1.2rem;box-sizing:border-box}
.intro_cont .intro_left a .tit {display:block;color:#000;font-size:3.5rem;font-weight:600;text-align:center;word-break:keep-all}
.intro_cont .intro_left a .txt {display:block;margin-top:1.6rem;color:#000;font-size:1.8rem;text-align:center;word-break:keep-all}
.intro_cont .intro_left a .bg_wrap {margin-top:5rem;text-align:center}
.intro_cont .intro_left a .bg_wrap img {max-width:100%}

.intro_cont .intro_right {width:49%}
.intro_cont .intro_right a {position:relative;display:block;height:100%;padding:5.2rem 2rem 6rem 2rem;;background: rgb(254,250,228);
    background: -moz-linear-gradient(180deg, rgba(254,250,228,1) 0%, rgba(227,251,253,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(254,250,228,1) 0%, rgba(227,251,253,1) 100%);
    background: linear-gradient(180deg, rgba(254,250,228,1) 0%, rgba(227,251,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefae4",endColorstr="#e3fbfd",GradientType=1);border-radius:1.2rem;box-sizing:border-box}
.intro_cont .intro_right a .tit {display:block;color:#000;font-size:3.5rem;font-weight:600;text-align:center;word-break:keep-all}
.intro_cont .intro_right a .txt {display:block;margin-top:1.6rem;color:#000;font-size:1.8rem;text-align:center;word-break:keep-all}
.intro_cont .intro_right a .bg_wrap {margin-top:5rem;text-align:center}
.intro_cont .intro_right a .bg_wrap img {max-width:100%}

#footer {position:relative;width:100%;background:#5a5b68}
.ft_link {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:120rem;margin:0 auto}
.ft_link ul {display:flex;flex-wrap:wrap;align-items:center;padding:1.6rem 0 1.5rem 0}
.ft_link ul li {margin-right:1rem}
.ft_link ul li a {display:block;color:#fff;font-size:1.6rem}
.ft_link ul li:first-child a {color:#ffd1e8;font-weight:500}
.counsel_wrap {display:flex;flex-wrap:wrap;align-items:center;padding:1.2rem 0}
.counsel_wrap .counsel_tit {position:relative;padding-left:3.6rem;color:#fff;font-size:1.6rem;font-weight:500}
.counsel_wrap .counsel_tit:before {content:"";position:absolute;top:-.1rem;left:0;width:2.6rem;height:2.6rem;background:#5689ee url(../img/intro/icon_tell.png) no-repeat center center;background-size:1.5rem;border-radius:.6rem}
.counsel_wrap .counsel_num {position:relative;margin-left:1.5rem;padding-left:3.2rem;color:#ffca4d;font-size:2rem;font-weight:600}
.counsel_wrap .counsel_num em {font-size:1.6rem;font-style:normal}
.counsel_wrap .counsel_num:before {content:"";position:absolute;top:1rem;left:0;width:1.6rem;height:1rem;background:url(../img/intro/icon_arrow.png)no-repeat;background-size:1.6rem}
.ft_wrap {position:relative;width:100%;padding:3rem 0;border-top:.1rem solid #8c8d96}
.ft_cont {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:120rem;margin:0 auto}
.ft_cont .ft_logo {width:33.2rem}
.ft_cont .ft_logo a {display:inline-block;margin-left:2rem}
.ft_cont .ft_logo a:first-child {margin-left:0}
.ft_cont .ft_logo a img {max-width:100%}
.ft_address {width:calc(100% - 37.2rem)}
.ft_address address {color:#fff;font-size:1.6rem;font-style:normal}

#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_search1 {position:fixed;top:0;right:1rem;margin-top:18rem;z-index:999}
.right_search1 a {display:block;width:10rem;height:10rem}
.right_search1 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%}

.tbl_info {width:100%;margin-top:1.5rem;border-top:.2rem solid #000}
.tbl_info tr th {padding:1.1rem 1rem 1rem 1rem;background:#f2f3f6;border-left:.1rem solid #e3e5e9;border-bottom:.1rem solid #e3e5e9;color:#333;font-size:1.6rem;font-weight:500;text-align:center;word-break:keep-all}
.tbl_info tr th:first-child {border-left:0}
.tbl_info tr td {padding:1rem 1rem 1.1rem 1rem;border-left:.1rem solid #e3e5e9;border-bottom:.1rem solid #e3e5e9;color:#555;font-size:1.6rem;text-align:center;box-sizing:border-box}
.tbl_info tr td:first-child {border-left:0}
.tbl_info tr th.bd_left, .tbl_info tr td.bd_left {border-left:.1rem solid #e3e5e9}
.tbl_info tr th.bd_right, .tbl_info tr td.bd_right {border-right:.1rem solid #e3e5e9}
.tbl_info tr td.txt_left {text-align:left}
.tbl_info tr th .ess {margin-right:.5rem;color:#d90104}
.tbl_info tr td select.cancel {width:100%;max-width:30rem;height:4rem;padding:0 1rem;border:.1rem solid #ddd;border-radius:.5rem;box-sizing:border-box}

.mt0 {margin-top:0 !important}
.mt5 {margin-top:.5rem}
.mt10 {margin-top:1rem}
.mt15 {margin-top:1.5rem}
.mt20 {margin-top:2rem}
.mb10 {margin-bottom:1rem}
.mb20 {margin-bottom:2rem}

.txt_blue {color:#0054ff !important}
.txt_red {color:#fe0000 !important}
.txt_green {color:#3f9418 !important}

#mask{position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;z-index:99;display:none}


@media (max-width:1240px){

.ft_link {padding:0 2rem;box-sizing:border-box}
.ft_cont {padding:0 2rem;box-sizing:border-box}

}

@media (max-width:1200px){

.intro_wrap {padding:0 2rem;box-sizing:border-box}

.intro_cont .intro_left a .tit {font-size:3rem}
.intro_cont .intro_right a .tit {font-size:3rem}

}

@media (max-width:1000px){

.intro_cont .intro_left {width:100%}
.intro_cont .intro_left a {padding:4rem 3rem}
.intro_cont .intro_left a .bg_wrap {margin-top:3rem}
.intro_cont .intro_right {width:100%;margin-top:2rem}
.intro_cont .intro_right a {padding:4rem 3rem}
.intro_cont .intro_right a .bg_wrap {margin-top:3rem}

.ft_cont .ft_logo {width:100%;margin:0 auto;text-align:center}
.ft_address {width:100%;margin-top:2rem}

}

@media (max-width:800px) {

.counsel_wrap {width:100%;padding:0 0 1.2rem 0}

}

@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 a .txt {margin-top:1rem}
.intro_cont .intro_right a .txt {margin-top:1rem}

.ft_wrap {padding:2rem 0}

}

@media (max-width:480px){

.intro_content .logo {padding:2rem 0}

.counsel_wrap .counsel_tit {margin-right:1rem}
.counsel_wrap .counsel_num {margin-left:0;padding-left:0;font-size:1.8rem}
.counsel_wrap .counsel_num:before {display:none}

.ft_cont .ft_logo {display:flex;justify-content:space-between}


}

@media (max-width:360px){

html {font-size:50%}
  
}