@charset "utf-8";
.container {/* max-width: 1290px; */ max-width: 1560px;} 

/** HEADER */
header.header {width: 100%; position: relative; /* border-top: 2px solid #ed1c24; */}
/* header.header .util_wrap {width:100%; margin:auto; font-size:15px; border-bottom:1px solid #cecece; overflow:hidden;}
header.header .util_wrap .left_box {float:left;}
header.header .util_wrap .right_box {float:right;}
header.header .util_wrap .bg1 {background:#006999;}
header.header .util_wrap .bg2 {background:#0a81b8;}
header.header .util_wrap ul {width:230px; overflow:hidden;}
header.header .util_wrap ul li{width:50%; float:left; text-align:center;}
header.header .util_wrap ul li a{display:block; color:#fff; line-height:45px;}
header.header .util_wrap ul li a:hover,
header.header .util_wrap ul li a:focus {background:#333; transition:all .2s;}
 */
header.header .logo_wrap {width:100%;max-width: 1920px; display:flex; /* max-width:1200px; */ margin:auto; height:93px; line-height:93px; padding-left: 40px; box-sizing: border-box; justify-content: space-between;background-color: #d6a918;}
header.header .logo_wrap .logo {/* width:250px; */ height:93px; line-height:93px;}
header.header .logo_wrap .logo img{vertical-align: middle;}
header.header .logo_wrap .gnb_wrap {/* width:calc(100% - 270px); */ padding:0 40px 0 30px;}

header.header .logo_wrap .family_list ul li a:focus,
header.header .logo_wrap .family_list ul li a:active,
header.header .logo_wrap .family_list ul li a:visited,
header.header .logo_wrap .sns_list ul li a:focus, 
header.header .logo_wrap .sns_list ul li a:active,
header.header .logo_wrap .sns_list ul li a:visited{outline: 1px solid #000;}

header.header .logo_wrap .family_list {}
header.header .logo_wrap .family_list ul, 
header.header .logo_wrap .sns_list ul{display: flex;align-items: center;height: 80%;margin: 10px;}
header.header .logo_wrap .family_list ul li{flex: 1 1 50%;text-align: center;}
header.header .logo_wrap .family_list ul li a{}
header.header .logo_wrap .family_list ul li img{vertical-align: middle;}
header.header .logo_wrap .family_list ul li + li:before{content: '|'; margin: 0 15px;display:none;}

header.header .logo_wrap .sns_list{margin:0 25px;}
header.header .logo_wrap .sns_list ul li{width: 100%;height: 100%; min-width: 30px; position: relative;}
header.header .logo_wrap .sns_list ul li+li{margin-left: 12px;}
header.header .logo_wrap .sns_list ul li i {position: relative;}
header.header .logo_wrap .sns_list ul li i:before {content: "";background-position: center !important;background-repeat: no-repeat;width: 100%;height: 100%;border-radius: 100%;position: absolute;top: 0;left: 0; /* background-color: #fff; */}
header.header .logo_wrap .sns_list ul li i:after {content: "";padding-bottom: 100%;display: block;}

header.header .logo_wrap .sns_list ul li a{width: 100%;position: absolute; top: 50%; transform:translateY(-50%); }
header.header .logo_wrap .sns_list ul li a.facebook i:before {background-image: url(/images/site/main/facebook_sns.png);}
header.header .logo_wrap .sns_list ul li a.insta i:before {background-image: url(/images/site/main/insta_logo.png);}
header.header .logo_wrap .sns_list ul li a.youtube i:before {background-image: url(/images/site/main/youtube_sns.png);}

header.header .logo_wrap .sitemenu{height: 100%; min-width: 93px;}
header.header .logo_wrap .sitemenu button{width: 100%; height: 100%; position: relative;cursor: pointer;}
header.header .logo_wrap .sitemenu button:before{content: ''; position: absolute; top:0; left:0; background-image: url(/images/common/mobile_open.png); background-size: 100% 100%; width: 100%; height: 100%;}
/* header.header .logo_wrap .sitemenu button.open:before{background-image: url(/images/common/mobile_close.png);} */
header.header .logo_wrap .sitemenu button:active,
header.header .logo_wrap .sitemenu button:hover,
header.header .logo_wrap .sitemenu button:focus{outline:0; border: 1px solid #000; box-sizing: border-box;}
/** //HEADER */


@media (max-width: 1800px) {
	header.header .logo_wrap .gnb_wrap {
	    padding: 0 30px 0 20px;
	}
	
	header.header .logo_wrap .family_list ul li + li:before {
	    margin: 0 10px;
	}
}

@media (max-width: 1750px) {
	header.header .logo_wrap{
		padding-left: 20px;
	}
	
	header.header .logo_wrap .logo{
		/* width: calc(240ox - 2%); */
	}
	
	header.header .logo_wrap .gnb_wrap {
	    padding: 0 10px;
	}
	
    header.header .logo_wrap .family_list ul li + li:before {
        margin: 0px 8px;
	}
	
	header.header .logo_wrap .sns_list {
	    margin: 0 15px;
	}
}

@media (max-width: 1650px) {
    header.header .logo_wrap {
        padding-left: 10px;
    }
    
	header.header .logo_wrap .logo {
        width: calc(240px - 2%);
    }
		
	header.header .logo_wrap .family_list ul li:first-child {
		width: calc(110px - 2%);
	}
	
	header.header .logo_wrap .family_list ul li a{
		font-size: 15px;
	}
	
	header.header .logo_wrap .sns_list ul li i:after{
		margin-left: 7px;
	}
}

@media (max-width: 1600px) {
	header.header .logo_wrap,
	header.header .logo_wrap .logo{
		height: 83px;
		line-height: 83px;
	}
 
    header.header .logo_wrap .logo {
        width: calc(240px - 4%);
    }
	
    header.header .logo_wrap .gnb_wrap {
        padding: 0;
    }

	header.header .logo_wrap .family_list ul li:first-child {
        width: calc(110px - 5%);
    }
	
	header.header .logo_wrap .sitemenu{
		min-width: 83px;
	}
}

@media (max-width: 1600px) {
	header.header .logo_wrap .family_list ul li + li:before {
        margin: 0px 5px;
    }
    
    header.header .logo_wrap .sns_list {
        margin: 0 10px;
    }
    
	header.header .logo_wrap .sns_list ul li+li {
	    margin-left: 5px;
	}
}

@media (max-width: 1330px) {
	header.header .logo_wrap, header.header .logo_wrap .logo {
        flex: 2;
    }
	
	header.header .logo_wrap .logo {
        width: auto;
    }	
}

@media (max-width: 1300px) {
	header.header .logo_wrap .gnb_wrap{
		display: none;
		
        padding: 0;
        position: absolute;
        background: #fff;
        top: 83px;
        z-index: 99999;
        width: 100%;
        left: 0;
        border-top: 1px solid #ddd;
	}
	
	header.header .logo_wrap .gnb_wrap.mobile_open{
		display: block !important;
	}
}

@media (max-width: 1000px) {
	header.header .logo_wrap .family_list ul,
	header.header .logo_wrap .sns_list ul{
		display:none;
	}
}

@media (max-width: 425px) {
    header.header .logo_wrap .logo {
        width: calc(240px - 20%);
		flex: none;
    }
    
	header.header .logo_wrap, header.header .logo_wrap .logo {
        height: 63px;
        line-height: 63px;
    }
    
	header.header .logo_wrap .sitemenu {
        min-width: 63px;
    }
}

section.main {position:relative; min-height:calc(100vh - 295px);}

/** GNB */
.gnb_wrap {}
.gnb {width:100%;}
.gnb>ul {/* text-align:right;  */text-align: center;}
.gnb>ul>li{display:inline-block; *display:inline; zoom:1;}
.gnb>ul>li>a{display:block;height:93px;line-height:93px;padding:0 30px; font-size: 19px; font-weight: bold;}
.gnb>ul>li>a>span{font-size: 19px;/* font-weight: bold; */color: #fff;}
.gnb>ul>li.on>a>span,
.gnb>ul>li>a:hover>span,
.gnb>ul>li>a:focus>span,
.gnb ul[data-level="1"]>li:hover > a span{color: #ffffff; font-weight: 700; transition:all .2s;}

.gnb>ul ul {display:none;}
/* .gnb li.on>ul {display:block;} */

.gnb ul[data-level="1"]>li{position: relative; vertical-align: top;}
.gnb ul[data-level="1"]>li>a.lv1{position: relative;}
.gnb ul[data-level="1"]>li>a.lv1:after{content: ""; position: absolute; left: 0; bottom: 0; width: 0px; height: 5px; /* margin: 5px 0 0; */ transition: all 0.2s ease-in-out;transition-duration: 0.3s; opacity: 0; background-color: #ed1c24;background-color: #ffffff;}
.gnb ul[data-level="1"]>li:hover>a.lv1:after,
.gnb ul[data-level="1"]>li:focus>a.lv1:after,
.gnb ul[data-level="1"]>li>a.lv1:hover:after,
.gnb ul[data-level="1"]>li>a.lv1:focus:after{width: 100%; opacity: 1;}
.gnb ul[data-level="2"]{position:absolute;top:94px;height: 450px;min-height: 400px;max-height: 400px;z-index:40; background:#fff; width: 100%; border-left: 1px solid #ddd; text-align:center;}

.gnb ul[data-level="1"]>li:last-child ul[data-level="2"]{border-right: 1px solid #ddd;}
.gnb ul[data-level="2"]>li{/* display:inline-block; *display:inline; */ zoom:1;}
.gnb ul[data-level="2"]>li>a{display:block;height:45px;line-height:45px;/* padding:0 30px; */ font-size: 17px;}
.gnb ul[data-level="2"]>li>a>span{font-size: 16px;position: relative;/* display: block; */}
.gnb ul[data-level="2"]>li:hover span,
.gnb ul[data-level="2"]>li:focus span,
.gnb ul[data-level="2"]>li:active span,
.gnb ul[data-level="2"]>li a:hover span,
.gnb ul[data-level="2"]>li a:focus span,
.gnb ul[data-level="2"]>li a:active span{color: #d6a918; font-weight: 700;}

/*
.gnb ul[data-level="2"]>li:hover span{color: #ed1c24; font-weight: 700;} 
.gnb ul[data-level="2"]>li span:after{content: ""; position: absolute; left: 0; bottom: -5px; width: 0px; height: 2px; margin: 5px 0 0; transition: all 0.2s ease-in-out;transition-duration: 0.3s; opacity: 0; background-color: #ed1c24;}
.gnb ul[data-level="2"]>li:hover span:after{width: 100%; opacity: 1;}
.gnb ul[data-level="2"]>li:hover span{color: #ed1c24; font-weight: 700;}
 */
 
.gnb_bg {display: none;position: absolute;top: 93px;left: 0;z-index: 30;width: 100%;height: 400px;background-color: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}


@media (max-width: 1650px) {
	.gnb>ul>li>a>span{
		font-size: 17px;
	}
	
	.gnb ul[data-level="2"]>li>a>span{
		font-size: 15px;
	}
}

@media (max-width: 1600px) {
	.gnb ul[data-level="1"]>li {
	   /*  width: calc(100% / 6); */
	}
	.gnb>ul>li>a{
		height: 83px;
		line-height: 83px;
		padding: 0 28px;
	}
	
	.gnb ul[data-level="2"]{
		top: 84px;
	}
	
	.gnb_bg {
	    top: 83px;
	}
}

@media (max-width: 1500px) {
	.gnb>ul>li>a {
        padding: 0 20px;
    }
    
    .gnb ul[data-level="2"]>li>a>span {
        font-size: 13px;
    }
}

@media (max-width: 1300px) {
	.gnb ul[data-level="1"]>li {
        width: calc(100% / 6);
    }
    
	.gnb>ul>li>a {
        padding: 0;
        height: 53px;
        line-height: 53px;
    }
    
    .gnb ul[data-level="2"] {
        top: 1px;
        position: relative;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    
    .gnb ul[data-level="1"]>li:first-child ul[data-level="2"]{
    	border-left: 0;
    }
    
    .gnb ul[data-level="1"]>li:last-child ul[data-level="2"]{
    	border-right: 0;
    }
    
	.gnb_bg {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.gnb ul[data-level="1"]>li {
        width: calc(100% / 3);
    }
	
	.gnb ul[data-level="2"] {
	    min-height: 380px;
    	max-height: 380px;
        border-bottom: 1px solid #ddd;
        border-left: 0;
    }
    
    .gnb ul[data-level="1"]>li:nth-child(3n+2)>ul[data-level="2"]{
    	border-left: 1px solid #ddd;
    	border-right: 1px solid #ddd;
    }
}
	
@media (max-width: 425px) {
	header.header .logo_wrap .gnb_wrap{
		top: 63px;
	}
}

@media (max-width: 320px) {
	.gnb ul[data-level="1"]>li {
        width: calc(100% / 2);
    }
    
    .gnb ul[data-level="1"]>li>ul[data-level="2"]{
    	border-left: 0 !important;
    	border-right: 0 !important;
    }
    .gnb ul[data-level="1"]>li:nth-child(even)>ul[data-level="2"]{
    	border-left: 1px solid #ddd !important;
    	border-right: 0;
    }
}
/** //GNB */

/** FOOTER */
footer.footer {width: 100%;overflow:hidden; background-color: #3B3231; padding: 55px 0 40px;}
footer.footer .ft_wr{max-width: 1290px; margin: 0 auto;}
footer.footer .ft_wr + .ft_wr{border-top: 1px solid #564e4c;margin-top: 50px;}
footer.footer .ft_wr:first-child{display: flex; padding: 0 75px;box-sizing: border-box;justify-content: space-between;}
footer.footer .ft_wr p.copy{text-align: center; margin-top: 20px;}
footer.footer p, 
footer.footer em,
footer.footer span,
footer.footer a,
footer.footer strong{color: #fff; font-size: 16px;}
footer.footer p > em{font-size: 42px; font-weight: 700;}
footer.footer .ft_tel address > p{font-weight: 700;}
footer.footer .ft_tel address > p:first-child{margin-bottom: 12px;}
footer.footer .ft_tel p + address{margin-top: 30px;}
footer.footer .ft_info_link li+li{margin-top: 25px;}
footer.footer .ft_policy{position: relative;}
footer.footer .ft_policy ul{display: flex; gap: 25px;}
footer.footer .ft_policy .logo{position: absolute;bottom: -25px;right: 100px;}
footer.footer .ft_policy a.pol > span{font-weight: 900;}

footer.footer .ft_info_link a,
footer.footer .ft_policy a > span{font-size: 18px;}

footer.footer .ft_info_link a:hover,
footer.footer .ft_info_link a:active,
footer.footer .ft_info_link a:focus,
footer.footer .ft_info_link a:visited,
footer.footer .ft_policy a:hover,
footer.footer .ft_policy a:active,
footer.footer .ft_policy a:focus,
footer.footer .ft_policy a:visited{border-bottom: 1px solid #fff;}


@media (max-width: 1145px) {	
	footer.footer .ft_wr:first-child {
	    flex-direction: row;
	    flex-wrap: wrap;
		gap: 30px;
	}

	footer.footer .ft_policy {
	    align-self: flex-end;
	}
	
	footer.footer .ft_info_link{
		padding-top: 105px;
	}
	
	footer.footer .ft_policy .logo{
		display: none;
	}
}

@media (max-width: 768px) {	
	footer.footer .ft_wr:first-child {
    	padding:0 35px;
    	/* display: block; */
		display: flow-root;
    }
    
    footer.footer .ft_tel{
    	width:55%;
    	float: left;
    }
    
    footer.footer .ft_info_link{
    	width: 43%;
    	float: right;
    }
    
    footer.footer .ft_tel p > em {
    	white-space: nowrap;
    }
    
    footer.footer .ft_policy {
        display: none;
    }
}

@media (max-width: 680px) {	
	footer.footer p > em {
	    font-size: 32px;
	}

    footer.footer .ft_info_link {
        padding-top: 70px;
    }
    
    footer.footer .ft_info_link li+li {
	    margin-top: 15px;
	}
    
	footer.footer .ft_wr + .ft_wr{
		border-top: 0;
	}
	
    footer.footer .ft_wr p.copy {
        width: 60%;
        text-align: left;
        margin: 0 auto;
    }
    
	footer.footer .ft_tel p + address {
	    margin-top: 15px;
	}
	
	footer.footer .ft_tel address > p:first-child {
	    margin-bottom: 8px;
	}
}

@media (max-width: 600px) {	
	footer.footer p, footer.footer em,
	footer.footer span, footer.footer a,
	footer.footer strong {
	    font-size: 15px;
	}
	
	footer.footer .ft_info_link a,
	footer.footer .ft_policy a > span{
		font-size: 15px;
	}
}

@media (max-width: 425px) {	
	footer.footer{
	    padding: 40px 0 35px;
	}
	
    footer.footer .ft_wr p.copy {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 0 30px;
    }
    
    footer.footer .ft_tel,
    footer.footer .ft_info_link{
    	float: none;
    	width: 100%;
    }
    
    footer.footer .ft_info_link{
    	padding-top: 20px;
    }
}
@media (max-width: 375px) {	
    footer.footer .ft_wr:first-child {
        padding: 0 15px;
    }
	
	footer.footer .ft_tel p > em {
        white-space: normal;
    }
}
/** //FOOTER */

/** SNB */
.snb_wrap {width:1200px; margin:auto;position:relative;}
.snb {position:absolute;top:0;left:0;z-index:1;}
.snb .top {text-align:center; width:230px; line-height:150px; height:150px; background:#0a81b8; color:#fff; font-size:21px;}
.snb>ul ul{display:none;}
.snb ul li a {display:block;padding:12px 20px;}
.snb ul li a span {font-size:19px;}
.snb li.on ul {display:block;}
.snb>ul{width:230px; margin:auto; background:#fff; border: 1px solid #cecece; box-sizing:border-box; background:#fff;}
.snb>ul>li{box-sizing:border-box;}
.snb>ul>li+li{border-top: 1px solid #cecece;}
.snb>ul>li.on>a {background:#f1f1f1;}
.snb>ul>li.on>a>span {font-weight:bold;}
.snb ul[data-level="2"] {padding:10px;}
.snb ul[data-level="2"]>li>a:hover>span,
.snb ul[data-level="2"]>li>a:focus>span {border-bottom:2px solid #006999; padding-bottom:1px; transition:all .2s;}
.snb ul[data-level="3"] {padding:10px;}
.snb ul[data-level="3"]>li>a:hover>span,
.snb ul[data-level="3"]>li>a:focus>span {border-bottom:2px solid #006999; padding-bottom:1px; transition:all .2s;}
/** //SNB */

/** SUB */
.sub_wrap {}
.sub_wrap .sub_title {background:#c1c1c1; background-repeat: no-repeat; background-position: center; padding: 90px 0; overflow:hidden; box-sizing:border-box; /* height:150px; */ position: relative;}
.sub_wrap .sub_title:before{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0,0,0,.4);}
.sub_wrap .sub_title .inner {width:100%; /* float:right; */ position: relative; z-index: 2;}
.sub_wrap .sub_title p {font-size:33px; font-weight:bold; text-align: center;color: #fff;}
.sub_wrap .sub_title p + ul {margin-top:50px;}
.sub_wrap .sub_title p + ul:before{content:'';width: 40px;height: 3px;background-color: #fff; position: absolute; top: -30px;left:50%; transform: translateX(-50%);}
.sub_wrap .sub_title ul {position: relative;/* overflow:hidden; */display: flex;justify-content: center;}
.sub_wrap .sub_title ul li {/* float:left; */ font-size:15px;  text-align:center;}
.sub_wrap .sub_title ul li + li::before {content:'>'; margin:15px; color: #fff;}
.sub_wrap .sub_title ul li a{font-size: 18px;color: #fff;}
.sub_wrap .sub_content {margin:40px 0; overflow:hidden;}
.sub_wrap .sub_content .inner {/* width:100%; float:right; */}
.sub_side {position:absolute;width:100%;top:0;left:0;}
.sub_side + .sub_wrap .sub_title .inner {width:calc(100% - 300px);}
.sub_side + .sub_wrap .sub_content .inner {width:calc(100% - 300px);}


/** sub background */
.sub_wrap #MENU01{background-image: url('/images/sub/background/sub010.png');}
.sub_wrap #MENU02{background-image: url('/images/sub/background/sub010.png');}
.sub_wrap #MENU03{background-image: url('/images/sub/background/sub010.png');}
.sub_wrap #MENU04{background-image: url('/images/sub/background/sub010.png');}
.sub_wrap #MENU05{background-image: url('/images/sub/background/sub010.png');}
.sub_wrap #MENU06{background-image: url('/images/sub/background/sub010.png');}
.sub_wrap #MENU99{background-image: url('/images/sub/background/sub010.png');}

@media (min-width: 1921px) {	
	.sub_wrap .sub_title{
	    background-size: 100%;
	}
}
/** //SUB */