@charset "utf-8";
:root{
    --white:#fff;
    --keyColor:#951d1e;
    --subColor:#d3908d;
    --pageTitle:40px;
    --contentTitle:48px;
    --bigTitle:58px;
    --title:32px;
    --subTitle:16px;
    --description:14px;
    --fontColor:#000;
    --innerContent:0 216px;
}
@font-face {
    font-family: 'NotoSanKR';
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Black-931baa9e13c9cdffb986f1404ae4ecf3.otf);
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Black-ad135e744c2de8b16df8f386b410ce2e.woff) format('woff'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Black-32188d45f90777455e0d5ad4644b2fb6.woff2) format('woff2'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Black-931baa9e13c9cdffb986f1404ae4ecf3.otf) format('otf');
    font-style: normal;
    font-weight: 900;
}
@font-face {
    font-family: 'NotoSanKR';
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Bold-42dd0b203b53740d39102cda7b797c0e.otf);
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Bold-11ec013942ce7c5dfd5f1adf4a16d2ca.woff) format('woff'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Bold-0ae2f9c5e5b82c0b15d3429dfe30f1eb.woff2) format('woff2'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Bold-42dd0b203b53740d39102cda7b797c0e.otf) format('otf');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'NotoSanKR';
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Medium-f76d323ad08378bc0a027a35d4b1f095.otf);
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Medium-e63313c24774aee385441245d85fb80f.woff) format('woff'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Medium-2de688e285e7ba650eee5d0438c1d4a7.woff2) format('woff2'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Medium-f76d323ad08378bc0a027a35d4b1f095.otf) format('otf');
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'NotoSanKR';
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Regular-432678b1452b22f5c7d89ce3ed52d449.otf);
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Regular-7c3141b340ddb3c1aea80d2bb11e9f12.woff) format('woff'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Regular-9139661f6f91e4420a77e89d352452af.woff2) format('woff2'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Regular-432678b1452b22f5c7d89ce3ed52d449.otf) format('otf');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'NotoSanKR';
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Light-69a7091d55bd70448014811215ab9642.otf);
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Light-1f7c8be8c0ca8d54868052ef23475cb2.woff) format('woff'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Light-ea4db2bb9f683df8998eaaaec10beeab.woff2) format('woff2'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Light-69a7091d55bd70448014811215ab9642.otf) format('otf');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'NotoSanKR';
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Thin-0225d3469c8f6f7fb880ca9b0c7f2a5b.otf);
    src: url(/css/fonts/NotoSan-KR/NotoSansKR-Thin-d11a10e3a1aef8fe7b15ab849730922f.woff) format('woff'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Thin-4776c64f22d49bce1cfabd02c69e8b6b.woff2) format('woff2'),
         url(/css/fonts/NotoSan-KR/NotoSansKR-Thin-0225d3469c8f6f7fb880ca9b0c7f2a5b.otf) format('otf');
    font-style: normal;
    font-weight: 200;
}
*{margin:0;padding:0;font-family:'proxima-nova','NotoSanKR',sans-serif;}
button{cursor:pointer;background-color:none;border:none;}
html,body,a,input,button,option{font-size:100%;color:var(--fontColor);}
li{list-style:none;}
a{text-decoration:none;}
img{display:block;}
address{font-style:normal;}

html{height:100%;scroll-behavior: smooth;}
body{min-height:100%;}
.blind{display:none;}
.after,.before{display:block;content:'';}
.m_br{display:none;}

input, select, textarea, button, a, label {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none;-webkit-tap-highlight-color : transparent;}


/*wrap*/
#wrap{position:absolute;top:0;left:0;width:100%;min-height:100%;display:flex;flex-direction:column;}
#wrap #main{flex: 1;height:100%;}

/*default_width*/
.inner_wrap{max-width: 1280px;width:100%;padding:0 32px;margin:0 auto;}

/*skip*/
#skip_content a{position:relative;z-index:100;display:flex;justify-content:center;height:0;overflow:hidden;align-items:center;font-size:var(--subTitle);color:#fff;background-color:#000;}
#skip_content a:focus{height:36px;}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;z-index:31;transform: translateY(0);transition: .3s;will-change: transform; -webkit-will-change: transform; overflow:hidden; height: 83px;}
#header .inner_header{padding:0 54px 0 50px;height:78px;border-bottom:solid 1px #9b9b9b;display:flex;align-items:center;transition: background .3s;}
#header h1{font-size:0;z-index: 30;}
#header h1 a{color:#fff;}
#header h1 a svg{width:160px;}
#header h1 a svg path{fill:#fff;}
#header h1 a svg .gray{fill:#48494c;}

