@charset "utf-8";

/* body */
body.lock {overflow:hidden}
/* 브라우저 업데이트 권장 팝업 */
#browserUpdate {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#111; z-index:9999}
#browserUpdate .inner {position:absolute; top:50%; left:50%; width:800px; margin:-275px 0 0 -400px; padding:100px 70px; text-align:center; background:#fff}
#browserUpdate .inner h2 {font-size:42px; margin-bottom:30px}
#browserUpdate .inner p {color:#777; line-height:1.8; margin-bottom:40px}
#browserUpdate .inner ul {text-align:justify}
#browserUpdate .inner ul:after {display:inline-block; width:100%; content:''}
#browserUpdate .inner ul li {display:inline-block; width:24%; padding:20px; border:1px solid #e8e8e8; vertical-align:top}
#browserUpdate .inner ul li:hover {background:#fafafa}
#browserUpdate .inner ul li .icon {width:48px; height:48px; margin:0 auto 25px auto}
#browserUpdate .inner ul li .icon img {display:block; width:100%}
#browserUpdate .inner ul li a {display:block; height:35px; font-family:'돋움','Dotum'; font-size:12px; color:#444; text-align:center; line-height:31px; border:1px solid #dedede; border-bottom:3px solid #dadada; background:#f9f9f9}
#browserUpdate .inner ul li a:hover {background:#fff}
#browserUpdate .inner ul li a:active {border-top:1px solid #dadada; border-bottom:1px solid #dedede; background:#f4f4f4}

/* 헤더 */
#header {position:fixed; height:82px; top:0; left:0; width:100%; z-index:990; background:#fff; transition:all .4s ease; padding:0 5%;}
#header:before {position:absolute; top:-20px; left:0; width:100%; height:0; content:''; background:#fff; box-shadow:0 2px 2px rgba(0, 0, 0, .04); z-index:10; transition:all .4s ease}
#header > .inner {position:relative; max-width:1800px; margin:0 auto; z-index:30}
#header.fixed {top:15px;}
#header.fixed:before {top:0; height:100%}
#header.fixed #toggle_gnb > li > a {color:#000}
#header.fixed #toggle_gnb > li > a:after {display:none}
#header h1.menuText {font-weight:500; font-family:'Montserrat'; font-size:13px; color:#000; position:fixed; letter-spacing:8px; z-index:99; top:100px; left:98%; white-space:nowrap; text-align:left; transform:rotate(90deg); transform-origin:left top; -webkit-transform:rotate(90deg); -webkit-transform-origin:left top; -ms-transform:rotate(90deg); -ms-transform-origin:left top;}
/* // 헤더 */

/* 로고 */
#logo {display:block!important; float:left; width:150px; padding:30px 0 0 0;}
#logo a img {display:block; width:100%}
/* // 로고 */


/*===================== a링크버튼 선 애니메이션 스타일 =====================*/
#gnbTrigger > .linkLeftBar {left:0; bottom:0; width:2px; height:100%; background:#000; animation:linkLeftBarAnimation 4s infinite; -webkit-animation:linkLeftBarAnimation 4s infinite; -moz-animation:linkLeftBarAnimation 4s infinite;}
#gnbTrigger > .linkTopBar {left:0; top:0; width:100%; height:2px; background:#000; animation:linkTopBarAnimation 4s infinite; -webkit-animation:linkTopBarAnimation 4s infinite; -moz-animation:linkTopBarAnimation 4s infinite;}
#gnbTrigger > .linkRightBar {right:0; top:0; width:2px; height:100%; background:#000; animation:linkRightBarAnimation 4s infinite; -webkit-animation:linkRightBarAnimation 4s infinite; -moz-animation:linkRightBarAnimation 4s infinite;}
#gnbTrigger > .linkBottomBar {right:0; bottom:0; width:100%; height:2px; background:#000; animation:linkBottomBarAnimation 4s infinite; -webkit-animation:linkBottomBarAnimation 4s infinite; -moz-animation:linkBottomBarAnimation 4s infinite;}
@keyframes linkLeftBarAnimation {0% {height:0%;}25%, 100% {height:100%;}}
@-webkit-keyframes linkLeftBarAnimation {0% {height:0%;}25%, 100% {height:100%;}}
@-moz-keyframes linkLeftBarAnimation {0% {height:0%;}25%, 100% {height:100%;}}
@keyframes linkTopBarAnimation {0%, 25% {width:0%;}50%, 100% {width:100%;}}
@-webkit-keyframes linkTopBarAnimation {0%, 25% {width:0%;}50%, 100% {width:100%;}}
@-moz-keyframes linkTopBarAnimation {0%, 25% {width:0%;}50%, 100% {width:100%;}}
@keyframes linkRightBarAnimation {0%, 50% {height:0%;}75%, 100% {height:100%;}}
@-webkit-keyframes linkRightBarAnimation {0%, 50% {height:0%;}75%, 100% {height:100%;}}
@-moz-keyframes linkRightBarAnimation {0%, 50% {height:0%;}75%, 100% {height:100%;}}
@keyframes linkBottomBarAnimation {0%, 75% {width:0%;}100% {width:100%;}}
@-webkit-keyframes linkBottomBarAnimation {0%, 75% {width:0%;}100% {width:100%;}}
@-moz-keyframes linkBottomBarAnimation {0%, 75% {width:0%;}100% {width:100%;}}

