html {overflow-x:hidden; min-width: 320px;}
body {min-width: 320px; width:100%; overflow-x:hidden;}

:root {
    --point01: #aa8672;
    --color-bk: #000;
    --qna_point: #e62887;
}


/*==========================================================================
                                공용
==========================================================================*/
.inwrap {max-width: 1640px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.inwrap:after {content:''; display:block; clear:both;}
.rel-box {position:relative;}
.blinde {width:1px; height:1px; overflow:hidden; display:block;}
.hide {display:none;}
.clearB:after {content: ''; display: block; clear: both;}
.shadow-box {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;}
.info-txt {padding-left:20px; background: url('../img/common/info-txt.png') no-repeat top 1px left; background-size:13px; color:#d20505; font-weight: 400; word-break: keep-all;}
.block-1200 {display: none;}

.w100p {width: 100% !important;}

.color-w {color:#fff !important;}
.f-w500 {font-weight: 500;}
.point-color01 {color:#4f8967 !important;}
.point-color02 {color:#f5afb2 !important;}
.point-color03 {color:#637eb3 !important;}


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


.contents-box {margin-top:120px;}
.b-tit {font-size: 20px; color:#000; font-weight: 500; margin-bottom:40px; position: relative;}




.lr-flexContainer {width:100%; position: relative;}
.lr-flexContainer .lr-flexBox {display:flex; flex-direction: row; margin-top:60px; padding-top:60px; border-top:1px dashed #ccc; gap: 0 60px;}
.lr-flexContainer .lr-flexBox:first-child {margin-top:0; padding-top:0; border-top:none;}
.lr-flexContainer .lr-flexBox.reverse {flex-direction: row-reverse;}
.lr-flexContainer .lr-flexBox.ai-center {align-items: center;}
.lr-flexContainer .lr-flexBox .vis-box, .lr-flexContainer .lr-flexBox .txt-box {width:calc((100% - 60px) / 2);}
.lr-flexContainer .lr-flexBox .vis-box {height: 450px; overflow: hidden; border-radius: 15px; position: relative;}
.lr-flexContainer .lr-flexBox .vis-box.lr-radius {border-radius: 0 60px;}
.lr-flexContainer .lr-flexBox .vis-box.over-radius {border-radius: 120px 0;}
.lr-flexContainer .lr-flexBox .vis-box.autoHeight {height: inherit;}
.lr-flexContainer .lr-flexBox .vis-box img {width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); object-fit: cover;}
.lr-flexContainer .lr-flexBox .vis-box iframe {width: 100%; height:100%;}
.lr-flexContainer .lr-flexBox .txt-box span {display: block;}
/*.lr-flexContainer .lr-flexBox .txt-box .tit {text-align:center; border:3px solid #b18d70; border-left:none; border-right:none; padding:15px 0; margin-bottom: 40px;}*/
.lr-flexContainer .lr-flexBox .txt-box .s-tit {font-size: 14px; line-height: 1em; color: #000; display: block; margin-bottom: 5px;}
.lr-flexContainer .lr-flexBox .txt-box .b-tit {font-size: 20px; font-weight: 500; line-height: 1em; color: #000; display: block;}
.lr-flexContainer .lr-flexBox .txt-box .txt {font-size: 16px; color: #000; word-break: keep-all;}
.lr-flexContainer .lr-flexBox .txt-box .btn-view {max-width: 200px; width: 100%; height: 50px; margin-top: 40px; display: block; position: relative; border: 1px solid #333; box-sizing: border-box; overflow: hidden;}
.lr-flexContainer .lr-flexBox .txt-box .btn-view:before {content: ''; width: 0; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.lr-flexContainer .lr-flexBox .txt-box .btn-view span {font-size: 16px; color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
.lr-flexContainer .lr-flexBox .txt-box .btn-view:hover:before {width: 100%;}
.lr-flexContainer .lr-flexBox .txt-box .btn-view:hover span {color: #fff;}
.lr-flexContainer .lr-flexBox .txt-box .fs-snsList {margin-top: 20px;}
.lr-flexContainer .lr-flexBox .txt-box .btn-box {margin-top: 40px;}
.lr-flexContainer .lr-flexBox .txt-box .btn-box .btn {width: 100%; height: 50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; padding: 0 20px; box-sizing: border-box; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease;}
.lr-flexContainer .lr-flexBox .txt-box .btn-box .btn.blank-btn {background-color: #4449ef;}
.lr-flexContainer .lr-flexBox .txt-box .btn-box .btn.blank-btn span {position: relative; padding-right: 30px; color:#fff;}
.lr-flexContainer .lr-flexBox .txt-box .btn-box .btn.blank-btn span:before {content:''; width:20px; height:20px; display:block; position:absolute; top:50%; right:0; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M232-172q-26 0-43-17t-17-43v-496q0-26 17-43t43-17h208v28H232q-12 0-22 10t-10 22v496q0 12 10 22t22 10h496q12 0 22-10t10-22v-208h28v208q0 26-17 43t-43 17H232Zm158-198-20-20 370-370H560v-28h228v228h-28v-180L390-370Z'/%3E%3C/svg%3E");}
.lr-flexContainer .lr-flexBox .txt-box .btn-box .btn.blank-btn:hover {background-color: #2e32d3;}

.lr-flexContainer .lr-flexBox.longTxt-ty .vis-box {width:calc(40% - 30px);}
.lr-flexContainer .lr-flexBox.longTxt-ty .txt-box {width:calc(60% - 30px);}

.visBgTxt-box {width: 100%; position: relative; clip-path: inset(0); padding:60px; box-sizing: border-box;}
.visBgTxt-box img {width: 100%; height: 100%; object-fit: cover; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.visBgTxt-box .txt-box {width: 100%; background: rgba(0, 0, 0, 0.7); position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 60px; box-sizing: border-box;}
.visBgTxt-box .txt-box * {font-size:16px; color:#fff; word-break: keep-all;}
.visBgTxt-box .txt-box .name {display: block; text-align: right;}



.gap-visBox {width: 100%; height: 150px; position: relative; clip-path: inset(0); background-color: #0f1547;}
.gap-visBox img {width: 100%; height: 100%; object-fit: cover; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.gap-visBox .line-box {width: 100%; height: calc(100% - 40px); position: relative; top: 20px; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5);}
.gap-visBox .gap-logo {width: 153px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 501.61 164.27'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: url(%23linear-gradient1); %7D .st0, .st1, .st2, .st3 %7B mix-blend-mode: multiply; %7D .st4 %7B fill: %23fff; %7D .st5 %7B isolation: isolate; %7D .st1 %7B fill: url(%23linear-gradient2); %7D .st2 %7B fill: url(%23linear-gradient3); %7D .st3 %7B fill: url(%23linear-gradient); %7D %3C/style%3E%3ClinearGradient id='linear-gradient' x1='445.72' y1='137.39' x2='447.55' y2='135.56' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23999'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient1' x1='224.19' y1='123.23' x2='226.43' y2='124.86' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient2' x1='224.19' y1='51.23' x2='226.43' y2='52.86' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient3' x1='97.9' y1='119.23' x2='116.39' y2='119.23' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Cg class='st5'%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cg%3E%3Cg%3E%3Cpath class='st4' d='M267.46,42.37c4.19,0,6.89.52,9.11,2.02,3.78,2.54,4.09,6.63,4.09,8.13,0,4.97-3.06,8.6-7.66,9.63l10.77,14.76h-6.37l-9.89-14.14h-.93v14.14h-5.28v-34.54h6.16ZM266.58,58.22h1.66c1.45,0,7.35-.16,7.35-5.65,0-4.87-4.61-5.33-7.2-5.33h-1.81v10.98Z'/%3E%3Cpath class='st4' d='M316.66,47.34v29.57h-5.28v-29.57h-7.92v-4.97h21.13v4.97h-7.92Z'/%3E%3Cpath class='st4' d='M267.46,114.36c4.19,0,6.89.52,9.11,2.02,3.78,2.54,4.09,6.63,4.09,8.13,0,4.97-3.06,8.6-7.66,9.63l10.77,14.76h-6.37l-9.89-14.14h-.93v14.14h-5.28v-34.54h6.16ZM266.58,130.21h1.66c1.45,0,7.35-.16,7.35-5.65,0-4.87-4.61-5.33-7.2-5.33h-1.81v10.98Z'/%3E%3Cpath class='st4' d='M341.36,131.64c0,10.15-7.61,17.92-17.97,17.92s-17.97-7.77-17.97-17.92,7.61-17.92,17.97-17.92,17.97,7.77,17.97,17.92ZM336.08,131.64c0-7.67-5.28-13.05-12.69-13.05s-12.69,5.39-12.69,13.05,5.28,13.05,12.69,13.05,12.69-5.39,12.69-13.05Z'/%3E%3Cpath class='st4' d='M371.4,114.36v20.82c0,1.86.05,4.14,1.09,5.96,1.04,1.76,3.37,3.57,6.42,3.57s5.39-1.81,6.42-3.57c1.04-1.81,1.09-4.09,1.09-5.96v-20.82h5.28v22.22c0,2.74-.57,6.06-3.21,8.96-1.81,1.97-4.87,4.04-9.58,4.04s-7.77-2.07-9.58-4.04c-2.64-2.9-3.21-6.22-3.21-8.96v-22.22h5.28Z'/%3E%3Cpath class='st4' d='M418.12,148.91v-36.87l25.06,26.26v-23.93h5.28v36.66l-25.06-26.25v24.13h-5.28Z'/%3E%3Cpath class='st4' d='M482.14,114.36c4.82,0,9.01.52,12.84,3.37,4.19,3.16,6.63,8.18,6.63,13.93s-2.38,10.72-6.94,13.93c-4.04,2.85-7.82,3.31-12.64,3.31h-7.15v-34.54h7.25ZM480.17,143.93h2.28c2.59,0,6.16-.21,9.17-2.43,2.38-1.81,4.71-5.13,4.71-9.84s-2.17-8.13-4.66-9.94c-3-2.18-6.68-2.38-9.22-2.38h-2.28v24.6Z'/%3E%3Cpolygon class='st4' points='222.45 112.34 205.26 148.91 210.95 148.91 216.96 135.6 216.91 135.6 222.24 123.89 227.37 135.6 227.33 135.6 229.49 140.57 229.49 140.57 233.12 148.91 238.81 148.91 222.45 112.34'/%3E%3Cpolygon class='st3' points='443.19 138.29 448.47 143.93 448.47 134.82 443.19 130.62 443.19 138.29'/%3E%3Cpolygon class='st0' points='222.24 123.89 225.09 118.24 227.99 124.72 224.54 129.13 222.24 123.89'/%3E%3Cpolygon class='st4' points='222.45 40.35 205.26 76.91 210.95 76.91 216.96 63.6 216.91 63.6 222.24 51.9 227.37 63.6 227.33 63.6 229.49 68.57 229.49 68.57 233.12 76.91 238.81 76.91 222.45 40.35'/%3E%3Cpolygon class='st1' points='222.24 51.9 225.09 46.25 227.99 52.73 224.54 57.13 222.24 51.9'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st4' d='M88.51.17C27.41-3.66-17.72,59.17,6.8,115.63c-.11-.33-.73-2.98-2.05-23C-4.15,14.85,89.52-29.48,143.74,27.28c26.75,28.13,29.13,73.44,5.11,103.99-3.59,4.6-7.66,8.8-12.13,12.52-1.85,1.59-3.86,3.14-3.86,3.14-3.91,2.6-6.92,3.91-9.01,3.91-2.78,0-4.18-2.56-4.18-7.68s.94-12.01,2.83-20.66l4.03.15h4.55c2.33,0,4.7-.5,7.08-1.49,2.78-.9,4.72-2.34,5.82-4.33.4-.69.35-1.34-.15-1.94-.5-.6-1.07-.35-1.72.75-.65,1.1-2.11,2.11-4.4,3.06-2.29.95-4.45,1.42-6.49,1.42s-3.46-.05-4.25-.15l-3.73-.15.45-1.04c5.27-19.79,12.68-37.59,22.22-53.4.1-.2.2-.42.3-.67.1-.25.2-.45.3-.6.1-.15.15-.27.15-.37,0-.99-.5-1.49-1.49-1.49-2.79,0-5.37.7-7.76,2.09-.4.2-.65.35-.75.45h-.15c0,.2-5.47,7.14-16.41,20.81-10.94,13.67-19.09,23.59-24.46,29.75-19.29-3.78-31.32-5.67-36.09-5.67s-8.95.5-12.53,1.49c-2.98.8-5.59,2.66-7.83,5.59-2.24,2.93-3.36,7.48-3.36,13.65,0,1.79.55,3.63,1.64,5.52.4.6.9.92,1.49.97.6.05,1.02-.15,1.27-.6.25-.45.17-1.04-.22-1.79-.4-.75-.6-1.59-.6-2.54s.2-1.96.6-3.06c2.98-8.25,10.79-12.38,23.42-12.38,4.67,0,14.32.89,28.93,2.68-13.62,15.51-24.39,25.93-32.29,31.25-7.9,5.32-15.94,7.98-24.09,7.98-3.78,0-6.99-.85-9.62-2.54-2.64-1.69-3.95-4.23-3.95-7.61,0-1.89-.25-3.03-.75-3.43-.5-.4-1-.17-1.49.67-.5.85-.75,1.77-.75,2.76,0,5.27,1.91,9.25,5.74,11.93,3.83,2.68,8.43,4.03,13.8,4.03,8.45,0,16.6-2.93,24.46-8.8,9.15-6.66,20.63-18.54,34.45-35.65,8.35,1.1,14.27,1.79,17.75,2.09-1.79,7.36-2.68,13.15-2.68,17.38s.69,7.71,2.09,10.44c1.39,2.73,3.63,4.1,6.71,4.1,4.79,0,9.18-1.39,13.18-4.16,0,0,5.65-3.68,13.02-12.64,1.8-2.11,3.59-4.42,5.24-6.87.36-.54.71-1.08,1.06-1.62C187.93,75.35,152.76,3.94,88.51.17ZM100.73,116.54c7.56-9.25,17.55-22.37,29.98-39.38-.1.2-.22.47-.37.82-.15.35-.28.62-.37.82-6.26,16.01-10.79,29.43-13.57,40.27l-15.66-2.54Z'/%3E%3Cpath class='st2' d='M116.39,119.08l-15.66-2.54-2.83,3.28c8.35,1.1,14.27,1.79,17.75,2.09l.75-2.83Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

.btn-box {width:100%; margin-top:40px; display: flex; gap: 0 20px; justify-content: center; align-items: center;}
.btn-box .btn, .btn-box .btn span, .btn-box .btn.apply span:before {transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease;}
.btn-box .btn {width: calc((100% - 20px) / 2); height:50px; border-radius: 50px; display: flex; justify-content: center; align-items: center; padding:0 20px; box-sizing: border-box; cursor: pointer;}
.btn-box .btn span {color:#fff;}
.btn-box .btn.apply, .btn-box .btn.view {background-color:#ef4444;}
.btn-box .btn.apply span {position:relative; padding-right:30px;}
.btn-box .btn.apply span:before {content:''; width:20px; height:20px; display:block; position:absolute; top:50%; right:0; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M232-172q-26 0-43-17t-17-43v-496q0-26 17-43t43-17h208v28H232q-12 0-22 10t-10 22v496q0 12 10 22t22 10h496q12 0 22-10t10-22v-208h28v208q0 26-17 43t-43 17H232Zm158-198-20-20 370-370H560v-28h228v228h-28v-180L390-370Z'/%3E%3C/svg%3E");}
.btn-box .btn.down {background-color:#daa520;}
.btn-box .btn.down span {color:#fff !important;}
.btn-box .btn.black {background-color: #000;}

.btn-box .btn.apply:hover,.btn-box .btn.view:hover {background-color:#c92c2c;}
.btn-box .btn.down:hover {background-color:#bd8d14;}
.btn-box .btn.black:hover {background-color: #333;}

.btn-box.ty-1btn .btn {max-width: 300px; width: 100%;}
.btn-box.ty-1btn .btn.mw-500 {max-width: 500px;}

/*==========================================================================
                                header
==========================================================================*/
#header {width:100%; min-width: 320px; position:fixed; top:0; left:0; z-index: 100; padding: 10px 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;}
#header .inwrap {display: flex; justify-content: space-between; align-items: center;}
#header .inwrap:after {display:none;}
#header .head-leftBox {}
#header .head-leftBox .logo {width: 153px; height: 50px; display:block; background-size: cover; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 501.61 164.27'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: url(%23linear-gradient1); %7D .st0, .st1, .st2, .st3 %7B mix-blend-mode: multiply; %7D .st4 %7B fill: %23fff; %7D .st5 %7B isolation: isolate; %7D .st1 %7B fill: url(%23linear-gradient2); %7D .st2 %7B fill: url(%23linear-gradient3); %7D .st3 %7B fill: url(%23linear-gradient); %7D %3C/style%3E%3ClinearGradient id='linear-gradient' x1='445.72' y1='137.39' x2='447.55' y2='135.56' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23999'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient1' x1='224.19' y1='123.23' x2='226.43' y2='124.86' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient2' x1='224.19' y1='51.23' x2='226.43' y2='52.86' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient3' x1='97.9' y1='119.23' x2='116.39' y2='119.23' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Cg class='st5'%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cg%3E%3Cg%3E%3Cpath class='st4' d='M267.46,42.37c4.19,0,6.89.52,9.11,2.02,3.78,2.54,4.09,6.63,4.09,8.13,0,4.97-3.06,8.6-7.66,9.63l10.77,14.76h-6.37l-9.89-14.14h-.93v14.14h-5.28v-34.54h6.16ZM266.58,58.22h1.66c1.45,0,7.35-.16,7.35-5.65,0-4.87-4.61-5.33-7.2-5.33h-1.81v10.98Z'/%3E%3Cpath class='st4' d='M316.66,47.34v29.57h-5.28v-29.57h-7.92v-4.97h21.13v4.97h-7.92Z'/%3E%3Cpath class='st4' d='M267.46,114.36c4.19,0,6.89.52,9.11,2.02,3.78,2.54,4.09,6.63,4.09,8.13,0,4.97-3.06,8.6-7.66,9.63l10.77,14.76h-6.37l-9.89-14.14h-.93v14.14h-5.28v-34.54h6.16ZM266.58,130.21h1.66c1.45,0,7.35-.16,7.35-5.65,0-4.87-4.61-5.33-7.2-5.33h-1.81v10.98Z'/%3E%3Cpath class='st4' d='M341.36,131.64c0,10.15-7.61,17.92-17.97,17.92s-17.97-7.77-17.97-17.92,7.61-17.92,17.97-17.92,17.97,7.77,17.97,17.92ZM336.08,131.64c0-7.67-5.28-13.05-12.69-13.05s-12.69,5.39-12.69,13.05,5.28,13.05,12.69,13.05,12.69-5.39,12.69-13.05Z'/%3E%3Cpath class='st4' d='M371.4,114.36v20.82c0,1.86.05,4.14,1.09,5.96,1.04,1.76,3.37,3.57,6.42,3.57s5.39-1.81,6.42-3.57c1.04-1.81,1.09-4.09,1.09-5.96v-20.82h5.28v22.22c0,2.74-.57,6.06-3.21,8.96-1.81,1.97-4.87,4.04-9.58,4.04s-7.77-2.07-9.58-4.04c-2.64-2.9-3.21-6.22-3.21-8.96v-22.22h5.28Z'/%3E%3Cpath class='st4' d='M418.12,148.91v-36.87l25.06,26.26v-23.93h5.28v36.66l-25.06-26.25v24.13h-5.28Z'/%3E%3Cpath class='st4' d='M482.14,114.36c4.82,0,9.01.52,12.84,3.37,4.19,3.16,6.63,8.18,6.63,13.93s-2.38,10.72-6.94,13.93c-4.04,2.85-7.82,3.31-12.64,3.31h-7.15v-34.54h7.25ZM480.17,143.93h2.28c2.59,0,6.16-.21,9.17-2.43,2.38-1.81,4.71-5.13,4.71-9.84s-2.17-8.13-4.66-9.94c-3-2.18-6.68-2.38-9.22-2.38h-2.28v24.6Z'/%3E%3Cpolygon class='st4' points='222.45 112.34 205.26 148.91 210.95 148.91 216.96 135.6 216.91 135.6 222.24 123.89 227.37 135.6 227.33 135.6 229.49 140.57 229.49 140.57 233.12 148.91 238.81 148.91 222.45 112.34'/%3E%3Cpolygon class='st3' points='443.19 138.29 448.47 143.93 448.47 134.82 443.19 130.62 443.19 138.29'/%3E%3Cpolygon class='st0' points='222.24 123.89 225.09 118.24 227.99 124.72 224.54 129.13 222.24 123.89'/%3E%3Cpolygon class='st4' points='222.45 40.35 205.26 76.91 210.95 76.91 216.96 63.6 216.91 63.6 222.24 51.9 227.37 63.6 227.33 63.6 229.49 68.57 229.49 68.57 233.12 76.91 238.81 76.91 222.45 40.35'/%3E%3Cpolygon class='st1' points='222.24 51.9 225.09 46.25 227.99 52.73 224.54 57.13 222.24 51.9'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st4' d='M88.51.17C27.41-3.66-17.72,59.17,6.8,115.63c-.11-.33-.73-2.98-2.05-23C-4.15,14.85,89.52-29.48,143.74,27.28c26.75,28.13,29.13,73.44,5.11,103.99-3.59,4.6-7.66,8.8-12.13,12.52-1.85,1.59-3.86,3.14-3.86,3.14-3.91,2.6-6.92,3.91-9.01,3.91-2.78,0-4.18-2.56-4.18-7.68s.94-12.01,2.83-20.66l4.03.15h4.55c2.33,0,4.7-.5,7.08-1.49,2.78-.9,4.72-2.34,5.82-4.33.4-.69.35-1.34-.15-1.94-.5-.6-1.07-.35-1.72.75-.65,1.1-2.11,2.11-4.4,3.06-2.29.95-4.45,1.42-6.49,1.42s-3.46-.05-4.25-.15l-3.73-.15.45-1.04c5.27-19.79,12.68-37.59,22.22-53.4.1-.2.2-.42.3-.67.1-.25.2-.45.3-.6.1-.15.15-.27.15-.37,0-.99-.5-1.49-1.49-1.49-2.79,0-5.37.7-7.76,2.09-.4.2-.65.35-.75.45h-.15c0,.2-5.47,7.14-16.41,20.81-10.94,13.67-19.09,23.59-24.46,29.75-19.29-3.78-31.32-5.67-36.09-5.67s-8.95.5-12.53,1.49c-2.98.8-5.59,2.66-7.83,5.59-2.24,2.93-3.36,7.48-3.36,13.65,0,1.79.55,3.63,1.64,5.52.4.6.9.92,1.49.97.6.05,1.02-.15,1.27-.6.25-.45.17-1.04-.22-1.79-.4-.75-.6-1.59-.6-2.54s.2-1.96.6-3.06c2.98-8.25,10.79-12.38,23.42-12.38,4.67,0,14.32.89,28.93,2.68-13.62,15.51-24.39,25.93-32.29,31.25-7.9,5.32-15.94,7.98-24.09,7.98-3.78,0-6.99-.85-9.62-2.54-2.64-1.69-3.95-4.23-3.95-7.61,0-1.89-.25-3.03-.75-3.43-.5-.4-1-.17-1.49.67-.5.85-.75,1.77-.75,2.76,0,5.27,1.91,9.25,5.74,11.93,3.83,2.68,8.43,4.03,13.8,4.03,8.45,0,16.6-2.93,24.46-8.8,9.15-6.66,20.63-18.54,34.45-35.65,8.35,1.1,14.27,1.79,17.75,2.09-1.79,7.36-2.68,13.15-2.68,17.38s.69,7.71,2.09,10.44c1.39,2.73,3.63,4.1,6.71,4.1,4.79,0,9.18-1.39,13.18-4.16,0,0,5.65-3.68,13.02-12.64,1.8-2.11,3.59-4.42,5.24-6.87.36-.54.71-1.08,1.06-1.62C187.93,75.35,152.76,3.94,88.51.17ZM100.73,116.54c7.56-9.25,17.55-22.37,29.98-39.38-.1.2-.22.47-.37.82-.15.35-.28.62-.37.82-6.26,16.01-10.79,29.43-13.57,40.27l-15.66-2.54Z'/%3E%3Cpath class='st2' d='M116.39,119.08l-15.66-2.54-2.83,3.28c8.35,1.1,14.27,1.79,17.75,2.09l.75-2.83Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}

#header .gnb-container .gnb {display:flex; gap: 60px;}
#header .gnb-container .gnb li a span {font-size:18px; font-weight:400; color:#fff; position: relative;}
#header .gnb-container .gnb li a span:after {content:''; width:0; height:1px; display:block; background-color: #fff; position:absolute; bottom:-3px; left:50%; transform: translateX(-50%); transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out;}
#header .gnb-container .gnb li a:hover span:after {width:100%;}
#header .gnb-container .contact-box.m-type {display:none;}


.gnbBtn {width: 35px; height: 25px; display:none; position: relative; margin-left: 20px; transition: all .1s ease-out; -wekbit-transition: all 0.1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out;}
.gnbBtn:after, .gnbBtn:before {content: ''; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; top: calc(70% - 1px); right: 0; transition: all .1s ease-out; -wekbit-transition: all 0.1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out;}
.gnbBtn:before {width: 70%; transform: translateY(-10px); transform-origin: right;}
.gnbBtn.change:before {transform: translateY(0); transform-origin: center}
.gnbBtn.done:before {transform: translateY(-5px) rotate(45deg); width: 100%; transform-origin: center;}
.gnbBtn.done:after {transform: translateY(-5px) rotate(-45deg);}
.gnbBtn.change:before, .gnbBtn.change:after, .gnbBtn.done:before, .gnbBtn.done:after {background-color: #000;}
/*.gnbBtn:hover:before,.input-set .sub-selBox {width: 100%}*/


#header .head-rightBox .contact-box {display:flex; gap: 20px; align-items: center;}
.sns-box li a {width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain !important; display:block;}
.sns-box li a.insta {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M75,13.5c20,0,22.4,0.1,30.3,0.4c7.3,0.3,11.3,1.6,13.9,2.6c3.5,1.4,6,3,8.6,5.6c2.6,2.6,4.2,5.1,5.6,8.6 c1,2.6,2.2,6.6,2.6,13.9c0.4,7.9,0.4,10.3,0.4,30.3s-0.1,22.4-0.4,30.3c-0.3,7.3-1.6,11.3-2.6,13.9c-1.4,3.5-3,6-5.6,8.6 c-2.6,2.6-5.1,4.2-8.6,5.6c-2.6,1-6.6,2.2-13.9,2.6c-7.9,0.4-10.3,0.4-30.3,0.4s-22.4-0.1-30.3-0.4c-7.3-0.3-11.3-1.6-13.9-2.6 c-3.5-1.4-6-3-8.6-5.6s-4.2-5.1-5.6-8.6c-1-2.6-2.2-6.6-2.6-13.9C13.6,97.4,13.5,95,13.5,75s0.1-22.4,0.4-30.3 c0.3-7.3,1.6-11.3,2.6-13.9c1.4-3.5,3-6,5.6-8.6s5.1-4.2,8.6-5.6c2.6-1,6.6-2.2,13.9-2.6C52.6,13.6,55,13.5,75,13.5 M75,0 C54.6,0,52.1,0.1,44.1,0.5S30.7,2.1,25.9,4c-4.9,1.9-9.1,4.5-13.3,8.7S5.9,21.1,3.9,26C2,30.8,0.8,36.2,0.4,44.2 C0.1,52.1,0,54.6,0,75s0.1,22.9,0.5,30.9s1.6,13.4,3.5,18.2c1.9,4.9,4.5,9.1,8.7,13.3s8.4,6.7,13.3,8.7c4.8,1.9,10.2,3.1,18.2,3.5 s10.6,0.5,30.9,0.5S98,150,106,149.6s13.4-1.6,18.2-3.5c4.9-1.9,9.1-4.5,13.3-8.7s6.7-8.4,8.7-13.3c1.9-4.8,3.1-10.2,3.5-18.2 s0.5-10.6,0.5-30.9s-0.1-22.9-0.5-30.9s-1.6-13.4-3.5-18.2c-1.9-4.9-4.5-9.1-8.7-13.3s-8.4-6.7-13.3-8.7C119.4,2,114,0.8,106,0.4 C97.9,0.1,95.4,0,75,0L75,0z'/%3E%3Cpath d='M75,36.5c-21.3,0-38.5,17.2-38.5,38.5s17.2,38.5,38.5,38.5s38.5-17.2,38.5-38.5S96.3,36.5,75,36.5z M75,100 c-13.8,0-25-11.2-25-25s11.2-25,25-25s25,11.2,25,25S88.8,100,75,100z'/%3E%3Ccircle cx='115' cy='35' r='9'/%3E%3C/g%3E%3C/svg%3E%0A")}
.sns-box li a.youtube {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 150 150' style='enable-background:new 0 0 150 150;' xml:space='preserve'%3E%3Cg%3E%3Cpath class='st0' d='M146.8,38.7c-1.7-6.5-6.8-11.6-13.3-13.3c-11.7-3.2-58.6-3.2-58.6-3.2s-46.9,0-58.6,3.2 C9.8,27.1,4.7,32.2,3,38.7C-0.1,50.4-0.1,75-0.1,75s0,24.6,3.1,36.3c1.7,6.5,6.8,11.6,13.3,13.3c11.7,3.2,58.6,3.2,58.6,3.2 s46.9,0,58.6-3.2c6.5-1.7,11.5-6.9,13.3-13.3c3.1-11.8,3.1-36.3,3.1-36.3S149.9,50.4,146.8,38.7z M59.5,97.3V52.7L98.8,75 L59.5,97.3z'/%3E%3C/g%3E%3C/svg%3E%0A")}

.cu-btn {border: 1px solid #fff; padding: 8px 15px 6px; border-radius: 20px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
.cu-btn span {font-size: 14px; font-weight: 400; color: #fff; line-height: 1em; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
.cu-btn:hover {background:#fff;}
.cu-btn:hover span {color:#000;}

.langs-btn {}
.langs-btn span {font-size:14px; color:#fff; line-height: 1em; padding:3px 0 0 20px; display: block; background-position: left center; background-repeat: no-repeat; background-size: 20px;}
.langs-btn span {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M480-132q-72 0-135.5-27.5T234-234q-47-47-74.5-110.5T132-480q0-72 27.5-135.5T234-726q47-47 110.5-74.5T480-828q72 0 135.5 27.5T726-726q47 47 74.5 110.5T828-480q0 72-27.5 135.5T726-234q-47 47-110.5 74.5T480-132Zm0-27q38-48 62-93t39-102H379q17 61 40 106t61 89Zm-35-3q-31-33-57-85.5T350-354H186q36 82 105 133t154 59Zm70 0q85-8 154-59t105-133H610q-17 55-43 107.5T515-162ZM175-382h169q-5-26-7-50.5t-2-47.5q0-23 2-47.5t7-50.5H175q-7 21-11 47t-4 51q0 25 4 51t11 47Zm197 0h216q5-26 7-49.5t2-48.5q0-25-2-48.5t-7-49.5H372q-5 26-7 49.5t-2 48.5q0 25 2 48.5t7 49.5Zm244 0h169q7-21 11-47t4-51q0-25-4-51t-11-47H616q5 26 7 50.5t2 47.5q0 23-2 47.5t-7 50.5Zm-6-224h164q-37-84-103.5-133T515-799q31 38 56 89t39 104Zm-231 0h202q-17-60-41.5-107.5T480-801q-35 40-59.5 87.5T379-606Zm-193 0h164q14-53 39-104t56-89q-90 11-156 60.5T186-606Z'/%3E%3C/svg%3E");}



/* active */
#header.active .head-leftBox .logo, #header.mn-active .head-leftBox .logo, .sub-page #header .head-leftBox .logo {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 500 163.74'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: url(%23linear-gradient1); %7D .st0, .st1, .st2, .st3 %7B mix-blend-mode: multiply; %7D .st4 %7B fill: %23514f4e; %7D .st5 %7B isolation: isolate; %7D .st1 %7B fill: url(%23linear-gradient2); %7D .st6 %7B fill: url(%23_무제_그라디언트_44); %7D .st2 %7B fill: url(%23linear-gradient3); %7D .st3 %7B fill: url(%23linear-gradient); %7D %3C/style%3E%3ClinearGradient id='linear-gradient' x1='444.29' y1='136.95' x2='446.12' y2='135.12' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23999'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient1' x1='223.47' y1='122.84' x2='225.7' y2='124.46' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='linear-gradient2' x1='223.47' y1='51.07' x2='225.7' y2='52.7' xlink:href='%23linear-gradient'/%3E%3ClinearGradient id='_무제_그라디언트_44' data-name='무제 그라디언트 44' x1='64.18' y1='24.59' x2='88.44' y2='98.55' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23aa8672'/%3E%3Cstop offset='.47' stop-color='%23886b5b'/%3E%3Cstop offset='1' stop-color='%23aa8672'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient3' x1='97.58' y1='118.84' x2='116.02' y2='118.84' xlink:href='%23linear-gradient'/%3E%3C/defs%3E%3Cg class='st5'%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cg%3E%3Cg%3E%3Cpath class='st4' d='M266.6,42.23c4.18,0,6.87.52,9.08,2.01,3.77,2.53,4.08,6.61,4.08,8.1,0,4.96-3.05,8.57-7.64,9.6l10.74,14.71h-6.35l-9.86-14.09h-.93v14.09h-5.26v-34.43h6.14ZM265.72,58.03h1.65c1.45,0,7.33-.15,7.33-5.63,0-4.85-4.59-5.32-7.18-5.32h-1.81v10.94Z'/%3E%3Cpath class='st4' d='M315.65,47.19v29.47h-5.27v-29.47h-7.9v-4.96h21.06v4.96h-7.9Z'/%3E%3Cg%3E%3Cpath class='st4' d='M266.6,114c4.18,0,6.87.52,9.08,2.01,3.77,2.53,4.08,6.61,4.08,8.1,0,4.96-3.05,8.57-7.64,9.6l10.74,14.71h-6.35l-9.86-14.09h-.93v14.09h-5.27v-34.43h6.14ZM265.72,129.8h1.65c1.45,0,7.33-.15,7.33-5.63,0-4.85-4.59-5.32-7.18-5.32h-1.81v10.94Z'/%3E%3Cpath class='st4' d='M340.27,131.21c0,10.12-7.59,17.86-17.91,17.86s-17.91-7.74-17.91-17.86,7.59-17.86,17.91-17.86,17.91,7.74,17.91,17.86ZM335,131.21c0-7.64-5.27-13.01-12.65-13.01s-12.65,5.37-12.65,13.01,5.27,13.01,12.65,13.01,12.65-5.37,12.65-13.01Z'/%3E%3Cpath class='st4' d='M370.21,114v20.75c0,1.86.05,4.13,1.08,5.94,1.03,1.75,3.36,3.56,6.4,3.56s5.37-1.81,6.4-3.56c1.03-1.81,1.08-4.08,1.08-5.94v-20.75h5.27v22.15c0,2.74-.57,6.04-3.2,8.93-1.81,1.96-4.85,4.03-9.55,4.03s-7.74-2.06-9.55-4.03c-2.63-2.89-3.2-6.2-3.2-8.93v-22.15h5.27Z'/%3E%3Cpath class='st4' d='M416.78,148.43v-36.75l24.98,26.17v-23.85h5.27v36.55l-24.98-26.17v24.06h-5.26Z'/%3E%3Cpath class='st4' d='M480.59,114c4.8,0,8.98.52,12.8,3.35,4.18,3.15,6.61,8.16,6.61,13.89s-2.37,10.69-6.92,13.89c-4.03,2.84-7.79,3.3-12.6,3.3h-7.12v-34.43h7.23ZM478.63,143.47h2.27c2.58,0,6.14-.21,9.14-2.43,2.38-1.81,4.7-5.11,4.7-9.81s-2.17-8.11-4.65-9.91c-2.99-2.17-6.66-2.37-9.19-2.37h-2.27v24.52Z'/%3E%3Cpolygon class='st4' points='221.74 111.98 204.6 148.43 210.28 148.43 216.26 135.16 216.21 135.16 221.53 123.5 226.64 135.16 226.6 135.16 228.76 140.12 228.76 140.12 232.37 148.43 238.05 148.43 221.74 111.98'/%3E%3Cpolygon class='st3' points='441.77 137.85 447.03 143.47 447.03 134.38 441.77 130.21 441.77 137.85'/%3E%3Cpolygon class='st0' points='221.53 123.5 224.37 117.86 227.26 124.32 223.82 128.72 221.53 123.5'/%3E%3C/g%3E%3Cpolygon class='st4' points='221.74 40.22 204.6 76.66 210.28 76.66 216.26 63.4 216.21 63.4 221.53 51.73 226.64 63.4 226.6 63.4 228.76 68.35 228.76 68.35 232.37 76.66 238.05 76.66 221.74 40.22'/%3E%3Cpolygon class='st1' points='221.53 51.73 224.37 46.1 227.26 52.56 223.82 56.95 221.53 51.73'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st6' d='M88.22.17C27.32-3.65-17.66,58.98,6.78,115.26c-.11-.33-.73-2.97-2.04-22.93C-4.14,14.8,89.23-29.39,143.28,27.19c26.66,28.04,29.03,73.21,5.1,103.66-3.58,4.58-7.64,8.78-12.09,12.48-1.85,1.59-3.85,3.13-3.85,3.13-3.9,2.59-6.89,3.9-8.98,3.9-2.78,0-4.16-2.55-4.16-7.66s.94-11.97,2.82-20.59l4.01.15h4.53c2.33,0,4.68-.49,7.06-1.49,2.77-.89,4.71-2.33,5.8-4.31.39-.69.35-1.34-.15-1.93-.5-.59-1.07-.35-1.71.74-.65,1.09-2.11,2.11-4.39,3.05-2.28.94-4.44,1.41-6.47,1.41s-3.45-.05-4.24-.15l-3.72-.15.45-1.04c5.25-19.72,12.64-37.47,22.15-53.22.1-.2.2-.42.3-.67.1-.25.2-.45.3-.59.1-.15.15-.27.15-.37,0-.99-.5-1.49-1.49-1.49-2.78,0-5.35.69-7.73,2.08-.4.2-.65.35-.74.45h-.15c0,.2-5.45,7.11-16.35,20.74-10.9,13.63-19.03,23.52-24.38,29.66-19.23-3.77-31.22-5.65-35.98-5.65s-8.92.5-12.49,1.49c-2.97.79-5.58,2.65-7.81,5.58-2.23,2.92-3.35,7.46-3.35,13.6,0,1.78.54,3.62,1.64,5.5.39.59.89.92,1.49.97.59.05,1.02-.15,1.26-.59.25-.45.17-1.04-.22-1.78-.4-.74-.59-1.58-.59-2.53s.2-1.96.59-3.05c2.97-8.23,10.75-12.34,23.34-12.34,4.66,0,14.27.89,28.84,2.68-13.58,15.46-24.31,25.85-32.19,31.15-7.88,5.3-15.88,7.95-24.01,7.95-3.77,0-6.96-.84-9.59-2.53-2.63-1.69-3.94-4.21-3.94-7.58,0-1.88-.25-3.02-.74-3.42-.5-.4-.99-.17-1.49.67-.5.84-.74,1.76-.74,2.75,0,5.25,1.91,9.22,5.72,11.89,3.81,2.68,8.4,4.01,13.75,4.01,8.42,0,16.55-2.92,24.38-8.77,9.12-6.64,20.57-18.48,34.34-35.53,8.33,1.09,14.22,1.78,17.69,2.08-1.78,7.34-2.68,13.11-2.68,17.32s.69,7.68,2.08,10.41c1.39,2.72,3.62,4.09,6.69,4.09,4.77,0,9.15-1.39,13.13-4.15,0,0,5.63-3.67,12.98-12.6,1.79-2.1,3.58-4.4,5.23-6.85.35-.54.71-1.07,1.05-1.61C187.33,75.11,152.27,3.93,88.22.17ZM100.41,116.17c7.53-9.22,17.49-22.3,29.88-39.25-.1.2-.22.47-.37.82-.15.35-.27.62-.37.82-6.24,15.96-10.76,29.34-13.53,40.14l-15.61-2.53Z'/%3E%3Cpath class='st2' d='M116.02,118.69l-15.61-2.53-2.82,3.27c8.33,1.09,14.22,1.78,17.69,2.08l.74-2.82Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
#header.active, #header.mn-active, .sub-page #header {background-color: #fff;}
#header.active .gnbBtn:after, #header.active .gnbBtn:before, .sub-page #header .gnbBtn:after, .sub-page #header .gnbBtn:before {background-color:#000;}
#header.active .gnb-container .gnb li a span, .sub-page #header .gnb-container .gnb li a span {color:#000;}
#header.active .gnb-container .gnb li a span:after, .sub-page #header .gnb-container .gnb li a span:after {background:#000;}
#header.active .langs-btn span, .sub-page #header .langs-btn span {color:#000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M480-132q-72 0-135.5-27.5T234-234q-47-47-74.5-110.5T132-480q0-72 27.5-135.5T234-726q47-47 110.5-74.5T480-828q72 0 135.5 27.5T726-726q47 47 74.5 110.5T828-480q0 72-27.5 135.5T726-234q-47 47-110.5 74.5T480-132Zm0-27q38-48 62-93t39-102H379q17 61 40 106t61 89Zm-35-3q-31-33-57-85.5T350-354H186q36 82 105 133t154 59Zm70 0q85-8 154-59t105-133H610q-17 55-43 107.5T515-162ZM175-382h169q-5-26-7-50.5t-2-47.5q0-23 2-47.5t7-50.5H175q-7 21-11 47t-4 51q0 25 4 51t11 47Zm197 0h216q5-26 7-49.5t2-48.5q0-25-2-48.5t-7-49.5H372q-5 26-7 49.5t-2 48.5q0 25 2 48.5t7 49.5Zm244 0h169q7-21 11-47t4-51q0-25-4-51t-11-47H616q5 26 7 50.5t2 47.5q0 23-2 47.5t-7 50.5Zm-6-224h164q-37-84-103.5-133T515-799q31 38 56 89t39 104Zm-231 0h202q-17-60-41.5-107.5T480-801q-35 40-59.5 87.5T379-606Zm-193 0h164q14-53 39-104t56-89q-90 11-156 60.5T186-606Z'/%3E%3C/svg%3E");}
#header.active .cu-btn, .sub-page #header .cu-btn {border-color:#000;}
#header.active .cu-btn span, .sub-page #header .cu-btn span {color:#000;}
#header.active .cu-btn:hover, .sub-page #header .cu-btn:hover {background-color:#000;}
#header.active .cu-btn:hover span, .sub-page #header .cu-btn:hover span {color:#fff;}



/*==========================================================================
                                footer
==========================================================================*/
#footer {margin-top:120px; position: relative; background-color: #040931;}
#footer .ft-infoBox {min-height:50px; padding:40px 20px; position: relative; display: flex; flex-direction: column; justify-content: center;}
#footer .footer-TxtList {margin-bottom: 5px; display: flex; flex-direction: row}
#footer .footer-TxtList li {float: left; padding-left: 10px; position: relative; margin-left: 10px; font-size: 12px; color: #fff; display: block}
#footer .footer-TxtList li * {font-size: 13px; color: #fff;}
#footer .footer-TxtList li:before,#footer .terms-list li:before,.sub-selBox:after {top: 50%; transform: translateY(-50%); position: absolute}
#footer .footer-TxtList li:before {content: ''; display: block; width: 1px; height: 15px; background: #fff; left: 0}
#footer .footer-TxtList li:first-child {margin-left:0; padding-left:0;}
#footer .footer-TxtList li:first-child:before {display: none;}
#footer .address {font-size: 12px; color: #fff; margin-bottom: 10px;}
#footer .copyright-txt {color: #fff; font-size: 12px;}


#footer .top-btn {width: 50px; height:50px; display: block; border: 1px solid #fff; box-sizing: border-box; position:absolute; top: 40px; right: 20px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
#footer .top-btn {background-repeat: no-repeat; background-size: 16px; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' aria-hidden='true' viewBox='0 0 18 18' fill='%23fff'%3E%3Cpath d='M15.06 12.94L9 6.88l-6.06 6.06-.88-.88L9 5.12l6.94 6.94z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");}
#footer .top-btn:hover {background-color:#fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' aria-hidden='true' viewBox='0 0 18 18' fill='black100'%3E%3Cpath d='M15.06 12.94L9 6.88l-6.06 6.06-.88-.88L9 5.12l6.94 6.94z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");}

#footer .sns-box {display: flex; gap: 0 10px; margin-bottom: 20px;}

/*==========================================================================
                           ★ 해상도 낮은 PC 지원 ★
==========================================================================*/
@media screen and (max-width:1920px) {

}

/* 125% 배율 - 노트북 */
@media (max-width:1920px) and (max-height:800px) {
    * {-webkit-tap-highlight-color: transparent;}


}



    /*==========================================================================
                                ★ Tablet (반응형) ★
    ==========================================================================*/
@media screen and (max-width:1200px) {
    .block-1200 {display: block;}


    /*==========================================================================
                                    header
    ==========================================================================*/
    #header .head-leftBox {z-index: 2;}
    .head-rightBox {display:none;}
    .m-navi-container {display:none; width: 100%; height: calc(100% - 70px); position: fixed; top: 70px; left: 0; background: #fff; box-sizing: border-box; overflow-y: scroll;}
    .m-navi-container .m-navi-psBox {width: 100%; min-height:600px; height: 100%; padding: 40px 20px 40px; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
    #header .gnb-container .gnb {gap:40px; flex-direction: column;}
    .gnbBtn {display: block; z-index: 2;}
    #header .gnb-container .contact-box.m-type {width:100%; display: flex; align-items: flex-start; flex-direction: column; gap: 20px;}
    #header .gnb-container .gnb li a span:after {display: none;}

    #header .gnb-container .gnb li a span {color:#000;}
    .langs-btn, .cu-btn {width: 100%; box-sizing: border-box; text-align: center; padding: 15px 20px 13px; border-radius: 50px; border-color: #000 !important;}
    .langs-btn {border:1px solid;}
    .langs-btn span {color:#000; display: inline-block;}
    .langs-btn span {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M480-132q-72 0-135.5-27.5T234-234q-47-47-74.5-110.5T132-480q0-72 27.5-135.5T234-726q47-47 110.5-74.5T480-828q72 0 135.5 27.5T726-726q47 47 74.5 110.5T828-480q0 72-27.5 135.5T726-234q-47 47-110.5 74.5T480-132Zm0-27q38-48 62-93t39-102H379q17 61 40 106t61 89Zm-35-3q-31-33-57-85.5T350-354H186q36 82 105 133t154 59Zm70 0q85-8 154-59t105-133H610q-17 55-43 107.5T515-162ZM175-382h169q-5-26-7-50.5t-2-47.5q0-23 2-47.5t7-50.5H175q-7 21-11 47t-4 51q0 25 4 51t11 47Zm197 0h216q5-26 7-49.5t2-48.5q0-25-2-48.5t-7-49.5H372q-5 26-7 49.5t-2 48.5q0 25 2 48.5t7 49.5Zm244 0h169q7-21 11-47t4-51q0-25-4-51t-11-47H616q5 26 7 50.5t2 47.5q0 23-2 47.5t-7 50.5Zm-6-224h164q-37-84-103.5-133T515-799q31 38 56 89t39 104Zm-231 0h202q-17-60-41.5-107.5T480-801q-35 40-59.5 87.5T379-606Zm-193 0h164q14-53 39-104t56-89q-90 11-156 60.5T186-606Z'/%3E%3C/svg%3E");}

    .cu-btn {background-color: #000 !important;}

    .cu-btn span {color:#fff !important;;}
        /*==========================================================================
                                            footer
            ==========================================================================*/
    #footer {margin-top: 60px;}
}



/*==========================================================================
                            ★ mobile (반응형) ★
==========================================================================*/
@media screen and (max-width:980px) {


    /*==========================================================================
                                    공용
    ==========================================================================*/
    .contents-box {margin-top: 60px;}

    .lr-flexContainer .lr-flexBox, .lr-flexContainer .lr-flexBox.reverse {display: flex; flex-direction: column; gap: 40px 0;}
    .lr-flexContainer .lr-flexBox .vis-box, .lr-flexContainer .lr-flexBox .txt-box {width: 100%;}
    .lr-flexContainer .lr-flexBox .vis-box, .lr-flexContainer .lr-flexBox .vis-box.autoHeight {height:350px;}
    .lr-flexContainer .lr-flexBox .txt-box .txt {font-size: 16px;}

    .lr-flexContainer .lr-flexBox.longTxt-ty .vis-box, .lr-flexContainer .lr-flexBox.longTxt-ty .txt-box {width:100%;}


    .gap-visBox {width: 100%; height: 100px;}
    .gap-visBox .line-box {height: calc(100% - 20px); top: 10px;}
    .gap-visBox .gap-logo {width: 125px; height: 40px;}


    .btn-box {gap: 15px; flex-direction: column;}
    .btn-box .btn {width: 100%;}

    /*==========================================================================
                                    footer
    ==========================================================================*/
    #footer {margin-top: 60px;}
    #footer .ft-infoBox {min-height:40px; padding:30px 0;}
    #footer .footer-TxtList {flex-direction: column;}
    #footer .footer-TxtList li {float: none; padding:0; margin:0;}
    #footer .footer-TxtList li:before {display: none;}
    #footer .top-btn {width: 40px; height:40px; top:30px; right:0;}

}

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

}

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

}