@charset "utf-8";


@media screen and (min-width:1200px){
	.hambuger-menu-wrap{display:none;}
    .header .inner .header-menu > ul > li.on > a{color:#dd1e3f}
    .header{position:fixed;width:100%; z-index: 1000;top:35px;}
    .header.head_on{background-color:#fff;}
    .header.head_on .header-menu > ul > li>a{color:#000;}
    /* .header.head_on .header-menu > ul > li:last-child a{background-color:#dd1e3f; color:#fff;} */
    .header h1{float:left;}
    .header h1 a{display:block; width:100%; height:100%; position:relative; }
    .header h1 a img{width:250px; position:absolute; top:50%; transform:translateY(-50%);}
    .header .header-menu{float:right;}
    .header .header-menu >ul > li{display:inline-block; position: relative; white-space:normal; word-break:keep-all;}
    .header .header-menu >ul > li> a{color:#fff;  display:block; font-size:22px; font-weight:700;}
   /*  .header .header-menu >ul > li:last-child > a{background-color:rgba(0,0,0,0.6);font-size:16px; width:130px;}
    .header .header-menu >ul > li:last-child a span{vertical-align: middle;} */
    .header .header-menu >ul > li > ol{width:170px; padding:25px 0; background-color:#dd1e3f ;position: absolute;top: 100%; display: none ;left:50%; transform: translateX(-50%);}
	/* .header .header-menu >ul > li:last-child > ol{width:114px; background-color:transparent; position: absolute;top:50%; display: none ;left:50%; transform: translateX(-50%);}
	.header .header-menu >ul > li:last-child a{text-align:left;}
	.header .header-menu >ul > li:last-child:hover > a{height: 95px;} */
    .header .header-menu >ul > li > ol > li{text-align: center;}
    .header .header-menu >ul > li > ol > li:hover{background-color: #b11832;}
    .header .header-menu >ul > li > ol > li > a{font-size:16px;line-height:22px; color:#fff; display: block;padding:10px 0;}
	/* .header .header-menu >ul > li:last-child > ol > li a{font-size:15px; color:#fff; display: block;padding:10px 15px;}
	.header .header-menu >ul > li:last-child i{margin-right:10px;} */
	.header{padding:35px 10px;}
    .header h1{width:141px; height:54px;}
    .header .header-menu li a{font-size:22px; padding:15px 20px;}

}

@media screen and (min-width:800px) and (max-width:1199px){
    .hambuger-menu-wrap{display:none;}
    .header .inner .header-menu > ul > li.on > a{color:#dd1e3f}
    .header{position:fixed;width:100%; z-index: 1000;}
    .header.head_on{background-color:#fff;}
    .header.head_on .header-menu > ul > li>a{color:#000;}
    .header.head_on .header-menu > ul > li:last-child a{background-color:#dd1e3f; color:#fff;}
    .header h1{float:left;}
    .header h1 a{display:block; width:100%; height:100%; position:relative;}
    .header h1 a img{width:100%; position:absolute; top:50%; transform:translateY(-50%);}
    .header .header-menu{float:right; padding-top:6px;}
    .header .header-menu >ul > li{display:inline-block; position: relative; white-space:normal; word-break:keep-all;}
    .header .header-menu >ul > li> a{color:#fff;  display:block; font-size:18px; font-weight:700;}
   /*  .header .header-menu >ul > li:last-child > a{background-color:rgba(0,0,0,0.6);font-size:16px;}
    .header .header-menu >ul > li:last-child a span{vertical-align: middle;} */
    .header .header-menu >ul > li > ol{width:170px; padding:25px 0; background-color:#dd1e3f ;position: absolute;top: 100%; display: none ;left:50%; transform: translateX(-50%);}
/* 	.header .header-menu >ul > li:last-child > ol{width:114px; padding:25px 0; background-color:transparent; position: absolute;top:19%; display: none ;left:50%; transform: translateX(-50%); text-align:left;}
	.header .header-menu >ul > li:last-child:hover > a{height: 95px;} */
    .header .header-menu >ul > li > ol > li{text-align: center;}
    .header .header-menu >ul > li > ol > li:hover{background-color: #b11832;}
    .header .header-menu >ul > li > ol > li > a{font-size:19px; color:#fff; display: block;padding:10px 0;}
	/* .header .header-menu >ul > li:last-child > ol > li a{font-size:15px; color:#fff; display: block;padding:10px 0;}
	.header .header-menu >ul > li:last-child > ol > li i{margin-right:10px;} */
	.header{padding:35px 10px;}
    .header h1{width:141px; height:54px;}
    .header .header-menu li a{padding:10px 15px;}
    
}

@media screen and (max-width:799px){
    .header{position:fixed;width:100%; z-index: 1000;}
    .header h1{float:left;}
    .header h1 a{display:block; width:100%; height:100%; position:relative;}
    .header h1 a img{width:150px; position:absolute; top:50%; transform:translateY(-50%);}

    .header.head_on{background-color: #fff;}

    .header::after{clear: both; content: ""; display:block}
    .hambuger-menu-wrap{height:27px ; width:35px; float:right; position:relative; cursor:pointer; margin-top:13px;}
    .hambuger-menu-wrap span{width:35px; height:3px; background-color:#fff; display:block; position: absolute; right:0;border-radius: 10%;transition: all 0.5s;}
    .hambuger-menu-wrap span:nth-of-type(1){top:0px;}
    .hambuger-menu-wrap span:nth-of-type(2){top:50%; transform: translateY(-50%);}
    .hambuger-menu-wrap span:nth-of-type(3){bottom:0px;}

    .hambuger-menu-wrap.on span:nth-of-type(2){opacity:0;}
    .hambuger-menu-wrap.on span:nth-of-type(1){top:50% ;transform:translateY(-50%) rotate(45deg);}
    .hambuger-menu-wrap.on span:nth-of-type(3){bottom: 50%;transform:translateY(50%) rotate(-45deg);}

    .header{padding:15px 10px;}
    .header h1{width:141px; height:54px;}
    .header .header-menu>ul>li:last-child{margin-left:20px;}
    .header .header-menu li:last-child a span{margin-left:10px;}


    .header-menu{background-color:rgba(211,30,63,0.9);position: fixed; width:100%; height:100vh; left:0; top:0;z-index: -1; display:none;}
    .header-menu ul{padding:130px 10px 0; text-align:left;}
    .header-menu>ul>li:not(:last-child){padding:20px; border-bottom:1px solid rgba(255,255,255,0.5);transition: all 0.5s;}
    .header-menu>ul>li:last-child{padding: 15px 0;}
    .header-menu ul li a{color:#fff; font-size:18px;}
    .header-menu>ul>li:after{clear: both; content: ""; display:block}
    .header-menu>ul>li>a{font-weight:600}

    .header-menu>ul>li>ol{padding:20px 20px 0; display:none;}
    .header-menu>ul>li>ol>li{margin-bottom:10px;}
    .header-menu>ul>li>ol>li>a{font-size:16px;}
    .header-menu>ul>li:not(:last-child)>a:after{content: "\f078"; font-family: 'Font Awesome 6 Pro';float:right}

    .header.head_on{ }
    .header .header-menu > ul > li:not(:last-child).on>a:after{content: "\f077";font-family: 'Font Awesome 6 Pro';}
    .header.head_on .header-menu > ul > li>a{color:#fff;}
    .header .header-menu > ul > li:last-child a{color:#fff; padding: 24px 0 0 0 !important;}
} 

@media screen and (min-width:1200px){
	.footer{background-color:#33373c;}
    .footer .footer-top{ border-bottom:1px solid #484b50;}
    .footer .footer-top .footer-logo{}
    .footer .footer-top .footer-logo a{display:block; width:100%; height:100%; position:relative;}
    .footer .footer-top .footer-logo a img{opacity:0.3; width:200px; position:absolute; top:50%; transform:translateY(-50%);}
    .footer .footer-top:after{content:''; display:block; clear:both; visibility:hidden;}
    .footer .footer-top .footer-menu{float:right;}
    .footer .footer-top .footer-menu a{display:inline-block; color:#fff; background-color:#484b50; border-radius: 5px;}
    .footer .footer-bottom{}
    .footer .footer-bottom .footer-text{color:#fff;}
    .footer .footer-bottom .footer-text li{display:inline-block;}
    .footer .footer-bottom .footer-copyright{color:#999b9e;}
	.footer{padding:50px 0;}
    .footer .footer-top{padding-bottom:30px;}
    .footer .footer-top .footer-logo{width: 141px; height: 54px;}
    .footer .footer-top .footer-menu a{padding:20px 30px;}
    .footer .footer-bottom{padding-top:30px; font-size:13px;}
    .footer .footer-bottom .footer-text{margin-bottom: 10px;}
    .footer .footer-bottom .footer-text li:not(:first-child):not(:last-child){padding:0 10px;}
    .footer .footer-bottom .footer-text li:first-child{padding-right:10px;}
    .footer .footer-bottom .footer-text li:last-child{padding-left:10px;}
}

@media screen and (min-width:800px) and (max-width:1199px){
    .footer{background-color:#33373c;}
    .footer .footer-top{ border-bottom:1px solid #484b50;}
    .footer .footer-top .footer-logo{}
    .footer .footer-top .footer-logo a{display:block; width:100%; height:100%; position:relative;}
    .footer .footer-top .footer-logo a img{width:130px; opacity:0.3; position:absolute; top:50%; transform:translateY(-50%);}
    .footer .footer-top:after{content:''; display:block; clear:both; visibility:hidden;}
    .footer .footer-top .footer-menu{float:right;}
    .footer .footer-top .footer-menu a{display:inline-block; color:#fff; background-color:#484b50; border-radius: 5px;}
    .footer .footer-bottom{}
    .footer .footer-bottom .footer-text{color:#fff;}
    .footer .footer-bottom .footer-text li{display:inline-block;}
    .footer .footer-bottom .footer-copyright{color:#999b9e;}
	.footer{padding:50px 0;}
    .footer .footer-top{padding-bottom:30px;}
    .footer .footer-top .footer-logo{width: 141px; height: 54px;}
    .footer .footer-top .footer-menu a{padding:20px 30px;}
    .footer .footer-bottom{padding-top:30px; font-size:13px;}
    .footer .footer-bottom .footer-text{margin-bottom: 10px;}
    .footer .footer-bottom .footer-text li:not(:first-child):not(:last-child){padding:0 10px;}
    .footer .footer-bottom .footer-text li:first-child{padding-right:10px;}
    .footer .footer-bottom .footer-text li:last-child{padding-left:10px;}
}
@media screen and (max-width:799px){
    .footer{background-color:#33373c;}
    .footer .footer-top{ border-bottom:1px solid #484b50;}
    .footer .footer-top .footer-logo{display:none}
    .footer .footer-top:after{content:''; display:block; clear:both; visibility:hidden;}
    .footer .footer-top .footer-menu{text-align:center;}
    .footer .footer-top .footer-menu a{display:inline-block; color:#fff; background-color:#484b50; border-radius: 5px;}
    .footer .footer-bottom{}
    .footer .footer-bottom .footer-text{color:#fff;}
    .footer .footer-bottom .footer-text li{display:inline-block;}
    .footer .footer-bottom .footer-copyright{color:#999b9e;}
	.footer{padding:50px 0;}
    .footer .footer-top{padding-bottom:30px;}
    .footer .footer-top .footer-logo{width: 141px; height: 54px;}
    .footer .footer-top .footer-menu a{padding:14px 10px; font-size: 12px;}
    .footer .footer-bottom{padding-top:30px; font-size:13px;}
    .footer .footer-bottom .footer-text{margin-bottom: 10px;}
    .footer .footer-bottom .footer-text li{padding-right:10px; line-height: 20px;} 
} 

/* 공통 레이아웃 */ 


@media screen and (min-width:1200px){
	#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg");background-size:cover; padding-top:90px;}
	#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:60px 0 30px 0;margin-bottom:30px; position:relative;}
	#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
	#subvisual p {font-size:15px;color:#fff;line-height:1.5;padding-bottom:120px;}
	#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
	#subvisual .sub-tabmenu li {float:left; text-align:center;}
	#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
	#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
	#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#dd1e3f; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

	#subvisual .sub-tabmenu li a {display:block; font-size:20px; font-weight:900; line-height:70px; letter-spacing:-1px; color:#fff; position:relative;}
}
@media screen and (min-width:800px) and (max-width:1199px){
	#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg");background-size:cover; padding-top:90px;}
	#subvisual h2 {color:#fff;font-size:60px;font-weight:900;padding:60px 0 30px 0;margin-bottom:30px; position:relative;}
	#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
	#subvisual p {font-size:15px;color:#fff;line-height:1.5;padding-bottom:120px;}
	#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
	#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
	#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
	#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
	#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#dd1e3f; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

	#subvisual .sub-tabmenu li a {display:block; font-size:20px; font-weight:900; line-height:70px; letter-spacing:-1px; color:#fff; position:relative;}
}
@media screen and (max-width:799px){
	#subvisual {background-repeat:no-repeat; background-position:center; background-image:url("../img/sub_visual.jpg");background-size:cover; padding-top:55px;}
	#subvisual h2 {color:#fff;font-size:30px;font-weight:900;padding:30px 0 15px 0;margin-bottom:30px; position:relative;}
	#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:rgba(255, 255, 255, 0.8); transform:translateX(-50%)}
	#subvisual p {font-size:12px;color:#fff;line-height:1.5;padding-bottom:80px;}
	#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0, 0, 0, 0.5);}
	#subvisual .sub-tabmenu li {float:left; width:20%; text-align:center;}
	#subvisual .sub-tabmenu li:not(:first-child) a::after {content:""; position:absolute; width:1px; height:29px; background-color:#909194; left:0; top:50%; transform:translateY(-50%)}
	#subvisual .sub-tabmenu li:hover a::after, #subvisual .sub-tabmenu li.on a::after, #subvisual .sub-tabmenu li:hover + li a::after, #subvisual .sub-tabmenu li.on + li a::after, #subvisual .sub-tabmenu li:first-child a::after {background-color:transparent}
	#subvisual .sub-tabmenu li:hover a, #subvisual .sub-tabmenu li.on a {background-color:#dd1e3f; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

	#subvisual .sub-tabmenu li a {display:block; font-size:15px; line-height:50px; letter-spacing:-1px; color:#fff; position:relative;}
}

@media screen and (min-width:1420px){
	.inner {position:relative;max-width:1420px !important;margin:0 auto;}
	.sub-inner {position:relative;max-width:1420px !important;margin:0 auto; padding:100px 0; font-size:17px; line-height:30px; color:#777; white-space:normal; word-break:keep-all; }
}
@media screen and (min-width:1024px) and (max-width:1419px){
	.inner {position:relative;max-width:90% !important;margin:0 auto;}
	.sub-inner {width:100%; margin:0 auto; padding:80px 50px; font-size:17px; line-height:30px; color:#777; white-space:normal; word-break:keep-all;}
}
@media screen and (max-width:1023px){ 
	.inner {position:relative;max-width:90%!important;margin:0 auto;}
	.sub-inner {width:100%; margin:0 auto; padding:50px 20px; font-size:14px; line-height:22px; color:#777; white-space:normal; word-break:keep-all;}
} 

.inner:after{content:''; display:block; clear:both; }

#container .inner{padding:50px 0;}

/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;}

/* 서브페이지 - 타이틀 */ 
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-privacy {}
#container .sub-privacy .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container .sub-privacy .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify;}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:70px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link img {width:40px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:40px;height:40px;line-height:20px;font-size:10px;color:#fff;text-align:center;background:#000;border-radius:100px;padding:10px;cursor:pointer;opacity:0.6;z-index:99999;}
#scroll-link:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}