*{margin: 0; padding: 0; box-sizing: border-box;}
ul, ol, li{list-style: none;}
a{text-decoration: none; color: black;}
::before, ::after{box-sizing: border-box;}
/* .hide{position: absolute; left: -3000%;} */
body{font-family: 'Noto Sans KR', serif; position: relative; color: #000; background-color: #fff; }
button{outline: 0; border: 0; cursor: pointer;}
.cb:after {content: ""; display: block; clear: both; }
.btnCenter {text-align: center; }
.btnRight {text-align: right; }
.btnLeft {text-align: left; }
article.page{width: 1200px; margin: 0 auto;}
.orange{color : #de6f3a;}
.orange_l{color : #f6ac56;}
.blue{color: #6cb0aa;}
br.tablet{display: none;}
.sub_slide{display: none;}
br.sm_tablet{display: none;}
br.mb{display: none;}
br.mb_sm{display: none;}
br.mb_xsbl{display: none;}
br.plus_t{display: none;}

aside{width: 255px; height: 420px; position: fixed; left: 60px; top: 150px; padding: 25px; box-shadow: 3px 3px 13px #ddd; border-radius: 30px; background: #fff; z-index: 11;}
aside .sub_menu{display: none; }
aside > div.on .sub_menu{display: block; margin-bottom: 15px;} 
aside > div .sub_menu li a{font-size: 14px; font-weight: 100;}
aside > div{margin-bottom: 15px; line-height: 20px;}
aside > div > a{display: inline-block; height: 100%; position: relative; font-size: 20px; color: #333; font-weight: bold; }
aside > div.on > a{color: #de6f3a;;}
aside > div span {display: block; font-size: 14px; color: #333333; font-weight: 500; letter-spacing: -1px;}
aside > div > a:after{content: ''; display: inline-block; width: 6px; height: 6px; background: #666; border-radius: 50%; position: absolute; right: -10px; top: 0px; transition: .3s;}
aside > div.on > a:after{background-color: #de6f3a; }
aside > div .sub_menu li a.on,
aside > div .sub_menu li a:hover{color: #de6f3a;}

@media screen and (max-width: 1500px){
    aside{display: none;}

}
/* 플로팅 아이콘 */
.multi_float{position: fixed; right: 50px; bottom: 300px; z-index: 30;}
.multi_float img{box-shadow: 2px 2px 5px #777; border-radius: 50%;}
.video_float{position: fixed; right: 50px; bottom: 300px; z-index: 30;}
.video_float img{box-shadow: 2px 2px 5px #777; border-radius: 50%;}
.system_float{position: fixed; right: 50px; bottom: 300px; z-index: 30;}
.system_float img{box-shadow: 2px 2px 5px #777; border-radius: 50%;}
.chat{position: fixed; right: 50px; bottom: 200px; z-index: 30;}
.chat img{box-shadow: 2px 2px 5px #fcf07f; border-radius: 50%;}

/* 헤더 */
header{position: fixed; left: 0; top: 0; width: 100%; height: 85px; z-index: 100; }
header.index_main{ background:rgba(255, 255, 255, 0.10) !important;  border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
header.subHead{box-shadow: 3px 3px 3px #ddd; background: rgba(255, 255, 255, 0.801)}
.header article.header{width: 1200px; height: 100%; margin: 0 auto; padding-top: 8px;}
.header .logo{float: left; }
.header nav{float: right; padding-right: 90px;}
.header .menu1 > li{float: left; padding: 0 30px; font-size: 20px; height: 85px; line-height: 85px; }
.header .menu1 > li > a{display: block; width: 100%; height: 100%; font-weight: 500; color: #fff;}
header.subHead .menu1 > li > a{color: #333;}
.header .menu1 > li.on > a{color: #de6f3a; position: relative;}
.header .menu1 > li.on.bluecircle > a{color: #6cb0aa;}
.header .menu1 > li.on > a:after{content: ''; display: inline-block; width: 6px; height: 6px; background-color: #de6f3a; border-radius: 50%; position: absolute; right: -5px; bottom: 50px; transition: .3s;}
.header .menu1 > li.on.bluecircle > a:after{background-color: #6cb0aa;}

.header .toggle{float: right; width: 24px; height: 18px; margin-top: 33px; cursor: pointer; z-index: 200;  position: relative;}
.header .toggle span{display: block; width: 24px; height: 3px; background: #fff; position: absolute; transition: .3s;}
header.subHead .toggle span{background: #000;}
header.subHead .toggle.on span{background: #fff;}
.header .toggle span:nth-child(1){top: 0px;}
.header .toggle span:nth-child(2){top: 7px; opacity: 1;}
.header .toggle span:nth-child(3){top: 14px;}
.header .toggle.on span:nth-child(1){transform: rotate(45deg) translateY(10px);}
.header .toggle.on span:nth-child(2){opacity: 0;}
.header .toggle.on span:nth-child(3){transform: rotate(-45deg) translateY(-10px);}

nav.bigNv{position: fixed; right: -100%; top: 0; width: 100%; height: 100vh; background: #080c18; transition: .3s; padding-top: 100px; z-index: 100;}
nav.bigNv .logo{position: absolute; left: 100px; top: 10px;}
nav.bigNv.on{right: 0;}
.gnb.gnbBig{width: 50%; float: right; text-align: left;}
.gnb.gnbBig > .menu > li{line-height:60px; }
.gnb.gnbBig .menu2 > li{  text-align: left; height: 150px;}
.gnb.gnbBig .menu2 > li > a{font-size: 60px; color: #fff; font-weight: 600; position: relative; transition: .3s;}
.gnb.gnbBig .menu2 > li:hover > a{color: #de6f3a; }
.gnb.gnbBig .menu2 > li > a:after{content: ''; display: inline-block; width: 14px; height: 14px; background-color: #fff; border-radius: 50%; position: absolute; right: -10px; top: 0; transition: .3s;}
.gnb.gnbBig .menu2 > li:hover > a:after{background-color:  #de6f3a;}
.gnb.gnbBig .menu2 > li .sub_menu{display: none; transition: .3s;}
.gnb.gnbBig .menu2 > li:hover .sub_menu{display: block;}
.gnb.gnbBig .menu2 > li .sub_menu li{display: inline-block; font-size: 20px; font-weight: 700; color: #fff; padding: 0 11px; }
.gnb.gnbBig .menu2 > li .sub_menu li a{color: #fff; transition: .3s; }
.gnb.gnbBig .menu2 > li .sub_menu li:hover a{color: #de6f3a; }

/* 메인페이지 비주얼 */
.visual{width: 100%; height: 100vh; background: url(/img/main_bg.jpg) no-repeat; background-size: cover; text-align: center; color: #fff; position: relative;}
.visual .text{width: 100%; position: absolute; left: 50%; top: 350px; transform: translateX(-50%); z-index: 1; }
.visual .text:before{content: ''; display: block; width: 1094px; height: 694px; background: url(/img/main_bg_deco.png); position: absolute; top: -250px; left: 50%; transform: translateX(-50%); z-index: -1; animation: frame 2s infinite;}
.visual .text h4{font-size: 22px; position: relative; letter-spacing: -2px;}
.visual .text h4:after{content: ''; display: block; width: 309px; height: 18px; background: url(/img/main_deco_fb.png); position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.visual .text h1{font-size: 70px; padding-bottom: 30px;}
.visual .text .btn{margin-right: 10px;}
@media screen and (max-width: 1500px){
    .visual{width: 100%; height: 980px;}
}
@keyframes frame{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.sub_visual{padding-top: 135px; text-align: center;}
.sub_visual .sub_title{font-size: 50px; color : #de6f3a;}
.sub_visual .sub_title.sm{font-size: 40px; color : #de6f3a;}
.sub_visual p{font-size: 24px; color : #a0a0a1; position: relative;}
.sub_visual p:after{content: ''; display: block; width: 80px; height: 4px; background: #de6f3a; position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%);}
/* 웰컴 */
.sub1_1 .massage{text-align: center; padding-top: 125px;}
.sub1_1 .massage h2{font-size: 26px; padding-bottom:65px; position: relative;}
.sub1_1 .massage h2:after{content: ''; display: block; width: 40px; height: 2px; background: #000; position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%);}
.sub1_1 .massage p{font-size: 20px; padding-bottom: 125px; position: relative;}
.sub1_1 .massage p:after{content: ''; display: block; width: 702px; height: 47px; background: url(/img/sub_deco.png); position: absolute; left: 50%; top: 0%; transform: translateX(-50%);}
.sub1_1 .ceo_greet{width: 1000px; margin: 0 auto 90px; padding: 60px 100px; box-shadow: 3px 3px 20px #eee;}
/* .sub1_1.on .ceo_greet{opacity: 1; transform: translateY(0);} */
.sub1_1 .ceo_greet h2{font-size: 24px; font-weight: 500; padding-bottom: 17px;}
.sub1_1 .ceo_greet p{font-size: 18px; color: #333;}

/* 레퍼런스 */
.sub1_2 .sports_diary{text-align: center; padding-top: 75px; overflow: hidden;}
.sub1_2 .sports_diary > p{font-size: 16px; color: #333; font-weight: bold;}
.sub1_2 .sports_diary > h2{font-size: 40px; color: #333; position: relative; padding-bottom: 60px;}
.sub1_2 .sports_diary > h2:after{content: ''; display: block; width: 40px; height: 2px; background: #000; position: absolute; left: 50%;top: 65px; transform: translateX(-50%);}
.sub1_2 .sports_diary ul{margin-bottom: 60px; }
/* .sub1_2 .sports_diary ul.num_f{transform: translateX(20%); opacity: 0; transition: .3s .3s;}
.sub1_2.on .sports_diary ul.num_f{transform: translateX(0%); opacity: 1; } */
.sub1_2 .sports_diary ul.num_s{transform: translateX(-20%); opacity: 0; transition: .3s .3s;}
.sub1_2.on .sports_diary ul.num_s{transform: translateX(0%); opacity: 1; }
.sub1_2 .sports_diary ul >li{float: left; width: 23.5%; height: 290px; margin-right: 2%; border-radius: 10px; box-shadow: 3px 5px 10px #eee;}
.sub1_2 .sports_diary ul.hB >li{float: left; width: 23.5%; height: 348px; margin-right: 2%; border-radius: 10px; box-shadow: 3px 5px 10px #eee;}
.sub1_2 .sports_diary ul >li:last-child{margin-right: 0;}
.sub1_2 .sports_diary ul >li .icon{height: 180px; padding-top: 40px;}
.sub1_2 .sports_diary ul.hB >li .icon{height: 206px; padding-top: 60px;}
.sub1_2 .sports_diary ul >li p{font-size: 20px; letter-spacing: -2px; line-height: 23px;}
.sub1_2 .sports_diary ul >li p span{font-size: 16px;}
.sub1_2 .reference_photo {padding:125px 0 ;}
.sub1_2 .reference_photo h2{padding-bottom: 60px; text-align: center; font-size: 40px; color: #333;}
.sub1_2 .reference_photo ul.board > li{float: left; width: 23.5%; margin-right: 2%;}
.sub1_2 .reference_photo ul.board > li img{width: 100%;}
.sub1_2 .reference_photo ul.board > li:nth-child(4n){margin-right: 0%;}
.sub1_2 .reference_photo ul.board > li h4.title{font-size: 16px; color: #212121; padding: 15px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; word-wrap:break-word;}
.sub1_2 .reference_photo ul.board > li p{font-size: 14px; color: #999; padding-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; word-wrap:break-word;}
.sub1_2 .reference_photo ul.paging{text-align: center; margin-top: 70px;}
.sub1_2 .reference_photo ul.paging >li{display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 13px; color: #616161; cursor: pointer;}
.sub1_2 .reference_photo ul.paging >li.on{background: #de6f3a; color: #fff;}
.sub1_2 .sub_visual{padding-top: 195px; text-align: center;}

/* 20210406 css수정 */
.sub1_2 .reference_photo {position: relative;}
.sub1_2 .reference_photo h2 {position: relative;}
.sub1_2 .reference_photo h2:after {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 50%;
  top: 65px;
  transform: translateX(-50%);
}

.sub1_2 .reference_photo .all_chk.chk_box input[type="checkbox"] + label span {top: 5px;}
.sub1_2 .reference_photo .board.cb li {position: relative;}
.sub1_2 .reference_photo .board.cb li .gall_chk  {position: absolute; left: 0; top: 0;}
@media screen and (min-width: 1200.1px){
  .sub1_2 .reference_photo .btn_bo_user {position: absolute; z-index: 10; right: 0; top: 260px;}
  .sub1_1 .ceo_greet p b {display: block; text-align: right;}
}
@media screen and (max-width: 1200px){
  .sub1_2 .reference_photo .btn_bo_user {position: relative; z-index: 10; margin-top: -10px;}
}
@media screen and (max-width: 700px){
  .sub1_2 .reference_photo h2:after {
    left: 50%;
    top: 50px;
  }
}
.pg_wrap .pg_page {background: #ffffff; box-sizing: border-box; border: none;}
.pg_wrap .pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url(/img/btn_first.gif) no-repeat 50% 50% #ffffff;
  padding: 0;
  border: 1px solid #eee;
}
.pg_wrap .pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url(/img/btn_end.gif) no-repeat 50% 50% #ffffff;
  padding: 0;
  border: 1px solid #eee;
}
/* 20210406 css수정 end */ 


/* 사업소개 */
.sub1_3 {overflow: hidden;}
.sub1_3 ul.top{margin: 60px 0 40px; } 
/* .sub1_3.on ul.top{transform: translateX(0); opacity: 1;} */
.sub1_3 ul.top > li{float: left;}
.sub1_3 ul.top > li.pic{margin-right: 20px; }
.sub1_3 ul.top > li.txt{padding-top: 50px;}
.sub1_3 ul.top > li.txt .p1{font-size: 24px; letter-spacing: -1px; padding:10px 0 40px; position: relative;}
.sub1_3 ul.top > li.txt .p1:after{content: ''; display: block; width: 40px; height: 2px; background: #f6ac56; position: absolute; left: 0;bottom: 25px; }
.sub1_3 ul > li.txt .p2{font-size: 18px; color: #333; letter-spacing: -2px;}
.sub1_3 .wrap{height: 730px;}
.sub1_3 ul.right {float: right;  overflow: hidden; transform: translateX(100%); opacity: 0; transition: .3s .3s; overflow: hidden;}
.sub1_3.on ul.right{transform: translateX(0); opacity: 1;}
.sub1_3 ul.right .txt{width: 470px; float: right; padding-top: 10px;}
.sub1_3 ul.right .txt .p1{font-size: 24px; letter-spacing: -1px; padding:10px 0 20px; position: relative;}
.sub1_3 ul.right .txt .p1:after{content: ''; display: block; width: 2px; height: 200px; background: #f6ac56; position: absolute; left: -25px;bottom: 25px; }
.sub1_3 ul.left {float: left; padding-top: 305px;  transform: translateX(-100%); opacity: 0; transition: .3s .5s; overflow: hidden;}
.sub1_3.on ul.left{transform: translateX(0); opacity: 1;}
.sub1_3 .centertxt{padding-left: 110px; transform: translateX(-100%); opacity: 0; transition: .3s .5s; overflow: hidden;}
.sub1_3.on .centertxt{padding-left: 110px; transform: translateX(0); opacity: 1;}
.sub1_3 .centertxt .p1{font-size: 24px; padding-bottom: 20px; position: relative;}
.sub1_3 .centertxt .p1:after{content: ''; display: block; width: 2px; height: 200px; background: #f6ac56; position: absolute; left: -25px;bottom: 40px; }
.sub1_3 ul.bottom{width: 1200px; height: 400px; background: url(/img/sub1_3_4.jpg) ;margin: 60px 0 100px; color: #fff; padding: 0 66px;}
.sub1_3 ul.bottom .p1{font-size: 24px; padding: 115px 0px 40px; position: relative;}
.sub1_3 ul.bottom .p1:after{content: ''; display: block; width: 40px; height: 2px; background: #fff; position: absolute; left: 0;bottom: 25px; }
.sub1_3 ul.bottom .p2{font-size: 18px;color: rgba(255, 255, 255, 0.8) !important; letter-spacing: 0 !important;}


/* 20210406 css 수정 */
@media screen and (min-width: 1200.1px){
  .sub1_3 ul.top.modi li {float: right;}
  .sub1_3 ul.top.modi > li.txt {margin-right: 60px; padding-top: 15px;}
  .sub1_3 ul.top.modi > li.txt .p1:after {width: 250px; left: auto; bottom: auto; right: -220px; top: 28px;}

  .sub1_3 ul.modi2.top > li.pic {margin-right: 40px;}
  .sub1_3 ul.modi2.top > li.txt {padding-top: 100px;}
  .sub1_3 ul.modi2.top > li.txt .p1:after {width: 100px; height: 80px; left: -120px; bottom: 45px; border-top: 2px solid #f6ac56; border-right: 2px solid #f6ac56; background: none;}

  .sub1_3 ul.bottom {margin: 140px 0 100px;}
}
/* 20210406 css 수정 end */


/* 오시는길 */
.sub1_4 .map{width: 100%; height: 460px; margin-top: 55px;}
.sub1_4 ul.adress{border-bottom: 2px solid #de6f3a; margin-bottom: 110px;}
.sub1_4 ul.adress h2{font-size: 18px; color: #333; padding: 30px 0 37px; position: relative;}
.sub1_4 ul.adress h2:after{content: ''; display: block; width: 40px; height: 2px; background: #de6f3a; position: absolute; left: 0;bottom: 20px; }
.sub1_4 ul.adress li{float: left;}
.sub1_4 ul.adress li.ali{width: 60%;}
.sub1_4 ul.adress li .txt{font-size: 20px; font-weight: 400; letter-spacing: -1px; color: #333; padding: 10px 0 35px;}
.sub1_4 ul.adress li .txt p span.bar{display: inline-block; width: 1px; height: 16px; background-color: #000; margin: 0 20px; line-height: 20px;}

/* 레코드 시스템 */
.sub2_1 .con1{text-align: center; margin: 85px 0 70px; }
.sub2_1 .con1 h2{font-size: 26px; color: #333; font-weight: 400; padding: 25px 0 60px;}
.sub2_1 .con1 h2 strong{font-weight: 700;}
.sub2_1 .con1 p{font-size: 20px; margin-bottom: 50px; }
.sub2_1 .con1 .page_icon > li{float: left; width: 25%; font-size: 18px; position: relative;}
.sub2_1 .con1 .page_icon > li:after{content: ''; display: block; width: 1px; height: 100px; background:  #de6f3a; position: absolute; right: 0; top: 30%; transform: translateY(-50%);}
.sub2_1 .con1 .page_icon > li:last-child:after{display: none}
.sub2_1 .con2{width: 1284px; height: 1312px; margin: 0 auto; background: url(/img/sub2_2.png) no-repeat; background-size: 100%; margin-bottom: 90px;}
.sub2_1_con3 {background:#f0f7f6 ; width: 100%; height: 975px;}
.sub2_1_con3 h2{text-align: center; font-size: 26px; color: #333; padding-top: 135px;}
.sub2_1_con3 p.p1{text-align: center; font-size: 18px; color: #333; padding-bottom: 65px;}
.sub2_1_con3 p.img{width: 55%; text-align: right; position: relative; opacity: 0; transition: .3s;}
.sub2_1_con3.on p.img{opacity: 1;}
.sub2_1_con3 p.img span{position: absolute; opacity: 0; transition: .3s;}
.sub2_1_con3.on p.img span{position: absolute; opacity: 1;}
.sub2_1_con3 p.img span.sec2_3{right: -500px; top: 75px; transition-delay: .4s;}
.sub2_1_con3 p.img span.sec2_3-2{right: -500px; top: 355px; transition-delay: .6s;}
.sub2_1_con3 p.img{position: relative;}
.sub2_1_con3 p.img:after{content: ''; display: block; width: 1047px; height: 455px; background: url(/img/line1.png); position: absolute; left: 85px; top: 15px;}
.sub2_1_con4 {width: 100%; padding: 165px 0 130px ;}
.sub2_1_con4 h2{text-align: center; font-size: 26px; color: #333; padding-bottom: 50px;}
.sub2_1_con4 p.img{width: 55%; text-align: right; position: relative; opacity: 0; transition: .3s;}
.sub2_1_con4.on p.img{opacity: 1;}
.sub2_1_con4 p.img span{position: absolute; opacity: 0; transition: .3s;}
.sub2_1_con4.on p.img span{position: absolute; opacity: 1;}
.sub2_1_con4 p.img span.sec2_3{right: -444px; top: -32px; transition-delay: .4s;}
.sub2_1_con4 p.img span.sec2_3-2{right: -454px; top: 260px; transition-delay: .6s;}
.sub2_1_con4 p.img span.sec2_3-3{right: -400px; top: 20px; transition-delay: .6s;}
.sub2_1_con5 {background:#f0f7f6 ; width: 100%; height: 980px;}
.sub2_1_con5 h2{text-align: center; font-size: 26px; color: #333; padding: 100px 0 50px;}
.sub2_1_con5 p.img{width: 55%; text-align: right; position: relative; opacity: 0; transition: .3s;}
.sub2_1_con5.on p.img{opacity: 1;}
.sub2_1_con5 p.img span{position: absolute; opacity: 0; transition: .3s;}
.sub2_1_con5.on p.img span{position: absolute; opacity: 1;}
.sub2_1_con5 p.img span.sec2_3{right: -500px; top: 75px; transition-delay: .6s;}
.sub2_1_con6 {width: 100%; height: 1475px;}
.sub2_1_con6 h2{text-align: center; font-size: 26px; color: #333; padding-top: 135px;}
.sub2_1_con6 p.p1{text-align: center; font-size: 18px; color: #333; padding-bottom: 65px;}
.sub2_1_con6 p.img{width: 55%; text-align: right; opacity: 0; transform: translateX(-100%); transition: .3s;}
.sub2_1_con6.on p.img{opacity: 1; transform: translateX(0); position: relative;}
/* .sub2_1_con6.on p.img:after{content: ''; display: block; width: 300px; height: 1px; background:  #6cb0aa; position: absolute; right: -300px; top: 30%; transform: translateY(-50%);} */
.sub2_1_con6.on p.img span{position: absolute; right: -50%; bottom: 30%; z-index: -1;}
.sub2_1_con6.on p.img1{transition-delay: .4s; }
.sub2_1_con6.on p.img2{transition-delay: .6s;}
.sub2_1_con6.on p.img3{transition-delay: .8s;}

/* 모바일앱 */
.sub2_2 .con1{text-align: center; margin: 85px 0 70px; overflow: hidden;}
.sub2_2 .con1 h2{font-size: 26px; color: #333; font-weight: 400; padding: 30px 0 60px;}
.sub2_2 .con1 h2 strong{font-weight: 700;}
.sub2_2 .con1 article > p{font-size: 20px; margin-bottom: 60px; font-weight: 700;}
.sub2_2 .con1 .page_icon{width: 840px; margin: 0 auto 50px;  position: relative;}
.sub2_2 .con1 .page_icon:after{content: ''; display: block; width: 100%; height: 2px; background: #de6f3a; position: relative; top: -193px;}
.sub2_2 .con1 .page_icon li{float: left; width: 25%; height: 193px; border-right: 2px solid #de6f3a;}
.sub2_2 .con1 .page_icon li:nth-child(4n){border-right: 0px solid #de6f3a;}
.sub2_2 .con1 .page_icon li .icon{height: 137px; padding-top: 40px;}
.sub2_2 .con1 .page_icon li p{font-size: 18px; font-weight: 700; color: #333 }
.sub2_2_con2{padding-bottom: 60px;overflow: hidden;}
.sub2_2_con2 .con2{transform: translateX(-100%); opacity: 0; transition: .3s; position: relative;}
.sub2_2_con2.on .con2{transform: translateX(0%); opacity: 1; }
.sub2_2_con2 .con2 .after{position: absolute; right: 0; top: 40%; left: 50%;}
.sub2_2_con3{ padding: 60px 0; background: #f0f7f6; overflow: hidden;}
.sub2_2_con3 .con3{  transform: translateX(100%); opacity: 0; transition: .3s;}
.sub2_2_con3.on .con3{transform: translateX(0%); opacity: 1;}
.sub2_2_con4{padding: 120px 0; overflow: hidden;}
.sub2_2_con4 .con4{transform: translateX(-100%); opacity: 0; transition: .3s;}
.sub2_2_con4.on .con4{transform: translateX(0%); opacity: 1;}
.sub2_2_con5{padding: 75px 0 65px; background: #f0f7f6; overflow: hidden;}
.sub2_2_con5 .con5{transform: translateX(100%); opacity: 0; transition: .3s;}
.sub2_2_con5.on .con5{transform: translateX(0%); opacity: 1;}
.sub2_2_con6{padding: 120px 0 60px;overflow: hidden;}
.sub2_2_con6 .con6{transform: translateX(-100%); opacity: 0; transition: .3s;}
.sub2_2_con6.on .con6{transform: translateX(0%); opacity: 1;}

h2.title2_2{text-align: center; font-size: 20px; color: #333; padding-bottom: 20px;}

/* 홈페이지 구축제작 */
.sub2_3 .con1{text-align: center; margin: 85px 0 100px; }
.sub2_3 .con1 h2{font-size: 26px; color: #333; font-weight: 400; padding: 60px 0;}
.sub2_3 .con1 h2 strong{font-weight: 700;}
.sub2_3 .con1 article > p{font-size: 20px; margin-bottom: 60px; font-weight: 700; color: #333}
.sub2_3 .con1 .page_icon{width: 840px; margin: 0 auto 50px;  position: relative; text-align: center;}
.sub2_3 .con1 .page_icon:after{content: ''; display: block; width: 100%; height: 2px; background: #de6f3a; position: relative; top: -200px;}
.sub2_3 .con1 .page_icon li{float: left; width: 25%; height: 200px; border-right: 2px solid #de6f3a;}
.sub2_3 .con1 .page_icon li:nth-child(4n){border-right: 0px solid #de6f3a;}
.sub2_3 .con1 .page_icon li .icon{height: 100px; padding-top: 20px;}
.sub2_3 .con1 .page_icon li p{font-size: 18px; letter-spacing: -2px; font-weight: 700; color: #333 }
.section{margin-bottom: 40px; transform: translateX(-100%); transition: .3s;}
.section.on{transform: translateX(0);}
.sub2_3_con6 p.notice{widows: 1200px; height: 60px; line-height: 60px; font-size: 24px; background: #6cb0aa; color: #fff; text-align: center; margin-top: 60px;}
.con{position: relative;}
.con span{position: absolute; top: 400px; right: 90px; z-index: -1;}
p.mb{display: none;}
/* 멀티라이브 생중계 */
.sub3_1 .con1{text-align: center; margin: 85px 0 100px; }
.sub3_1 .con1 h2{padding: 25px 0 120px; position: relative; font-size: 26px;}
.sub3_1 .con1 h2:after{content: ''; display: block; width: 40px; height: 2px; background: #000; position: absolute; left: 50%; bottom: 100px; transform: translateX(-50%);}
.sub3_1 .con1 h2::before{content: ''; display: block; width: 64px; height:64px; background: url(/img/sub4_1_titleicon.png); position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%);}
.sub3_1 .con1 p{margin-bottom: 115px; font-size: 20px; font-weight: bold;}
.sub3_1 .con1 p strong{display: block; font-size: 24px; color: #333;}
.sub3_1 .con1 ul li{ float: left; width: 25%; height: 185px; font-size: 16px; letter-spacing: -2px; border-right: 1px solid #de6f3a;}
.sub3_1 .con1 ul li:last-child{ border-right: 0px solid #de6f3a;}
.sub3_1 .con1 ul li .icon{height: 85px;}
.sub3_1_con2{margin-bottom: 110px; text-align: center;}
.sub3_1_con2 img.mb_size{display: none;}


/* .sub3_1_con2 img{width: 1200px; margin: 0 auto;} */
.sub3_1_con3{height: 770px; margin-bottom: 125px;}
.sub3_1_con3 h2{font-size: 26px; color: #333; font-weight: bold; text-align: center}
.sub3_1_con3 p.p1{font-size: 26px; color: #de6f3a; font-weight: bold; padding-bottom: 45px; position: relative; text-align: center}
.sub3_1_con3 p:after{content: ''; display: block; width: 40px; height: 2px; background: #de6f3a; position: absolute; left: 50%; bottom: 29px; transform: translateX(-50%);}
.sub3_1_con3 p.img{position: relative; padding-left: 90px; opacity: 0;}
.sub3_1_con3.on p.img{opacity: 1; transition: .3s;} 
.sub3_1_con3 p.img span.sec3_1{position: absolute; left: 90px; bottom: -173px; transition: .3s .3s; opacity: 0;}
.sub3_1_con3.on p.img span.sec3_1{opacity: 1;}
.sub3_1_con3 p.img span.sec3_2{position: absolute; left: 90px; bottom: -173px; transition: .3s .3s; opacity: 0;}
.sub3_1_con3.on p.img span.sec3_2{opacity: 1;}
.sub3_1_con3 p.img span.sec3_1-2{position: absolute; left: 90px; bottom: -194px;  transition: .3s .5s; opacity: 0;}
.sub3_1_con3.on p.img span.sec3_1-2{opacity: 1;}
.sub3_1_con4{height: 1540px; padding: 105px 0 0; background: #fef9f7; text-align: center; }
/* .sub3_1_con4.on{transform: translateY(0px); opacity: 1;} */
.sub3_1_con4 .p1{padding-bottom: 45px; font-size: 26px; font-weight: bold; position: relative;}
.sub3_1_con4 .p2{padding-bottom: 45px; font-size: 26px; font-weight: bold; position: relative;}
.sub3_1_con4 .p2 span{font-size: 18px; color: #333; font-weight: 400;}
.sub3_1_con4 .p1:after{content: ''; display: block; width: 40px; height: 2px; background: #de6f3a; position: absolute; left: 50%; bottom: 29px; transform: translateX(-50%);}
.sub3_1_con4 p.img{margin-bottom: 60px;}
.sub3_1_con5{height: 905px;  background: #fef9f7; text-align: center; }
.sub3_1_con5 .p1{padding-bottom: 45px; font-size: 26px; font-weight: bold; position: relative;}
.sub3_1_con5 .p1:after{content: ''; display: block; width: 40px; height: 2px; background: #de6f3a; position: absolute; left: 50%; bottom: 29px; transform: translateX(-50%);}

.sub3_1_con6{height: 690px; text-align: center; margin-bottom: 60px; }
.sub3_1_con6 .p1{padding: 40px 0 60px; font-size: 26px; font-weight: bold; position: relative;}
.sub3_1_con6 .p1:after{content: ''; display: block; width: 40px; height: 2px; background: #de6f3a; position: absolute; left: 50%; bottom: 29px; transform: translateX(-50%);}
.sub3_1_con6 .p1 span{font-size: 18px; color: #333; font-weight: 400;}
.sub3_1_con6 .p2{float: left; position: relative;}
.sub3_1_con6 .p2 span{position: absolute; right: -138px; top: 60px;}
.sub3_1_con6 .p3{float: right; }
.upsection{transform: translateY(200px); transition: .5s; opacity: 0;}
.upsection.on{transform: translateY(0px); opacity: 1;}

.sub3_2 .con1{text-align: center; padding: 100px 0 70px; }
.sub3_2 .con1 h2{font-size: 26px;}
.sub3_2 .con1 p{font-size: 16px;}
.sub3_2_con2{height: 610px; margin-bottom: 60px; overflow: hidden;}
.sub3_2_con2 .p1{position: relative; padding-left: 150px; }
/* .sub3_2_con2.on .p1{opacity: 1; transform: translateX(0);} */
.sub3_2_con2 .p1 span.sec3_2-con2{position: absolute; bottom: -230px; right: 170px;}
.sub3_2_con2 .p1:after{content: ''; display: block; width: 603px; height: 70px; background: url(/img/sub4_2_con2_1txt.png); position: absolute; bottom: 76px; right: 170px; z-index: -1}
.sub3_2_con3{height: 610px; margin-bottom: 60px;}
.sub3_2_con3 .p1{position: relative; padding-left: 150px;}
.sub3_2_con3 .p1 span.sec3_2-con3{position: absolute; bottom: -230px; right: 170px;}
.sub3_2_con3 .p1:after{content: ''; display: block; width: 605px; height: 74px; background: url(/img/sub4_2_con3_1txt.png); position: absolute; bottom: 76px; right: 170px; z-index: -1}
.sub3_2_con4{height: 610px; margin-bottom: 60px;}
.sub3_2_con4 .p1{position: relative; padding-left: 150px;}
.sub3_2_con4 .p1 span.sec3_2-con4{position: absolute; bottom: -165px; right: 170px;}
.sub3_2_con4 .p1:after{content: ''; display: block; width: 602px; height: 40px; background: url(/img/sub4_2_con4_1txt.png); position: absolute; bottom: 76px; right: 170px; z-index: -1}
.sub3_2_con5{height: 610px; margin-bottom: 60px; overflow: hidden;}
.sub3_2_con5 .p1{position: relative; padding-left: 150px;  opacity: 0; transform: translateX(-100%); transition: .3s;}
.sub3_2_con5.on .p1{opacity: 1; transform: translateX(0);}
.sub3_2_con5 .p1 span.sec3_2-con5{position: absolute; bottom: -165px; right: 170px;}
.sub3_2_con5 .p1:after{content: ''; display: block; width: 602px; height: 40px; background: url(/img/sub4_2_con5_1txt.png); position: absolute; bottom: 76px; right: 170px; z-index: -1}
.sub3_2_con6{height: 1440px; margin-bottom: 60px; overflow: hidden;}
.sub3_2_con6 .p1{position: relative; padding-left: 150px;  opacity: 0; transform: translateX(100%); transition: .3s;}
.sub3_2_con6.on .p1, .sub3_2_con6.on .p2, .sub3_2_con6.on .p3{opacity: 1; transform: translateX(0);}
.sub3_2_con6 .p1:after{content: ''; display: block; width: 602px; height: 38px; background: url(/img/sub4_2_con6_1txt.png); position: absolute; bottom: 76px; right: 170px; z-index: -1}
.sub3_2_con6 .p2{position: relative; text-align: right; padding-right: 154px;  opacity: 0; transform: translateX(100%); transition: .3s .3s;}
.sub3_2_con6 .p2:after{content: ''; display: block; width: 600px; height: 36px; background: url(/img/sub4_2_con7_1txt.png); position: absolute; bottom: 76px; left: 170px; z-index: -1}
.sub3_2_con6 .p3{position: relative; text-align: right; padding-right: 154px;  opacity: 0; transform: translateX(100%); transition: .3s .5s;}
.sub3_2_con6 .p3 video{position: absolute; bottom: -85%; left: 50%; transform: translateX(-50%); width: 901px; height: 237px;} 

.sub3_2_con6 .p3:after{content: ''; display: block; width: 902px; height: 103px; background: url(/img/sub4_2_con8_1deco.png); position: absolute; top: 350px; right: 154px; z-index: -1;}
/* .sub3_2_con6 .p3 span{display: block; width: 900px; height: 240px;} */

.sub4_1{text-align: center;}
.sub4_1 .sub_visual p:after{background: #6cb0aa;}
.sub4_1 .con1{padding: 80px 0 150px;}
.sub4_1 .con1 h2{padding: 25px 0 60px; font-size: 26px;}
.sub4_1 .con1 p.txt{font-size: 20px; padding-top: 40px;}
.sub4_1 .con1 p.txt strong{position: relative;}
.sub4_1 .con1 p.txt strong:after{content: ''; display: block; width: 56px; height: 64px; background: url(/img/sub5_1_titleicon.png); position: absolute; left: 50%; top: -80px; transform: translateX(-50%);}
.sub4_1 ul{margin: 90px 0 75px}
.sub4_1 ul li{float: left; width: 25%; border-right: 1px solid #6cb0aa;}
.sub4_1 ul li:last-child{border-right: 0px solid #6cb0aa;}
.sub4_1 ul li p{font-size: 16px;}
.sub4_1_con2 img.mb_size{display: none;}
.sub4_1_con3{text-align: center; padding-top: 175px;}
.sub4_1_con3 h3{font-size: 26px;  color: #142040; font-weight: bold; padding-bottom: 45px;}
.sub4_1_con3 p.txt{font-size: 20px; font-weight: bold; padding-bottom: 67px;}
.sub4_1_con3 p.txt strong{display: block; font-size: 26px; font-weight: bold; padding-bottom: 45px;}
.sub4_1_con3 img{transform: translateY(200px); opacity: 0; transition: .5s;}
.sub4_1_con3.on img{transform: translateY(0); opacity: 1;}
.sub4_1_con3 img.mb_size{display: none;}
.sub4_1_con4{text-align: center; padding-top: 175px;}
.sub4_1_con4 img.mb_size{display: none;}
.sub4_1_con4 img{transform: translateY(200px); opacity: 0; transition: .5s;}
.sub4_1_con4.on img{transform: translateY(0); opacity: 1;}
.sub4_1_con4 h3{font-size: 26px;  color: #142040; font-weight: bold; padding-bottom: 45px;}
.sub4_1_con4 p.txt{font-size: 20px; font-weight: bold; padding-bottom: 67px;}
.sub4_1_con4 p.txt strong{display: block; font-size: 26px; font-weight: bold; padding-bottom: 45px;}
.sub4_1_con5{text-align: center; padding: 175px 0 95px;}
.sub4_1_con5 h3{font-size: 26px;  color: #142040; font-weight: bold; padding-bottom: 55px; }

.blue{color: #6cb0aa !important;}
h2.bluetitle{text-align: center; padding: 80px 0 65px; position: relative; font-size: 26px;}
h2.bluetitle:after{content: ''; display: block; width: 40px; height: 2px; background:#578ec4; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}
.sub5_1{text-align: center;}
.sub5_1 .sub_visual p:after{background: #6cb0aa;}
.sub5_1 .con1{padding: 80px 0 150px;}
.sub5_1 .con1 h2{padding: 25px 0 60px; font-size: 26px; font-weight: 100;}
.sub5_1 .con1 p.txt{font-size: 20px;}
.sub5_1 ul{margin: 90px 0 75px}
.sub5_1 ul li{float: left; width: 25%; border-right: 1px solid #6cb0aa;}
.sub5_1 ul li .icon{height: 90px;}
.sub5_1 ul li:last-child{border-right: 0px solid #6cb0aa;}
.sub5_1 ul li p{font-size: 16px; letter-spacing: -2px;}
.sub5_1_con2{padding-bottom: 80px;background:#f0f7f6 ; overflow: hidden;}
.sub5_1_con2 .p1{transform: translateX(-100%); transition: .3s; opacity: 0;}
.sub5_1_con2.on .p1{opacity: 1; transform: translateX(0);}
.sub5_1_con2 .p2{text-align: right; transform: translateX(100%); transition: .3s; opacity: 0;}
.sub5_1_con2.on .p2{opacity: 1; transform: translateX(0);}
.sub5_1_con3{padding-bottom: 60px; overflow: hidden;}
.sub5_1_con3 .p1, .sub5_1_con3 .p3{transform: translateX(-100%); transition: .3s; opacity: 0;}
.sub5_1_con3.on .p1, .sub5_1_con3.on .p3, .sub5_1_con3.on .p2{opacity: 1; transform: translateX(0);}
.sub5_1_con3 .p2{transform: translateX(100%); transition: .3s; opacity: 0;}
.sub5_1_con4{text-align: center;  background:#f0f7f6; padding-bottom: 65px; transform: translateY(200px); transition: .3s; opacity: 0; overflow: hidden;}
.sub5_1_con4.on{transform: translateY(0%);opacity: 1;}
.sub5_1_con5{text-align: center; padding-bottom: 90px;transform: translateY(200px); transition: .3s; opacity: 0; overflow: hidden;}
.sub5_1_con5.on{transform: translateY(0%);opacity: 1;}

/* 푸터영역 */
footer{text-align: left; color: #333; background: #f4f4f43d; position: relative; }
footer:after{content: ''; display: block; width: 100%; height: 1px; background: #d4d4d4; position: absolute; left: 0%; top: 60px;}
footer.main:after{background: rgba(255, 255, 255, 0.2); }
footer .top{height: 60px; line-height: 60px; }
footer .top li{float: left; padding: 0 32px; }
footer .top li a{color: #333;}
footer .top a.top{float: right;font-size: 16px; font-weight: 400; color: #333; padding-right: 30px;position: relative;}
footer .top a.top:after{content: ''; display: inline-block; width: 16px; height: 19px; background: url(/img/top_btn_black.png); position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
footer .bottom { display: flex; padding: 20px 0; align-items: flex-end; }
footer .bottom .box{font-size: 14px; letter-spacing: -1px; padding: 0 8px;}
footer .bottom .box{position: relative; }
footer .bottom .box::after { content:""; width: 1px;height: 40px; background-color: #333; vertical-align: bottom; position: absolute; right: 0; bottom: 0;}
footer .bottom .box:last-child{text-align: right;padding-right: 0;}
footer .bottom .box:last-child::after { display: none; }
footer .bottom .box img{height: 40px;}
footer .bottom .box strong{font-size: 30px; line-height: 18px;}
footer.main{position: absolute; bottom: 0; left: 0; right: 0;  color: #fff; background: rgba(255, 255, 255, 0.1);  border-top: 1px solid rgba(255, 255, 255, 0.1)}
footer.main .top li a{color: #fff;}
footer.main .top a.top{color: #fff; }
footer.main .top a.top:after{background: url(/img/top_btn.png);}

footer .bottom .box::after
footer.main .bottom .box::after {background-color: #fff;}
footer.main .bottom .box:first-child {padding-left: 0; }

.swiper-button-next:after, .swiper-button-prev:after {font-size: 20px !important; }

.sub1_2_read .title{border-top: 2px solid #de6f3a; border-bottom: 1px solid #ddd; margin-top: 60px;}
.sub1_2_read .title h4{font-size: 16px; color: #212121; font-weight: bold; padding:30px 0 15px;}
.sub1_2_read .title .update li{float: left; padding-right: 15px; padding-bottom: 20px; font-size: 12px; color: #616161; font-weight: 500;}
.sub1_2_read .title .update li strong{font-size: 12px; color: #616161; font-weight: 500;}
.sub1_2_read .title .update li.date{float: left; padding-right: 15px;}
.sub1_2_read .txt{padding: 60px 0px; margin-bottom: 120px; }
.sub1_2_read .read_list{border-top: 1px solid #ddd; margin-bottom: 100px;}
.sub1_2_read .read_list > div{width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
.sub1_2_read .read_list > div > h3{float: left; color: #212121; font-size: 12px; padding-left:15px;}
.sub1_2_read .read_list > div > h3.title_direc{width: 100px; padding-right: 10px; position: relative;}
.sub1_2_read .read_list > div > h3.list_date{float: right; width: 80px; padding:0 15px 0 0 ;}
.sub1_2_read .read_list > .up > h3.title_direc:after{content: ''; display: block; width: 5px; height: 3px; background: url(/img/prev_icon.png); position: absolute; left: 10px; top: 50%;transform: translate(-50%, -50%);}
.sub1_2_read .read_list > .down > h3.title_direc:after{content: ''; display: block; width: 5px; height: 3px; background: url(/img/next_icon.png); position: absolute; left: 10px; top: 50%;transform: translate(-50%, -50%);}
.sub1_2_read .btnBottom{margin:23px 0 20px; font-size: 12px;}
.sub1_2_read  .btnBottom .btnL{float: left; padding: 12px 23px; margin-right: 10px;}
.sub1_2_read  .btnBottom .btnR{float: right; margin-left: 10px;}
.sub1_2_read  .btnBottom .whitebtn{background: #fff; color: #616161; padding: 12px 23px; cursor: pointer; outline: 0; border: 0; border: 1px solid #ddd;}
.sub1_2_read  .btnBottom a.yellowbtn{background: #ffc619; color: #142b6f; padding: 12px 43px;}
.sub1_2_read  .btnBottom a.greenbtn{background: #6cb0aa; color: #fff; padding: 12px 43px;}

/* 페이징 */
.paging {text-align: center;  height: 38px;} 
.paging > li{display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 5px;}
.paging > li.hide a{font-size: 0; position: relative;}
.paging > li > img{width: 100%; height: 100%;}
.paging > li >a{display: block; width: 100%; font-size: 14px; color: #bbb;}
.paging > li.on >a{font-size: 14px; color: #ffc619;}
.paging > li.hide.on >a{font-size: 0px; }
.paging > li.prev a:after{content: ''; display: block; width: 38px; height: 38px; background: url(/img/page_prev.png); position: absolute; left: 0; top: -6px;}
.paging > li.first a:after{content: ''; display: block; width: 38px; height: 38px; background: url(/img/page_first.png); position: absolute; left: 0; top: -6px;}
.paging > li.next a:after{content: ''; display: block; width: 38px; height: 38px; background: url(/img/page_next.png); position: absolute; left: 0; top: -6px;}
.paging > li.last a:after{content: ''; display: block; width: 38px; height: 38px; background: url(/img/page_end.png); position: absolute; left: 0; top: -6px;}
.pg_wrap{float: none;}
.pg_current{background: #de6f3a; border-radius: 0; border: 0;}
.pg_page{border-radius: 0;}

.reference_photo select{width: 200px; height: 30px; margin-bottom: 10px;}
.reference_photo input[type="submit"] {width: 50px;vertical-align: top;height: 30px; background-color: #de6f3a; outline: 0; border: 0; color: #fff;}
.reference_wirte{padding-bottom: 100px;}
.reference_photo .chk_box{margin-bottom: 5px;}
.sub1_2 .reference_photo ul.board li{cursor: pointer;}
.privacy{padding: 100px 0;}
.provision{padding: 100px 0;}

@media screen and (max-width: 1500px){
.gnb.gnbBig .menu2 > li > a{font-size: 44px; }
.gnb.gnbBig .menu2 > li > a:after{width: 10px; height: 10px; }
.gnb.gnbBig .menu2 > li .sub_menu li{font-size: 16px}
.gnb.gnbBig .menu2 > li{  text-align: left; height: 100px;}

}

@media screen and (max-width: 1200px){
.visual{height: 1024px;}
.gnb.gnbBig .menu2 > li > a{font-size: 38px; }
.gnb.gnbBig .menu2 > li {height: 90px;}
br.pc{display: none;}
br.tablet{display: block;}
.swiper-container{text-align: center;}
.sub_slide{display: block;}

.header article.header{width: 100%; }
.header .logo{padding-left: 20px;}
.header nav.top{display: none;}
.header .toggle{margin-right: 20px;}
footer{text-align: left; color: #333; background: #f4f4f43d; }
footer:after{top: 40px;}

footer .top{height: 40px; line-height: 40px;}
footer .top li{float: left; padding: 0 20px; }
footer .top a.top:after{position: absolute; right: 5px;}
footer .bottom .box{float: none; width: 100%;margin: 5px 0; padding: 0px; text-align: center;}
footer .bottom .box{height: 40px; border-right:none; }
footer.main .bottom .box {border-right: none;}
footer .bottom .box:last-child{text-align: center; border-right: none; padding-right: 0;}
footer .bottom .box strong{font-size: 16px; line-height: 18px;}


article.page{width: 100%; margin: 0 auto; padding: 0 10px;}
.visual .text:before{content: ''; display: block; width: 100%; height:100vh; background-size: 100%; background-repeat: no-repeat; }
.visual .text h4:after{content: ''; display: block; width: 309px; height: 18px; background: url(/img/main_deco_fb.png); position: absolute; left: 50%; top: 0px; transform: translateX(-50%);}
.visual .text h1{font-size: 60px;}
.visual .text .btn{margin-right: 10px;}

/* 서브1-1 */
.sub1_1 .ceo_greet{width: 900px;}
.sub1_2 .sports_diary ul >li p{font-size: 16px; letter-spacing: -2px; line-height: 23px;}
.sub1_2 .sports_diary ul >li .icon img.sportsD{width: 200px;}
.sub1_3 ul.top{margin: 60px 0 40px; text-align: center;}
.sub1_3 ul.top > li{float: none;}
.sub1_3 ul.top > li.pic{margin-right: 0px; }
.sub1_3 ul.top > li.txt .p1{font-size: 24px; letter-spacing: -1px; padding:10px 0 40px; position: relative;}
.sub1_3 ul.top > li.txt .p1:after{ display: none;}
.sub1_3 ul > li.txt .p2{font-size: 18px; color: #333; letter-spacing: -2px;}
.sub1_3 .wrap{height: 730px;}
.sub1_3 ul.right {float: none; text-align: center;}
.sub1_3 ul.right .txt{width: 100%; float: none; }
.sub1_3 ul.right .txt .p1:after{display: none;}
.sub1_3 ul.left {float: none; padding-top: 50px; text-align: center;}
.sub1_3 .centertxt{padding-left: 0px; text-align: center; padding-top: 430px}
.sub1_3 .centertxt .p1:after{display: none; }
.sub1_3.on .centertxt{padding-left: 0px; padding-top: 420px;} 
.sub1_3 ul.bottom{width: 100%; height: 400px; background: url(/img/sub1_3_4.jpg) ;margin: 60px 0 100px; color: #fff; padding: 0 66px;}
.sub1_3 ul.bottom .p1{font-size: 24px; padding: 115px 0px 40px; position: relative;}
.sub1_3 ul.bottom .p1:after{content: ''; display: block; width: 40px; height: 2px; background: #fff; position: absolute; left: 0;bottom: 25px; }
.sub1_3 ul.bottom .p2{font-size: 18px;color: rgba(255, 255, 255, 0.8) !important; letter-spacing: 0 !important;}
.sub1_4 ul.adress li .txt{font-size: 16px; }

/* 서브2 */
.sub2_1 .con1 p{font-size: 16px; margin-bottom: 50px; }
.sub2_1 .con2{width: 100%; height: 1200px; margin-bottom: 0px;}
.sub2_1_con3 {background:#f0f7f6 ; width: 100%; height: 975px;}
.sub2_1_con3 p.img{display: none; text-align: center;}
.sub2_1_con4 {width: 100%; padding: 165px 0 130px ;}
.sub2_1_con4 p.img{display: none;}
.sub2_1_con5 {background:#f0f7f6 ; width: 100%; height: 980px;}
.sub2_1_con5 p.img{display: none;}
.sub2_1_con6 {width: 100%; height: 800px;}
.sub2_1_con6 p.img{display: none;}
.sub2_2_con2 .con2{display: none;}
.sub2_2_con3 .con3{display: none;}
.sub2_2_con4 .con4{display: none;}
.sub2_2_con5 .con5{display: none;}
.sub2_2_con6 .con6{display: none;}
.sub2_3 .con1 article > p{font-size: 16px;}
.section{display: none;}
.sub2_3_slide p.notice{widows: 100%; height: 60px; line-height: 60px; font-size: 24px; background: #6cb0aa; color: #fff; text-align: center; margin: 60px 0;}
.sub2_2_con5 .wid70{width: 60%;}
p.mb{display: block;}
/* 서브3 */
.sub3_1 .con1 p{ font-size: 16px;}
.sub3_1 .con1 ul li{ font-size: 14px; }
.sub3_1_con2 img{width: 100%; margin: 0 auto;}
.sub3_1_con3{height: 550px; margin-bottom: 125px;}
.sub3_1_con3 h2{font-size: 26px; color: #333; font-weight: bold; text-align: center}
.sub3_1_con3 p.img{display: none; }
.sub3_1_con4{height: 1300px; padding: 105px 0 0; background: #fef9f7; text-align: center; }
.sub3_1_con5{height: 500px}
.sub3_2 .con1{text-align: center; padding: 100px 0 70px; }
.sub3_2_con2{height: 610px; margin-bottom: 60px;}
.sub3_1_con4 .wrap,.sub3_1_con5 .wrap, .sub3_1_con6 .p3,.sub3_1_con6 .p2, 
.sub3_2_con2,.sub3_2_con3,.sub3_2_con4,.sub3_2_con5,.sub3_2_con6{display: none;}
.sub3_2_slide{margin-bottom: 50px;}

/* 서브4 */
.sub4_1 .con1 p.txt{font-size: 16px;}
.sub4_1 ul li p{font-size: 14px;}
.sub4_1 ul li{ border-right: 0px solid #6cb0aa;}

.sub4_1_con2 img{width: 100%;}
.sub4_1_con3 h3{padding-bottom: 20px;}
.sub4_1_con3 p.txt{font-size: 16px; padding-bottom: 20px;}
.sub4_1_con3 p.txt strong{display: block; font-size: 16px; font-weight: bold; padding-bottom: 25px;}
.sub4_1_con3 img{width: 100%;}
.sub4_1_con4{text-align: center; padding-top: 175px;}
.sub4_1_con4 h3{padding-bottom: 20px;}
.sub4_1_con4 p.txt{font-size: 16px; padding-bottom: 20px;}
.sub4_1_con4 p.txt strong{padding-bottom: 25px; font-size: 16px; }
.sub4_1_con4 img{width: 100%;}
.sub4_1_con5{text-align: center; padding: 175px 0 30px;}
.sub4_1_con5 p.img{display: none;}

/* 서브5 */
.sub5_1 .con1 p.txt{font-size: 16px;}
.sub5_1 ul li{border: 0;}
.sub5_1 ul li p{font-size: 14px;}
.sub5_1_con2 .p1,
.sub5_1_con2 .p2{display: none;}
.sub5_1_con3 .p1,
.sub5_1_con3 .p2,
.sub5_1_con3 .p3{display: none;}
.sub5_1_con4 .p1 img,
.sub5_1_con5 .p1 img{width: 900px;}
.sub5_1_con3 .sub_slide .swiper-slide img{width: 900px}

.sub1_2_read{padding-top: 100px;}
.sub3_1_con3 .swiper-slide img{width: 61%;}
}

@media screen and (max-width: 1100px){
.visual .text{width: 100%; position: absolute; left: 50%; top: 300px; transform: translateX(-50%); z-index: 1; }
.visual .text:before{content: ''; display: block; width: 100%; height:100vh; background-size: 100%; background-repeat: no-repeat; top: -200px;}
}

@media screen and (max-width: 960px){
    br.plus_t{display:block;}
br.sm_tablet{display: block;}
.visual .text{top: 250px; transform: translateX(-50%); z-index: 1; }
.visual .text:before{top: -150px;}
.visual .text h1{font-size: 50px;}
.gnb.gnbBig .menu2 > li > a{font-size: 34px; }
.gnb.gnbBig .menu2 > li {padding-bottom: 5px; height: 100px;}
.gnb.gnbBig .menu2 > li .sub_menu li {font-size: 14px;}
.gnb.gnbBig .menu2 > li > a:after{width: 8px; height: 8px; }

.sub_visual{padding-top: 100px; text-align: center;}
.sub1_2 .sub_visual{padding-top: 180px; text-align: center;}

.sub_visual .sub_title{font-size: 40px; color : #de6f3a;}
.sub_visual .sub_title.sm{font-size: 30px; color : #de6f3a;}
.sub_visual p{font-size: 20px; color : #a0a0a1; position: relative;}

/* * 서브1 */
.sub1_1 .ceo_greet{width: 700px; padding: 40px 50px;}
.sub1_1 .massage{padding-top: 85px;}
.sub1_1 .massage h2{font-size: 24px; padding-bottom:65px; position: relative;}
.sub1_1 .massage p{font-size: 16px; padding-bottom: 55px; position: relative;}
.sub1_1 .massage p:after{display: none;}
.sub1_1 .ceo_greet h2{font-size: 20px; padding-bottom: 15px;}
.sub1_1 .ceo_greet p{font-size: 16px;}
.sub1_2 .sports_diary ul >li p{font-size: 16px; letter-spacing: -2px; line-height: 23px;}
.sub1_2 .sports_diary ul >li .icon img.sportsD{width: 200px;}
.sub1_2 .sports_diary > p{font-size: 14px;}
.sub1_2 .sports_diary > h2{font-size: 30px;}
.sub1_2 .sports_diary ul >li{width: 48%;}
.sub1_2 .sports_diary ul.hB >li{width: 48%}
.sub1_2 .sports_diary ul >li:nth-child(2n){margin-right: 0;}
.sub1_2 .reference_photo {padding:125px 0 ;}
.sub1_2 .reference_photo ul.board li{float: left; width: 32%; margin-right: 2%;}
.sub1_2 .reference_photo ul.board li:nth-child(4n){margin-right: 2%;}
.sub1_2 .reference_photo ul.board li:nth-child(3n){margin-right: 0%;}
/* .sub1_2 .reference_photo select{width: 200px !important; height: 30px;} */
.sub1_3 ul.top > li.txt .p1{font-size: 20px;}
.sub1_3 ul > li.txt .p2{font-size: 16px;}
.sub1_3 ul.right .txt .p1{font-size: 20px;}
.sub1_3 .centertxt .p1 {font-size: 20px;}
.sub1_3 ul.bottom{padding: 0 40px;}
.sub1_3 ul.bottom .p1{font-size: 20px; }
.sub1_3 ul.bottom .p2{font-size: 16px;}
.sub1_4 ul.adress li .txt{font-size: 16px; }

.sub2_1_con5 .sub_slide .swiper-slide img{width: 70%;}
.sub2_3_slide .sub_slide .swiper-slide img{width: 70%;}
.sub2_3_slide p.notice {font-size: 20px;}
.sub2_3 .con1 .page_icon {width: 100%;}
.sub2_3 .con1 .page_icon li p {font-size: 16px;}
.sub2_3 .con1 h2 {font-size: 20px;padding: 30px 0;}
.sub2_3 .con1 br.tabletnone{display: none;}

.sub2_2 .con1 .page_icon {width: 100%; height: 700px; }
.sub2_2 .con1 .page_icon:after {display: none;}
.sub2_2 .con1 .page_icon li {width: 33.333%;border: none;}
.sub3_1_con4 .p2 span {font-size: 16px;}
.sub3_1 .con1 ul li p {font-size: 14px;}
.sub3_1 .con1 h2,.sub3_1 .con1 p strong , .sub3_1_con3 h2 , .sub3_1_con3 p.p1 , .sub3_1_con4 .p1 , .sub3_1_con4 .p2 , .sub3_1_con5 .p1, .sub3_1_con5 .p1,.sub3_1_con6 .p1 {font-size: 20px};
.sub3_1_con6 .p1 span {font-size: 16px;}
.sub3_2_slide .sub_slide .swiper-slide img{width: 70%;}
.sub3_2 .con1 h2 {font-size: 20px;}
.sub4_1 .con1 h2{padding: 25px 0 30px; font-size: 20px;}
.sub4_1 br.tabletnone, .sub4_1_con4 br.tabletnone{display: none;}
.sub4_1_con3 h3, .sub4_1_con4 h3 {font-size: 20px;}
.sub4_1_con5 h3 {font-size: 20px; padding-bottom: 35px;}

.sub5_1 .con1 h2 {padding: 25px 0 30px; font-size: 20px;}
.sub5_1 br.tabletnone{display: none;}
.sub5_1_con2 .sub_slide .swiper-slide img{width: 70%;}
.sub5_1_con3 .sub_slide .swiper-slide img{width: 70%;}
.sub5_1_con4 .p1 img{width: 70%;}
.sub5_1_con5 .p1 img{width: 70%;}

}

@media screen and (max-width: 960px){
    .sub4_1 .con1 p.txt strong:after {width: 28px; height: 32px;background: url(/img/sub5_1_titleicon.png); background-size: 100%;position: absolute;left: 50%;top: -50px;transform: translateX(-50%);}
}

@media screen and (max-width: 767px){
.gnb.gnbBig .menu2 > li:hover{height: auto;}
.multi_float img,
.video_float img,
.system_float img,
.chat img{width: 65px;}

.header nav {padding-right: 0;}
nav.bigNv {width: 420px;}
nav.bigNv .logo{left: 0; display: none;}
.gnb.gnbBig .menu2 > li .sub_menu li {display: block;}
/* nav.bigNv .logo img{left: 0;} */
.gnb.gnbBig .menu2 > li {padding:0 0 20px 50px; text-align: left;}
.gnb.gnbBig{width: 100%; }
.gnb.gnbBig .menu2 > li > a{font-size: 24px; }
.gnb.gnbBig .menu2 > li .sub_menu li {font-size: 16px; padding-left: 0; height: 30px;}
.gnb.gnbBig .menu2 > li > a:after{width: 8px; height: 8px; }
    
.visual .text{top: 250px; }
.visual .text:before{top: -100px;}
.visual .text h1{font-size: 40px;}

.sub1_1 .ceo_greet{width: 100%; padding: 40px 50px;}
.sub1_1 .massage{padding-top: 65px;}
.sub1_1 .massage h2{font-size: 20px; padding-bottom:60px; }
.sub1_1 .massage p{font-size: 15px; padding-bottom: 35px;}
.sub1_1 .ceo_greet h2{font-size: 16px; }
.sub1_1 .ceo_greet p{font-size: 14px;}
.sub1_2 .reference_photo h2{font-size: 30px;}
.sub1_2 .reference_photo ul.borad li h4.title{font-size: 14px; }
.sub1_2 .reference_photo ul.borad li p{font-size: 12px; }
.sub1_3 ul.top > li.pic img{width: 100%;}
.sub1_3 ul.top > li.txt .p1{font-size: 20px;}
.sub1_3 ul > li.txt .p2{font-size: 16px;}
.sub1_3 ul.right .txt .p1{font-size: 20px;}
.sub1_3 .centertxt .p1 {font-size: 20px;}
.sub1_3 ul.bottom{padding: 0 40px;}
.sub1_3 ul.bottom .p1{font-size: 20px; }
.sub1_3 ul.bottom .p2{font-size: 16px;}
.sub1_4 ul.adress li.ali {width: 100%; border-bottom: 2px solid #de6f3a;}
.sub1_4 ul.adress li { padding: 20px 10px 0;}


.sub2_1 .con1 .page_icon > li{width: 50%; height: 150px;}
.sub2_1 .con1 .page_icon > li:after{display: none}
.sub2_1 .con2 {height: 900px;}
.sub2_1_con3 {height: 700px;}
.sub2_1_con3 h2 {font-size: 20px;padding-top: 80px;}
.sub2_1_con3 .sub_slide .swiper-slide img{width: 70%;}
.sub2_1_con4 h2 {font-size: 20px;padding-top: 80px;}
.sub2_1_con4 { padding: 0px 0 50px;}
.sub2_1_con4 .sub_slide .swiper-slide img{width: 70%;}
.sub2_1_con5 h2 { font-size: 20px; padding: 80px 0 30px;}
.sub2_1_con5 {height: 640px;}
.sub2_1_con6 {height: 700px;}
.sub2_1_con6 h2 {font-size: 20px; padding-top: 80px;}
.sub2_1_con6 .sub_slide .swiper-slide img{width: 70%;}
.sub2_2 .con1 h2 {font-size: 20px;padding: 20px 0 30px;}
.sub2_2 .con1 article > p {font-size: 16px;}
.sub2_2 .con1 .page_icon li p {font-size: 16px; font-weight: 400;}
.sub2_3 .con1 .page_icon li {width: 33.333%; height: 200px; border-right: 0px solid #de6f3a;}
.sub2_3 .con1 .page_icon:after {display: none;}
.sub2_3 .con1 .page_icon {height: 500px;}
.sub2_3_slide p.notice {font-size: 16px;}
.sub3_1 br.tabletnone{display: none;}
.sub3_1_con3 .sub_slide .swiper-slide img{width: 70%;}
.sub3_1 .con1 ul li {width: 50%;}
.sub3_1 .con1 ul li {border: none;}
.sub3_1_con4 {height: 1000px;}
.sub3_1_con4 p.img img{width: 70%;}
.sub3_1_con4 .sub_slide .swiper-slide img{width: 70%;}
.sub3_1_con5 .sub_slide .swiper-slide img{width: 70%;}
.sub3_1_con6 .sub_slide .swiper-slide img.wid70{width: 70%;}
.sub4_1 ul {margin: 45px 0 30px;}
.sub4_1 ul li {width: 50%;height: 230px; border: none;}
.sub4_1_con3 p.txt strong {padding-bottom: 0;}
.sub4_1_con4 p.txt strong {padding-bottom: 0;}
.sub5_1  br.tabletnone{display: none;}
.sub5_1 ul li {height: 270px; width: 50%;border: none;}
h2.bluetitle{font-size: 20px;}

.privacy{padding: 50px 0;}
.provision{padding: 50px 0;}

}
@media screen and (max-width: 640px){
    .gnb.gnbBig .menu2 > li {padding-bottom: 5px; height: 75px;}

br.mb{display: block;}
.header .logo {padding-top: 10px;}
.header .logo img{width: 150px;}

.visual .text:before {top: -50px;}
.visual .text h1 {font-size: 30px;}
.visual .btn img{width: 150px;}
footer.main .top li a {font-size: 14px;}
footer.main .bottom .box {font-size: 12px;}
footer .top li a {font-size: 14px;}
footer .bottom .box {font-size: 12px;}
footer .top a.top {font-size: 14px;}

.sub_visual{padding-top: 50px;}
.sub1_2 .sub_visual{padding-top: 140px; text-align: center;}
.sub_visual .sub_title{font-size: 30px; }
.sub_visual .sub_title.sm{font-size: 20px; }
.sub_visual p{font-size: 16px;}

.sub1_1 .ceo_greet p { font-size: 12px;}
.sub1_1 .ceo_greet {padding: 40px 30px;}
.sub1_2 .sports_diary > h2 {font-size: 20px;}
.sub1_2 .sports_diary > h2:after {top: 45px;}
.sub1_3 ul > li.txt .p2 {font-size: 14px;}
.centertxt .p2 {font-size: 14px;}
.sub1_3 ul.bottom {padding: 0 10px;}
.sub1_3 br.mbnone{display: none;}
.sub1_3 .right .pic img{width: 100%;}
.sub1_3 .left .pic img{width: 100%;}
.sub1_4 .map {height: 360px;}
.sub1_4 p{font-size: 14px;}

.sub2_1 .con1 h2 {font-size: 20px; padding: 25px 0 30px;}
.sub2_1 .con1 p {font-size: 14px;}
.sub2_3 .con1 article > p {font-size: 14px;font-weight: 400;}
.sub2_3 .con1 .page_icon li p {font-weight: 400; font-size: 14px;}
.sub2_3_slide p.notice {font-size: 12px;}
.sub3_1 .con1 p {font-size: 14px; font-weight: 400;}
.sub2_2 .con1 h2 {font-size: 16px;}
.sub2_2 .con1 article > p { font-size: 14px; font-weight: 400;}
.sub3_2 .con1 p{font-size: 14px;}
.sub4_1_con3 p.txt {font-size: 14px; font-weight: 400;}
.sub4_1_con4 p.txt {font-size: 14px;font-weight: 400;}
.sub5_1 .con1 p.txt {font-size: 14px;}

}


@media screen and (max-width: 500px){
.multi_float, .video_float, .system_float, .chat{right: 10px;}
br.mb_sm{display: block;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 15px !important; }
footer .top li { padding: 0 3px;}
footer .top a.top {font-size: 12px;}
footer .top li a {font-size: 12px;}
footer .bottom .box {font-size: 10px;}
footer.main .bottom .box {font-size: 10px;}
.visual{width: 100%; height: 840px; background: url(/img/main_bg_mb.jpg) no-repeat; background-size: cover; text-align: center; color: #fff; position: relative;}
.visual .text:before{content: ''; display: block; width: 348px; height: 506px; background: url(/img/main_bg_decomb.png); background-size: 100%; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); z-index: -1; animation: frame 2s infinite;}
.visual .btn img {width: 100px;}
nav.bigNv {width: 300px;}
.gnb.gnbBig .menu2 > li {padding:0 0 10px 15px;}
.gnb.gnbBig{width: 100%; }
.gnb.gnbBig .menu2 > li > a{font-size: 24px; }
.gnb.gnbBig .menu2 > li .sub_menu li {height: 25px;}
.gnb.gnbBig .menu2 > li > a:after{width: 5px; height: 5px; }
.gnb.gnbBig .menu2 > li .sub_menu li {padding: 0px;}

.sub_visual{padding-top: 50px;}
.sub1_2 .sub_visual{padding-top: 140px; text-align: center;}
.sub_visual .sub_title{font-size: 20px; }
.sub_visual .sub_title.sm{font-size: 20px; }
.sub_visual p{font-size: 14px;}

.sub1_1 .ceo_greet h2{text-align: center;}
.sub1_1 .ceo_greet { padding: 40px 20px;}
.sub1_1 .ceo_greet p {text-align: center;}
.sub1_2 .sports_diary ul >li p {font-size: 14px;}
.sub1_2 .sports_diary ul >li p span {font-size: 12px;}
.widelg{width: 150px !important;}
.sub1_2 .reference_photo h2{font-size: 20px;}
.sub1_2 .reference_photo {padding:50px 0 ;}
.sub1_2 .reference_photo ul.board >li{float: left; width: 48%; margin-right: 2%;}
.sub1_2 .reference_photo ul.board >li:nth-child(4n){margin-right: 2%;}
.sub1_2 .reference_photo ul.board >li:nth-child(3n){margin-right: 2%;}
.sub1_2 .reference_photo ul.board >li:nth-child(2n){margin-right: 0%;}

.sub1_3 ul.bottom .p1 {font-size: 16px;}
.sub1_3 ul.top > li.txt .p1,
.sub1_3 .centertxt .p1,
.sub1_3 ul.right .txt .p1 {font-size: 18px;}
.sub1_3 .centertxt { padding-top: 130px;}
.sub1_3 ul.bottom > li.txt .p2 {font-size: 12px;}
.sub1_3.on .centertxt {padding-top: 320px;}

br.mb_smnone{display: none;}
.sub2_1 .con1 h2 {font-size: 16px;}
.sub2_1_con3 {height: 500px;}
.sub2_1_con5 {height: 500px;}
.sub2_1_con6 {height: 500px;}
.sub2_2_con2 .sub_slide .swiper-slide img{width: 40%;}
.sub2_2_con3 .sub_slide .swiper-slide img{width: 40%;}
.sub2_2_con4 .sub_slide .swiper-slide img{width: 40%;}
.sub2_1 .con2{height: 2280px; background: url(/img/sub2_2mb.jpg) no-repeat; background-size: 100%;}
.sub2_1 .con2{ background: url(/img/sub2_2mb.jpg) no-repeat; background-size: 100%;}

.sub2_3 .con1 h2 {font-size: 16px;}
.sub2_3 .con1 .page_icon li {width: 50%;}
.sub2_3 .con1 .page_icon {height: 750px;}
.sub2_3_slide p.notice {line-height: 28px;}
.sub2_2 .con1 .page_icon li p {font-size: 14px;}
.sub3_1 .con1 h2, .sub3_1 .con1 p strong, .sub3_1_con3 h2, .sub3_1_con3 p.p1, .sub3_1_con4 .p1, .sub3_1_con4 .p2, .sub3_1_con5 .p1, .sub3_1_con5 .p1, .sub3_1_con6 .p1 {font-size: 16px;}
.sub2_2_con5 .sub_slide .swiper-slide img{width: 50%;}
.sub2_2_con5 .wid70{width: 70% !important;}
.sub2_2_con6 .sub_slide .swiper-slide img{width: 40%;}
.sub2_2 .con1 .page_icon{height: 500px;}
.sub2_2 .con1 .page_icon li {height: 160px;}
.sub2_2 .con1 .page_icon li p {font-size: 14px;}
.sub3_1_con3 {height: 300px;}
.sub3_1_con4 {height: 800px;}
.sub3_1_con5 {height: 350px;}
.sub3_1_con6 .sub_slide .swiper-slide img.he200{height: 200px;}
.sub3_1_con6 {height: 450px;}
.sub3_2 .con1 h2 {font-size: 16px;}
.sub3_1_con2 img.pc_size{display: none;}
.sub3_1_con2 img.mb_size{display: block;}
.sub4_1 .con1 {padding: 80px 0 0px;}
.sub4_1 .con1 h2 {font-size: 16px;}
.sub4_1 .con1 p.txt {font-size: 14px;}

.sub4_1 ul li p {font-size: 12px;}
.sub4_1_con5 .sub_slide .swiper-slide img{width: 50%;}
.sub4_1_con2 img.mb_size{display: block;}
.sub4_1_con2 img.pc_size{display: none;}
.sub4_1_con3{padding-top: 0px;}
.sub4_1_con3 img.mb_size{display: block;}
.sub4_1_con3 img.pc_size{display: none;}
.sub4_1_con4 img.mb_size{display: block;}
.sub4_1_con4 img.pc_size{display: none;}
.sub4_1_con4 {padding-top: 0;}
.sub4_1_con5 {padding: 0px 0 30px;}
.sub5_1 .con1 h2 {font-size: 16px;}
.sub5_1 .con1 p.txt {font-size: 13px;}
.sub5_1 .wid70 {width: 100%;}
.list_title strong{font-size: 10px;}
.sub1_2_read .read_list > div > h3 { width: 100px; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; word-wrap:break-word;}
.sub1_2_read .read_list > div > h3.title_direc{width: 60px; font-size: 10px;}
.sub1_2_read .txt{padding: 3px;}
}

@media screen and (max-width: 415px){
    .sub1_3.on .centertxt{padding-top: 220px;}
 br.mb_xs{display: none;}
 br.mb_xsbl{display: block;}
.sub2_1 .con1 ul li p,
.sub2_3 .con1 .page_icon li p,
.sub3_1 .con1 ul li p {font-size: 12px;}
.sub2_3 .con1 .page_icon li {height: 160px;}
.sub2_3 .con1 .page_icon {height: 600px;}
.sub5_1 ul li p {font-size: 12px;}
.sub2_2 .con1 .page_icon li p {font-size: 12px;}
.sub2_1 .con2{height: 1780px;}
h2.title2_2 {font-size: 16px;}
.sub1_3 ul.top > li.txt .p1, .sub1_3 .centertxt .p1, .sub1_3 ul.right .txt .p1 {font-size: 16px;}
.sub2_1_con3 h2, .sub2_1_con4 h2, .sub2_1_con5 h2,  .sub2_1_con6 h2 {font-size: 16px;}
.sub3_2_slide h3.txt{font-size: 16px;}
.sub4_1 .con1 {padding: 80px 0 50px;}
.sub4_1 .con1 {padding: 80px 0 0px;}
.sub5_1 ul {margin: 90px 0 0px;}
.sub5_1 ul li {height: 220px;}
}
@media screen and (max-width: 380px){
    .sub1_3.on .centertxt{padding-top: 120px;}
.sub4_1_con3 p.txt {font-size: 12px;}
.sub4_1_con4 p.txt {font-size: 12px;}
.sub2_1 .con2{height: 1680px;}
}


.sub1_1 .massage p {font-weight: 600;}
.sub1_1 .ceo_greet h2 {text-align: center;}
.sub1_1 .ceo_greet p {text-align: center;}


.scroll-reveal {
    opacity: 0;
    transform: translateY(50px);
    visibility: hidden;
    pointer-events: none;
    transition: all 0.7s ease-out;
}

.scroll-reveal.reveal-show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}