/* @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900'); /* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); */ /* 중문 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap'); */ /* 일문 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap'); */ /*[s] Reset Css */ /* html,body{width:100%; min-height:100%; background-color: #fff; -webkit-text-size-adjust:none} */ /* input,button,textarea{background-color: transparent; border:none; -webkit-border-radius:0; -webkit-appearance:none} */ #header input[type=submit],#header input[type=image],#header input[type=button],#header button,#header a{cursor: pointer; text-decoration: none;} /* img,video,audio,object,embed,iframe{max-width:100%;} */ body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend,li,ul,ol{margin:0;padding:0} /* body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0} */ /* #header li,ul,ol {margin: 0; padding: 0;} */ /* .inConts li, .inConts ul, .inConts ol { margin: 0; padding: 0; } */ /* #menuArea li, #menuArea ul, #menuArea ol { margin: 0; padding: 0; } */ /* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend{margin:0;padding:0} */ /* fieldset,img,abbr,acronym{border:none} */ /* fieldset{display:block} */ /* ol,ul{list-style:none outside} */ /* h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-size:100%;font-weight:normal} */ /* legend,caption{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-1000em} */ .skip{display: none !important;} html *{font-family:'Pretendard', sans-serif; font-style:normal; } /* body,th,td,input,select,textarea,h2,h3,h4,h5,address,code,button{font-family:'Pretendard', sans-serif; font-style:normal; font-weight:normal;} */ /*[e] Reset Css */ /*[s] Transition Style */ #header, #header:before, #header h1, #header h1>a, #header h1>a img, #header .mMenu, #header .mMenu>span, #header .mMenu:before, #header .mMenu:after, #header #gnb:after, #header #gnb:before, #header #gnb>li>a:before, #header #gnb>li>a i:before, #header #gnb>li>a i:after, #header #gnb>li, #header #gnb a, #header #gnb>li>a>span:before, #header #gnb .gnbSub>li>a, #header #gnb>li>a em, #header #gnb>li>a em:after, #header #gnb>li>a em:before, #header #pcMenu, #header #pcMenu:before, #header .bg, #header #list:before, #header #list>li, #header #list>li>a, #header #list>li>a i, #header #list>li>a>span:before, #header #list .gnbSub>li>a, #header .utill .appDown, #header .language:before, #pt_Menu #pt_Menu_list>li>a, #pt_Menu #pt_Menu_list>li>a i, #pt_Menu #pt_Menu_list>li>a i:after, #pt_Menu #pt_Menu_list>li>a i:before, #pt_Menu #pt_Menu_list .gnbSub>li>a, .menuLayer .gnb>li>a, .menuLayer .gnb>li>a i, .menuLayer .gnb>li>a i:after, .menuLayer .gnb>li>a i:before, .menuLayer .gnb .gnbSub>li>a, #snb #nav>li>a, #snb #nav>li>a i, #snb #nav>li>a i:after, #snb #nav>li>a i:before, #snb #nav .lnbSub>a, #snb #nav .lnbSub>a>span:before, a.goTop, a.goTop:before{transition: all .5s ease-out;} .menuLayer, #pt_Menu{transition: all .5s ease-in-out; transform-origin: 50% 50%;} #pt_Menu .head .closeMenu{transition: all .7s ease-in-out; transform-origin: 50% 50%;} .flex{display: flex;} .alf{align-items: flex-start;} .alc{align-items: center;} .ale{align-items: flex-end; justify-content: flex-start;} .jus{justify-content: flex-start;} .juc{justify-content: center;} .jue{justify-content: flex-end;} .tac{text-align: center;} .tal{text-align: left;} .tar{text-align: right;} .fwl{font-weight: lighter;} .fw300{font-weight: 300;} .fw500{font-weight: 500;} .fwn{font-weight: normal;} .fwb{font-weight: bold;} .cfff{color: #fff !important;} .cccc{color: #ccc !important;} .c111{color: #111 !important;} .c555{color: #555 !important;} .c666{color: #666 !important;} .c999{color: #999 !important;} .cPoint{color: var(--point) !important;} .cGreen{color: #88be3a !important;} .mon{font-family: 'Montserrat', sans-serif !important;} .fs18{font-size: 1.8rem;} .fs20{font-size: 2rem;} .fs22{font-size: 2.2rem;} .fs25{font-size: 2.5rem;} .fs30{font-size: 3rem;} .fs40{font-size: 4rem;} .fs60{font-size: 6rem;} .lh1{line-height: 1;} .lh1-25{line-height: 1.25;} .lh1-33{line-height: 1.33;} .lh1-3{line-height: 1.3;} .lh1-4{line-height: 1.4;} .lh1-5{line-height: 1.5;} .lh28{line-height: 2.8rem;} .mgt1{margin-top: 1rem;} .mgt2{margin-top: 2rem;} .mgt3{margin-top: 3rem;} .mgt4{margin-top: 4rem;} .mgt5{margin-top: 5rem;} .mgt6{margin-top: 6rem;} .mgt7{margin-top: 7rem;} .mgt8{margin-top: 8rem;} .mgt9{margin-top: 9rem;} .mgt10{margin-top: 10rem;} .mgt11{margin-top: 11rem;} .mgt12{margin-top: 12rem;} .mgt13{margin-top: 13rem;} .mgt14{margin-top: 14rem;} .mgb0{margin-bottom: 0 !important;} .mgb1{margin-bottom: 1rem;} .mgb1-5{margin-bottom: 1.5rem;} .mgb2{margin-bottom: 3rem;} .mgb3{margin-bottom: 3rem;} .mgb-3{margin-bottom: -3rem;} .mgb4{margin-bottom: 4rem;} .mgb5{margin-bottom: 8rem;} .mgb6{margin-bottom: 6rem;} .mgb7{margin-bottom: 7rem;} .mgb8{margin-bottom: 8rem;} .mgb9{margin-bottom: 9rem;} .mgb10{margin-bottom: 10rem;} .mgb11{margin-bottom: 11rem;} .mgb12{margin-bottom: 12rem;} .mgb13{margin-bottom: 13rem;} .mgb14{margin-bottom: 14rem;} .mgb15{margin-bottom: 15rem;} .mgb-16{margin-bottom: -16rem;} .onlyLine1{cursor:pointer; max-width:100%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break:break-all !important;} .onlyImg{display: flex;} /*[e] Transition Style */ /*[s] Bace Css */ /* :root, */ /* html{font-size: 10px} */ /* #header {font-size: 10px} */ :root { --point : #428eff; --inter : 'Inter', sans-serif !important; /* font size */ --f__size--12 : 1.2rem; --f__size--13 : 1.3rem; --f__size--14 : 1.4rem; --f__size--15 : 1.5rem; --f__size--16 : 1.6rem; --f__size--17 : 1.7rem; --f__size--18 : 1.8rem; --f__size--19 : 1.9rem; --f__size--20 : 2rem; --f__size--21 : 2.1rem; --f__size--22 : 2.2rem; --f__size--23 : 2.3rem; --f__size--24 : 2.4rem; --f__size--36 : 3.6rem; /* min size */ --min__size : 140rem; } .wVar, .pVar, .ptVar{display:block;} img.pVar, img.ptVar{display:inline-block;} th.pVar, td.pVar{display:table-cell;} .tVar, .mVar, .tmVar, .br_t{display:none;} .br_p{} .tal{text-align: left !important;} .tac{text-align: center !important;} .tar{text-align: right !important;} *[data-font="Poppins"], .f_Poppins{font-family: 'Poppins', sans-serif !important;} *[data-font="Roboto"], .f_Roboto{font-family:'Roboto', sans-serif !important;} *[data-font="Mont"]{font-family:'Mont', sans-serif !important;} .f_arr{font-family:"SUIT Variable", sans-serif !important;} /* html.hide{height:100vh; overflow: hidden;} html body.compensate-for-scrollbar{overflow-y:scroll !important;} */ .inConts{width:100%; max-width:134rem; margin:0 auto; padding:0 2rem; position: relative;} /* .w1080{width:100%; max-width:108rem; margin:0 auto; position: relative;} */ /* #wrap{width:100%; margin:0 auto; position:relative; overflow:hidden;} */ body *{letter-spacing: 0em; word-break:keep-all; word-wrap:break-word; box-sizing: border-box;} /* body *{letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word; box-sizing: border-box;} */ /*body{opacity: 0;}*/ /*[e] Bace Css */ /*[s] HEADER */ #progressBar{width:0%; height:3px; background-color:var(--point); font-size:0; line-height:0; position:fixed;left:0; top:0; z-index:11;} #header{ box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .05), 0 8px 12px 2px rgba(0, 0, 0, .01), 0 6px 20px 0px rgba(0, 0, 0, .03); width:100%; background-color: white; font-size:0; line-height:0; position: fixed; left:0; top:0; z-index:8; height: 5rem;} /* #header{width:100%; background-color: transparent; font-size:0; line-height:0; position: fixed; left:0; top:0; z-index:8; height: 10rem; } */ #header .gnbBg{box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .05), 0 8px 12px 2px rgba(0, 0, 0, .01), 0 6px 20px 0px rgba(0, 0, 0, .03);width:100vw; height: 0; border-top:1px solid transparent; position:absolute; left:50%; top:100%; transform: translateX(-50%); opacity:0; overflow:hidden; background-color:#f2f2f2; display: none;} #header .inConts{max-width: calc(1156px + 2rem); width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; height: 5rem;} /* #header .inConts{max-width:180rem; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 1rem; height: 5rem;} */ #header h1{display:inline-block; position: relative;} /* #header .header_logo{content: url('../image/icon/logo_gr_bold.png'); width: auto; height: 2rem;} */ /* #header .header_logo{content: url('../image/icon/logo_gr_bold.png'); width: auto; height: 2rem; max-width: 120px;} */ #header .header_logo{content: url('../image/icon/logo_gr_thin.png'); height: 2rem; max-width: 120px;} /* #header .header_logo{content: url('../image/icon/logo_gr_bold.png'); height: 2rem; max-width: 120px;} */ #header #list{display: flex; position: relative;} #header #list>li{position: relative; padding: 0 2.0rem;} #header #list>li>a{display: flex; align-items: center; justify-content: center; height: 5rem; font-weight: 500; font-size: 1.1rem; line-height:1; color: #000; text-align: center; position: relative; z-index:3; font-family: var(--inter); padding: 0 1rem;} #header #list>li>a>:before{content: ""; width: 0; height: 2px; background-color: var(--point); margin-left:0%; display: inline-block; position:absolute; left: 50%; bottom:-1px; z-index:5;} #header #list>li>.gnbSub{width: 100%; padding:15px 0; text-align: center; display:none; position: absolute; left:50%; top:100%; white-space: nowrap; transform: translateX(-50%); z-index:6; } #header #list>li>.gnbSub>li{padding: 10px 0;} #header #list>li>.gnbSub>li>a{display: block; font-size:17px; line-height: 20px; color:#111111; text-align:center;} /* 3뎁스 */ #header #list>li>.gnbSub>li>.d3{padding: 5px 0 0; height: auto !important; display: none;} #header #list>li>.gnbSub>li>.d3>li{} #header #list>li>.gnbSub>li>.d3>li + li{margin-top: 2.5px;} #header #list>li>.gnbSub>li>.d3>li>a{font-size: 0.8rem; line-height: 1; color: #666;} /* 미니 메뉴*/ #header #list>li>.gnbSub>li>.d3>li>a:hover{color: var(--point);} #header #list>li:hover>a, #header #list>li.oPage>a, #header #list .gnbSub>li:hover>a, #header #list .gnbSub>li.oPage>a{color:var(--point);} #header #list>li:hover>a>span:before, #header #list>li.active>a>span:before, #header #list>li.oPage>a>span:before{width: 100%; margin-left:0; left: 0; opacity: 1} #header .right-utill{display: flex; gap: 1em; align-items: center;} #header .right-utill > ul{display: flex; gap: 1rem;} #header .right-utill > ul >li{} #header .right-utill > ul >li a{width: 4.7rem; height: 1.8rem; display: flex; align-items: center; justify-content: center; border: 1px solid #bbb; border-radius: 5px; font-size: 0.8rem; line-height: 1; color: #000; font-weight: 550;} #header .right-utill > ul >li:nth-of-type(2) a{color: #fff !important; background-color: var(--point) !important; border-color: var(--point) !important;} #header .right-utill > ul .header_dropdown_text{cursor:default; color: #000 !important; font-weight: 500; font-size: 0.9rem; margin: 20px 0; text-align: center;} #header .right-utill > ul >li:nth-of-type(2) .dropdown-item{color: #333D4B !important; width: auto; padding: 20px 0; margin: 2px 0; background-color: #fff !important; border-color: #fff !important;} #header .right-utill > ul >li:nth-of-type(2) .dropdown-item:hover{color: #333D4B !important; background-color: #EDF2FA !important; } html.sub #header, #header:is(.all, .move, :hover){background-color: #fff; } html.sub #header:before, #header:is(.all, .move, :hover):before{content:"";position:absolute;z-index:-1;top:0%;bottom:0;left:0;right:0; box-shadow:0 0 2rem rgba(0,0,0,0.3);} html.sub #header .header_logo, #header:is(.all, .move, :hover) .header_logo{content: url('../image/icon/logo_gr_thin.png');} /* #header:is(.all, .move, :hover) .header_logo{content: url('../image/icon/logo_gr_bold.png');} */ html.sub #header #list>li>a, #header:is(.all, .move, :hover) #list>li>a{color:#23314a;} html.sub #header .right-utill > ul >li a, #header:is(.all, .move, :hover) .right-utill > ul >li a{border-color: #bbb; color: #333333;} html.sub #header .mMenu>span, #header:is(.all, .move, :hover) .mMenu>span, html.sub #header .mMenu:before, #header:is(.all, .move, :hover) .mMenu:before, html.sub #header .mMenu:after, #header:is(.all, .move, :hover) .mMenu:after{background-color:#1b1b1b;} #header .language-area{width: 6rem;height: 2.5rem;position: relative; z-index: 15;} #header .language{width:100%;display:inline-block;vertical-align: top;overflow: hidden;cursor: pointer;position: absolute;left:0;top:0;} #header .language::before{content: "";width: 1.1rem;height: 1.1rem;position: absolute;top: 1.7rem;left: 0.5rem;background-image: url("/images/language.png");background-size: cover;margin-top: -0.5rem;} #header .language:after{content: "";width: 0;height: 0;border-top:5px solid #ededed;border-bottom:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;position: absolute;right: 1rem;top: 1.3rem; margin-top: -2.5px;} #header .language a{width:100%;height: 2.5rem;padding: 0 1rem 0 2rem;font-weight: 400;font-size: 1rem;line-height:1;color: #fff;display:table;table-layout: fixed;box-sizing: border-box;} #header .language a>span{display:table-cell; vertical-align: middle;} #header .language ul{display:none; background: var(--point);} #header .language ul>li{border-top:1px solid #ccc;} #header .language ul>li>a{color: #fff;} #header .language.open:before{transform:rotate(180deg);} html.sub #header .language > a, #header:is(.all, .move, :hover) .language > a{color: #000;} html.sub #header .language::before, #header:is(.all, .move, :hover) .language::before{background-image: url("/images/language_color.png"); } html.sub #header .language:after, #header:is(.all, .move, :hover) .language:after{border-top:5px solid #000; border-bottom:0; border-left:4.5px solid transparent; border-right:4.5px solid transparent; } html.sub #header .language.open, #header:is(.all, .move, :hover) .language.open{background: var(--point); border-radius: 15px; overflow: hidden;} html.sub #header .language.open > a, #header:is(.all, .move, :hover) .language.open > a{color: #fff;} html.sub #header .language.open::before, #header:is(.all, .move, :hover) .language.open::before{background-image: url("/images/language.png"); } html.sub #header .language.open:after, #header:is(.all, .move, :hover) .language.open:after{border-top:5px solid #fff; border-bottom:0; border-left:4.5px solid transparent; border-right:4.5px solid transparent; } /* 오른쪽 메뉴 아이콘 */ #header .mMenu{width:2.5rem; height:0.7rem; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; position: relative; display: none; margin-left: 1rem;} #header .mMenu:before, #header .mMenu:after{content: ""; width: 100%; height: 0.2rem; background-color:#333D4B; display: inline-block; position:absolute; right:0; transition: all ease 0.3s;} /* #header .mMenu:after{content: ""; width: 100%; height: 0.2rem; background-color:#fff; display: inline-block; position:absolute; right:0; transition: all ease 0.3s;} */ #header .mMenu:before{top:0;} #header .mMenu:after{width:50%; bottom:0;} #header .mMenu.open:before, #header .mMenu.open:after{width:80%; bottom:auto; right:auto; left:50%; top:50%; transform:rotate(45deg) translate(-50%, -50%); transform-origin: 0% 0%;} #header .mMenu.open:after{transform:rotate(-45deg) translate(-50%, -50%);} #header:is(.all , :hover) .mMenu>span, #header:is(.all , :hover) .mMenu:before, #header:is(.all , :hover) .mMenu:after{background-color: #1b1b1b;} .menuLayer{width:100%; background-color: rgba(0,0,0,0.7); font-size:0; line-height:0; position: fixed; top: 5rem; bottom:0; z-index:12; overflow:hidden; overflow-y:auto;} .menuLayer>.language{width:100%; background-color: #fff; border-top:1px solid #ccc; display:table; table-layout: fixed;} .menuLayer>.language>a{height:2rem; font-size:1.1rem; line-height:1.2; color: #434343; text-align: center; display:table-cell; vertical-align: middle; position: relative; box-sizing: border-box;} .menuLayer>.language>a>span{padding-left:3.25rem; background-repeat:no-repeat; background-position: left center; background-size:2.625rem 1.75rem;} .menuLayer>.language>a.ko>span{background-image:url('../img/flag_ko.gif');} .menuLayer>.language>a.en>span{background-image:url('../img/flag_en.gif');} .menuLayer>.language>a+a{border-left:1px solid #ccc} .menuLayer>.language>a.active{font-weight: 500; color: var(--point);} .menuLayer .gnb{background-color: #fff; border-top:1px solid #ccc;} .menuLayer .gnb>li{border-bottom:1px solid #ccc; position: relative;} .menuLayer .gnb>li>a{width:100%; height:4.5rem; padding:0 3.5rem 0 1.5rem; font-weight: 500; font-size:1.1rem; line-height:1.4; color: #1b1b1b; display:table; position: relative; box-sizing: border-box;} .menuLayer .gnb>li>a>span{display:table-cell; vertical-align:middle; position: relative;} .menuLayer .gnb>li>a i{width:1.3rem; height:0.7rem; margin-top:-0.3rem; position: absolute; right:1.5rem; top:50%; display:inline-block;} .menuLayer .gnb>li>a i:after, .menuLayer .gnb>li>a i:before{content: ""; width:0.8rem; height: 0.1rem; margin:0 0 0 0; background-color: #aaa; display: block; position:absolute; top:50%;} .menuLayer .gnb>li>a i:after{right:1rem; transform:rotate(45deg);} .menuLayer .gnb>li>a i:before{right:-0.1rem; transform:rotate(-45deg);} .menuLayer .gnb .gnbSub{background-color: #f7f7f7; display:none;} .menuLayer .gnb .gnbSub>li{border-top:1px solid #ccc;} .menuLayer .gnb .gnbSub>li>a{width:100%; height:3.7rem; padding-left:1.5rem; font-weight: 400; font-size:1rem; line-height:1.3; color: #666; text-align: left; letter-spacing: -1px; display:table; position: relative; box-sizing: border-box;} .menuLayer .gnb .gnbSub>li>a>span{display:table-cell; vertical-align:middle; position: relative;} .menuLayer .gnb .gnbSub.d3{background-color: #e9e9e9;} .menuLayer .gnb .gnbSub.d3>li>a{height:2.5rem; padding-left:2.5rem; font-weight: 400; font-size:1rem; line-height:0.6; color: #666;} .menuLayer .gnb .gnbSub>li.oPage>a{color:var(--point); text-decoration: underline; text-underline-position: under;} .menuLayer .gnb>li.oPage>a{color:var(--point); text-decoration: underline; text-underline-position: under;} .menuLayer .gnb>li.oPage>a em{color:var(--point);} .menuLayer .gnb>li.active>a i, .menuLayer .gnb>li.oPage>a i{transform:rotate(-180deg);} .menuLayer .gnb>li.oPage>a i:after, .menuLayer .gnb>li.oPage>a i:before{background-color:var(--point) !important;} .menuLayer .gnb>li.active>a{background-color: var(--point); color: #fff;} .menuLayer .gnb>li.active>a em{color: #fff;} .menuLayer .gnb>li.oPage.active>a{text-decoration: none;} .menuLayer .gnb>li.active>a i:after, .menuLayer .gnb>li.active>a i:before{background-color:#fff !important;} .menuLayer .gnb>li.one>a i{transform:rotate(-90deg);} #menuArea{right:-100%;} #menuArea.open{right:0;} #sVisual{width:100%; height:30rem; padding-top:10rem; background-repeat: no-repeat; background-position: center bottom; background-size: cover; font-size:0; line-height:0; color: #fff; text-align: center; overflow:hidden; position: relative; display: flex; align-items: center; justify-content: center;} #sVisual h2{font-weight: bold; font-size:4.6rem; line-height:1; color: #fff;} #sVisual .s-txt{margin-top:1.5rem; font-weight: 500; font-size:2.2rem; line-height:2.8rem;} #sVisual.bg_01{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_02{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_03{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_04{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_05{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_06{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_07{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_08{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_09{background-image:url('/images/sVisual_01.jpg');} #sVisual.bg_10, #sVisual.bg_11, #sVisual.bg_12, #sVisual.bg_97, #sVisual.bg_98, #sVisual.bg_99{background-image:url('/images/img_sVisual_00.jpg');} #pageTop{padding:12rem 0 6rem; font-size:0; line-height:0; text-align: center; position: relative; border-bottom: 1px solid #888888;max-width: 128rem; width: 100%; margin: 0 auto 6rem; } #pageTop.noLine{border-bottom: none; padding: 12rem 0 0;} #pageTop>h3{font-size: 3.8rem; line-height: 1; color: #000; font-weight: bold;} #pageTop>p{margin-top:4rem; font-weight: 500; font-size: 1.8rem; line-height: 1.2; color: #555;} #container{width:100%; max-width:134rem; min-height:400px; margin:0 auto; padding:0 3rem 16rem; position: relative;} #container.full{max-width:none; min-height:auto; padding:0;} .full{} .full-box.gray{background-color: #f7f7f7;} /* #footer{background-color: #fff; padding: 6rem 0 7rem; border-top: 1px solid #e2e5ec;} #footer .inConts{max-width: 134rem; width: 100%; margin: 0 auto; padding: 0 3rem; display: flex; gap: 8rem; justify-content: space-between; align-items: flex-start;} #footer .inConts .logoArea{width: 23rem;} #footer .inConts .footer_info{width: calc(100% - 23rem - 23rem - 16rem); display: flex; flex-wrap: wrap; gap: 1.5rem 2rem;} #footer .inConts .footer_info p{font-size: 1.6rem; line-height: 1; color: #777777;} #footer .inConts .footer_info p:last-child{margin-top: 1.5rem; width: 100%;} #footer .inConts .footer_sns{display: flex; gap: 3rem; align-items: center; width: 23rem; justify-content: center;} */ a.goTop{width:50px; height:50px; background-color: #acacac; font-size:0; line-height:0; position: fixed; right:15px; bottom:15px; z-index:9; display:block; overflow:hidden; opacity: 0;} a.goTop.open{opacity: 1;} a.goTop:before{content: ""; width: 100%; height: 100%; background:url('/images/arr_goTop.png') no-repeat center center; display: block; position:absolute; left: 0; top:0px;} a.goTop:hover{background-color: var(--point); border-radius:50%; transform:rotate(180deg);} a.goTop:hover:before{transform:rotate(-180deg);} @media only screen and (max-width : 1440px){ #header #list>li{padding:0 1.8rem;} /* 헤더 메뉴간의 간격*/ /* #header #list>li{padding:0 2.2rem;} 헤더 메뉴간의 간격 */ } @media only screen and (max-width : 1340px){ .wVar{display:none !important;} /* #footer .inConts{gap: 4rem;} #footer .inConts .footer_info{width: calc(100% - 23rem - 23rem - 8rem);} */ } @media only screen and (max-width : 1280px){ #header #list>li{padding:0 1.0rem;} /* 헤더 메뉴간의 간격*/ } @media only screen and (max-width : 1024px){ .pVar, th.pVar, td.pVar{display:none !important;} .mVar, .br_p{display:none;} .tVar{display:block;} .br_t{display:block;} .ptVar{display:block;} .tmVar{display:block;} img.tVar, img.ptVar, img.tmVar{display:inline-block;} table .br_t{display:table-cell;} #header #pcMenu{display: none;} #header .mMenu{display: block;} /* 추가 */ .dropdown-menu.show { margin-right: 3.5rem; } /* #footer .inConts {flex-wrap: wrap;} #footer .inConts .footer_info{width: calc(100% - 23rem - 4rem);} #footer .inConts .footer_sns{width: 100%;} */ } @media only screen and (max-width : 840px){ /* :root, */ /* html{font-size: 90%;} */ /* html{font-size:6.5px;} */ :root { --f__size--12 : 2rem; --f__size--13 : 2rem; --f__size--14 : 2rem; --f__size--15 : 2rem; --f__size--16 : 2rem; --f__size--17 : 2.2rem; --f__size--18 : 2.2rem; --f__size--19 : 2.2rem; --f__size--20 : 2.4rem; --f__size--21 : 2.4rem; --f__size--22 : 2.4rem; --f__size--23 : 2.6rem; --f__size--24 : 2.6rem; --f__size--36 : 3rem; } .br_p, .pVar, .tVar, .ptVar{display:none !important;} .mVar, .tmVar, .br_t{display:block !important;} img.mVar, img.tmVar{display:inline-block !important;} table .br_t{display:table-cell !important;} .menuLayer{padding-left:0;} /* #header #header_btn1{display: none;} */ } @media only screen and (max-width : 640px){ #header .header_logo{ max-width: 100px;} } @media only screen and (max-width : 380px){ /* #header #header_btn1{display: none;} */ } /* -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px); transition: all .5s linear; transition: all .5s ease-out; transform:rotate(180deg); -webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear; -webkit-transition-delay: .8s; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: flex; justify-content: space-between; // 양쪽 끝 정렬 display: flex; justify-content: space-around; // 센터 정렬 display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기 active :first-child text-indent:-99999px; !important display:table; table-layout:fixed; display:table-row; display:table-cell; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-radius:2px; */