header {position: fixed; z-index: 102; left: 0; top: 0; width: 100%;}
header .inner {display: flex; justify-content: space-between; align-items: center; width: 95%; margin: 0 auto; padding-top: 20px;}
header h1 {width: 180px;}
header h1 img {display: block; width: 100%;}
header .logo_b {display: none;}
header ul li {margin-bottom: 8px; font-weight: 700; font-size: 24px; color: rgba(255, 255, 255, 0.2); text-align: right; transition: color 0.5s;}
header ul li:last-child {margin-bottom: 0px;}
header ul li:hover {color: rgba(255, 255, 255, 1);}
header ul li.active {color: rgba(255, 255, 255, 1);}

header.active .logo_b {display: block;}
header.active .logo_w {display: none;}
header.active ul li { color: rgba(0, 0, 0, 0.2);;}
header.active ul li:hover {color: rgba(0, 0, 0, 1);}
header.active ul li.active {color: rgba(0, 0, 0, 1);}
@media screen and (max-width:1000px) and (min-width:720.1px){
  header .inner {padding-top: 15px;}
  header h1 {width: 120px;}
  header ul li {margin-bottom: 6px; font-size: 20px;}
}/* md2 */

@media screen and (max-width:720px){
  header .inner {width: 92%; padding-top: 10px;}
  header h1 {width: 80px;}
  header ul li {margin-bottom: 4px; font-size: 18px;}
}/* sm */
/* ------------------------------hedaer end---------------------------------- */



