@charset "utf-8";

#skip-navi {
    position:relative;
}
#skip-navi a {
	display:block;
    position:absolute;
    left:0;
    top:-40px;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:18px;
    font-weight:normal;
    color:#fff;
    background:#70438f;
    transition:all 0.3s ease 0s;
}
#skip-navi a:focus {
	position:relative;
	top:0;
}
#wrapper {
    width:100%;
    min-width:1280px;
    min-height:100%;
    overflow:hidden;
    background-color:#22232e;
}
.inner {
    position:relative;
    width:1280px;
    margin:0 auto;
}
.content {
    position:relative;
    width:1280px;
    margin:0 auto;
    padding:20px 0 80px;
}
.blind {
    display:block;
    position:absolute;
    left:-9999px;
    text-indent:-9999px;
    width:0;
    height:0;
    border:0;
    overflow:hidden;
    font-size:1px;
    line-height:0;
    white-space:nowrap;
}





/* Header */
#header {
    position:relative;
    left:0px;
    right:0px;
    height:80px;
    box-shadow:0px 5px 10px rgba(0,0,0,0.1);
    z-index:1000;
    background-color:#fff;
}
#header h1 {
    position:absolute;
    display:block;
    left:0px;
    top:13px;
    width:400px;
    height:50px;
    padding:17px 0px 0px 190px;
    background:url(../images/top_logo_mg-1.png) no-repeat left top;
    background-size:190px;
    font-family:NanumSquareNeo;
    font-size:19px;
    font-weight:700;
    color:#728aa1;
    cursor:pointer;
}
#header h1 .logo-txt {
	 position:absolute;
	 bottom:5px;
	 left:58px;
	 font-size: 16px;
	 color: #000;
}
#header nav.gnb {
    position:absolute;
    top:0;
    right:200px;
    z-index:50;
}
#header nav.gnb > ul {
    width:100%;
    font-size:0;
}
#header nav.gnb > ul > li {
    display:inline-block;
    font-size:0;
}
#header nav.gnb > ul > li > a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background-color: #ccc;
    margin: 0px 60px;
    margin-top:-4px;
    vertical-align: middle;
}
#header nav.gnb > ul > li:first-child > a:before {
	width:0px;
}
#header nav.gnb > ul > li > a {
    display:block;
    width: 100%;
    height:100%;
    line-height:80px;
    text-align:center;
    font-size:17px; 
    font-weight:700;
    color:#222222;
}
#header nav.gnb > ul > li > a:hover, 
#header nav.gnb > ul > li.active > a {
    color:#008b9e;
}
.sub-menu {
    position:absolute;
    right:-18px;
    top:80px;
    width:100vw;
    height:100px;
    z-index:50;
    text-align:right;
    visibility:hidden;
}
.sub-menu.open {
    visibility:visible;
}
.sub-menu ul li {
    display:inline-block;
    padding:0 18px;
}
.sub-menu ul li a {
    display:block;
    padding:40px 0;
    font-size:14px;
    line-height:20px;
    color:#555;
}
.sub-menu ul li a:hover, 
.sub-menu ul li.active a {
    color:#5387c5;
}
.sub-menu-bg {
    position:absolute;
    left:0;
    right:0;
    top:30px;
    height:100px;
    background:#fff;
    border-top:1px solid #eee;
    box-shadow:0px 10px 10px rgba(0,0,0,0.075);
    visibility:hidden;
    opacity:0;
    transition:all .15s ease-in-out;
}
.sub-menu-bg.open {
	top:80px;
    visibility:visible;
    opacity:1;
}
#header .right {
    position:absolute;
    right:10px;
    top:10px;
    bottom:10px;
}
#header .right ul li {
    display:inline-block;
}
#header .right ul li button{
    width:60px;
    height:60px;
    border:0;
    font-size:0;
}

#container {
	background-color:#fff;
}

/* Button */
.btn-hd-sch {
    background:url(../images/top_search_btn.png) no-repeat center;
}
.btn-hd-sitemap {
    background:url(../images/top_menu_btn.png) no-repeat center;
    transition:all .1s ease-in-out;
}
.btn-hd-sitemap.open {
    background:url('../images/btn-top-close.png') no-repeat center;
    transition:all .1s ease-in-out;
}
.btn {
	display:inline-block;
	margin-right:10px;
    padding:10px;
    width:200px;
    height:50px;
    font-size:15px;
    line-height:28px;
    text-align: center;
    color:#333;
    border:1px solid #ddd;
    border-radius:25px;
    background:#fff;
    box-shadow:0 5px 10px rgb(0 0 0 / 5%);
}
.btn-gr {
	border:0;
	color:#fff;
	background:#5bb3b1 linear-gradient(90deg, #70438f 0%, #5c87ab 50%, #5bb3b1 100%);
    /*(-moz -ms,-o,-wedkit) gradient*/
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#70438f,endColorstr=#5bb3b1);
}



