/* Theme Name: test theme Theme URI: Author: pagei Author URI: http://www.webpagei.com/ Description: Version: 1.3 License: License URI: Tags: Text Domain: */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800'); /* font-family:'Open Sans', sans-serif; regular :400 semiBold :600 bold :700 extraBold :800 */ @import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" ); /* font{ font-family:'Noto Sans KR',Noto Serif, serif; } */ @import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); * { margin:0; padding:0; border:0; line-height:1.3; font-family:'Open Sans',sans-serif; } html, body { width:100%; height:100%; font-size:16px; line-height:110%; color:#666; text-align:center; } html { overflow-y:scroll; } body { background-color:#fff; *word-break:break-all; -ms-word-break:break-all; -webkit-text-size-adjust:none; } img,fieldset,iframe { border:0 none; } ul,ol,li { list-style:none; margin:0; padding:0; } em,address { font-style:normal; } img,input,select,textarea { vertical-align:middle; } input, select, textarea { color:#666; font-family:'Open Sans',sans-serif; } input[type=text], input[type=password] { vertical-align:middle; position:relative; border:1px solid #999; height:20px; line-height:20px; padding:0px 10px 0px 10px; } img,fieldset,iframe { border:0 none; } a { color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } a:link { color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } a:visited { color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } a:hover { color:#333333; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } button,label { cursor:pointer; cursor:pointer; } .blind, legend, caption { display:block; overflow:hidden; position:absolute; left:0; top:-5000px; } hr { display:none; } legend { *width:0; } caption { *line-height:0; } .text { white-space:nowrap; }/*텍스트줄바꿈방지*/ .link { cursor:pointer; } * {-webkit-text-size-adjust:none} /*모바일 가로시 폰트 커기는거 방지*/ .animation { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } legend { display:none;} textarea { border:1px solid #999; } select { border:1px solid #999; height:20px; line-height:20px; } input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; bottom: 1px; } input[type=radio] { bottom: 2px; } .boardBtn { width:60px; height:30px; background:#000; color:#fff; font-weight:700; } .OrangeColor { color:#ff9114; } .boldText { font-weight:700; } .barlowText { font-family:'Barlow Condensed', sans-serif; } strong { } #Menu { position:fixed; top:0; left:0; width:100%; height:140px; float:left; box-sizing:border-box; background:#454545; z-index:999; border-bottom:1px solid #fff; } #Menu > div { width:90%; max-width:1200px; height:140px; margin:0 auto; text-align:left; position:relative; } #Menu > div > .Logo { float:left; width:23%; height:100%; line-height:140px; } #Menu > div > .Logo img { width:100%; } #Menu > div > .GNB { display:inline-block; zoom:1; *display:inline; height:140px; line-height:140px; float:right; } #Menu > div > .GNB .menu-prime-menu-container { display:inline-block; zoom:1; *display:inline; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen { } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li { display:inline-block; zoom:1; *display:inline; height:140px; line-height:140px; padding:0 17px; font-size:1.313em; font-weight:700; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li a { display:inline-block; zoom:1; *display:inline; height:140px; line-height:140px; color:#fff; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li a:hover { color:#ff9114; } .Nav_Btn { display:none; position:absolute; right:17px; top:35%; } .Nav_Btn i { display:inline-block; zoom:1; *display:inline; font-size:2.5em; color:#fff; } .Nav_Btn span { display:inline-block; zoom:1; *display:inline; background:#000; width:30px; height:3px; margin-bottom:5px; vertical-align:top; } .Nav_Btn span:last-child { margin-bottom:0; } .close_btn { display:none; position:absolute; right:37px; top:3%; } .close_btn i { display:inline-block; zoom:1; *display:inline; font-size:2.5em; color:#fff; } .backIMG { transition:0.4s; } .backIMG.active { background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; } .elementor-element-fb4e04a.elementor-slick-slider ul.slick-dots li, .elementor-element-fb4e04a.elementor-slick-slider ul.slick-active li { width:auto !important; height:auto !important; padding:0 5px !important; } .elementor-element-fb4e04a.elementor-slick-slider ul.slick-dots li button { width:40px !important; height:4px !important; background:#000 !important; padding:0 !important; transition:0.3s; } .elementor-element-fb4e04a.elementor-slick-slider ul.slick-dots li.slick-active button { width:40px !important; height:4px !important; background:#c90020 !important; } .elementor-element-fb4e04a.elementor-slick-slider ul.slick-dots li button:before { display:none; } .elementor-element-fb4e04a.elementor-slick-slider ul.slick-dots li.slick-active button:before { display:none; } .elementor-element-fb4e04a.elementor-slick-slider .slick-dots-inside .slick-dots { bottom:20px !important; } .modula .item.effect-pufrobo .jtg-title, .modula .item.effect-pufrobo p { left:0 !important; } .modula .items .item .figc { position:relative; transition:0.3s; } .modula .item.effect-pufrobo p { bottom:auto !important; transition:0.3s; } .elementor-element-fb4e04a .modula .item.effect-pufrobo:hover .jtg-title::after, .elementor-element-fb4e04a .modula .item.effect-pufrobo:hover p { margin-top:59px !important; margin-bottom: 5px; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .elementor-element-fb4e04a .modula .item.effect-pufrobo p { font-family:'Noto Sans KR',Noto Serif, serif; font-weight:500; } .elementor-element-fb4e04a .modula .item.effect-pufrobo:nth-child(2):hover p { margin-top:59px !important; margin-bottom: 5px; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .elementor-element-fb4e04a .modula .item.effect-pufrobo .figc .figc-inner { margin-top:0 !important; transition:0.3s; width:100%; height:100%; position:absolute; top:0 !important; left:0; transition:0.3s; } .elementor-element-fb4e04a .modula .item.effect-pufrobo .jtg-title { top:auto !important; bottom:20px; transition:0.3s; } .elementor-element-fb4e04a .modula .item.effect-pufrobo:hover .jtg-title { bottom:auto; } .elementor-element-fb4e04a .modula .item.effect-pufrobo .jtg-title::after { display:none; } .elementor-element-fb4e04a .modula .item.effect-pufrobo .jtg-title, .modula .item.effect-pufrobo p { width:100%; padding-left:15px !important; text-align:left; transform:translate3d(0,0px,0) !important; } .elementor-element-fb4e04a .modula .items .jtg-social { display:none; } .elementor-element-fb4e04a .modula .items .item .figc { background:linear-gradient( to top, rgba(255,255,255,0.3) 20%, transparent ); transform:0.4s; } .elementor-element-fb4e04a .elementor-element-fb4e04a.elementor-section.elementor-section-boxed>.elementor-container { background:#454545; } .elementor-element-fb4e04a .modula .items .item.tg-loaded:nth-child(4) { } .elementor-element-fb4e04a .modula .items .item.tg-loaded:nth-child(4) .figc { } .elementor-element-fb4e04a .modula .items .item.tg-loaded:nth-child(4) .figc .figc-inner { /* margin-top:178% !important; */ } .elementor-element-2bf5888 { } .elementor-element-2bf5888 .modula .item.effect-pufrobo:hover .jtg-title::after, .elementor-element-2bf5888 .modula .item.effect-pufrobo:hover p { margin-top:73px !important; margin-bottom: 5px; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .elementor-element-2bf5888 .modula .item.effect-pufrobo .figc .figc-inner { margin-top:70%; transition:0.3s; height:100%; } .elementor-element-2bf5888 .modula .item.effect-pufrobo .jtg-title { top:auto !important; bottom:20px; } .elementor-element-2bf5888 .modula .item.effect-pufrobo:hover .jtg-title { bottom:auto; } .elementor-element-2bf5888 .modula .item.effect-pufrobo .jtg-title::after { display:none; } .elementor-element-2bf5888 .modula .item.effect-pufrobo .jtg-title, .modula .item.effect-pufrobo p { width:100%; padding-left:15px !important; text-align:left; transform:translate3d(0,0px,0) !important; } .elementor-element-2bf5888 .modula .items .jtg-social { display:none; } .elementor-element-2bf5888 .jtg-social { display:none; } .elementor-element-2bf5888 .jtg-title { opacity:0; } .elementor-element-2bf5888 .modula .item.effect-pufrobo p { bottom:0 !important; margin-bottom:1.2em !important; font-size:12px; font-family:'Noto Sans KR',Noto Serif, serif; font-weight:500; } .elementor-element-2bf5888 .modula .item.effect-pufrobo h2 { font-size:28px; } .elementor-element-2bf5888 .modula .item.effect-pufrobo:hover .jtg-title { opacity:1; } .elementor-element-2bf5888 .modula .items .item:hover .figc { background:linear-gradient( to top, rgba(201,0,32,0.5) 30%, transparent ); transform:0.4s; height:40%; vertical-align:bottom; } .elementor-element-2bf5888 .modula .item.effect-pufrobo .jtg-title::after { display:none; } #content { position:relative; width:100%; float:left; box-sizing:border-box; } @media only screen and (max-width:1200px) { #Menu > div > .Logo { width:23%; } #Menu > div > .GNB { display:inline-block; zoom:1; *display:inline; } #Menu > div > .GNB .menu-prime-menu-container { display:inline-block; zoom:1; *display:inline; height:140px; line-height:140px; float:right; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen { } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li { display:inline-block; zoom:1; *display:inline; height:140px; line-height:140px; padding:0 10px; font-size:1.113em; } } @media only screen and (max-width:900px) { #Menu > div > .Logo { width:220px; } #Menu > div > .GNB { position:fixed; right:-70%; top:0; display:inline-block; zoom:1; *display:inline; width:70%; height:100%; float:none; background:#101010; transition:0.3s; z-index:11; } #Menu > div > .GNB.active { right:0; } #Menu > div > .GNB .menu-prime-menu-container { width:100%; padding-top:120px; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen { } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li { display:inline-block; zoom:1; *display:inline; width:100%; height:auto; line-height:normal; padding:0; font-size:1.113em; font-weight:700; border-bottom:1px solid #afafaf; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li:nth-child(1) { border-top:1px solid #afafaf; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li a { display:inline-block; zoom:1; *display:inline; width:100%; height:auto; line-height:normal; padding:3% 0 3% 5%; color:#fff; } #Menu > div > .GNB .menu-prime-menu-container #testId.temen li a:hover , #Menu > div > .GNB .menu-prime-menu-container #testId.temen li a.active { background:#ff9114; color:#fff; } .Nav_Btn { display:inline-block; zoom:1; *display:inline; right:10px; } .close_btn { display:inline-block; zoom:1; *display:inline; position:absolute; right:37px; top:3%; } .close_btn i { display:inline-block; zoom:1; *display:inline; font-size:2.5em; color:#fff; } } @media only screen and (max-width:400px) { #Menu { height:80px; } #Menu > div { height:80px; } #Menu > div > .Logo { width:170px; line-height:80px; } .Nav_Btn { top:25%; } }