#header .gnb{margin-left:auto;height: 90px;z-index: 30;}
#header .gnb>ul{display:flex;flex: 1;height: 100%;}
#header .gnb>ul>li{margin-left:72px;position: relative;display:flex;align-items:center;}
#header .gnb>ul>li:first-child{margin-left:0;}
#header .gnb>ul>li>a{font-size:20px;padding:12px;font-weight:bold;letter-spacing:-.04em;color:#fff;}
#header .gnb>ul>li>a:after {content: "";position: absolute;left: 50%;bottom: 4px;width: 0%;height: 3px;background: #000;
transition: all 0.3s;}
#header .gnb>ul>li:hover>a:after {width: 100%;left: 0;}

#header .gnb>ul>li .sub_menu{position:absolute;top:100%;left:50%;min-width:190px;padding-top:2px;transform: translateX(-50%); height: 320px;}
#header .gnb>ul>li .sub_menu a{display:block;padding:12px;white-space:nowrap;text-align: center;font-size:13px;color: var(--fontColor);}
#header .gnb>ul>li .sub_menu a::after{content:attr(data-text);height: 0;font-weight: 700;float: left;visibility: hidden;}
#header .gnb>ul>li .sub_menu a:hover{color: var(--keyColor);font-weight: 700;}
/*#header .gnb>ul>li .sub_menu{display:block;}*/




#header .languages{margin-left:86px;}
#header .languages ul{display:flex;border:solid 1px var(--keyColor);align-items:center;height:30px;box-sizing:border-box;border-radius:15px;}
#header .languages li{position: relative;font-size:16px;padding:0 9px}
#header .languages li:first-child:after{display:block;position:absolute;top:50%;left:100%;transform:translateY(-50%);content:'';border-left:solid 1px #fff;height:.8em;}
#header .languages li:nth-child(2):after{display:block;position:absolute;top:50%;left:100%;transform:translateY(-50%);content:'';border-left:solid 1px #fff;height:.8em;}
#header .languages li a{font-size:inherit;color:#fff;}
#header .languages li.active a{color:var(--keyColor) !important;}
#header .mo_btn,
#header .mo_languages{display:none;}
#header.on{transform: translateY(-100%);}
#header.black h1 a svg path{fill:var(--keyColor);}
#header.black h1 a svg .gray{fill:#48494c;}


#header .gnb>ul>li .sub_menu a.selected{color: #951d1e; font-weight:bold;}
#header .gnb>ul>li>a.selected{color: #951d1e; text-shadow: 1px 1px 0px #b47b7b;}
#header.black .gnb>ul>li>a.selected{color: #951d1e; text-shadow: none;}
#header.on .inner_header .gnb>ul>li>a.selected{color: #951d1e; text-shadow: none;}


/*main*/

/*footer*/
#footer{border-top:solid 1px #ccc;position:relative;z-index:30;z-index:1;}
#footer .inner_footer{display:flex;justify-content:space-between;padding-top:46px;padding-bottom:54px;}
#footer h2{margin-bottom:30px;}
#footer .info h2 svg{width:132px;}
#footer .info h2 svg path{fill:var(--keyColor);}
#footer .info h2 svg .gray{fill:#48494c;}
#footer .info strong,
#footer .info address,
#footer .info .gap,
#footer .info a{margin-bottom:10px;}
#footer .info strong{display:block;font-size:14px;}
#footer .info address,
#footer .info .gap{font-size:12px;}
#footer .info a,
#footer .info small{display:block;font-size:12px;}
#footer .site_map>ul{display:flex;}
#footer .site_map li{text-align:right;}
#footer .site_map>ul>li{margin-left:120px;}
#footer .site_map>ul>li:first-child{margin-left:0;}
#footer .site_map>ul>li:last-child{margin-left:40px;}
#footer .site_map>ul>li>a{font-weight:700;font-size:16px;}
#footer .site_map>ul>li>ul{margin-top:30px;}
#footer .site_map>ul>li>ul li{margin-bottom:11px;}
#footer .site_map>ul>li>ul li:last-child{margin-bottom:0;}
#footer .site_map>ul>li>ul a{font-size:13px;}