/* Top Search */
.link-sch {
    position:absolute;
    left:0;
    top:0px;
    width:100%;
    padding:60px 0 100px;
    margin:0 auto;
    text-align:center;
    background:linear-gradient(45deg, #2266c3, #5ba7ea, #22b2aa);
    z-index:999;
    visibility:hidden;
    opacity:0;
    transition:all .25s ease-in-out;
}
.link-sch.open {
    position:absolute;
    left:0;
    top:80px;
    width:100%;
    padding:60px 0 100px;
    margin:0 auto;
    text-align:center;
    background:linear-gradient(45deg, #2266c3, #5ba7ea, #22b2aa);
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
    z-index:999;
    visibility:visible;
    opacity:1;
    transition:all .25s ease-in-out;
}
.link-sch ul:after {
    display:block;
    content:'';
    clear:both;
}
.link-sch ul li {
    position:relative;
    display:inline-block;
    padding:0 36px;
    text-align:center;
    font-family:'NanumSquareNeo', 'Malgun Gothic', dotum, '돋움', sans-serif;
    font-size:18px;
    line-height:38px;
    color:rgba(255,255,255,0.7);
    cursor:pointer;
}
.link-sch ul li:hover {
    color:rgba(255,255,255,1);
}
.link-sch ul li + li {
    margin-left:6px;
}
.link-sch ul li:after {
    position:absolute;
    display:block;
    content:'';
    left:-6px;
    top:10px;
    width:1px;
    height:15px;
    background-color:rgba(255,255,255,0.4);
}
.link-sch ul li:first-child:after {
    display:none;
}
.link-sch ul li.active {
    color:rgba(255,255,255,1);
}
.link-sch ul li.active:before {
    position:absolute;
    display:block;
    content:'';
    left:31px;
    right:31px;
    top:35px;
    width:calc(100% - 62px);
    height:6px;
    background:#ffffff;
    z-index:-1;
}
.link-sch .sch-in {
    margin-top:20px;    
}
.link-sch .sch-in input {
    width:600px;
    height:60px;
    padding:0 64px;
    border:0;
    border-radius:30px;
    background:#fff url('../images/left_search_btn.png') no-repeat 15px center;
    box-shadow:0 5px 8px rgba(69,110,201,0.1);
}
.link-sch .sch-in input::placeholder {
    font-family:'NanumSquareNeo', 'Malgun Gothic', dotum, '돋움', sans-serif;
    font-size:16px;
    line-height:38px;
    color:#767676;
}





/* Top Sitemap */
.link-sitemap {
    position:absolute;
    left:0;
    top:80px;
    width:100%;
    padding:60px 0 100px;
    margin:0 auto;
    border-top:1px solid #eee;
    background:#fff;
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
    z-index:2000;
    visibility:hidden;
    opacity:0;
    transition:all .25s ease-in-out;
}
.link-sitemap.open {
    position:absolute;
    left:0;
    top:80px;
    width:100%;
    padding:60px 0 100px;
    margin:0 auto;
    border-top:1px solid #eee;
    background:rgba(255,255,255,0.6);
    backdrop-filter:blur(20px);
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
    z-index:2000;
    visibility:visible;
    opacity:1;
    transition:all .25s ease-in-out;
}
.link-sitemap h2 {
    margin-bottom:40px;
    padding-left:100px;
    font-size:36px;
    font-family:'NanumSquareNeo', 'Malgun Gothic', dotum, '돋움', sans-serif;
    font-weight:700;
}
.link-sitemap .items {
    display:inline-block;
    width:calc(100% - 200px);
    margin:0 100px;
}
.link-sitemap .items > li {
    position:relative;
    float:left;
    width:25%;
}
.link-sitemap .items > li:first-child:before {
    position:absolute;
    display:block;
    content:'';
    left:0;
    top:10px;
    width:1px;
    height:300px;
    border-right:1px solid #eee;
}
.link-sitemap .items > li:after {
    position:absolute;
    display:block;
    content:'';
    right:0;
    top:10px;
    width:1px;
    height:300px;
    border-right:1px solid #eee;
}
.link-sitemap .items > li p {
    margin-bottom:20px;
    padding-left:50px;
    font-size:24px;
    color:#1454c9;
}
.link-sitemap .items ul li a {
    padding-left:50px;
    font-size:16px;
    line-height:36px;
    color:#666;
}
.link-sitemap .items ul li a:hover {
    color:#333;
}





/* Footer */
footer {
    display:block;
    width:100%;
    padding:10px 0px 80px 0px;
    background:#22232e;
}
footer .inner:after {
    display:block;
    content:'';
    clear:both;
}
footer .footer-logo {
    float:left;
    opacity:1.0;
}
footer .footer-logo img {
	margin-right:60px;
}
footer .footer_top {
    width:100%;
    height:70px;
    padding:20px 0px;
    border-bottom:1px solid #303245;
}
footer address {
    float:left;
    margin:12px 0 0 0px;
    font-style:normal;
    font-weight:700;
    font-size:14px;
    line-height:26px;
    color:#909aad;
}
.space-bl {
    position:relative;
    display:inline-block;
    width:40px;
    font-size:0;
    height:26px;
    vertical-align:bottom;
}
.space-bl:after {
    position:absolute;
    display:block;
    content:'';
    top:50%;
    left:50%;
    width:1px;
    height:12px;
    background:#5e5e5e;
    transform:translate(-50%, -50%);
}
.fnb {
    float:right;
}
.fnb:after {
    display:block;
    content:'';
    clear:both;
}
.fnb ul {
    display:inline-block;
    font-size:0;
    margin-top:-8px;
}
.fnb ul li {
    position:relative;
    float:left;
}
.fnb ul li:first-child:after {
	position:absolute;
    display:block;
    content:'';
    top:50%;
    right:0;
    width:1px;
    height:12px;
    background:#5e5e5e;
    transform:translate(0, -50%);
}
/*.fnb ul li:last-child:after {
    position:absolute;
    display:block;
    content:'';
    top:50%;
    left:0;
    width:1px;
    height:12px;
    background:#5e5e5e;
    transform:translate(0, -50%);
}*/
.fnb ul li a {
    display:block;
    padding:0 20px;
    font-weight:700;
    font-size:14px;
    color:#909aad;
    line-height:50px;
}
.fnb ul li a:hover {
    color:#b7bad9;
}
.fnb ul li select.link {
	background:url('../images/icon.png') no-repeat 92% 50% #14151c;
	color: #838599; 
	border: 1px solid #303245; 
	border-radius: 99.9px; 
	padding: 10px 35px  10px 18px ; 
	font-size: 14px; 
	font-weight: 600; 
	margin: 5px  0;
}
.btn-top {
    position:absolute;
    right:0px;
    bottom:0px;
}
.btn-top-go {
    display:block;
    width:50px;
    height:50px;
    font-size:0;
    background:rgba(0,0,0,0.4) url('../images/to_top.png') no-repeat center;
}
.btn-top-go:hover {
    opacity:0.85;
}



/* Service Check */
.s_check_wrap {
	position:relative;
    margin: 0 auto;
    max-width:1280px;
    width:1280px;
    padding:120px 50px 50px;
    font-family:'NanumSquareNeo', 'Malgun Gothic', dotum, '돋움', sans-serif;
}
.s_check_wrap h1 {
	position: absolute;
    top:100px;
    left:calc(50% - 115px);
	display:inline-block;
    width:231px;
    height:36px;
    background:url(../images/top-logo.jpg) no-repeat left top;
    line-height: 0;
    font-size: 0;
}
.s_check_wrap .sck_box {
    width:100%;
	padding:100px;
	border:1px solid #ccc;
    border-radius:10px;
	text-align:center;
	word-break:keep-all;
}
.s_check_wrap .sck_box .title {
	display:block;
	margin-bottom:20px;
	font-size:26px;
	font-weight:500;
	color:#16998b;
}
.s_check_wrap .sck_box .cont_txt {
	margin-bottom:20px;
	font-size:20px;
}
.s_check_wrap .sck_box .time {
	margin-bottom:20px;
	color:#555;
}
.s_check_wrap .sck_box .time strong {
	margin-right:20px;
	font-weight:500;
}
.s_check_wrap .sck_box .btn_box2 {
	display: flex;
    justify-content: center;
	margin-top:60px;
}



/* Layer Popup */
#layer_popup {
	position:fixed;
	background:rgb(0,0,0,0.6);
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2001;
}
#layer_popup .popup_wrapper {
	position:fixed;
	overflow: hidden;
	top:50%;
    left:50%;
    width:calc(100% - 40px);
    max-width:500px;
    border-radius:10px;
    background:#fff;
    transform:translate(-50%,-50%);
}
#layer_popup .popup-header{
	display:block;
	padding:20px;
    font-size:20px;
    font-weight:500;
    color:#16998b;
    border-bottom:1px solid #ddd;
}
#layer_popup .popup_cont {
	overflow-y:auto;
	position: relative;
	max-height:400px;
	padding:20px 20px 70px;
}
#layer_popup .popup_cont .cont_txt {
    margin-bottom:20px;
    font-size:16px;
}
#layer_popup .popup_cont .time {
    color:#555;
}
#layer_popup .popup_cont .time strong {
	display:block;
	font-weight:500;
}
#layer_popup .popup_foot {
	display:flex;
	justify-content:space-between;
	position:fixed;
	width:100%;
    bottom:0;
    padding:15px 20px;
    background:#f2f2f2;
}
#layer_popup .popup_foot .btn_close {
	color:#555;
}



/* padding, margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}




/* Font Style */
.bold {font-weight:500 !important;}
.blue-bold {color:#284099 !important; font-weight:500 !important;}
.red {color:#b50f32 !important;}
.red-bold {color:#b50f32 !important; font-weight:500 !important;}
.mint {color:#5bb3b1 !important;}
.mint-bold {color:#5bb3b1 !important; font-weight:500 !important;}

.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}