/* ------------------------------emblem---------------------------------- */
.emblem_wrp {position: fixed; z-index: 101; right: 40px; bottom: 40px; width: 90px; height: 90px;}
.emblem_wrp button {width: 100%; height: 100%;}
.emblem_wrp::after { content: ""; position: absolute; z-index: -1; left: 50%;  top: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; background-image: url(../img/icon_right_light.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.emblem_wrp .emblem {position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border-radius: 50%; color:  #ffffff; animation: spin 20s linear infinite; text-align: center; text-transform: uppercase;}
.emblem_wrp .emblem	span {position: absolute; display: inline-block; left: 0;	right: 0; top: 0; bottom: 0; text-transform: uppercase;	font-size: 12px; font-family: 'Montserrat', sans-serif; transition: all .5s cubic-bezier(0,0,0,1);}
.emblem_wrp.color .emblem {color: #000;}
.emblem_wrp.color::after {background-image: url(../img/icon_right_bk.png);}
@media screen and (max-width:1400px) and (min-width:720.1px){
  .emblem_wrp  {right: 2.5%; }
}/* md1 + md2*/
@media screen and (max-width:1000px) and (min-width:720.1px){
  .emblem_wrp {bottom: 30px; width: 80px; height: 80px;}
  .emblem_wrp .emblem	span {font-size: 11px;}
}/* md2 */
@media screen and (max-width:720px){
  .emblem_wrp {right: 4%; bottom: 10px; width: 70px; height: 70px; transition: bottom 0.5s;}
  .emblem_wrp .emblem	span {font-size: 10px;}
}/* sm */
@media screen and (max-width:413px){
  .emblem_wrp.active {bottom: 288px;}
}/* sm add */
@keyframes spin {
		0% {
			transform: rotateZ(360deg);
		}
		100% {
			transform: rotateZ(0deg);
		}
}/* emblem animation */
/* ------------------------------emblem end---------------------------------- */



/* ------------------------------fam_menu---------------------------------- */
.fam_menu {position: fixed; z-index: 103; right: -400px; top: 0; width: 400px; height: 100vh; padding: 64px 64px 0px 64px; box-sizing: border-box; background: #ffffff; transition: right 0.5s;}
.fam_menu.active {right: 0; box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;}
.fam_menu ul li {margin-bottom: 64px;}
.fam_menu ul li:last-child {margin-bottom: 0px;}
.fam_menu ul li span {display: block; font-weight: 300; color: #666666;}
.fam_menu ul li a {font-weight: 500; font-size: 36px; color: #000000; transition: color 0.2s;}
.fam_menu ul li:nth-child(1) a:hover {color: #C8A063;}
.fam_menu ul li:nth-child(2) a:hover {color: #8C77E5;}
.fam_menu ul li:nth-child(4) a:hover {color: #00C07B;}
.fam_menu ul li:nth-child(3) a {position: relative; background: linear-gradient(101.09deg, #F09819 -4.65%, #FF5858 99.85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.fam_menu ul li:nth-child(3) a::after {content: "now!"; position: absolute; right: -44px; bottom: 4px; letter-spacing: 0px; font-size: 16px; font-weight: 600; background: linear-gradient(101.09deg, #F09819 -4.65%, #FF5858 99.85%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* ie에서 텍스트 그라데이션 지원안됨 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fam_menu ul li:nth-child(3) a {background: none; color: #F09819;}
  .fam_menu ul li:nth-child(3) a::after {background: none; color: #F09819;}
}/* ie */
.fam_menu ul li:nth-child(5) a:hover {color: #19CE60;}
@media screen and (max-width:1000px) and (min-width:720.1px){
  .fam_menu {right: -45%; width: 45%; padding: 64px 44px 0px 44px;}
  .fam_menu ul li {margin-bottom: 54px;}
  .fam_menu ul li span {font-size: 14px;}
  .fam_menu ul li a {font-size: 28px;}
}/* md2 */
@media screen and (max-width:720px){
  .fam_menu {right: -70%; width: 70%; max-width: 300px; padding: 64px 34px 0px 34px;}
  .fam_menu ul li {margin-bottom: 34px;}
  .fam_menu ul li span {font-size: 12px;}
  .fam_menu ul li a {font-size: 20px;}
}/* sm */
/* ------------------------------fam_menu end---------------------------------- */




/* ------------------------------scroll_wrp---------------------------------- */
.scroll_wrp {position: absolute; z-index: 11; left: 50%; bottom: 5%; transform: translateX(-50%); text-align: center;}
.scroll_wrp span {position: relative; display: inline-block; width: 2px; height: 120px; background: rgba(255, 255, 255, 0.4);}
.scroll_wrp span::after {content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 33.33%; background: rgba(255, 255, 255, 0.4); animation: drop 2s infinite ease-in-out;}
.scroll_wrp p {margin-top: 10px; font-size: 12px; font-weight: 500; color: #ffffff;}
@media screen and (max-width:1000px) and (min-width:720.1px){
  .scroll_wrp span {height: 100px;}
}/* md2 */
@media screen and (max-width:720px){
  .scroll_wrp span {height: 80px;}
}/* sm */
@keyframes drop {
  0% {
    top: 0px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  80% {
    top: 66.66%;
    opacity: 1;
  }
  100% {
    top: 66.66%;
    opacity: 0;
  }
}/* scroll animation */
/* ------------------------------scroll_wrp end---------------------------------- */



/* ------------------------------main_vis---------------------------------- */
.main_vis {position: relative; width: 100%; height: 100vh; overflow: hidden; }
.main_vis video {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%;}
.main_vis::after {content: ""; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.main_vis .textbox {z-index: 11; width: 100%; color: #ffffff; text-align: center;}
.main_vis .textbox h3 span {font-size: 18px;}
.main_vis .textbox h3 span strong {font-weight: 600;}
.main_vis .textbox h2 {position: relative; margin-bottom: 40px; font-size: 64px; font-weight: 700;}
.main_vis .textbox h2 strong {border-bottom: 4px solid #ffffff;}
.main_vis .textbox ul li {display: inline-block; padding: 10.5px 16px; margin-right: 8px; background: rgba(255, 255, 255, 0.15); border-radius: 100px;}
.main_vis .textbox ul li:last-child {margin-right: 0px;}
.main_vis .textbox ul li:nth-child(-n+5) {margin-bottom: 8px;}
@media screen and (max-width:1000px) and (min-width:720.1px){
  .main_vis .textbox h3 span {font-size: 16px;}
  .main_vis .textbox h2 {font-size: 50px;}
  .main_vis .textbox h2 strong {border-bottom: 3px solid #ffffff;}
  .main_vis .textbox ul li {padding: 9px 14px; font-size: 15px;}
}/* md2 */
@media screen and (max-width:720px){
  .main_vis .textbox h3 span {font-size: 14px;}
  .main_vis .textbox h2 {font-size: 30px;}
  .main_vis .textbox h2 strong {border-bottom: 2px solid #ffffff;}
  .main_vis .textbox ul li {padding: 7px 12px; font-size: 14px;}
}/* sm */
/* ------------------------------main_vis---------------------------------- */




/* ------------------------------cm_sec_01---------------------------------- */
.cm_sec_01 {width: 100%; padding: 240px 0px; background: #1A1A1A; color: #ffffff;}
.cm_sec_01 ul li {float: left; width: 700px; margin-right: 20px; margin-bottom: 120px;}
.cm_sec_01 ul li:nth-child(even) {margin-right: 0px;}
.cm_sec_01 ul li:nth-last-child(-n+2) {margin-bottom: 0px;}
.cm_sec_01 ul li >img {display: block; width: 100%; margin-bottom: 64px;}
.cm_sec_01 ul li .textbox h3 {font-size: 18px; font-weight: 500; color: #F88E26;}
.cm_sec_01 ul li .textbox h2 {margin: 16px 0px 64px 0px; font-size: 40px; font-weight: 500;}
.cm_sec_01 ul li .textbox a {position: relative;  display: block; width: 227px; height: 64px; text-align: center; line-height: 64px; border: 1px solid #333333; border-radius: 2px; font-weight: 500;}
.cm_sec_01 ul li .textbox a span {position: relative; z-index: 10;}
.cm_sec_01 ul li .textbox a img {margin-left: 8px; vertical-align: -4px;}
.cm_sec_01 ul li .textbox a::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(101.09deg, #F09819 -4.65%, #FF5858 99.85%); opacity: 0; transition: opacity 0.5s;}
.cm_sec_01 ul li .textbox a:hover::after {opacity: 1;}
/* .cm_sec_01 ul li .textbox a:hover {background: url(../img/btn_bg.png) no-repeat center center; background-size: cover;} */
/* .cm_sec_01 ul li .textbox a:hover {background: linear-gradient(101.09deg, #F09819 -4.65%, #FF5858 99.85%);} */
@media screen and (max-width:1520.1px)  and (min-width:500.1px){
  .cm_sec_01 ul li {width: 49%; margin-right: 2%;}
}/* lg + md1 + md2 + sm */
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .cm_sec_01 {padding: 180px 0px;}
  .cm_sec_01 ul li {margin-bottom: 100px;}
  .cm_sec_01 ul li >img {margin-bottom: 50px;}
  .cm_sec_01 ul li .textbox h3 {font-size: 17px;}
  .cm_sec_01 ul li .textbox h2 {margin: 12px 0px 48px 0px; font-size: 35px;}
  .cm_sec_01 ul li .textbox a {width: 200px; height: 54px; line-height: 54px;}
}/* md1 */

@media screen and (max-width:1000px) and (min-width:720.1px){
  .cm_sec_01 {padding: 140px 0px;}
  .cm_sec_01 ul li {margin-bottom: 80px;}
  .cm_sec_01 ul li >img {margin-bottom: 40px;}
  .cm_sec_01 ul li .textbox h3 {font-size: 16px;}
  .cm_sec_01 ul li .textbox h2 {margin: 10px 0px 40px 0px; font-size: 30px;}
  .cm_sec_01 ul li .textbox a {width: 180px; height: 50px; line-height: 50px; font-size: 14px;}
}/* md2 */

@media screen and (max-width:720px){
  .cm_sec_01 {padding: 100px 0px;}
  .cm_sec_01 ul li {margin-bottom: 60px;}
  .cm_sec_01 ul li >img {margin-bottom: 30px;}
  .cm_sec_01 ul li .textbox h3 {font-size: 14px;}
  .cm_sec_01 ul li .textbox h2 {margin: 8px 0px 32px 0px; font-size: 24px;}
  .cm_sec_01 ul li .textbox a {width: 160px; height: 48px; line-height: 48px; font-size: 12px;}
  .cm_sec_01 ul li .textbox a img {vertical-align: -5px;}
}/* sm */
@media screen and (max-width:500px){
  .cm_sec_01 ul li {width: 100%; margin-right: 0px;}
  .cm_sec_01 ul li:nth-last-child(-n+2) {margin-bottom: 80px;}
  .cm_sec_01 ul li:last-child {margin-bottom: 0px;}
}/* sm add */
/* ------------------------------cm_sec_01 end---------------------------------- */





/* ------------------------------sub_vis---------------------------------- */
.sub_vis {width: 100%; height: 100vh; background-image: url(../img/sub_vis_img.png); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
.sub_vis .center {position: relative; height: 100vh;}
.sub_vis .textbox {position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #ffffff;}
.sub_vis .textbox h3 {margin-bottom: 48px; font-size: 18px;}
.sub_vis .textbox h3 strong {font-weight: 700;}
.sub_vis .textbox h2 {font-weight: 300; font-size: 48px;}
.sub_vis .textbox h2 span {font-weight: 500;}
.sub_vis .scroll_wrp {position: absolute; left: 0; top: 50%; bottom: auto; transform: translate(0%,125%);}
.sub_vis .scroll_wrp span::after {background: rgba(255, 255, 255, 1);}
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub_vis .scroll_wrp {transform: translate(0%,150%);}
}/* md1 */
@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub_vis .textbox h3 {margin-bottom: 40px;}
  .sub_vis .textbox h2 {font-size: 40px;}
  .sub_vis .scroll_wrp {transform: translate(0%,125%);}
}/* md2 */

@media screen and (max-width:720px){
  .sub_vis .textbox h3 {margin-bottom: 20px; font-size: 16px;}
  .sub_vis .textbox h2 {font-size: 26px;}
  .sub_vis .scroll_wrp {transform: translate(0%,125%);}
}/* sm */
/* ------------------------------sub_vis end---------------------------------- */



/* ------------------------------sub_cm_sec_01 end---------------------------------- */
.sub_cm_sec_01 {background: #1A1A1A; color: #ffffff;}
.sub_cm_sec_01 .desc {font-size: 48px; font-weight: 300; word-break: keep-all;}
.sub_cm_sec_01 .desc span {font-weight: 500;}
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub_cm_sec_01 .desc {font-size: 34px;}
}/* md1 */

@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub_cm_sec_01 .desc {font-size: 32px;}
}/* md2 */

@media screen and (max-width:720px){
  .sub_cm_sec_01 .desc {font-size: 22px;}
}/* sm */
/* ------------------------------sub_cm_sec_01 end---------------------------------- */



/* ------------------------------sub_sec_01---------------------------------- */
.sub_sec_01 {padding: 240px 0px 320px 0px;}
.sub_sec_01 .desc {margin-bottom: 160px;}
.sub_sec_01 .wrapper {display: flex; flex-wrap: wrap; width: 100%;}
.sub_sec_01 .wrapper >ul {display: flex; flex-wrap: wrap; width: calc(100% - 700px);}
.sub_sec_01 .wrapper >ul >li {width: 33.33%;}
.sub_sec_01 .wrapper >ul >li h2 {margin-bottom: 48px; font-size: 24px; font-weight: 500;}
.sub_sec_01 .wrapper >ul >li ul li {margin-bottom: 8px;}
.sub_sec_01 .wrapper >ul >li ul li:last-child {margin-bottom: 0px;}
.sub_sec_01 .wrapper >ul >li ul li button {font-size: 20px; font-weight: 300; border-bottom: 1px solid rgba(255, 255, 255, 0);}
.sub_sec_01 .wrapper >ul >li ul li.active button {border-bottom: 1px solid rgba(255, 255, 255, 1);}
.sub_sec_01 .wrapper figure {width: 700px; height: 420px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
@media screen and (max-width:1500px) and (min-width:1400.1px){
  .sub_sec_01 .wrapper >ul {width: 50%;}
  .sub_sec_01 .wrapper figure {width: 50%;}
}/* lg add */

@media screen and (max-width:1400px) and (min-width:720.1px){
  .sub_sec_01 .wrapper {justify-content: space-between;}
  .sub_sec_01 .wrapper >ul {width: 420px;}
  .sub_sec_01 .wrapper >ul >li {display: flex; width: 100%; margin-bottom: 20px;}
  .sub_sec_01 .wrapper >ul >li h2 {width: 140px; margin-bottom: 0px; margin-right: 80px; font-size: 20px;}
  .sub_sec_01 .wrapper >ul >li ul li button {font-size: 18px;}
  .sub_sec_01 .wrapper figure {width: calc(100% - 450px); height: 30vw;}
}/* md1 + md2*/

@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub_sec_01 {padding: 180px 0px 240px 0px;}
  .sub_sec_01 .desc {margin-bottom: 120px;}
}/* md1 */

@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub_sec_01 {padding: 150px 0px 200px 0px;}
  .sub_sec_01 .desc {margin-bottom: 80px;}
  .sub_sec_01 .desc span {white-space: nowrap;}
  .sub_sec_01 .desc .brd {display: none;}

  .sub_sec_01 .wrapper >ul {width: 350px;}
  .sub_sec_01 .wrapper >ul >li h2 {width: 130px; margin-right: 20px; font-size: 18px;}
  .sub_sec_01 .wrapper >ul >li ul li button {font-size: 16px;}
  .sub_sec_01 .wrapper figure {width: calc(100% - 350px); height: 300px;}
}/* md2 */

@media screen and (max-width:720px){
  .sub_sec_01 {padding: 100px 0px 150px 0px;}
  .sub_sec_01 .desc {margin-bottom: 60px;}
  .sub_sec_01 .wrapper {flex-direction: column-reverse;}
  .sub_sec_01 .wrapper >ul {width: 100%;}
  .sub_sec_01 .wrapper >ul >li h2 {margin-bottom: 20px; font-size: 16px;}
  .sub_sec_01 .wrapper >ul >li ul li button {font-size: 14px;}
  .sub_sec_01 .wrapper figure {width: 100%; height: 50vw; margin-bottom: 30px;}
}/* sm */
@media screen and (max-width:500px){
  .sub_sec_01 .wrapper >ul >li h2 {font-size: 14px;}
  .sub_sec_01 .wrapper >ul >li ul li button {font-size: 12px;}
}/* sm add */
/* ------------------------------sub_sec_01 end---------------------------------- */




/* ------------------------------sub_sec_02---------------------------------- */
.sub_sec_02 {padding-bottom: 320px;}
.sub_sec_02 .desc {margin-bottom: 180px; text-align: right;}
.sub_sec_02 .wrapper {display: flex; align-items: center;  justify-content: space-between; flex-wrap: wrap; width: 100%;}
.sub_sec_02 .left {position: relative; width: 580px;}
.sub_sec_02 .left .emblem_wrp_02 {position: absolute; left: 15%; top: 0; width: 480px; height: 480px;}
.sub_sec_02 .left .emblem_wrp_02 .emblem_02 {position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border-radius: 50%; color:  #ffffff; animation: spin 20s linear infinite; text-align: center; text-transform: uppercase;}
.sub_sec_02 .left .emblem_wrp_02 .emblem_02 span {position: absolute; display: inline-block; left: 0;	right: 0; top: 0; bottom: 0; text-transform: uppercase;	font-size: 24px; font-family: 'Montserrat', sans-serif; transition: all .5s cubic-bezier(0,0,0,1);}
.sub_sec_02 .right {position: relative; width: 740px; text-align: right;}
.sub_sec_02 .right span {padding: 90px 93px; border: 2px solid #ffffff; border-radius: 100%; font-size: 24px; font-weight: 600;}
.sub_sec_02 .right span::before {content: ""; position: absolute; left: 0px; top: 50%; width: 255px; height: 22px; transform: translateY(-50%);background: url(../img/sub_sec2_img_02.png) no-repeat center center; background-size: cover;}
@media screen and (max-width:1500px){
  .sub_sec_02 .left figure img {display: block; width: 100%;}
}/* lg + md + sm */
@media screen and (max-width:1500px) and (min-width:1400.1px){
  .sub_sec_02 .left {width: 40%;}
  .sub_sec_02 .left figure {width: 400px;}
  .sub_sec_02 .left .emblem_wrp_02 {width: 400px; height: 400px;}
  .sub_sec_02 .right {width: 55%}
}/* lg add */
@media screen and (max-width:1400px) and (min-width:720.1px){
  .sub_sec_02 .left {width: 50%;}
  .sub_sec_02 .left figure {width: 35vw;}
  .sub_sec_02 .left .emblem_wrp_02 {width: 35vw; height: 35vw;}
  .sub_sec_02 .right {width: 50%;}
  .sub_sec_02 .right {overflow: hidden; padding: 70px 0px;}
}/* md1 + md2*/
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub_sec_02 {padding-bottom: 240px;}
  .sub_sec_02 .desc {margin-bottom: 120px;}
  .sub_sec_02 .left .emblem_wrp_02 .emblem_02 span {font-size: 20px;}
  .sub_sec_02 .right span {padding: 60px 64px; font-size: 22px;}
  .sub_sec_02 .right span::before {left: auto; right: 360px;}
}/* md1 */

@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub_sec_02 {padding-bottom: 200px;}
  .sub_sec_02 .desc {margin-bottom: 100px;}
  .sub_sec_02 .desc .brd {display: none;}
  .sub_sec_02 .left .emblem_wrp_02 .emblem_02 span {font-size: 18px;}
  .sub_sec_02 .right span {padding: 40px 44px; font-size: 20px;}
  .sub_sec_02 .right span::before {left: auto; right: 280px;}
}/* md2 */
@media screen and (max-width:720px){
  .sub_sec_02 {padding-bottom: 150px; overflow-x: hidden;}
  .sub_sec_02 .desc {margin-bottom: 80px;}
  .sub_sec_02 .left {width: 100%; max-width: 320px; margin: 0 auto 30px;}
  .sub_sec_02 .left figure {width: 270px;}
  .sub_sec_02 .left .emblem_wrp_02 {width: 270px; height: 270px;}
  .sub_sec_02 .left .emblem_wrp_02 .emblem_02 span {font-size: 18px;}
  .sub_sec_02 .right {width: 100%; max-width: 320px; margin: 0 auto; padding-top: 100px; text-align: center; overflow: hidden;}
  .sub_sec_02 .right span {display: block; padding: 60px 0px; font-size: 18px;}
  .sub_sec_02 .right span::before {left: 50%; top: auto; bottom: 290px; transform: translate(-50%,0%) rotate(90deg);}
}/* sm */
/* ------------------------------sub_sec_02 end---------------------------------- */




/* ------------------------------sub_sec_03---------------------------------- */
.sub_sec_03 {position: relative; padding-bottom: 240px; overflow-x: hidden;}
.sub_sec_03 .desc {margin-bottom: 80px;}
.sub_sec_03 .btn_contact {position: absolute; right: 0; bottom: 0; width: 68%; padding: 100px 120px; box-sizing: border-box; font-size: 64px; font-weight: 500; background-image: url(../img/btn_bg_de.png); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background 0.5s;}
.sub_sec_03 .btn_contact:hover {background-image: url(../img/btn_bg_ho.png);}
.sub_sec_03 .btn_contact i {position: absolute; left: 540px; top: 50%; transform: translateY(-50%); width: 250px; height: 2px; background: #ffffff; transition: left 0.5s;}
.sub_sec_03 .btn_contact i::after {content: ""; position: absolute; right: 6px; top: -16px; width: 2px; height: 20px; background: #ffffff; transform: rotate(-45deg);}
.sub_sec_03 .btn_contact i::before {content: ""; position: absolute; right: 6px; top: -2px; width: 2px; height: 20px; background: #ffffff; transform: rotate(45deg);}
.sub_sec_03 .btn_contact:hover i {left: 620px;}
.sub_sec_03 .img_ab_01 {position: absolute; left: 70%; top: 20%;}
.sub_sec_03 .img_ab_02 {position: absolute; left: 5%; bottom: 5%;}
@media screen and (max-width:1400px){
  .sub_sec_03 figure {width: 80%;}
  .sub_sec_03 figure img {display: block; width: 80%;}
}/* md + sm */
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub_sec_03 {padding-bottom: 180px;}
  .sub_sec_03 .desc {margin-bottom: 60px;}
  .sub_sec_03 .btn_contact {padding: 70px 80px; font-size: 54px;}
  .sub_sec_03 .btn_contact i {left: 440px; width: 200px; }
  .sub_sec_03 .btn_contact:hover i {left: 540px;}
}/* md1 */
@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub_sec_03 {padding-bottom: 150px;}
  .sub_sec_03 .desc {margin-bottom: 40px;}

  .sub_sec_03 .btn_contact {width: 80%; padding: 60px 30px; font-size: 44px;}
  .sub_sec_03 .btn_contact i {left: 300px; width: 140px; }
  .sub_sec_03 .btn_contact:hover i {left: 340px;}

  .sub_sec_03 .img_ab_01 {left: 74%; top: 32%; width: 240px;;}
  .sub_sec_03 .img_ab_02 {left: -4%; bottom: 8%;}
}/* md2 */
@media screen and (max-width:720px){
  .sub_sec_03 .img_ab_01 , .sub_sec_03 .img_ab_02 {display: none;}
  .sub_sec_03 {padding-bottom: 100px;}
  .sub_sec_03 .desc {margin-bottom: 20px;}
  .sub_sec_03 figure {width: 100%;}
  .sub_sec_03 .btn_contact {width: 80%; padding: 10vw 30px; font-size: 28px;}
  .sub_sec_03 .btn_contact i {left: 200px; width: 40px;}
  .sub_sec_03 .btn_contact:hover i {left: 220px;}
}/* sm */
/* ------------------------------sub_sec_03 end---------------------------------- */




/* ------------------------------sub2_sec_01---------------------------------- */
.sub2_sec_01 {padding: 200px 0px 120px 0px;}
.sub2_sec_01 .desc {margin-bottom: 120px;}
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub2_sec_01 {padding: 180px 0px 100px 0px;}
  .sub2_sec_01 .desc {margin-bottom: 90px;}
}/* md1 */
@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub2_sec_01 {padding: 160px 0px 80px 0px;}
  .sub2_sec_01 .desc {margin-bottom: 60px;}
}/* md2 */
@media screen and (max-width:720px){
  .sub2_sec_01 {padding: 120px 0px 60px 0px;}
  .sub2_sec_01 .desc {margin-bottom: 30px;}
}/* sm */
/* ------------------------------sub2_sec_01 end---------------------------------- */



/* ------------------------------sub3_sec_01---------------------------------- */
.sub3_sec_01 {width: 100%; padding: 200px 0px 120px 0px; background: #F7F7F7;}
.sub3_sec_01 .title {margin-bottom: 120px; font-size: 48px; color: #000000;}
.sub3_sec_01 .form_wrp {width: 100%;}
.sub3_sec_01 .form_wrp p {float: left; margin-bottom: 64px;}
.sub3_sec_01 .form_wrp .wd_50 {width: 49%;}
.sub3_sec_01 .form_wrp .mg_rg {margin-right: 2%;}
.sub3_sec_01 .form_wrp .wd_100 {width: 100%;}
.sub3_sec_01 .form_wrp label {display: block; margin-bottom: 16px; font-size: 20px; color: #000000;}
.sub3_sec_01 .form_wrp label span {margin-left: 4px; font-size: 15px; color: #666666;}
.sub3_sec_01 .form_wrp input, .sub3_sec_01 .form_wrp textarea {width: 100%; padding: 12px 16px; font-weight: 300;}
.sub3_sec_01 .form_wrp input {height: 48px;}
.sub3_sec_01 .form_wrp textarea {min-height: 240px;}
.sub3_sec_01 .form_wrp button {width: 213px; height: 64px; background: linear-gradient(101.09deg, #F09819 -4.65%, #FF5858 99.85%); color: #ffffff; font-weight: 500;}
.sub3_sec_01 .form_wrp button img {margin-left: 8px; vertical-align: -4px;}
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub3_sec_01 {padding: 180px 0px 100px 0px;}
  .sub3_sec_01 .title {margin-bottom: 90px; font-size: 34px;}
  .sub3_sec_01 .form_wrp p {margin-bottom: 54px;}
  .sub3_sec_01 .form_wrp label {margin-bottom: 14px; font-size: 18px;}
  .sub3_sec_01 .form_wrp label span {font-size: 14px;}
}/* md1 */
@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub3_sec_01 {padding: 160px 0px 80px 0px;}
  .sub3_sec_01 .title {margin-bottom: 60px; font-size: 32px;}
  .sub3_sec_01 .form_wrp p {margin-bottom: 44px;}
  .sub3_sec_01 .form_wrp label {margin-bottom: 12px; font-size: 16px;}
  .sub3_sec_01 .form_wrp label span {font-size: 13px;}
}/* md2 */
@media screen and (max-width:720px){
  .sub3_sec_01 {padding: 120px 0px 60px 0px;}
  .sub3_sec_01 .title {margin-bottom: 30px; font-size: 22px;}
  .sub3_sec_01 .form_wrp .wd_50 {width: 100%;}
  .sub3_sec_01 .form_wrp .mg_rg {margin-right: 0%;}
  .sub3_sec_01 .form_wrp p {margin-bottom: 34px;}
  .sub3_sec_01 .form_wrp label {margin-bottom: 12px; font-size: 14px;}
  .sub3_sec_01 .form_wrp label span {font-size: 12px;}
  .sub3_sec_01 .form_wrp input, .sub3_sec_01 .form_wrp textarea {font-size: 14px;}
  .sub3_sec_01 .form_wrp input {height: 44px;}
  .sub3_sec_01 .form_wrp textarea {min-height: 200px;}
  .sub3_sec_01 .form_wrp button {display: block;  margin: 0 auto; box-sizing: border-box; font-size: 14px;}
}/* sm */
/* ------------------------------sub3_sec_01 end---------------------------------- */




/* background-image: url(../img/sub_vis_img.png); background-position: center center; background-repeat: no-repeat; background-size: cover; */
/* background: url(../img/btn_bg.png) no-repeat center center; background-size: cover; */
/* ------------------------------footer---------------------------------- */
footer {overflow: hidden; position: relative; width: 100%; padding: 80px 0px; background: url(../img/cm_sec2_bg.png) no-repeat center center; background-size: cover; color: #ffffff;}
footer h2 {font-weight: 600; font-size: 32px;}
footer h3 {margin: 24px 0px 48px 0px; font-weight: 600; font-size: 48px;}
footer .f_list_01 {margin-bottom: 80px;}
footer .f_list_01 h4 {margin-bottom: 12px; font-weight: 600; font-size: 24px;}
footer .f_list_01 p {font-weight: 500; font-size: 20px;}
footer .f_list_01 li:first-child {margin-bottom: 32px;}
footer .f_list_02 li {float: left; display: flex; align-items: center; font-size: 14px;}
footer .f_list_02 li h5 {margin-right: 16px;}
footer .f_list_02 li p {font-weight: 500;}
footer .f_list_02 li:first-child {margin-right: 48px;}
footer .f_list_02 li:last-child {float: right;}
footer .f_list_02 li:last-child h5 {margin-right: 0px;}
@media screen and (max-width:1700px) and (min-width:1400.1px){
  footer .f_list_02 li:last-child {float: left; margin-left: 48px;}
}/* lg add */
@media screen and (max-width:1400px) and (min-width:1000.1px){
  footer {padding: 70px 0px;}
  footer h2 {font-size: 26px;}
  footer h3 {margin: 20px 0px 36px 0px;font-size: 40px;}
  footer .f_list_01 {margin-bottom: 60px;}
  footer .f_list_01 h4 {margin-bottom: 10px; font-size: 20px;}
  footer .f_list_01 p {font-size: 18px;}
  footer .f_list_01 li:first-child {margin-bottom: 28px;}
  footer .f_list_02 li h5 {margin-right: 12px;}
  footer .f_list_02 li:first-child {margin-right: 28px;}
  footer .f_list_02 li:last-child {float: left; margin-left: 28px;}
}/* md1 */
@media screen and (max-width:1000px) and (min-width:720.1px){
  footer {padding: 60px 0px;}
  footer h2 {font-size: 22px;}
  footer h3 {margin: 14px 0px 28px 0px;font-size: 32px;}
  footer .f_list_01 {margin-bottom: 50px;}
  footer .f_list_01 h4 {margin-bottom: 8px; font-size: 18px;}
  footer .f_list_01 p {font-size: 16px;}
  footer .f_list_01 li:first-child {margin-bottom: 22px;}
  footer .f_list_02 li {float: none; margin-bottom: 8px;}
  footer .f_list_02 li h5 {margin-right: 20px;}
  footer .f_list_02 li:first-child {margin-right: 0px;}
  footer .f_list_02 li:last-child {float: none;}
}/* md2 */
@media screen and (max-width:720px){
  footer {padding: 40px 0px;}
  footer h2 {font-size: 20px;}
  footer h3 {margin: 8px 0px 20px 0px;font-size: 28px;}
  footer .f_list_01 {margin-bottom: 40px;}
  footer .f_list_01 h4 {margin-bottom: 6px; font-size: 16px;}
  footer .f_list_01 p {font-size: 14px;}
  footer .f_list_01 li:first-child {margin-bottom: 18px;}
  footer .f_list_02 li {float: none; margin-bottom: 8px; font-size: 12px;}
  footer .f_list_02 li h5 {margin-right: 20px;}
  footer .f_list_02 li:first-child {margin-right: 0px;}
  footer .f_list_02 li:last-child {float: none;}
}/* sm */
/* ------------------------------footer end---------------------------------- */



@media screen and (min-width:1400.1px){
}/* lg */

@media screen and (max-width:1400px) and (min-width:720.1px){
}/* md1 + md2*/

@media screen and (max-width:1400px) and (min-width:1000.1px){
}/* md1 */

@media screen and (max-width:1000px) and (min-width:720.1px){
}/* md2 */

@media screen and (max-width:720px){
}/* sm */


.sub3_sec_list {width: 100%; padding: 160px 0px 100px 0px;}
@media screen and (max-width:1400px) and (min-width:1000.1px){
  .sub3_sec_list {padding: 140px 0px 80px 0px;}
}/* md1 */
@media screen and (max-width:1000px) and (min-width:720.1px){
  .sub3_sec_list {padding: 120px 0px 60px 0px;}
}/* md2 */
@media screen and (max-width:720px){
  .sub3_sec_list {padding: 100px 0px 40px 0px;}
  /*.sub3_sec_list table {table-layout: fixed;}*/
  .sub3_sec_list #bo_list .tbl_head01 thead th:nth-child(4),
  .sub3_sec_list #bo_list .tbl_head01 thead th:nth-child(5),
  .sub3_sec_list #bo_list .tbl_head01 thead th:nth-child(6) {display: none;}

  .sub3_sec_list #bo_list table .td_chk {width: 5%}
  .sub3_sec_list #bo_list table .td_num2 {width: 10%}
  .sub3_sec_list #bo_list table .td_subject {width: 85%}

  .sub3_sec_list #bo_list table .td_name {display: none;}
  .sub3_sec_list #bo_list table .td_num {display: none;}
  .sub3_sec_list #bo_list table .td_datetime {display: none}
}/* sm */