@charset "utf-8";
/* ********************************************************************
 * name : (ÁÖ)¸ÞµðÆÄÀÌ
 * filename : content.css
 * description : ¼­ºê ÄÜÅÙÃ÷ css 
 * date : 2024-01-22
********************************************************************* */

/* === ȸ»ç¼Ò°³ === */
.aboutWrap{}
#textSection .titleBox{display: flex;width: calc(100% - 8%);justify-content: space-between;flex-direction: row;align-items: flex-end;margin: 3em 4% 5em;}
#textSection .titleBox h1{font-size:20px;color:#1b1d1c;}
#textSection .titleBox p{font-size:100px;color:#dbdbdb;line-height: 1;font-weight: 900;text-align: right;letter-spacing: -0.04em;}

#textSection .imgTxt{position: relative;}
#textSection .imgTxt p{position: absolute;font-size: 36px;color: #fff;font-weight: 500;line-height: 1.4;right: 4%;bottom: 16%;text-align: right;letter-spacing: -0.04em;}
#textSection .imgTxt .imgBox{width: 100%;height: 100%;overflow: hidden;z-index: -1;position: relative;}
#textSection .imgTxt .imgBox img{animation:visualScale 8s ease 0s forwards;width: 100%;height: 100%;}

#textSection .scrollTxt{position: relative;}
#textSection .scrollTxt .txtBox{color:#fff;position: absolute;text-align: center;width: calc(100% - 10%);margin: 0 5%;padding: 50vh 0 0;}
#textSection .scrollTxt .txtBox h2{font-size:36px;line-height: 2;}
#textSection .scrollTxt .txtBox p{font-size:20px;line-height: 2.5;margin-top: 2em;color: #c1c1c1;}
#textSection .scrollTxt .txtBox p i{display: block;}
#textSection .scrollTxt .txtBox p strong{font-size: 28px;padding-top: 2em;display: block;line-height: 1.8;color: #fff;}
#textSection .scrollTxt .imgBox{height: 100vh;}
#textSection .scrollTxt .imgBox img{width: 100%;height: 100%;object-fit: cover;}