/* top button*/
.top_move{position:fixed;bottom:42px;right:42px;z-index:20;opacity:0;transition: opacity .3s;}
.top_move.on{opacity: 1;}
.top_move button{background:#fff;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;box-shadow: 0 0 3px 3px rgba(0,0,0,.08)}
.top_move button svg{width:36px;fill:var(--keyColor)}

/*header,footer type*/
#header.black .inner_header{background-color:#fff;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
#header.black a{color: var(--fontColor);}
#header.black .languages li:first-child:after{border-color:var(--fontColor);}
#header.black .languages li:nth-child(2):after{border-color:var(--fontColor);}
#header.black .gnb>ul>li>a{color: var(--fontColor);}
#header.black .languages li a{color: var(--fontColor);}
#footer.black{border-color:#fff;}
#footer.black .info h2 svg path{fill:#fff;}
#footer.black strong,
#footer.black address,
#footer.black small,
#footer.black .gap,
#footer.black a{color:#fff;}
#header.black .languages li.active a{color:var(--keyColor)}



/*서브 페이지 공통 타이틀 스타일정의*/
.page_title{height:370px;position:relative;display:flex;align-items:center;justify-content:center;}
.page_title img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.page_title h3{position:relative;margin-top:94px;z-index:3;color:#fff;font-size:var(--pageTitle);letter-spacing:-.04em;}

/*페이지 네비 스타일 정의*/
.page_nav{background-color:#eeeeee;}
.page_nav ol{display:flex;height:50px;align-items:center;}
.page_nav ol li{font-size:var(section_description);display:flex;align-items:center;}
.page_nav ol li::after{display:inline-block;content: '';width:15px;height:15px;background: url(/images/etc/lt_arrow-b2d18431751a3946ef5f8bcdd058c9ab.svg) no-repeat center;margin: 0 .6em;}
.page_nav ol li:last-child:after{display:none;}
.page_nav ol a{color:#555;font-size:inherit;display:flex;align-items:center;}
.page_nav ol a svg{width:14px;}
.page_nav ol li.active a{color:var(--keyColor);}

/*페이지 사이드 콘텐츠 네비*/
.page_content_nav{width:0;height:0;position:sticky;top:calc(50vh - 370px);z-index: 100;}
.page_content_nav .inner_nav{position: relative;left:56px;padding-top:100px;}
.page_content_nav .inner_nav span{display:block;cursor:default;margin-bottom:20px;}
.page_content_nav .inner_nav span,
.page_content_nav .inner_nav li{white-space:nowrap;width:fit-content;}
.page_content_nav .inner_nav ul{border-left:solid 1px #ccc;}
.page_content_nav .inner_nav li{display:flex;align-items:center;padding:14px 20px;position: relative;}
.page_content_nav .inner_nav li::after{display:block;content:'';position:absolute;top:0;left:-1px;height:100%;border-left:solid 5px transparent;}
.page_content_nav .inner_nav li.active::after{border-color:var(--keyColor);}
.page_content_nav .inner_nav li:hover a{color:var(--keyColor)}
.page_content_nav .inner_nav li.active a{font-weight:700;color:var(--keyColor);}


/**일반 정적 페이지 섹션스타일 정의**/
.section{padding:100px 0 160px;}
.section:first-child~.section{padding-top: 0;margin-top: 100px;}
.section:first-child~.section::before{display:block;content: '';max-width: 1280px;width: calc(100% - 32px); margin: 0 auto; border-top:solid 1px var(--keyColor); padding-bottom: 120px;}
.section .section_title_box h4{font-size:var(--contentTitle);text-align:center;letter-spacing:-.02em;line-height: 1.2;margin-bottom: .6em;}
.section .section_title_box strong,
.inner_section .inner_section_title_box strong{display:block;font-size:var(--subTitle);text-align:center;margin-bottom:20px;}
.section .section_title_box .section_description,
.inner_section .inner_section_title_box .inner_section_description{font-size:var(--description);text-align: center;padding:var(--innerContent);box-sizing: border-box;}
.inner_section .inner_section_title_box h5{font-size:var(--title);text-align:center;letter-spacing:-.04em;margin-bottom: 20px;}
.section.active .section_title_box h4{color: var(--keyColor);}
/*배경색 필할때*/
.gray,
.inner_section.gray,
.inner_section_container.gray{background-color:#f5f5f5;}
.inner_section{padding-top:100px;}
.section .section_title_box .section_description.align,
.inner_section .inner_section_title_box .inner_section_description.align{text-align: left;word-break: keep-all;}

/**써클디자인 요소**/
.circle_ul{display:flex;justify-content: center;}
.circle_ul li{display:flex;flex-direction:column;justify-content: center;margin: 0 -12px; align-items:center;flex: 0 0 250px;width:250px;height:250px;box-sizing:border-box;border:solid 1px #000;border-radius:50%;}
.circle_ul li strong{display:block;font-size:40px;color:var(--keyColor);margin-bottom: .4em;}
.circle_ul li p{text-align: center;font-size: var(--description);}

/**써클디자인(포인트 ) 요소**/
.circle_ul_point{display:flex;justify-content: center;}
.circle_ul_point li{display:flex;flex-direction:column;justify-content: start;margin: 0 -12px; align-items:center;flex: 0 0 400px;width:400px;height:400px;box-sizing:border-box;position: relative;}
.circle_ul_point li strong{display:block;color:var(--keyColor);margin-top: 120px; margin-bottom: 2.1em;font-size: 18px;}
.circle_ul_point li p{font-size: var(--description);}
.circle_ul_point li .circle_line{display: block;content: ''; position:absolute;width:100%;height:100%;top:0;left:0;border:solid 1px #000;border-radius:50%;box-sizing: border-box;}
.circle_ul_point li .circle_line::before{display: block;content: ''; position:absolute;top:0;left:50%;width: 15px;height: 15px;background-color: var(--keyColor);border-radius:50%;transform: translate(-50%,-50%);}
.circle_ul_point li:nth-child(1) .circle_line{transform: rotate(325deg);}
.circle_ul_point li:nth-child(2) .circle_line{transform: rotate(140deg);}
.circle_ul_point li:nth-child(3) .circle_line{transform: rotate(45deg);}

/*서브공통 카드모양 디자인*/
.carad_section{padding: 35px 0 100px;max-width: 1064px;width: 100%;margin: 0 auto;}
.carad_wrap{display:flex;box-sizing:border-box;margin: -20px -8px 0;flex-wrap: wrap;justify-content: center;}
.carad_wrap.center{justify-content: center;}
.carad_wrap .carad_item{width:200px;height:330px;position: relative;border-radius: 20px;box-shadow: 0 2px 5px 0 rgba(85, 85, 85, 0.3);margin: 20px 8px 0;overflow: hidden;}
.carad_wrap .carad_item *{cursor: default;}
.carad_wrap .card_content{position:absolute;top:0;left:0;width:100%;height:100%;background-color: #fff;}
.carad_wrap .card_content>strong{display:block;text-align:center;font-size:var(--subColor);color: var(--keyColor);letter-spacing: -.02em;}
.carad_wrap .card_content.card_front img{max-width: 70px;margin: 93px auto 53px;}
.carad_wrap .card_content.card_back>strong{width:70%;white-space: nowrap; margin: 70px auto 0;color: #000; border-bottom: solid 1px var(--keyColor);padding-bottom: 9px;height: 3em;display: flex;justify-content: center; align-items: center;}
.carad_wrap .card_content .card_text_box{text-align: center;font-size: var(--description);padding-top: 47px;}
.carad_wrap .carad_item .card_content.card_front+.card_content.card_back{opacity: 0;visibility: hidden;transition: opacity .3s;will-change: opacity;}
.carad_wrap .carad_item:hover .card_content.card_front+.card_content.card_back{opacity: 1;visibility: visible;}

/*아이콘 리스트*/
.icon_list{padding: 35px 108px 0;}
.icon_list ul{display:grid;gap: 34px 60px;}
.icon_list li{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.icon_list li img{max-width: 101px;}
.icon_list li strong{font-size: 12px; color: var(--keyColor);height: 3em ;display: flex; align-items: center; justify-content: center; text-align: center;white-space: nowrap;}

/*회색 테이블 기본*/
.noone_tb {width: 100%;border-collapse:collapse}
.noone_tb th,
.noone_tb td{padding: 27px 18px;box-sizing: border-box;border:solid 2px #fff;box-sizing:border-box;}
.noone_tb th{background-color: #ddd;}
.noone_tb td{background-color: #f0f0f0;text-align: center;}
.noone_tb td.align{text-align:left;}
.noone_tb td span{color: var(--keyColor);font-weight:700;}

/*제품 호버*/
.product_wrap>div>strong{display:block;font-size:24px;border-bottom:solid 1px #ccc;padding-bottom:9px;margin-bottom:30px;}
.product_wrap .product_list{display:grid;}
.product_item{display:flex;flex-direction:column;overflow:hidden;border:solid 1px #ccc;border-radius:20px;height:315px;}
.product_item .pd_name{border-bottom:solid 1px #ccc;background-color:#ddd;display:flex;align-items:center;justify-content:center;height:65px;font-weight: 700;font-size:14px;}
.product_item .pd_content_box{flex: 1;height:100%;overflow: hidden;position: relative;}
.product_item .pd_content_box .pd_content{box-sizing: border-box;}
.product_item .pd_content_box .pd_description{padding: 29px 16px 0;font-size:12px;word-break: keep-all;line-height:2;}
.product_item .pd_content_box .pd_description li{padding-left:.4em;margin-left:.4em;font-size:12px;line-height:2;}
.product_item .pd_content_box .pd_description li::marker{content:'•';}
.product_item .pd_content_box .pd_img{position:absolute;top:0;left:0;width:100%;height:100%;padding: 0 10px;display:flex;align-items:center;background-color:#fff;opacity: 0;visibility: hidden;will-change: opacity;transition:opacity .3s;}
.product_item .pd_content_box .pd_img img{width:100%;}
.product_item:hover .pd_content_box .pd_img{opacity: 1;visibility: visible;}

/*게시판*/
.board_wrap{padding:130px 0 174px;}
.board_wrap h4{font-size:38px;text-align:center;padding-bottom:34px;}
.board_wrap .util{display:flex;align-items:center;padding-top: 32px;}
.board_wrap .util .btn{margin-left:auto;display:flex;font-size:16px;width:100px;height:45px;background:#dfdfdf;border-radius:5px;align-items:center;justify-content:center; }

@media screen and (max-width:1540px){
	.page_content_nav{display:none;}
}

@media screen and (min-width:1345px){
/* on */
#header.on {position:fixed;top:0;left:0;width:100%;z-index:31;transform: translateY(0);will-change: transform; -webkit-will-change: transform; overflow:hidden; height: 545px;background-color: #fff;}
#header.on .inner_header .gnb>ul>li>a {color: #000000;text-shadow: none;}
#header.on h1 a svg path{fill:#951d1e;}
#header.on .inner_header .languages li:first-child:after{display:block;position:absolute;top:50%;left:100%;transform:translateY(-50%);content:'';border-left:solid 1px #000;height:.8em;}
#header.on .inner_header .languages li:nth-child(2):after{display:block;position:absolute;top:50%;left:100%;transform:translateY(-50%);content:'';border-left:solid 1px #000;height:.8em;}
#header.on .inner_header .languages li a{font-size:inherit;color:#000;}}


@media screen and (max-width:1344px){
	:root{
	    --pageTitle:40px;
	    --contentTitle:48px;
	    --bigTitle:58px;
	    --title:26px;
	    --subTitle:16px;
	    --description:14px;
	    --innerContent:0 32px;
	}

	.inner_wrap{box-sizing:border-box;}


	#header::after{display:block;content:'';position:absolute;top:100%;left:0;width:100%;border-top:solid 1px #555;z-index:50;}
	#header .inner_header{justify-content:space-between;padding: 0 32px;position:relative;z-index:30;}
	#header h1{position:relative;z-index:31;}
	#header .gnb{display:block;margin-left:0;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;box-sizing:border-box;padding:120px 0 0;transition: .9s;opacity: 1;}
	#header .gnb.on{opacity:1;}

	#header .languages{display:block;position:fixed;bottom:100vh;right:0;transform:translate(-100%);}
    #header .mo_btn{display:block;}
	#header .mo_btn button{display:block;width:60px;height:60px;position:relative;background:none;}
	#header .mo_btn button .mo_wrap{width:38px;height:34px;position:relative;background:none;margin-left:18px;}
	#header .mo_btn button span{display:inline-block;position:absolute;left:0;width:100%;height:4px;background-color:var(--keyColor);z-index:31;transition: .3s;}
	#header .mo_btn button span:nth-child(1){position:absolute;top:0;}
	#header .mo_btn button span:nth-child(2){position:absolute;top:50%;margin-top:-2px;}
	#header .mo_btn button span:nth-child(3){position:absolute;bottom:0;}

	#header .mo_btn.active button span:nth-child(1){top:50%;margin-top:-4px;transform:rotate(-45deg)}
	#header .mo_btn.active button span:nth-child(2){top:50%;margin-top:-2px;opacity:0;}
	#header .mo_btn.active button span:nth-child(3){bottom:50%;margin-top:4px;transform:rotate(45deg)}
	#header .mo_btn.active button{display:block;width:60px;height:60px;position:relative;background:none;z-index:31;}

	#header .gnb>ul{flex-direction:column;}
	#header .gnb>ul>li{margin-left:0;width:100%;display:block;}
	#header .gnb>ul>li .sub_menu li::marker{content:'-';margin-top:-.1em;display:inline-block;color:#fff;}
	#header .gnb>ul>li>a{font-size:38px;padding-left:32px;padding-right:32px;display:block;width:100%;box-sizing:border-box;color:#fff;}
	#header .gnb>ul>li .sub_menu{position:static;min-width:auto;transform:none;display:block;display:none;height:100%;}
	#header .gnb>ul>li .sub_menu ul{background:none;padding-left:64px;padding-bottom:32px;}
	#header .gnb>ul>li .sub_menu a{font-size:20px;color:#000;display:inline-block;}
	#header .gnb>ul>li .sub_menu a::after{display:none;}
	#header .gnb>ul>li .sub_menu a:hover{color:#000;font-weight:400;}
	#header .gnb>ul>li .sub_menu a:active{color:var(--keyColor);}
	#header .gnb>ul>li.active>a{color:var(--keyColor);}
	#header .gnb>ul>li.active .sub_menu{display:block;}



	#header {position:fixed;top:0;left:0;width:100%;z-index:31;transform: translateY(0);transition:transform .3s;will-change: transform; -webkit-will-change: transform; overflow:hidden; height: 85px;}
    #header .inner_header .gnb>ul>li>a {color: #000000;}
    #header h1 a svg path{fill:#951d1e;}
    #header .inner_header .languages li:first-child:after{display:block;position:absolute;top:50%;left:100%;transform:translateY(-50%);content:'';border-left:solid 1px #fff;height:.8em;}
    #header .inner_header .languages li a{font-size:inherit;color:#fff;}
    #header .gnb>ul>li:hover>a:after {width: 0;left: 0;}
    #header .gnb>ul>li>a.selected {text-shadow: none; color: #951d1e;}
    /* on */
    #header.on {position:fixed;top:0;left:0;width:100%;z-index:31;transform: translateY(0);transition:transform .3s;will-change: transform; -webkit-will-change: transform; overflow:hidden; height: 100%;background-color: #fff;}
    #header.on .inner_header .gnb>ul>li>a {color: #000000;}
    #header.on h1 a svg path{fill:#951d1e;}
    #header.on .inner_header .languages li:first-child:after{display:block;position:absolute;top:50%;left:100%;transform:translateY(-50%);content:'';border-left:solid 1px #000;height:.8em;}
    #header.on .inner_header .languages li a{font-size:inherit;color:#000;}
    #header.on .inner_header .gnb>ul>li>a.selected {color: #951d1e;}
    #header.menu-active {height: 100%;}






	/*#header h1 a svg path{fill:#fff;}*/
	/*#header.black .gnb>ul>li>a{color: #fff;}*/

	#footer h2{text-align:center;}
	/*#footer .info h2 svg path{fill:#fff;}*/
	#footer .site_map{display:none;}
	#footer .inner_footer{justify-content:center;}
	#footer .info strong,
	#footer .info address,
	#footer .info .gap,
	#footer .info a,
	#footer .info small{text-align:center}
	#footer .info .gap span:first-child~span{margin-left:20px;}

	.icon_list{padding: 35px 0 0;}
	.icon_list ul{gap:24px 0;justify-content: space-between;}
	.icon_list li img{max-width:80%;width:100%;}

	/**써클디자인(포인트 ) 요소**/
	.circle_ul_point li strong{margin-top:30%;margin-bottom:12%;}
	.circle_ul_point li{width:30vw;height:30vw;flex: 0 0 30vw;}
}

@media screen and (max-width:1280px){
	.circle_ul{flex-direction:column;align-items:center;}
	.circle_ul li{margin:-1.4vw 0;;width:400px;height:400px;flex: 0 0 400px;}
	
	.circle_ul_point{flex-direction:column;align-items:center;}
	.circle_ul_point li{margin:-1.6vw 0;width:400px;height:400px;flex: 0 0 400px;}
	.circle_ul_point li:nth-child(3) .circle_line{transform: rotate(-45deg);}
	.circle_ul_point li p{text-align:center;}
}

@media screen and (max-width:800px){
	
}

/*375px*/
@media screen and (max-width:600px){
	:root{
	    --pageTitle:6.4vw;
	    --contentTitle:5.8667vw;
	    --bigTitle:58px;
	    --title:4.5333vw;
	    --subTitle:3.7333vw;
	    --description:3.7333vw;
	    --innerContent:0 4.2667vw;
	}	
	
	.p_br{display:none;}
	.m_br{display:inline;}
	.inner_wrap{padding:0 4.2667vw;}
	
	/*header*/
	#header .inner_header{height:54px;padding: 0 16px;}
	#header h1 a svg{width:88px;}
	#header .mo_btn button span{height:2px; width:70%;}
	#header .mo_btn button span:nth-child(1){position:absolute;top:8px;}
	#header .mo_btn button span:nth-child(2){margin-top:-1px;}
	#header .mo_btn button span:nth-child(3){position:absolute;bottom:8px;}
	#header .gnb>ul>li>a{font-size:20px;}
	#header .gnb>ul>li .sub_menu a{font-size:10px;}
	#header .mo_btn.active button span:nth-child(1){margin-top:-2px;}
	#header .mo_btn.active button span:nth-child(2){margin-top:-2px;}
	#header .mo_btn.active button span:nth-child(3){margin-top:2px;}
	
	/*footer*/
	#footer h2{margin-bottom:2.6667vw;}
	#footer .info h2 svg{width:88px;}
	#footer .info strong{font-size:3.7333vw;}
	#footer .info address, #footer .info .gap{font-size:3.2vw;}
	#footer .info .gap span{white-space:nowrap;}
	#footer .info .gap span *{display:inline;}
	#footer .info .gap span:first-child~span{margin-left: .5em;}
	#footer .info a,
	#footer .info small{font-size:3.2vw;}
	#footer .info strong,
	#footer .info address,
	#footer .info .gap,
	#footer .info a{margin-bottom: 1.3333vw;}
	
	/**일반 정적 페이지 섹션스타일 정의**/
	.section{padding:15.2vw 0 32vw}
	.section:first-child~.section{margin-top: 26.6667vw;}
	.section:first-child~.section::before{padding-bottom:12.2667vw;}
	.inner_section{padding-top:15.2vw}
	.page_title{height:41.3333vw;}
	.page_title h3{margin-top: 14.4vw;}
	.section .section_title_box strong,
	.inner_section .inner_section_title_box strong{margin-bottom: 2.6667vw;}
	.section .section_title_box .section_description,
	.inner_section .inner_section_title_box .inner_section_description{padding:10px 10px;text-align: left;}
	
	/*카드 디자인*/
	.carad_wrap .card_content.card_front{display: none;}
	.carad_wrap .carad_item .card_content.card_front+.card_content.card_back{transition: none;opacity: 1;visibility:visible;}
	
	/*페이지 네비 스타일 정의*/
	.page_nav{display:none;}
	
	/*서브공통 카드모양 디자인*/
	.carad_section{padding: 5.3333vw 0 16vw;}
	.carad_wrap{margin:-2.6667vw 0 0;}
	.carad_wrap .carad_item{width:48%;flex:0 0 48%;margin:2.6667vw 0 0;height: 70.6667vw}
	.carad_wrap .carad_item:nth-child(2n){margin-left:4%;}
	.carad_wrap .card_content.card_front img{max-width: 44%;margin: 12.8vw auto 9.0667vw;}
	.carad_wrap .card_content .card_text_box{font-size:3.2vw;padding-top: 7.4667vw;}
	.carad_wrap .card_content.card_back>strong{margin: 7.4667vw auto 0;font-size:3.4667vw;}
	
	/**써클디자인(포인트 ) 요소**/
	.circle_ul li,
	.circle_ul_point li{margin:-1.6vw 0;width:69.3333vw;height:69.3333vw;flex: 0 0 69.3333vw;}
	.circle_ul_point li strong{font-size: 3.7333vw;margin-top: 26%;}
	.circle_ul_point li p{font-size:3.4667vw;letter-spacing:-.04em;line-height:1.2;}
}