/* 오른쪽 상단 트리거 스타일 */
.rightMain_menuBtn {opacity:1; transition:all .4s ease;}
#gnbTrigger {display:block; position:fixed; top:27px; right:1.2%; width:48px; height:48px; cursor:pointer; z-index:1100; background:none; border:none;}
#gnbTrigger > span {display:block; position:absolute; background:#000; transition:all .3s ease-in-out; transform:rotate(0deg); opacity:1; outline: none;}
#gnbTrigger > .bar1 {top:16px; left:28%; width:21px; height:1px;}
#gnbTrigger > .bar2 {top:23px; left:28%; width:21px; height:1px;}
#gnbTrigger > .bar3 {top:30px; left:28%; width:21px; height:1px;}
#gnbTrigger.open {background:#000}
#gnbTrigger.open > span {background:#fff}
#gnbTrigger.open > .bar1 {top:23px; transform:rotate(135deg)}
#gnbTrigger.open > .bar2 {opacity:0; left:-30px}
#gnbTrigger.open > .bar3 {top:23px; transform:rotate(-135deg)}
/* // 오른쪽 상단 트리거 스타일 */


/* toggle_gnb 메뉴스타일 */
#toggle_gnbWrapper {position:fixed; z-index:2; width:100%; height:100vh; z-index:1000; top:0; left:-100%; padding:1%; }
#toggle_gnbInner {width:410px; height:100%; margin:auto; margin-top:calc(50vh - 300px); position:relative; z-index:3}
#toggle_gnb {display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; margin:0 auto; transition:all 1s}
#toggle_gnb:hover > #toggle_gnb > li{transition:all 1s; opacity:0.15}
#toggle_gnb > li {position:relative; display:block; vertical-align:top}
#toggle_gnb > li > a {display:inline-block; position:relative; font-weight:700; font-size:40px; color:#ffffff; margin-top:50px; white-space:nowrap; transition:all 1s; z-index:0}
#toggle_gnb > li > ul {display:none; position:absolute; top:80px; left:50%; width:180px; margin-left:-90px; padding:0 20px; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, .08)}
#toggle_gnb > li > ul:before {position:absolute; top:-12px; left:50%; content:''; margin-left:-6px; border-style:solid; border-width:6px; border-color:transparent transparent #fff transparent}
#toggle_gnb > li > ul > li {position:relative}
#toggle_gnb > li > ul > li:last-child > a {border-bottom:none}
#toggle_gnb > li > ul {position:static; margin:0 !important; width:auto; text-align:center; background:transparent; box-shadow:none}
#toggle_gnb > li > ul:before {display:none}
#toggle_gnb > li > ul > li > a {font-size:18px; color:#fff; margin:25px 0; border-bottom:none; position:relative; display:block;}
#toggle_gnb > li > ul > li:first-child > a {letter-spacing:48.6px;}
#toggle_gnb > li > ul > li:nth-child(2) > a {letter-spacing:24.3px;}
#toggle_gnb > li > ul > li:last-child > a {letter-spacing:16.2px;}
/* // toggle_gnb 메뉴스타일 */