.companyPin{width: 100%;height: 100%;position: relative;/*z-index: -1;*/margin-top: -60vh;background: #fff;}
.companyPin .pin{display: grid;grid-template-columns: 33% 1fr;}
.companyPin .pin .pin-spacer{height:auto !important;padding:inherit !important;}
.companyPin .pin .pinSection{background: #212121;display: flex;flex-direction: column;align-items: center;padding: 18vh 0 !important;animation: color-change-3x 10s linear infinite alternate both;}
.companyPin .pin .pinSection .menus{display: flex;flex-direction: column;align-items: center;margin: 16vh 0;}
.companyPin .pin .pinSection .menus .btn{font-size:18px;color: #fff;margin: 1.5vh 0;display: block;transition: all 0.5s;}
.companyPin .pin .pinSection .menus .btn:hover{color: #898989;}
.companyPin .pin .pinSection .linkBtn{display: flex;flex-direction: column;align-items: center;}
.companyPin .pin .pinSection .linkBtn a{font-size: 17px;color:#fff;border: 1px solid #fff;border-radius: 30px;padding: 5px 35px;margin-top: 20px;transition: all 0.5s;}
.companyPin .pin .pinSection .linkBtn a i{vertical-align: -1px;}
.companyPin .pin .pinSection .linkBtn a:hover{background: #2f2f2f;}

.companyCon{color:#212121;}
.companyCon .titleBox{margin: 0 6vw 9vh;}
.companyCon .titleBox h2{font-size:48px;}
.companyCon .titleBox h2 span{font-size:36px;font-weight: 500;display: block;}
.companyCon .txtBox p{font-size:18px;line-height: 1.8;font-weight: 600;}
.companyCon .txtBox p i{display:block;margin: 2em 0;}
.companyCon ul{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

.comBox01{padding: 20vh 6vw;}
.comBox01 .txtBox{display: grid;grid-template-columns: 58% 1fr;width: 100%;}
.comBox01 .txtBox h2{font-size:36px;font-weight: 900;line-height: 1.4;}
.comBox01 .txtBox p{font-size:20px;font-weight: 500;}

.comBox02{background:#e0dcdb;padding: 20vh 0;}
.comBox02 ul.ulCon{margin:12vh 0;}
.comBox02 .imgBox{}
.comBox02 .imgBox img{}
.comBox02 .con{padding: 0 3vw;}
.comBox02 .con .txtBox{}
.comBox02 .con .txtBox em{font-size:16px;font-weight: 700;}
.comBox02 .con .txtBox h3{font-size:28px;margin: 7vh 0;}

.comBox03{padding: 20vh 6vw;}
.comBox03 .titleBox{margin: 0;}
.comBox03 .titleBox p{font-size:36px;font-weight: 700;margin: 15vh 0 10vh;}
.comBox03 .imgBox{margin-left:3em;}
.comBox03 ul.ulCon .imgBox{margin-right:3em;margin-left: 0;}
.comBox03 .imgBox img{width:100%;}
.comBox03 ul.ulCon{margin:12vh 0 0;}
.comBox03 .con{}
.comBox03 .con .txtBox{}
.comBox03 .con .txtBox p{font-size:20px;font-weight: 500;}

.comBox04{padding: 20vh 6vw;background: #303030;}
.comBox04 .titleBox{margin: 0;}
.comBox04 .titleBox h2 {color: #fff;}
.sVision{margin-top: 8em;}
.sVision ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 20px;}
.sVision ul li{background: #464646;color:#fff;padding: 4em 2.5em;display: flex;flex-direction: column;justify-content: space-between;border-radius: 8px;min-height: 390px;}
.sVision ul li:nth-child(2){position: relative;}
.sVision ul li:nth-child(2):after{content: '';width: 1px;height: 100%;position: absolute;background: #555;right: -10px;top: 0;}
.sVision ul li:nth-child(2):before{content: '';width: 1px;height: 100%;position: absolute;background: #555;left: -10px;top: 0;}
.sVision .title{}
.sVision .title em{font-size:36px;font-weight: 900;}
.sVision .title h2{font-size:24px;font-weight: 500;line-height: 1.2;margin-top: 15px;}
.sVision ul li p{font-size:18px;margin-top: 3em;text-align: justify;}
.sVision ul li p br{display:none;}


/* === À¯Æ©ºê === */
.sYoutube{display: flex;justify-content: center;align-items: center;padding-top: 2em;}
.sYoutube .imgBox{margin-right: 10vw;}
.sYoutube .imgBox img{}
.sYoutube .imgBox img.imgC{box-shadow: 1px 1px 9px 1px #ddd;border-radius: 15px;}
.sYoutube .txtBox h2{font-size:46px;color:#0c0c0c;}
.sYoutube .txtBox h2 img{display:block;}
.sYoutube .txtBox h2.txtH2{font-size:24px;color:#2a2a2a;margin: 0 0 2em;}
.sYoutube .txtBox h3{font-size:24px;color:#2a2a2a;margin: 2em 0;}
.sYoutube .txtBox p{font-size:18px;line-height: 1.8;color:#2a2a2a;font-weight: 400;}
.sYoutube .txtBox p i{display:block;margin: 2em 0;}
.sYoutube .txtBox .btn{margin-top: 3em;text-align: left;padding: 0;}
.sYoutube .txtBox .btn a{width: 320px;transition: all .5s;height: 70px;display: inline-block;border-top: 1px solid #3d3d3d;border-bottom: 1px solid #3d3d3d;position: relative;overflow: hidden;text-align: left;}
.sYoutube .txtBox .btn a span{color: #212121;font-size: 20px;line-height: 70px;}
.sYoutube .txtBox .btn a .line{width: 0;height: 68px;border-top: 1px solid #00a1e9;border-bottom: 1px solid #00a1e9;position: absolute;top: 0;left: 0;right: 0;margin: auto;transition: all .5s;}
.sYoutube .txtBox .btn a:hover{border-top: 1px solid rgba(255,255,255,0);border-bottom: 1px solid rgba(255,255,255,0);}
.sYoutube .txtBox .btn a:hover span{color: #00a1e9;}
.sYoutube .txtBox .btn a:hover .line{width: 100%;}
.sYoutube .txtBox .btn a i{font-size: 26px;color: #6d6d6d;position: absolute;right: 0;top: 21px;}
.sYoutube .txtBox .btn a:hover i{color: #00a1e9;}

/* === ¼­ºê¸Þ´º === */
#lnb{position: relative;z-index: 90;background: #f8f9fb;height: 67px;border-radius: 100px;}
#lnb ul{display: flex;align-items: center;}
#lnb ul li{position:relative;float:left;width:50%;text-align:center;}
#lnb ul li:first-child{}
#lnb ul li a{position:relative;display:block;font-size:18px;color: #777878;line-height: 67px;font-weight: 700;transition: all .5s;}
#lnb ul li a::after{opacity:0;position:absolute;top: 30px;right: 20px;width:7px;height:7px;content:'';background: #ffffff;border-radius:50%}
#lnb ul li a:hover,
#lnb ul li.on a{background: #1c95de;color: #fff;border-radius: 100px;}
#lnb ul li.on a::after{opacity:1}
#lnb ul li a span{display:inline-block;padding-bottom:4px;line-height:1.2;vertical-align:middle;}

#mbLnb{display:none}

/* === ¿Â¶óÀα¤°í °øÅë === */
#sOnline{margin: 13vh 0;}
#sOnline h2{font-size:42px;color:#212121;font-weight: 800;text-align: center;}
#sOnline h2 span{color:#0b419a;}
#sOnline h2 i{display: inline-block;width: 7px;height: 7px;background: #dc2828;border-radius: 50%;margin-left: 10px;}
#sOnline .txtBox p{font-size:19px;line-height: 1.6;color: #666;letter-spacing: -0.03em;}
#sOnline .txtBox p i{display:block;margin: 1em 0;}
#sOnline .txtBox-1 strong{margin-top: 3em;}
#sOnline .txtBox-1 p strong{line-height: 0.5;margin-top: 2em;}
#sOnline .titleBox{margin-bottom: 6em;}
#sOnline .titleBox h2{font-size:42px;color:#212121;margin: 3em 0 0.5em;}
#sOnline .titleBox span{font-size:20px;color:#525252;display:block;text-align: center;}
.float{margin:9em;}
.titleLine{width: 100%;border-top: 1px solid #dfdfdf;margin-bottom: -2em;}

/* === ¿Â¶óÀÎ-°Ë»ö±¤°í === */
.sOnline01{}
.imgBoxOne{display: flex;justify-content: center;margin: 13vh 0;}
.imgBoxOne img{}

.imgBoxTwo{display: flex;justify-content: space-between;align-items: center;margin: 7em 0 10em;}
.imgBoxTwo .screen{position: relative;background: url(../img/content/screen.png) no-repeat center center;height: 621px;width: 700px;background-size: 100%;}
.imgBoxTwo .screen .viewport{position: absolute;overflow: hidden;width:100%;height:348px;left: 24px;top: 20px;}
.imgBoxTwo .screen .viewport:after{content:'';width: 100%;height:100%;animation: viewport 7s infinite ease-in-out;position: absolute;}
.imgBoxTwo .screen .viewImg:after{background: url(../img/content/viewport_img01.jpg) no-repeat center center;}
.imgBoxTwo .screen .viewImg1:after{background: url(../img/content/viewport_img02.jpg) no-repeat center center;}
.imgBoxTwo .txtBox{margin-top: -3em;}
.imgBoxTwo .txtBox strong{font-size: 30px;color: #212121;margin-bottom: 2em;display: block;font-weight: 800;letter-spacing: -0.03em;line-height: 1.3;}
.imgBoxTwo .txtBox strong span{color:#dc2828;}
.imgBoxTwo1 {margin: 7em 1% 10em;}
.imgBoxTwo2{position: relative;padding: 8em 0;}
.imgBoxTwo2:after{content:'';background: #1a1917;position: absolute;width: 200vw;height: 100%;display: block;top: 0;left: -50vw;overflow: hidden;z-index: -1;}
.imgBoxTwo2 .imgBox{}
.imgBoxTwo2 .imgBox img{}
.imgBoxTwo2 .txtBox{}
.imgBoxTwo2 .txtBox h2{font-size: 30px !important;text-align: left !important;color: #fff !important;font-weight: 700 !important;margin-top: 3em;}
.imgBoxTwo2 .txtBox p{color: #a7a7a7 !important;margin-top: 4em;}
.imgBoxTwo2 .txtBox p i{margin: 2em 0 !important;}
.imgBoxTwo2 .txtBox p strong{color: #fff;font-weight: 500;margin-top: 2em;line-height: 1;}
.imgBoxTwo2 .imgBox #element-7.slide-in-left{animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0.7s backwards;opacity: 1;}

.imgBoxThree{display: flex;align-items: center;justify-content: center;margin: 17vh 0 13vh;border-bottom: 1px solid #d4d4d4;padding-bottom: 10vh;}
.imgBoxThree img{height: 100%;margin: 0 0.5em;}
.imgBoxThree img:nth-child(4){top: -3em;position: relative;top: -4em;}

.txtBoxType1{display: flex;justify-content: center;flex-direction: row;}
.txtBoxType1 h3{font-size:52px;color:#131313;font-weight: 800;line-height: 1.4;margin-top: -10px;margin-right: 3em;}
.txtBoxType1 h3 span{color: #00a1e9;}
.txtBoxType1 ul{border-top:1px solid #e9e9e9;width: 790px;}
.txtBoxType1 ul li{border-bottom:1px solid #e9e9e9;position: relative;padding: 3em 0;}
.txtBoxType1 ul li:last-child{}
.txtBoxType1 ul li em{font-size:48px;color:#d9d9d9;position: absolute;font-weight: 700;top: 31px;}
.txtBoxType1 .txtBox{margin-left: 5vw;}
.txtBoxType1 .txtBox h4{font-size:30px;color:#212121;margin-bottom: 1em;}
.txtBoxType1 .txtBox p{}
.txtBoxType1 .txtBox i{}

.txtBoxType1-1 ul{width: 700px;}
.txtBoxType1-1 h2 {font-size: 52px !important;color: #131313 !important;line-height: 1.4;margin-top: -10px !important;text-align: left !important;margin-right: 3em !important;}
.txtBoxType1-1 h2 span{color: #00a1e9 !important;}
.txtBoxType1-1 .txtBox h4 {margin-bottom: 0;}
.txtBoxType1-1 ul li em{top: 21px;}
.txtBoxType1-1 .txtBox h3 {font-size:30px;font-weight: 700;}
.txtBoxType1-2 ul li em{top: 31px;}
.txtBoxType1-2 p{margin-top: 0.8em;}
.txtBoxType1-2 .hoverImg{width: 244px;height: 240px;transition: all .5s;position: absolute;z-index: 1;right: -100px;top: -20px;opacity:0;}
.txtBoxType1-2 ul li:hover .hoverImg{opacity: 1;transform: rotate(7deg);}
.txtBoxType1-2 .hoverImg1{background: url(../img/content/online9_2.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg2{background: url(../img/content/online9_3.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg3{background: url(../img/content/online9_4.jpg) no-repeat center center;}    
.txtBoxType1-2 .hoverImg4{background: url(../img/content/online9_5.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg5{background: url(../img/content/online9_6.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg6{background: url(../img/content/online9_7.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg7{background: url(../img/content/online9_8.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg8{background: url(../img/content/online9_9.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg9{background: url(../img/content/online9_10.jpg) no-repeat center center;}
.txtBoxType1-2 .hoverImg10{background: url(../img/content/online9_11.jpg) no-repeat center center;}



.txtBoxType2{color:#212121;margin-bottom:17vh;}
.txtBoxType2 h3{font-size:30px;margin-bottom: 1.8em;}
.txtBoxType2 .conBox{display: flex;}
.txtBoxType2 .conBox ul{display: flex;align-items: center;flex-direction: row;width: 50%;}
.txtBoxType2 .conBox ul li{border:1px solid #b7b7b7;width: 33.33%;margin-right: 18px;padding: 35px 30px;}
.txtBoxType2 .conBox ul li em{font-weight: 700;font-size: 16px;}
.txtBoxType2 .conBox ul li h4{font-size: 18px;font-weight: 500;margin-top: 10vh;line-height: 1.4;}
.txtBoxType2 .conBox p{background:#1a1917;color:#fff;padding: 35px 4em;font-size: 18px;font-weight: 300;letter-spacing: -0.03em;width: calc(50% - 8em);display: flex;flex-direction: column;justify-content: center;}
.txtBoxType2 .conBox p i{display:block;margin: 1em 0;}

.sOnline02{}
.sOnline02 .imgTxt .imgBox{border-radius: 0 60px 0;overflow: hidden;}
.sOnline02 .backBg1{background: url(../img/content/online4_1.jpg) no-repeat center center;width: 100%;height: 650px;background-attachment: fixed;background-size: cover;}
.sOnline02 .backBg2{background: url(../img/content/online7_1.jpg) no-repeat center center;width: 100%;height: 650px;background-attachment: fixed;background-size: cover;}
.sOnline02 .imgTxt{position: relative;}
.sOnline02 .imgTxt .txtBox{font-size:24px;color:#fff;position: absolute;top: 22vh;left: 5vw;}
.sOnline02 .imgTxt .txtBox1{top: 25vh;}
.sOnline02 .imgTxt .txtBox p{color: #fff !important;font-weight: 300;font-size: 24px !important;}
.sOnline02 .imgTxt .txtBox strong{margin-top: 2em;display: block;line-height: 1.6;letter-spacing: -0.03em;}
.sOnline02 h2{margin: 3em 0 2em;}
.sOnline02 .iconBox{display: flex;justify-content: center;width: 100%;} 
.sOnline02 .iconBox p{text-align: center;width: 12.5%;}
.sOnline02 .iconBox p img{}
.sOnline02 .iconBox p span{font-size:20px;color:#272626;display: block;margin-top: 20px;}

.snsProcess{display: flex;justify-content: center;align-items: flex-start;}
.snsProcess .imgBox{border: 1px solid #e5e5e5;}
.snsProcess .imgBox img{}
.snsProcess .snsStep{margin-left: 2em;}
.snsProcess .snsStep ul{}
.snsProcess .snsStep ul li{border: 1px solid #e5e5e5;padding: 2em 3em;margin-bottom: 13px;}
.snsProcess .snsStep ul li h3{font-size:24px;color:#212121}
.snsProcess .snsStep ul li h3 span{font-size:18px;vertical-align: 1px;margin-right: 20px;}
.snsProcess .snsStep ul li p{font-size: 18px;color: #858585;margin-top: 1.32em;}

.ytLink{justify-content: space-between;max-width: 1480px;margin: 25vh auto 0;}
.ytLink .txtBox{color:#fff;margin-top: 30vh;}
.ytLink .txtBox h2{color: #fff !important;position: relative;text-align: left !important;}
.ytLink .txtBox h2 span{color: #fff !important;position: absolute;width: 100%;left: 8vw;}
.ytLink .txtBox h2:after{content:'';background: url(../img/main/youtube_con01.png) no-repeat center center;position: absolute;width: 470px;height: 266px;z-index: -1;top: -26vh;left: 10.5vw;opacity: 0.5;}
.ytLink .txtBox p{color: #c3c3c3 !important;margin-top: 12vh;margin-left: 7.5vw;}
.ytLink .txtBox p span{}
.ytLink .txtBox .btn{margin-left: 7.5vw;margin-top: 5em;}
.ytLink .txtBox .btn a span{color: #fff;}
.ytLink .txtBox .btn a {border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.ytLink .txtBox .btn a i{color:#fff;}
.ytLink .imgBox{margin-right: 0;}
.ytLink .imgBox .fixedBg{background: url(../img/content/online2_1.jpg) no-repeat top right;width: 605px;height: 832px;opacity: 0;}
.ytLink .imgBox #element-2.slide-in-left{animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0.7s backwards;opacity: 1;}

.color-white {background-color: #fff;transition: background .8s;}
.color-black {background-color: #1a1917;transition: background .8s;}

.ytInfo {color:#fff;margin: 17vh 0;}
.ytInfo:after{content:'';border-bottom: 1px solid #3b3a38;width: 100%;display: block;}
.ytInfo:before{content:'';display: block;width: 100%;border-top: 1px solid #3b3a38;}
.ytInfo .conBox{max-width:1480px;margin:0 auto;display: grid;grid-template-columns: 28% 31% 1fr;}
.ytInfo .conBox h2{font-size: 30px !important;color: #fff !important;font-weight: 500 !important;text-align: left !important;padding: 3em 0;}
.ytInfo .conBox h2 span{color:#00a1e9 !important;}
.ytInfo .conBox .stpe{border-left: 1px solid #3b3a38;border-right: 1px solid #3b3a38;display: flex;flex-direction: column;justify-content: center;}
.ytInfo .conBox .stpe li{display: flex;justify-content: center;align-items: center;height: 100%;}
.ytInfo .conBox .stpe li em{font-size: 24px;font-weight: 600;margin-right: 2em;}
.ytInfo .conBox .stpe li h3{font-size: 24px;}
.ytInfo .conBox .stpe li h3 span{display: block;font-weight: 300;color: #959595;}
.ytInfo .conBox .stpe li:last-child{border-top: 1px solid #3b3a38;}
.ytInfo .conBox .txtBox{padding: 4em 0 4em 7em;}
.ytInfo .conBox .txtBox p{color: #fff !important;font-weight: 100;line-height: 1.8 !important;}
.ytInfo .conBox .txtBox p i{margin: 2em 0 !important;}

.ytCon{max-width:1480px;margin:0 auto;height: 2370px;}
.ytCon .conBox{position: relative;}
.ytCon .conBox .imgBox{position: absolute;}
.ytCon .conBox .imgBox img{}
.ytCon .conBox .txtBox{position: absolute;color: #fff;}
.ytCon .conBox .txtBox em{font-size: 18px;font-weight: 600;}
.ytCon .conBox .txtBox h4{font-size: 30px;font-weight: 600;margin: 1em 0 0.5em 0;}
.ytCon .conBox .txtBox span{display: block;width: 110%;border-top: 1px solid #3c3b39;margin-bottom: 2em;}
.ytCon .conBox .txtBox p{font-size: 18px !important;font-weight: 300;color: #afafaf !important;line-height: 1.8 !important;}
.ytCon .conBox .txtBox p i{margin: 2em 0 !important;}
.ytCon #ytc01{}
.ytCon #ytc02{top: 16vh;left: 25vw;}
.ytCon #ytc03{right: 0;top: 50vh;}
.ytCon #ytc04{top: 75vh;left: 10vw;}
.ytCon #ytc05{top: 125vh;left: 18vw;}
.ytCon #ytc06{top: 135vh;right: 0;}
.ytCon #ytc07{top: 180vh;}
.ytCon #ytc08{top: 217vh;right: 0;}
.ytCon #ytc09{top: 220vh;left: 20vw;}
.ytCon #element-3.slide-in-left,
.ytCon #element-4.slide-in-left,
.ytCon #element-5.slide-in-left,
.ytCon #element-6.slide-in-left{animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0.7s backwards;opacity: 1;}

.outdoor{display: flex;justify-content: space-between;margin: 12vh 0 17vh;align-items: center;}
.outdoor .imgBox{}
.outdoor .imgBox img{animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0.7s backwards;opacity: 1;}
.outdoor .iconBox{margin-left: 6em;}
.outdoor .iconBox h3{font-size:29px;color:#272626;}
.outdoor .iconBox p{font-size:20px;color:#272626;margin: 1.5em 0;}
.outdoor .iconBox ul{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.outdoor .iconBox ul li{display: flex;flex-direction: column;align-items: center;margin: 1.5em 1.4em;}
.outdoor .iconBox ul li img{}
.outdoor .iconBox ul li span{font-size:20px;color:#272626;display: block;margin-top: 15px;}

.outdoorWrap{text-transform:uppercase;padding: 4em 0 10em;position: relative;margin-bottom: 12em;}
.outdoorWrap:after{content:'';background: #1a1917;position: absolute;width: 200vw;height: 100%;display: block;top: 0;left: -50vw;overflow: hidden;z-index: -1;}
.outdoorWrap .conBox{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.outdoorWrap .conBox	.titleBox{}
.outdoorWrap .conBox	.titleBox h2{font-size: 29px !important;color: #fff !important;}
.outdoorWrap .conBox	.titleBox h2 span{font-size: 72px !important;display: inline-block !important;color: #fff !important;margin-right: 25px;}
.outdoorWrap .conBox	.titleBox p{font-size:24px;color: #fff;line-height: 1.6;margin-top: 2em;}
.outdoorWrap .conBox	.titleBox p i{display:block;margin: 1.5em 0;}
.outdoorSilde{width: 35%;margin-left: 10% !important;}
.outdoorSilde .swiper-wrapper{}
.outdoorSilde .swiper-wrapper .swiper-slide{background: #fff;border-radius: 8px;height: 312px; margin: 40px 0;display: flex;justify-content: center;align-items: center;}
.outdoorSilde .swiper-wrapper .swiper-slide img{display: flex;justify-content: center;align-content: center;}
.outdoorSilde .swiper-wrapper .swiper-slide em{font-size:16px;background:#1d95de;color:#fff;position: absolute;padding: 5px 20px;border-radius: 50px;bottom: -18px;right: 15px;}
.outdoorWrap .swiper-button-next{right: -2%;margin-top: -160px;}
.outdoorWrap .swiper-button-prev{left: 50%;margin-top: -160px;margin-left: 185px;}
.outdoorWrap .swiper-button-next:after,
.outdoorWrap .swiper-button-prev:after{color: #fff;font-size: 23px;font-weight: 900;transition: all 0.5s;}
.outdoorWrap .swiper-button-next:hover:after,
.outdoorWrap .swiper-button-prev:hover:after{opacity: 0.5;}

.outdoorWrap .type{display: flex;}
.outdoorWrap .type ul{display: flex;}
.outdoorWrap .type ul li{color:#fff;border: 1px solid #7f7e7c;border-radius: 50%;width: 188px;height: 188px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 1.5em;}
.outdoorWrap .type ul li span{font-size:16px;color:#c75656;margin-top: 10px;}
.outdoorWrap .type ul li h3{font-size:20px;margin-top: 10px;}
.outdoorWrap .type .and{display: flex;justify-content: space-between;align-items: center;}
.outdoorWrap .type .and span{font-size:48px;text-transform: capitalize;color: #fff;font-weight: 100;margin: 0 1em;}
.outdoorWrap .type .and h4{font-size:50px;color:#1d95de;text-align: center;line-height: 1;}


/* === ÆÄÆ®³Ê === */
.partner ul{margin-top: 5em;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 20px;}
.partner ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;/* border: 1px solid #efefef; */margin-bottom: 20px;}
.partner .picture{display: flex;justify-content: center;align-items: center;width: 100%;border: 1px solid #dbdbdb;margin-bottom: 0.5em;border-radius: 0 0 50px 0;border-bottom: 1px dashed #c9c9c9;border-right: 1px dashed #c9c9c9;transition: all 0.5s;display: block;padding: 50px 0 55px;height: 60px;width: 100%;text-align: center;}
.partner ul li a:hover .picture{border-color:#00a1e9;}
.partner ul li a span{width: 100%;text-align: center;height: 60px;line-height: 60px;font-size: 1.2rem;display: block;background: #eff3f5;border-radius: 0 50px 0 25px;}
.partner ul li a:hover span{background:#00a1e9;color:#fff;transition: all 0.5s;}

/* === °Ô½ÃÆÇ === */
.sBoard{margin-top: 8em;}
.sBoard .cate_div{margin-bottom: 2em;}
.sBoard .cate_div ul{}
.sBoard .cate_div ul li{margin-right: 10px;}
.sBoard .cate_div ul li a{font-size: 1.125rem;border: 1px solid #d3d3d3;padding: 10px 20px;border-radius: 50px;}
.sBoard .cate_div ul li a:hover,
.sBoard .cate_div ul li #bo_cate_on {border: 1px solid #00a1e9;border-bottom: 2px solid #1e82af;color: #fff;background: #00a1e9;}
.main_lists_date {font-size: 15px !important;}
.sBoard .view_img_cont .view_image img,
.comment_divs,
.main_lists_new{display:none !important;}
.viewtitles {font-size: 2rem !important;}
.v_cates img{vertical-align: text-top;}
.listtitles{font-size: 1.45rem !important;}
.main_lists_date a {background: #efefef;padding: 5px 20px;border-radius: 50px;font-size: 0.9rem;}
.videoWrap{width: 80%;margin: 0 auto;}
.linkfont{font-size:1.125rem;}
.linkfont:hover{color: #00a1e9;transition: all 0.5s;}

.btn_cke_sc {height: 29px !important;}
.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left;display: flex;flex-direction: column;width: 100%;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}
.comment-respond .form-control, 
.comments-form .form-control {width: 97.8% !important;}

/* ===  °³ÀÎÁ¤º¸Ãë±Þ¹æħ === */
.personal{margin: -5em auto 10em;max-width:1200px;}
.personal .txtBox{}
.personal .txtBox h1{font-size: 42px;text-align: center;margin: 2em 0;}
.infor h1 {font-size:28px; margin-bottom:40px;position: relative;}
.infor h1 span{font-size: 14px;position: absolute;right: 0;top: 13px;font-weight: 500;color: #db1b1b;}
.infor {font-size: 15px; margin:0 1%;}
.infor h5 {margin: 35px 0 5px; font-weight: bold;}
.infor span {display: block; color: #949494;}
.infor .tbox {background: #fbfbfb; padding: 10px 15px; margin: 20px 0 40px; border: 1px dashed #dadada; border-radius: 16px;}
.infor .tbox p {color: #757575; margin: 10px 0;}
.infor .tbox p strong {display: block; color: #3c3838;}
.infor .tbox1 {text-align:center;}
.infor .tbox1 p strong {margin:10px 25px 25px; font-size:16px;}

/* ===  »ó´ã½Åû === */
.contact .txtBox{margin-top: 0;}
.contact .txtBox b{color:#000;}
.contBtn{position: relative;text-align: left;margin-top: 3em;}
.contBtn a{width: 320px;transition: all .5s;height: 60px;display: inline-block;border-bottom: 1px solid #575757;position: relative;overflow: hidden;text-align: left;padding-left: 20px;}
.contBtn a img{width: 30px;vertical-align: middle;margin-right: 10px;animation: scrollDown 1.5s ease-in-out infinite;}
.contBtn a span{color: #000;font-size: 19px;line-height: 60px;}
.contBtn a .line{width: 0;height: 58px;border-top: 1px solid #000;border-bottom: 1px solid #000;position: absolute;top: 0;left: 0;right: 0;margin: auto;transition: all .5s;}
.contBtn a:hover{border-bottom: 1px solid rgba(255,255,255,0);}

.contBtn a:hover .line{width: 100%;}
.contBtn a i{transform: rotateZ(-45deg);font-size: 19px;vertical-align: -1px;transition: all 0.5s;margin-left: 6px;}
.contBtn a:hover i{transform: rotateZ(0deg);color:#000;}

/* ===  »ó´ã½Åû === */
.loginSub{padding:8em 0;}
.mb_log_cate h2 {width: 100% !important;font-size: 24px;border-bottom: 1px solid #dde7e9;}


/* ===  Äɾî·Î 24.04.26 knj === */
.kareroWrap{padding: 8em 0;}
#karCon01{position: relative;padding-bottom: 5em;}
#karCon01:after{content:'';position: absolute;background:#f5f5f5;height: 440px;width: 180%;right: 0;transform: translate(10px, 10px);border-bottom-right-radius: 3rem;border-top-right-radius: 3rem;bottom: 0;z-index: -1;}
#karCon01 .titleBox{text-align: center;}
#karCon01 .titleBox img{}
#karCon01 .titleBox p{font-size: 3.2rem;font-weight: 500;margin: 0.5em 0 2em;}
#karCon01 .titleBox p span{color:#30a7b2;font-weight:600;}
#karCon01 .conBox{display: flex;justify-content: center;align-items: center;}
#karCon01 .conBox .phoneBox{margin-right: 6em;}
#karCon01 .conBox .phoneBox img{}
#karCon01 .conBox .txtBox{}
#karCon01 .conBox .txtBox p{font-size: 1.6rem;color: #494949;line-height: 1.4;}
#karCon01 .conBox .txtBox img{margin: 3em 0 1em;}
#karCon01 .conBox .txtBox .btnBox{display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 15px;}
#karCon01 .conBox .txtBox .btnBox a{}
#karCon01 .conBox .txtBox .btnBox a img{}
#karCon01 .conBox .txtBox .btnBox a span{text-indent: -9999px;display: block;}

.karSlide{}
.karSlide .titleBox{margin-top: 10em;width: 100%;}
.karSlide .titleBox span{font-size: 1.8rem;color: #494949;font-weight: 500;}
.karSlide .titleBox h2{font-size: 4rem;color: #333;margin: 0.2em 0 0.55em;}
.karSlide .titleBox p{font-size: 1.3rem;color: #757575;}

#karCon02{}
#karCon02 .pinSection{display: flex;}
.pinSlide{left: 8%;height: 100vh;}
.pinSlide .swiper-wrapper{}
.pinSlide .swiper-wrapper:after{content:'';background: url(../img/content/karero_2.png) no-repeat center center;position: absolute;width:287px;height:582px;z-index: -1;left: 0;top: 50%;transform: translate(0,-50%);box-shadow: 8px 4px 17px 3px #e9e9e9;border-radius: 45px;}
.pinSlide .swiper-slide{display: flex;align-items: center;padding-left: 13px;}
.pinSlide .swiper-slide img{}
.pinSlide .swiper-slide .txtBox{margin-left: 8em;background: #fff;}
.pinSlide .swiper-slide .txtBox h3{font-size: 2.2rem;}
.pinSlide .swiper-slide .txtBox p{font-size: 1.4rem;margin-top: 1em;color: #7d7d7d;}
#karCon02 .swiper-pagination{display: flex;flex-direction: column;bottom: 25vh !important;left: 50%;margin-left: -200px;}
#karCon02 .swiper-pagination .swiper-pagination-bullet{margin: 5px 0;width: 10px;height: 10px;background: #00a1e9;}

#karCon03{position: relative;padding: 1em 0;display: flex;}
#karCon03:after{content:'';position: absolute;background:#f5f5f5;height: 500px;width: 200%;top: 0;z-index: -1;left: -50%;}
#karCon03 .titleBox{width: 40%;}
.karimgSlide{margin-top: 11em;padding: 2em 0 2em 8em !important;display: flex !important;align-items: flex-end;width: 71%;}
.karimgSlide .swiper-wrapper{}
.karimgSlide .swiper-wrapper:after{content:'';background: url(../img/content/karero_2.png) no-repeat center center;position: absolute;width:287px;height:582px;z-index: -1;left: 0;top: 50%;transform: translate(0,-50%);box-shadow: 8px 4px 17px 3px #e9e9e9;border-radius: 45px;}
.karimgSlide .swiper-slide{display: flex;align-items: center;padding-left: 13px;}
#karCon03 .swiperPagination{display: flex;flex-direction: column;margin-left: -63px;margin-bottom: 3em;}
#karCon03 .swiperPagination .swiper-pagination-bullet{margin: 5px 0;width: 10px;height: 10px;background: #00a1e9;}

#karCon03 .accordion{position: absolute;right: 0;top: 40em;width: 380px;z-index: 10;}
#karCon03 .accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
#karCon03 .accordion .accordion-item button[aria-expanded=true] {border-bottom: 1px solid #03b5d2;}
#karCon03 .accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;color: #7288a2;font-size: 1.15rem;font-weight: 400;border: none;background: none;outline: none;}
#karCon03 .accordion button:hover, .accordion button:focus {cursor: pointer;color: #03b5d2;}
#karCon03 .accordion button:hover::after, .accordion button:focus::after {cursor: pointer;color: #03b5d2;border: 1px solid #03b5d2;}
#karCon03 .accordion button .accordion-title {font-size: 19px;padding: 1em 1.5em 1em 0;font-weight: 500;}
#karCon03 .accordion button .icon {display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;border-radius: 22px;}
#karCon03 .accordion button .icon::before {display: block;position: absolute;content: "";top: 10px;left: 6px;width: 10px;height: 2px;background: currentColor;}
#karCon03 .accordion button .icon::after {display: block;position: absolute;content: "";top: 6px;left: 10px;width: 2px;height: 10px;background: currentColor;}
#karCon03 .accordion button[aria-expanded=true] {color: #03b5d2;}
#karCon03 .accordion button[aria-expanded=true] .icon::after {width: 0;}
#karCon03 .accordion button[aria-expanded=true] + .accordion-content {opacity: 1;max-height: 9em;transition: all 200ms linear;will-change: opacity, max-height;}
#karCon03 .accordion .accordion-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
#karCon03 .accordion .accordion-content p {font-size: 1rem;font-weight: 300;margin: 2em 0;}


/* === »ó´ã½Åû === */
.contactBox{max-width: 910px;margin: 0 auto;}
.contactBox .form-con{border: 1px solid #e9e9e9;padding: 3em;border-top: 2px solid #000;border-bottom: 1px solid #7d7d7d;}
.contactBox .form-con ul{}
.contactBox .form-con ul li{display: flex;align-items: center;border-bottom: 1px dashed #d3d3d3;padding-bottom: 1.5em;margin-bottom: 1.5em;}
.contactBox .form-con .fName{font-size: 1.25rem;font-weight: 600;color: #000;width: 20%;}
.contactBox .form-con .fCon{width: 80%;}
.contactBox .form-con .fCon input[type="text"]{width: calc(100% - 40px);background: #fff;border: 1px solid #d3d3d3;border-radius: 8px;color: #333;padding: 10px 20px;font-size: 17px;box-shadow: none;}
input::placeholder,
textarea::placeholder{color: #c7c7c7;font-size:15px;}
.contactBox .form-con .fCon select{width: calc(100% - 2px);background: #fff;border: 1px solid #d3d3d3;border-radius: 8px;color: #333;padding: 10px 13px;font-size: 15px;box-shadow: none;}


.contactBox .form-con .fCon .toggle_btn {transition: all 350ms cubic-bezier(0.87, 1, 0.07, 1);position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff;border:1px solid #eee;width:100%;font-size: 14px; font-weight: bold;color:#999;padding-top: 25px;border-radius: 15px;display: flex;justify-content: center;align-items: center;}
.contactBox .form-con .fCon .toggle_btn img{width: 42px;margin-top: -20px;opacity: 0.25;}
.contactBox .form-con .fCon input:checked + .toggle_btn {background-color: #fff; color:var(--main-color); border-color:var(--main-color);}
.contactBox .form-con .fCon input:checked + .toggle_btn img{filter: invert(33%) sepia(62%) saturate(1990%) hue-rotate(202deg) brightness(91%) contrast(92%);opacity: 1}
.contactBox .form-con .fCon input:checked + .toggle_btn i{color:var(--main-color);font-weight: 700;}
.contactBox .form-con .fCon .switch em{position: absolute;bottom: -43px;font-size: 1.125rem;font-weight: 500;color: #000;}
.contactBox .form-con .fCon textarea{width: calc(100% - 40px);height: 150px;background: #fff;border: 1px solid #d3d3d3;border-radius: 8px;color: #333;padding: 10px 20px;font-size: 17px;box-shadow: none;}

.contactBox .form-con .provision{margin: 20px 0 0;}
.contactBox .form-con .provision input{vertical-align: -2px;}
.contactBox .form-con .provision span{margin: 0 15px 0 5px;}
.contactBox .form-con .provision span i{}
.contactBox .form-con .provision .modalBtn{color: #4f4f4f;border: 1px solid;padding: 5px 15px;border-radius: 20px;font-size: 14px;}
.contactBox .form-con .provision .modalBtn:hover{transition: all 0.5s;background:#191819;color:#fff;border: 1px solid #191819;}
.contactBox .btnBox{width: 300px;margin: 2em auto 0;}
.contactBox .btnBox input{width: 100%;padding: 20px;font-size: 1.35rem;border-radius: 50px;border: 0;font-weight: 500;color: #fff;background:#00a1e9;}
.contactBox .btnBox input:hover{transition: all 0.5s;background:#071a9a;color:#fff;}

.clBtnWrap{max-width: 910px;margin: 0 auto;position: relative;}
.clBtnWrap .clBtn{display: block;background: #2d2d2d;color: #fff;padding: 10px 20px;width: 200px;text-align: center;position: absolute;top: -42.5px;right: 0;}
.clBtnWrap .clBtn:hover{background:var(--main-color);transition: all 0.5s;}
.clBtnWrap .clBtn i{margin-right: 10px;vertical-align: -1px;}

.bo_v_com{margin-top:2em !important;}
.bo_v_com .btn_b01{line-height: 35px;background: #2f2f2f;border-radius: 4px;color: #fff;font-size: 14px;font-weight: bold;padding: 0px 20px;}
.bo_v_com .btn_b02{background: #e11e1e;}

/*
===============================================
¾Ö´Ï¸ÞÀÌ¼Ç css
===============================================
*/
@keyframes color-change-3x {
  0% {background: #212121;}
  50% {background: #113a5d;}
  100% {background: #000000;}
}

@keyframes viewport{
	0%{background-position: 0 0;}
	100%{background-position: 0 100%;}
}

@keyframes scrollDown {
	0% {transform:  translateY(-3px);}
	50% {transform: translateY(3px);}
	100% {transform:  translateY(-3px);}
}

/*
===============================================
¹ÝÀÀÇü css
===============================================
*/

@media all and (min-width:1921px){
	.ytCon {height: 2900px;}
}

@media all and (min-width:2200px){
	.companyPin .pin {grid-template-columns: 45% 1fr;}
	.ytCon {height: 3100px;}

	#karCon01:after {right: -25%;}
	#karCon02 .swiper-pagination {bottom: 35vh !important;}
	.pinSlide .swiper-slide .txtBox h3 {font-size: 2.8rem;}
	.pinSlide .swiper-slide .txtBox p {font-size: 1.6rem;}
}

@media (max-width:1919px) and (max-height:1300px){
	.ytCon {height: 250vh;}
}

@media all and (max-width:1800px){
	.companyPin .pin {grid-template-columns: 23% 1fr;}
	.comBox01 .txtBox p br,
	.companyCon .txtBox p br{display:none;}
	.comBox01 .txtBox p i{display:block;}
	.comBox03	 .imgBox{width: 100%;}
	.comBox01 {padding: 13vh 4vw;}

	.pinSlide .swiper-slide .txtBox p br{display:none;}
	.pinSlide .swiper-slide .txtBox p{width:70%;}
}

@media all and (max-width:1480px){
	#sOnline {margin: 10vh 0;}
	.imgBoxTwo {flex-direction: column;}
	.imgBoxTwo .txtBox {margin-top: 3em;}

	.ytLink {margin: 5em auto 0;}
	.ytLink .txtBox h2:after {top: 0;opacity: 0.2;}
	.ytLink .imgBox{margin-top: 10em;}
	.ytLink .txtBox p {margin-top: 8vh;margin-left: 0;}
	.ytLink .txtBox h2 {text-align: center !important;}
	.ytLink .txtBox .btn {margin-left: 0;margin-top: 3em;}

	.ytInfo {margin: 13vh 0;}
	.ytInfo .conBox .txtBox {padding: 4em 3em;}
	.ytInfo .conBox .txtBox p {font-size: 1.125rem !important;}
	.ytInfo .conBox .txtBox p br{display:none;}
	.ytInfo .conBox .txtBox p i{display:block;margin-bottom:15px;}
	.ytInfo .conBox h2 {font-size: 25px !important;}
	.ytInfo .conBox .stpe li em {margin-right: 1em;}

	.ytCon #ytc02 {left: 29vw;}

	.txtBoxType2 .conBox {flex-direction: column;}
	.txtBoxType2 .conBox ul {width: 100%;}
	.txtBoxType2 .conBox ul li h4 {margin-top: 5vh;}
	.txtBoxType2 .conBox ul li{margin-right:0;}
	.txtBoxType2 .conBox ul li:nth-child(2){margin:0 18px;}
	.txtBoxType2 .conBox p {width: calc(100% - 8em);margin-top:18px;border-radius: 30px 0;}

	.sOnline02 .backBg1 {height: 530px;}
	.sOnline02 .backBg2{height: 448px;}
	.sOnline02 .imgTxt .txtBox p {font-size: 24px !important;}
	.sOnline02 .imgTxt .txtBox {font-size: 20px;top: 7em;}

	.outdoor{margin: 8vh 0 10vh;align-items: center;flex-direction: column;}
	.outdoorWrap {padding: 4em 0 6em;margin-bottom: 8em;}
	.outdoor .iconBox {margin-left: 0;margin-top: 5em;text-align: center;}
	.outdoorWrap .conBox .titleBox {width: 50%;}
	.outdoorWrap .conBox .titleBox h2 {font-size: 20px !important;text-align: left !important;}
	.outdoorWrap .conBox .titleBox h2 span {font-size: 3.5rem !important;display: block !important;margin-right: 0;text-align: left !important;line-height: 1.2;margin-bottom: 10px;}
	.outdoorWrap .conBox .titleBox p {font-size: 1.125rem;}
	.outdoorSilde {width: 45%;margin-left: 5.5% !important;}
	.outdoorWrap .swiper-button-prev {margin-left: 2.5em;margin-top: -190px;}
	.outdoorWrap .swiper-button-next {margin-top: -190px;}
	.outdoorWrap .type ul li {width: 160px;height: 160px;margin-right: 1em;}
	.outdoorWrap .type {flex-direction: column;}
	.outdoorWrap .type ul {justify-content: center;}
	.outdoorWrap .type .and {justify-content: center;margin-top: 3em;}

	.img_link{height: 227px !important;}

	.personal {margin: -5em 5% 6em;}
}


@media all and (max-width:1400px){
	#textSection .titleBox p {font-size: 70px;}
	#textSection .imgTxt p {font-size: 1.875rem;}
	#textSection .scrollTxt .txtBox h2,
	#textSection .scrollTxt .txtBox p strong{font-size: 1.75rem;line-height: 1.6;}
	#textSection .scrollTxt .txtBox p {font-size: 1.125rem;line-height: 2;}
	#textSection .pin-spacer{height:70vh}

	.comBox01 {padding: 13vh 3vw;}
	.comBox01 .txtBox h2,
	.companyCon .titleBox h2{font-size: 2rem;}
	.comBox01 .txtBox p,
	.comBox03 .con .txtBox p{font-size: 1.125rem;}
	.comBox02 {padding: 13vh 0;}
	.comBox02 .imgBox {width: 100%;}
	.comBox02 .imgBox img {width: 100%;height: 100%;object-fit: cover;}
	.comBox02 .con .txtBox h3 {font-size: 1.5rem;margin: 3vh 0;}
	.companyCon .txtBox p {font-size: 1.125rem;line-height: 1.4;font-weight: 500;}
	.comBox03 {padding: 13vh 3vw;}
	.comBox03 .titleBox p {margin: 8vh 0 6vh; font-size: 1.5rem;}

	.sVision ul li p {font-size: 1.125rem;text-align: left;margin-top: 5em;}
	.sVision ul li p br{display:none;}

	#sOnline h2 {font-size: 2.25rem;}

	#karCon03 {display: block;}
	#karCon03:after {height: 450px;}
	#karCon03 .titleBox {margin-top: 5em;}
	.karimgSlide {margin-top: -15em;padding: 2em 0 2em 42em !important;}
	#karCon03 .accordion {position: static;width: 100%;margin-top: 5em;}
	.kareroWrap {padding: 8em 0 0;}
}

@media all and (max-width:1340px){
	.karSlide .titleBox span {font-size: 1.4rem;}
	.karSlide .titleBox h2 {font-size: 3rem;}
	#karCon02 {position: relative;}
	.pinSlide {left: 0;height: 910px;}
	#karCon02 .swiper-pagination {left: 20vw;margin-left: 0;}
	.pinSlide .swiper-slide .txtBox {margin-left: 6em;}
	.pinSlide .swiper-slide .txtBox p {width: 90%;}
	.pinSlide .swiper-slide,
	.karimgSlide .swiper-slide{opacity:0 !important;}
	.pinSlide .swiper-slide-active,
	.karimgSlide .swiper-slide-active{opacity:1 !important;}
}

@media all and (max-width:1320px){
	#sOnline {margin: 8vh 0;}
	.imgBoxOne {margin: 6em auto;width: 600px;}
	.imgBoxOne img{width:100%;}
	.txtBoxType1 {flex-direction: column;}
	.txtBoxType1 ul {width: 100%;}
	.txtBoxType1 h3 {font-size: 42px; margin-right: 0;margin-bottom: 0.5em;}
	.txtBoxType1 h3 br{display:none;}
	.txtBoxType1 .txtBox {margin-left: 6em;}
	.txtBoxType1 .txtBox h4 {font-size: 25px;}
	.txtBoxType1 ul li em {font-size: 44px;}
	#sOnline .txtBox p {font-size: 1.125rem;}

	.imgBoxTwo{margin: 4em 0 8em;}

	.outdoorSilde {margin-left: 6% !important;}

	.imgBoxFour{margin: 4em auto;}
	.consulting .txtBox p strong{line-height: 1.3 !important;}
	.consulting .txtBox .tc{display: none !important;}
	.txtBoxType1-2 .hoverImg{right:0;}

	.consulting ul{margin-top: 1em !important;}
	.consulting ul li{padding: 3em 0 !important;}

	.contact .txtBox p{font-size: 19px !important;text-align: center;}
	.contBtn {text-align: center;}
}

@media all and (max-width:1280px){
	.companyPin .pin{grid-template-columns: 1fr;}
	.companyPin .pin .pinSection{display:none !important;}
	.comBox01,
	.comBox02,
	.comBox03,
	.comBox04{padding: 5em 5%;}
	.comBox01 .txtBox {display: flex;flex-direction: column;}
	.comBox01 .txtBox p {margin-top: 40px;}
	.comBox01 .txtBox p i{margin: 0.5em 0;}
	.companyCon .titleBox {margin: 0 0 3em;}
	.companyCon .txtBox p {font-weight: 400;}
	.comBox02 ul.ulCon {margin: 7vh 0;}

	.sVision {margin-top: 4em;}

	.sYoutube {flex-direction: column;margin-bottom: 10em;}
	.sYoutube .imgBox {margin-right: 0;}
	.sYoutube .txtBox {margin-top: 5em;display: flex;flex-direction: column;align-items: center;text-align: center;}

	.ytCon .conBox .imgBox,
	.ytCon .conBox .txtBox {position: initial;}
	.ytCon .conBox .txtBox {margin:2em 0 3em;}
	.ytCon {height: 100%;}
	.ytCon .conBox .txtBox span {width: 100%;}
	.ytCon .conBox .txtBox p br{display:none;}

	.float {margin: 6em;}
	.txtBoxType1-1 ul li{padding: 3em 0 1em;}
	.txtBoxType1-1 ul{margin-top:-4em;}
	.sOnline02 h2 {margin: 3em 0 2em;}
	.txtBoxType1-1 h2{font-size: 3rem !important;}

	#karCon01 .titleBox img {height: 80px;}
	#karCon01 .titleBox p {font-size: 2.6rem;}
}

@media all and (max-width:1150px){
	.companyCon ul {flex-direction: column;} 
	.companyCon .titleBox {margin: 0;}
	.comBox02 .imgBox {width: 400px;margin: 5em 0;}
	.comBox02 .con {padding: 0;}
	.companyCon .txtBox p i {margin: 1em 0;}
	.comBox03 .imgBox{display:none;}
	.comBox03 ul.ulCon {margin: 5vh 0 0;}
	.comBox02{padding: 5em 5% 3em;}

	.sVision {margin-top: 5em;}
	.sVision ul {display: flex;flex-direction: column;}
	.sVision ul li {padding: 2em 2.5em 3em;margin: 1em 0;min-height: 100%;}
	.sVision ul li:nth-child(2):before {width: 100%;height: 1px;left: 0;top: -15px;}
	.sVision ul li:nth-child(2):after {width: 100%;height: 1px;right: 0;top: inherit;bottom: -15px;}
	.sVision ul li p {margin-top: 2em;}

	.sOnline02 .iconBox{flex-wrap: wrap;}
	.sOnline02 .iconBox p {width: 20%;margin-bottom: 2em;}

	.snsProcess .snsStep ul li {padding: 2em 1.5em;}
	
	.outdoorWrap .conBox .titleBox {margin-bottom: 2em !important;}
	.outdoorWrap {padding: 0em 0 6em;}
	.outdoorWrap .conBox{flex-direction: column;}
	.outdoorWrap .conBox .titleBox {width: 100%;}
	.outdoorSilde {width: calc(100% - 10%);}
	.outdoorWrap .swiper-button-next {margin-top: -4em;}
	.outdoorWrap .swiper-button-prev {margin-left: 0;margin-top: -4em;left: 0;}
	.outdoorWrap .type {margin-top: 3em;}

	.karSlide .titleBox p br{display:none;}
	#karCon02 .pinSection {flex-direction: column;}
	.pinSlide {height: 100%;width: 100%;margin: 5em 0 7em;}
	.pinSlide .swiper-slide {padding-left: 0;flex-direction: column;}
	.pinSlide .swiper-wrapper:after {left: 50%;top: 10px;transform: translate(-50%, 0%);}
	.pinSlide .swiper-slide img {margin-top: 20px;}
	#karCon02 .swiper-pagination {	left: 50%;	margin-left: -180px;	top: 65%;	bottom: auto !important;}
	.pinSlide .swiper-slide .txtBox {	margin-left: 0;	width: 100%;	margin-top: 5em;	text-align: center;}
	.pinSlide .swiper-slide .txtBox p {	width: 100%;}

}

@media all and (max-width:1024px){
	#lnb,
	#lnb ul li a::after{display:none}
	.contactLnb{display:block !important;height:50px !important;}
	.contactLnb ul li a{font-size: 16px !important;line-height: 50px !important;}

	#mbLnb{display:block;border-bottom:1px solid #dee2e4}
	#mbLnb > ul{position:relative;padding-left:85px;}
	#mbLnb > ul::after{display:block;clear:both;content:''}
	#mbLnb > ul > li{position:relative;float:left;width:50%;border-right:1px solid #dee2e4;transition:all 0.3s ease;-webkit-transition: all 0.3s ease;}
	#mbLnb > ul > li:last-child{border-right:0}
	#mbLnb > ul > li.home{position:absolute;top:0;left:0;width:85px;height:60px;border-right:0;display: block;height: 100%;overflow: hidden;background: #00a1e9;color: #fff;font-size: 2rem;text-align: center;}
	#mbLnb > ul > li.home i{vertical-align: sub;}
	#mbLnb > ul > li button {position: relative;background: #3259a0;border-radius: 0 20px 0px 0;padding-right: 40px;width: 100%;height: 60px;font-size: 18px;color: #ffffff;text-indent: 20px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 0;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
	#mbLnb > ul > li button i{position: absolute;top: 50%;right: 20px;margin-top: -8px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
	#mbLnb > ul > li button.on{background:#f8f9fb;color:#333;}
	#mbLnb > ul > li button.on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);right: 0;}
	#mbLnb > ul > li > ul{display:none;position:absolute;top:60px;left:0;min-width:100%;background:#fff;border-bottom:1px solid #d7d7d7;z-index:10}
	#mbLnb > ul > li > ul li{font-size:16px;white-space: nowrap;}
	#mbLnb > ul > li > ul li a{position: relative;display: block;padding: 20px 20px;color: #3f464a;line-height: 20px;background: #eaf1ff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border: 0;border-width: 0 1px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
	#mbLnb > ul > li > ul li a:hover,
	#mbLnb > ul > li > ul li.on a{color:#fff;background:#00a1e9}
	
	#mbLnb + #content{padding-top:40px}

	#textSection .titleBox {flex-direction: column;align-items: flex-start;}
	#textSection .titleBox h1 {font-size: 18px;}
	#textSection .imgTxt p {font-size: 1.375rem;}
	#textSection .titleBox p {font-size: 60px;text-align: left;margin-top: 10px;}

	.ytInfo .conBox {display: flex;flex-direction: column;align-items: flex-start;}
	.ytInfo .conBox h2 {padding: 2em 0;}
	.ytInfo .conBox .stpe {border-left: 0;border-right: 0;display: flex;flex-direction: row;}
	.ytInfo .conBox .stpe li{margin-right: 2em;}
	.ytInfo .conBox .stpe li:last-child{border-top:0;}
	.ytInfo .conBox .txtBox {padding: 3em 0;}
	.ytInfo .conBox .txtBox p i {margin: 1em 0 !important;}

	.imgBoxThree {margin: 13vh 0 4vh;padding-bottom: 3vh;}
	.txtBoxType2 {margin-bottom: 9vh;}

	.snsProcess{flex-direction: column;align-items: center}
	.snsProcess .snsStep {margin-left: 0;width: 100%;margin-top: 2em;}

	.outdoor {margin: 6vh 0;}
	.outdoor .imgBox {width: calc(100% - 10%);}
	.outdoor .imgBox img{width:100%;}
	.outdoor .iconBox ul {width: 80%;margin: 0 auto;}
	.outdoorWrap .swiper-button-next,
	.outdoorWrap .swiper-button-prev{margin-top: -9em;}
	.outdoorWrap .type ul {flex-wrap: wrap;margin: 0 15%;}

	.sBoard {margin-top: 5em;}
	.viewtitles {font-size: 1.5rem !important;}

	#karCon03:after {height: 650px;}
	#karCon03 .titleBox {width: 100%;}
	.karimgSlide {margin-top: 2em;padding: 2em !important;	width: 287px;}
	#karCon03 .swiperPagination {margin-left: -30px;}
}

@media all and (max-width:960px){
	#sOnline h2 {text-align: left;}
	#sOnline h2 br{display:none;}

	.ytLink .txtBox h2 span {position: initial;display: block;}
	.ytLink .txtBox h2:after{display:none;}

	.imgBoxTwo2 .imgBox,
	.imgBoxTwo2 .imgBox img{width: 320px;}

	.sOnline02 .backBg1 {height: 400px;}
	.sOnline02 .backBg2{height: 350px;}
	.sOnline02 .imgTxt .txtBox p {font-size: 1.125rem !important;margin-right: 2em;}
	.sOnline02 .imgTxt .txtBox {font-size: 1.125rem;top: 6em;}
	.sOnline02 h2{text-align: center !important;}
	.sOnline02 .iconBox p span{font-size: 1.125rem;margin-top: 15px;}
	.txtBoxType1-1 h2{font-size: 2.5rem !important;text-align: left !important;margin: 0em 0 2em !important}
	.txtBoxType1-1 .txtBox h3 {font-size: 22px;}
	.txtBoxType1 ul li em {font-size: 34px;}
	#sOnline .titleBox {margin-bottom: 4em;}
	.sOnline02 h2 {font-size: 2.5rem !important;}

	.consulting h2 span{display:block;}
	.consulting ul li em{top: 40px;}

	.partner h2{text-align: center !important;}
	.partner h2 br{display:block !important;}
	
	#karCon01 .conBox {flex-direction: column;}
	#karCon01 .conBox .phoneBox {margin-right: 0;}
	#karCon01 .conBox .txtBox p {font-size: 1.4rem;text-align: center;margin-top: 2em;}
}

@media all and (max-width:850px){
	.outdoorWrap .type ul {margin: 0 3%;}
	.partner ul{grid-template-columns: 1fr 1fr;}
}

@media all and (max-width:768px){
	#textSection .imgTxt .imgBox {height: 300px;}
	#textSection .imgTxt .imgBox img {object-fit: cover;}
	#textSection .scrollTxt {height: 700px !important;}
	#textSection .scrollTxt .imgBox img {object-position: center;}
	#textSection .scrollTxt .txtBox {padding: 20vh 0 0;text-align: left;}
	#textSection .scrollTxt .txtBox h2, #textSection .scrollTxt .txtBox p strong {font-size: 1.35rem;}

	#sOnline h2 {font-size: 2rem;}
	#sOnline h2 br{display:none;}
	.imgBoxOne {margin: 5em auto;width: 100%;}
	.txtBoxType1 h3 {font-size: 32px;}
	.txtBoxType1 .txtBox {margin-left: 5em;}

	.txtBoxType2 .conBox ul {flex-direction: column;}
	.txtBoxType2 .conBox ul li {width: calc(100% - 60px);}
	.txtBoxType2 .conBox ul li:nth-child(2){margin:18px 0;}
	.txtBoxType2 .conBox ul li h4 {margin-top: 1vh;}
	.txtBoxType2 .conBox p {padding: 35px 2em;width: calc(100% - 4em);}

	#sOnline .titleBox h2 {font-size: 2.2rem;}
	#sOnline .titleBox span {font-size: 1.125rem;}
	#sOnline .titleBox {margin-bottom: 3em;}
	.snsProcess .imgBox img {width: 100%;}

	.img_link {height: 382px !important;}
}

@media all and (max-width:700px){
	.sYoutube .imgBox {width: 300px;}
	.sYoutube .imgBox img {width: 100%;}
	.sYoutube .txtBox h2 {font-size: 32px;}
	.sYoutube .txtBox h2.txtH2,
	.sYoutube .txtBox h3 {font-size: 1.25rem;}
	.sYoutube .txtBox p {font-size: 1.125rem;}
	.sYoutube .txtBox .btn {margin-top: 2em;}
	.sYoutube .txtBox .btn a span {font-size: 1.125rem;}

	.imgBoxTwo,
	.imgBoxTwo1 {margin: 5em 0 7em;}
	.imgBoxTwo .screen{width:450px;height: 396px;}
	.imgBoxTwo .screen .viewport {width: 423px;height: 223px;left: 13px;top: 13px;}
	.imgBoxTwo .screen .viewport:after{background-size: 100%;}
	.imgBoxTwo .txtBox {width: 100%;}
	#sOnline .txtBox p{line-height: 1.4;}
	.imgBoxTwo .txtBox strong br,
	#sOnline .txtBox p br{display:none;}
	#sOnline .txtBox p i{display:block;margin-bottom:15px;}

	.ytLink .imgBox {width: 300px;}
	.ytLink .imgBox .fixedBg {width: 300px;height: 400px;background-size: cover;}
	.ytLink .txtBox{margin-top: 2em;}
	.ytLink .txtBox p {margin-top: 4vh;}
	.ytLink .txtBox p br{display:block !important;}
	.ytLink{margin-bottom:-5em;}
}

@media all and (max-width:640px){
	#textSection .titleBox{margin: 3em 4% 3em;}
	#textSection .titleBox p {font-size: 50px;}
	#textSection .scrollTxt .txtBox {padding: 13vh 0 0;}
	#textSection .scrollTxt .txtBox p br{display:none;}
	#textSection .scrollTxt .txtBox p i{display:block;margin-bottom:20px;}
	#textSection .scrollTxt .txtBox p{line-height: 1.6;text-align: justify;}
	
	.sVision {margin-top: 3em;}
	.sVision .title em {font-size: 26px;}
	.sVision .title h2 {font-size: 20px;}
	.sVision ul li p {font-size: 1rem;}

	#mbLnb > ul > li {width: 100%;}

	.imgBoxTwo .txtBox strong {font-size: 24px;margin-bottom: 1.5em;}

	.ytInfo {margin: 17vh 0;}
	.ytInfo .conBox .stpe {flex-direction: column;}
	.ytInfo .conBox .stpe li{margin-right:0;}
	.ytInfo .conBox .stpe li:last-child{margin-top:2em;}
	.ytInfo .conBox .stpe li h3 {font-size: 20px;}

	.ytCon .conBox .txtBox h4 {font-size: 25px;margin: 0.5em 0 0.5em 0;}
	.txtBoxType2 .conBox p{font-size:1.0625rem;}
	.txtBoxType2 .conBox p br{display:none;}
	.txtBoxType2 .conBox p i{display:block;margin-bottom:15px;}
	.txtBoxType2 h3 {font-size: 1.5rem;margin-top: 3em;}
	.imgBoxTwo2 {padding: 6em 0 3em;}
	.imgBoxTwo2 .txtBox{margin-top: 0;}

	.sOnline02 .backBg1 {height: 350px;}
	.sOnline02 .backBg2{height: 300px;}
	.sOnline02 .imgTxt .txtBox {top: 5em;}
	.sOnline02 .iconBox p {width: 33%;}
	.sOnline02 h2 {margin: 2em 0 2em;}

	.float {margin: 4em;}
	.sOnline02 h2 {font-size: 2rem !important;}
	.txtBoxType1-1 ul {margin-top: -2em;}
	#sOnline .titleBox span br{display:none;}
	.snsProcess .snsStep ul li h3 {font-size: 18px;}
	.snsProcess .snsStep ul li h3 span {font-size: 16px;}
	.snsProcess .snsStep ul li p {font-size: 16px;margin-top: 1em;}
	.imgBoxTwo2 .txtBox h2 {font-size: 26px !important;}
	.imgBoxTwo2 .txtBox p {margin-top: 2em;}
	.txtBoxType1 ul li em{margin-bottom: 10px;display: block;}

	.outdoor .iconBox ul {width: 100%;}
	.outdoor {margin: 4vh 0;}
	.outdoor .iconBox p {font-size: 17px;}
	.outdoor .iconBox ul li span {font-size: 18px;}
	.outdoorSilde .swiper-wrapper .swiper-slide .imgSize{width:100%;height:100%;}
	.outdoorSilde .swiper-wrapper .swiper-slide .imgSize1{height:100%;}

	.outdoorWrap .type ul {margin: 0;}
	.outdoorWrap .type ul li {width: 140px;height: 140px;margin: 0.5em;}
	.outdoorWrap .type ul li span {font-size: 13px;}
	.outdoorWrap .type ul li h3 {font-size: 17px;margin-top: 2px;}
	.outdoorWrap .type .and span {font-size: 40px;}
	.outdoorWrap .type .and h4 {font-size: 35px;}
	.outdoorWrap .swiper-button-prev {margin-top: -50%;transform: translate(0, 120%);}
	.consulting .imgBoxTwo .txtBox{margin-top: 0;}
	.consulting ul li {padding: 1em 0 1.5em !important;}
	.txtBoxType1-2 .hoverImg {width: 164px;height: 160px;top: 3px;}

	.partner ul{grid-template-columns: 1fr;margin-top: 2em;}

	.img_link {height: 343px !important;}
	#smart_editor2 .se2_input_area iframe,
	iframe#se2_iframe{width:100%;}

	.contact .txtBox p{font-size: 18px !important; text-align: left;}
	.contBtn {text-align: left;}
	.contact .imgBox {width: 100%;}

	.kareroWrap {padding: 5em 0 0;}
	#karCon01 {padding-bottom: 2em;}
	#karCon01 .titleBox img {height: 65px;}
	#karCon01 .titleBox p {font-size: 1.8rem;}
	#karCon01 .conBox .txtBox p {font-size: 1.2rem;}
	#karCon01 .conBox .txtBox {text-align: center;}
	#karCon01 .conBox .txtBox img {height: 250px;}
	#karCon01 .conBox .txtBox .btnBox a img {height: 50px;margin: 2em 0 0;}
	#karCon01:after {height: 285px;border-bottom-right-radius: 0;}
	#karCon01 .conBox .phoneBox img {height: 530px;}
	#karCon02 .swiper-pagination {margin-left: -165px;}

	.karSlide .titleBox {margin-top: 5em;}
	.karSlide .titleBox span {font-size: 1.2rem;}
	.karSlide .titleBox h2 {font-size: 2.4rem;margin: 0.2em 0;}
	.karSlide .titleBox p {font-size: 1.2rem;}
	.pinSlide {margin: 3em 0 6em;}
	.pinSlide .swiper-slide .txtBox h3 {font-size: 1.8rem;}
	.pinSlide .swiper-slide .txtBox p {font-size: 1.2rem;}
	.pinSlide .swiper-wrapper:after {	left: 52%;}
	.pinSlide .swiper-slide img {margin-left: 4%;}

	.karimgSlide {padding: 2em 2em 2em 3em !important;}
	#karCon03 .accordion {margin-top: 2em;}

	.contactBox .form-con ul li {align-items: flex-start;flex-direction: column;}
	.contactBox .form-con {padding: 2em 0;border-left:0;border-right:0;}
	.contactBox .form-con .fName {width:100%;margin-bottom: 0.6em;font-size: 1rem;}
	.contactBox .form-con .fCon{width:100%;}
	.contactBox .form-con .fCon select,
	.contactBox .form-con .fCon input[type="text"],
	.contactBox .form-con .fCon textarea{padding:10px 7px;}
	.contactBox .form-con .provision span i{display:none;}
}

@media all and (max-width:550px){
	#textSection .titleBox p {font-size: 38px;}
	#textSection .imgTxt .imgBox {height: 250px;}
	#textSection .imgTxt p {font-size: 1.25rem;margin: 0 4%;}
	#textSection .imgTxt p br{display:none;;}
	
	.comBox01 .txtBox h2, 
	.companyCon .titleBox h2, 
	.companyCon .titleBox h2 span {font-size: 1.65rem;}
	.comBox02 .imgBox {width: 100%;margin: 4em 0;}
	.comBox03 .titleBox p br{display:none;}

	.subWrap .subTitleBox .titleTxt strong span.youtubeTitle img {height: 18px;}
	.sYoutube .txtBox h2.txtH2 {margin:0  5% 2em;}
	.sYoutube .txtBox h3 {margin:2em  5%;}
	.sYoutube .txtBox h2.txtH2 br,
	.sYoutube .txtBox h3 br{display:none;}

	#sOnline {margin: 4em 0 7em;}
	#sOnline h2 {font-size: 1.55rem;text-align: left;}
	.txtBoxType1 ul li {padding: 1.2em 0 2em;}
	.txtBoxType1 ul li em {position: initial;font-size: 32px;}
	.txtBoxType1 .txtBox {margin-left: 0;}
	.txtBoxType1 .txtBox h4 {font-size: 22px;}
	#sOnline .txtBox p {font-size: 1.1rem;}
	#sOnline .txtBox p br{display:none;}
	#sOnline .txtBox p i{display:block;margin-bottom:15px;}

	.imgBoxTwo,
	.imgBoxTwo1 {margin: 3em 0 4em;}
	.imgBoxTwo .screen{width:320px;height: 283px;}
	.imgBoxTwo .screen .viewport {width: 296px;height: 153px;}

	.ytCon {margin-top: -5em;}
	.ytCon .conBox .imgBox,
	.ytCon .conBox .imgBox img{width: calc(100% - 10%);margin: 0 5%;}
	.ytCon .conBox .txtBox p i {margin: 1em 0 !important;}

	.imgBoxTwo2 {margin: 3em 0 5em;}

	.sOnline02 .imgTxt .txtBox {top: 4em;}
	.sOnline02 .imgTxt .txtBox strong{margin-right:2em;}
	.sOnline02 .imgTxt .txtBox strong br{display:none;}
	.txtBoxType1-1 ul li {padding: 1.2em 0 1em;}
	.outdoorSilde .swiper-wrapper .swiper-slide{height:260px;}
	.outdoorWrap .swiper-button-next, 
	.outdoorWrap .swiper-button-prev {margin-top: -50%;transform: translate(0, 50%);}
	.outdoorWrap .conBox .titleBox p br{display:none;}
	.outdoorWrap .conBox .titleBox p i{display:block;margin-bottom:15px;}

	.img_link {height: 210px !important;}
	.sBoard .cate_div ul li a {font-size: 1rem;padding: 10px 15px;}
	.sBoard .cate_div ul li {margin-right: 5px;}
	.main_lists_date a{display:none;}

	.pinSlide .swiper-slide .txtBox {text-align: left;}
}

@media all and (max-width:450px){

}

@media all and (max-width:430px){

}