/* toggle_gnb 메뉴효과 스타일 11 */
.l-menu-bg-container{position:fixed; width:100%; height:100%; overflow:hidden; top:0; left:-100%; z-index:1}
.l-menu-bgs{position:absolute; background:#fff; z-index:1; width:100%; height:100%; padding:1%; margin:0 auto;}
.l-menu-bgs .l-menu-bg{background:#000;}
.l-menu-bgs2{position:absolute; top:0; left:-50%; width:200%; height:100%; font-size:0; white-space:nowrap; text-align:center}
.l-menu-bgs2 .l-menu-bg{background:#000; z-index:2; left:0; width:100%}
.l-menu-bg{height:100%}

#toggle_gnb > li:nth-child(1) {letter-spacing:41.8px; margin-top:0px; z-index:0}
#toggle_gnb > li:nth-child(1):hover+  .gnbBg_1 {opacity:1; transform:scale3d(1, 1, 1); }
#toggle_gnb > li:nth-child(1):hover > .l-menu-link-border-mask1 > .l-menu-link-border1 {transform:translate3d(470px, 0, 0); transition:all 1s 0.2s; -webkit-transform:translate3d(470px, 0, 0); -webkit-transition:all 1s 0.2s; -ms-transform:translate3d(470px, 0, 0); -ms-transition:all 1s 0.2s}
#toggle_gnb > li:nth-child(1):hover > .l-menu-link-border-mask2 > .l-menu-link-border2 {transform:translate3d(0, 0, 0); transition:all 1s 1s; -webkit-transform:translate3d(0, 0, 0); -webkit-transition:all 1s 1s; -ms-transform:translate3d(0, 0, 0); -ms-transition:all 1s 1s;}

#toggle_gnb > li:nth-child(3) {letter-spacing:31.8px; z-index:0}
#toggle_gnb > li:nth-child(3):hover+  .gnbBg_2 {opacity:1; transform:scale3d(1, 1, 1); }
#toggle_gnb > li:nth-child(3):hover > .l-menu-link-border-mask1 > .l-menu-link-border1 {transform:translate3d(470px, 0, 0); transition:all 1s 0.2s; -webkit-transform:translate3d(470px, 0, 0); -webkit-transition:all 1s 0.2s; -ms-transform:translate3d(470px, 0, 0); -ms-transition:all 1s 0.2s}
#toggle_gnb > li:nth-child(3):hover > .l-menu-link-border-mask2 > .l-menu-link-border2 {transform:translate3d(0, 0, 0); transition:all 1s 1s; -webkit-transform:translate3d(0, 0, 0); -webkit-transition:all 1s 1s; -ms-transform:translate3d(0, 0, 0); -ms-transition:all 1s 1s;}
/*
#gnb > li:nth-child(3) .l-menu-link-border-mask1,
#gnb > li:nth-child(3) .l-menu-link-border-mask2 {top:15%;}
*/


#toggle_gnb > li:nth-child(5) {letter-spacing:31.8px; z-index:0}
#toggle_gnb > li:nth-child(5):hover+  .gnbBg_3{opacity:1; transform:scale3d(1, 1, 1); }
#toggle_gnb > li:nth-child(5):hover > .l-menu-link-border-mask1 > .l-menu-link-border1 {transform:translate3d(470px, 0, 0); transition:all 1s 0.2s; -webkit-transform:translate3d(470px, 0, 0); -webkit-transition:all 1s 0.2s; -ms-transform:translate3d(470px, 0, 0); -ms-transition:all 1s 0.2s}
#toggle_gnb > li:nth-child(5):hover > .l-menu-link-border-mask2 > .l-menu-link-border2 {transform:translate3d(0, 0, 0); transition:all 1s 1s; -webkit-transform:translate3d(0, 0, 0); -webkit-transition:all 1s 1s; -ms-transform:translate3d(0, 0, 0); -ms-transition:all 1s 1s;}

#toggle_gnb > li:nth-child(7) {letter-spacing:42.8px; z-index:0}
#toggle_gnb > li:nth-child(7):hover+  .gnbBg_4 {opacity:1; transform:scale3d(1, 1, 1); }
#toggle_gnb > li:nth-child(7):hover > .l-menu-link-border-mask1 > .l-menu-link-border1 {transform:translate3d(470px, 0, 0); transition:all 1s 0.2s; -webkit-transform:translate3d(470px, 0, 0); -webkit-transition:all 1s 0.2s; -ms-transform:translate3d(470px, 0, 0); -ms-transition:all 1s 0.2s}
#toggle_gnb > li:nth-child(7):hover > .l-menu-link-border-mask2 > .l-menu-link-border2 {transform:translate3d(0, 0, 0); transition:all 1s 1s; -webkit-transform:translate3d(0, 0, 0); -webkit-transition:all 1s 1s; -ms-transform:translate3d(0, 0, 0); -ms-transition:all 1s 1s;}

#toggle_gnb > li:nth-child(9) {letter-spacing:57px; z-index:0}
#toggle_gnb > li:nth-child(9):hover+  .gnbBg_5{opacity:1; transform:scale3d(1, 1, 1); }
#toggle_gnb > li:nth-child(9):hover > .l-menu-link-border-mask1 > .l-menu-link-border1 {transform:translate3d(470px, 0, 0); transition:all 1s 0.2s; -webkit-transform:translate3d(470px, 0, 0); -webkit-transition:all 1s 0.2s; -ms-transform:translate3d(470px, 0, 0); -ms-transition:all 1s 0.2s}
#toggle_gnb > li:nth-child(9):hover > .l-menu-link-border-mask2 > .l-menu-link-border2 {transform:translate3d(0, 0, 0); transition:all 1s 1s; -webkit-transform:translate3d(0, 0, 0); -webkit-transition:all 1s 1s; -ms-transform:translate3d(0, 0, 0); -ms-transition:all 1s 1s;}


.l-menu-link span {display:block}
.l-menu-link-border-mask1 {position:absolute; width:470px; height:70px; overflow:hidden; z-index:-1; top:40%; left:-30px; }
.l-menu-link-border1 {transform:translate3d(-471px, 0, 0); -webkit-transform:translate3d(-471px, 0, 0); -ms-transform:translate3d(-471px, 0, 0); width:470px; border-bottom:70px solid #66b1d8; }
.l-menu-link-border-mask2 {position:absolute; width:470px; height:70px; overflow:hidden; z-index:-1; top:40%; left:-30px; }
.l-menu-link-border2 {transform:translate3d(-471px, 0, 0); -webkit-transform:translate3d(-471px, 0, 0); -ms-transform:translate3d(-471px, 0, 0); width:470px; border-bottom:70px solid #66b1d8; }

#toggle_gnb:hover > #toggle_gnb > li:hover{transition:all 1s; opacity:1}

.gnbBg_1,.gnbBg_2,.gnbBg_3,.gnbBg_4,.gnbBg_5 {position:fixed; display:none; top:0; bottom:0; left:0; right:0; opacity:0; pointer-events:none; z-index:-1; transition:all 1s; transform:scale3d(0.98, 0.98, 1.0);}
#toggle_gnbWrapper.open .gnbBg_1,#toggle_gnbWrapper.open .gnbBg_2,#toggle_gnbWrapper.open .gnbBg_3,#toggle_gnbWrapper.open .gnbBg_4,#toggle_gnbWrapper.open .gnbBg_5 {display:block;}
.gnbBg_1::before,.gnbBg_2::before,.gnbBg_3::before,.gnbBg_4::before,.gnbBg_5::before{content:""; position:absolute; width:100%; height:100%; background-color:#000; opacity:0.3}

.gnbBg_1{background:url(../img/main_visual/main_visual9.jpg) center center no-repeat; background-size:cover; margin:1%; }
.gnbBg_2{background:url(../img/main_visual/main_visual22.jpg) center center no-repeat; background-size:cover; margin:1%; }
.gnbBg_3{background:url(../img/main_visual/main_visual13.jpg) center center no-repeat; background-size:cover; margin:1%; }
.gnbBg_4{background:url(../img/main_visual/main_visual14.jpg) center center no-repeat; background-size:cover; margin:1%; }
.gnbBg_5{background:url(../img/main_visual/main_visual15.jpg) center center no-repeat; background-size:cover; margin:1%; }

@media (max-width: 750px){
.gnbBg_1,.gnbBg_2,.gnbBg_3,.gnbBg_4,.gnbBg_5{display:none}
}
/* // toggle_gnb 메뉴효과 스타일 */


/* top_gnb 스타일 */
#top_gnb {float:right; margin-right:23%;}
#top_gnb > li {position:relative; display:inline-block; vertical-align:top}
#top_gnb > li > a {display:block; margin:32px 27px; font-size:15px; font-weight:700; color:#2b2b2b; font-family:'Montserrat', sans-serif;}
#top_gnb > li > ul {display:none; position:absolute; top:80px; left:50%; width:180px; margin-left:-90px; padding:0 20px; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, .08)}
#top_gnb > li > ul:before {position:absolute; top:-12px; left:50%; content:''; margin-left:-6px; border-style:solid; border-width:6px; border-color:transparent transparent #fff transparent}
#top_gnb > li > ul > li {position:relative}
#top_gnb > li > ul > li > a {position:relative; display:block; padding:15px 0; border-bottom:1px solid #e0e0e0}
#top_gnb > li > ul > li:last-child > a {border-bottom:none}
/* //top_gnb 스타일 */






/* 상단으로 스크롤 */
#scrollTop {display:none; position:fixed; bottom:30px; right:30px; display:inline-block; width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555; transition:none !important; z-index:920}
#scrollTop i {position:absolute; top:35%; left:35%; transition:all .4s ease}
#scrollTop span {position:absolute; width:100%; top:0; left:50%; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#scrollTop.on i {opacity:0; filter:alpha(opacity='0'); transform:rotate(360deg)}
#scrollTop.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}
/* 문단 */
#container p {line-height:1.75}
/* 폼메일 */
.tbl_formmail {width:100%; margin-bottom:40px}
.tbl_formmail:before {display:block; width:100%; height:1px; margin-bottom:40px; content:''; background:#e8e8e8}
.tbl_formmail input {font:inherit !important}
.tbl_formmail input[type=file] {width:100%}
.tbl_formmail input[type=text], .tbl_formmail input[type=password] {width:100%; height:60px; font-size:14px !important; color:#666; padding-left:20px; border:none; border-radius:4px; background:#f0f0f0}
.tbl_formmail input[name^=phone] {width:80px !important}
.tbl_formmail select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_formmail textarea {font:inherit !important; font-size:14px !important; line-height:1.75; width:100%; min-height:150px; padding:20px; border:none; border-radius:4px; background:#f0f0f0}
.tbl_formmail select:focus, .tbl_formmail select:hover {border-color:#d8d8d8}
.tbl_formmail tbody td {font:inherit !important; font-size:0 !important; padding:3px 0}
.tbl_formmail tbody td br {display:none}
.tbl_formmail tbody td font, .tbl_formmail tbody td span, .tbl_formmail tbody td a {font:inherit !important; font-size:14px !important}
.formmail_title_bgcolor {display:none}

/* 푸터 */
#footer {background:#222}
#footer > .inner {max-width:1280px; margin:auto; padding:75px 100px; }
#footer .contentTxt_wp {float:left;}
#footer .contentTxt_wp:after {display:block; clear:both; content:'';}
#footer .contentTxt_wp h2 {color:#d3d3d3; font-size:15px; font-family:'Noto Sans Korean'; word-break:keep-all; word-wrap:break-word; line-height:3; font-weight:400;}
#footer .contentTxt_wp p {color:#848484; font-size:13px; word-break:keep-all; word-wrap:break-word; line-height:1.8; font-weight:400;}

#footer .contentTxt_wp .address_wp {float:left; margin:0 17px;}
#footer .contentTxt_wp .info_wp {float:left;  margin:0 17px;}
#footer .contentTxt_wp .blog_wp {float:left;  margin:0 17px;}

#footer .contentBtn_wp {float:right;}
#footer .contentBtn_wp:after {display:block; clear:both; content:'';}

#footer .contentBtn_wp ul {padding:0 37px;}
#footer .contentBtn_wp ul li {position:relative; float:left; margin:0 5px;}
#footer .contentBtn_wp ul li a {position:relative; color:#e2e2e2; font-size:13px;  font-weight:700; padding:13px 25px; display:inline-block;}
#footer .contentBtn_wp ul li a > span.bordercolorE2 {position:absolute; background:rgba(255,255,255,0.4);}
#footer .contentBtn_wp ul li a span.arrow_img {margin-left:30px;}
#footer .contentBtn_wp ul li a span.arrow_img img {vertical-align:unset!important;}
#footer .contentBtn_wp ul li a span.arrow_img_on {display:none;}
#footer .contentBtn_wp ul li a:hover {background:#e2e2e2; color:#222}
#footer .contentBtn_wp ul li a:hover span.arrow_img {display:none;}
#footer .contentBtn_wp ul li a:hover span.arrow_img_on {display:inline-block; margin-left:30px;}


#footer .copyright_wp {clear:both; text-align:center; padding:25px 0; border-top:1px solid #393939; max-width:1050px; margin:0 auto;}
#footer .copyright_wp:after {display:block; clear:both; content:'';}
#footer .copyright_wp .copyright {color:#848484; font-size:12px; }




/* 미디어쿼리 */
@media screen and (min-width:1025px) {
	/* 헤더 */
	#toggle_gnb > li > ul > li > a:hover {color:#5393d8}
	#toggle_gnb > li > ul > li:after {position:absolute; bottom:0; left:0; width:0; height:1px; content:''!important; background:#5393d8; transition:all .4s ease}
	#toggle_gnb > li > ul > li:hover:after {width:100%}
}
@media screen and (max-width:1280px) {
    #header {position:relative;}
    
	/* 헤더 */
	#logo {display:none; position:relative; float:none; margin:33px 0; padding:0; z-index:900}	
	#gnbWrapper {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#fff; z-index:1010}
	#gnbTrigger, .blackIcon > #gnbTrigger {display:block !important; top:22px; right:22px; width:40px; height:40px; border:none; }
    #gnbTrigger.open {border:none; background:none;}
	#gnbTrigger > .bar1, .blackIcon > #gnbTrigger > .bar1 {left:23%; top:13px;}
	#gnbTrigger > .bar2, .blackIcon > #gnbTrigger > .bar2 {left:23%; top:19px;}
	#gnbTrigger > .bar3, .blackIcon > #gnbTrigger > .bar3 {left:23%; top:25px;}    
    #gnbTrigger.open > .bar1, #gnbTrigger.open > .bar3 {top:20px;}
    
	#top_gnbWrapper {display:none;}
	#header h1.menuText {display:none;}
	
	
	/* 푸터 */
	#footer > .inner {padding:30px; text-align:center}
	#footer > .inner p {font-size:14px; line-height:2}
	#footer > .inner .companyInfo {float:none}
	#footer > .inner .companyInfo ul li {font-size:11px}
	#footer > .inner .copyright {float:none; padding-top:0}
	#footer .contentTxt_wp h2 {padding:0 0 12px; line-height:2; font-size:20px;}
	#footer .contentTxt_wp .address_wp {text-align:left; margin:0; clear:both;}
	#footer .contentTxt_wp .info_wp {text-align:left; float:left; margin:17px 0 0; clear:both;}
	#footer .contentTxt_wp .blog_wp {text-align:left; float:left; margin:17px 0 0; clear:both;}
	#footer .contentBtn_wp {float:inherit; display:inline-block; margin:7% 0 0; float:left; clear:both;}
	#footer .contentBtn_wp ul {padding:0;}
	#footer .contentBtn_wp ul li a {font-size:11px; padding:13px 17px;}
	#footer .contentBtn_wp ul li:first-child {margin:0 5px 0 0;}
	
}

@media screen and (max-width:768px) {
    #logo {width:125px;}
    
	#toggle_gnbInner {max-width:410px; width:85%; text-align:center; margin:0 auto; margin-top: calc(57vh - 300px);}
	#toggle_gnb > li > a {font-size:36px; margin-top:30px;}
	#toggle_gnb > li:nth-child(1) {letter-spacing:1px;}
	#toggle_gnb > li:nth-child(3) {letter-spacing:1px;}
	#toggle_gnb > li:nth-child(5) {letter-spacing:1px;}
	#toggle_gnb > li:nth-child(7) {letter-spacing:1px;}
	#toggle_gnb > li:nth-child(9) {letter-spacing:1px;}
    
	.l-menu-link-border-mask1,
	.l-menu-link-border-mask2	{max-width:470px; width:100%; left:0; margin:0 auto; text-align:center;}
	
}