#
/*
Theme Name: coasia
Author:webpre:team
Auther URI: http://www.expensive07.cafe24.com
Description: 코아시아 테마입니다.
Version: 1.0.0
 */
/* 피씨 */
* {box-sizing: border-box; }
body {font-family: 'TitilliumB Web', sans-serif; max-width: 100vw; overflow-x: hidden; width: 100%;}
header {position: relative;}
.top-header {overflow: hidden; border-bottom: 1px solid #ccc;}
.top-header .inner {max-width: 1451px; margin:0 auto; padding: 0 15px;}
.top-header a.group {font-size: 11px; line-height: 26px; color:#333; font-weight: 400; float:left; transition: 0.2s;}
.top-header a.group:hover {color:rgb(3, 102, 224);}
.top-header a:hover {color:rgb(0, 51, 102);}
.top-header ul.lang {text-align: right;}
.top-header ul.lang li {display: inline-block; margin: 0 5px;}
.top-header ul.lang li a {font-size: 11px; font-weight: 400; color:#333; line-height: 26px;}
.search-ico {position: absolute; left:22px; top:50%;  z-index: 10; transform: translateY(-50%);}
.top-header ul.lang li a:hover {color:rgb(3, 102, 224);}
.top-header.top-header2 {display: none;}
.menu-arrow {display: none;}
.search-ico {display: none;}
.tabimg4.mobile-on {position: absolute;}
header nav ul li {cursor: pointer;}
nav ul {}
.mobile-utill { display: none; }

/*서기현 수정*/
img {	display:block; margin:center;}
#subpage img:not(.list-i-img):not(.list-i-new):not(.user-i-level):not(.custom_mobile):not(.custom_pc) {width:100%;height:auto; display:block; margin:center;}
#mb_pressroom_ko_tr_content img, #mb_pressroom_zhtw_tr_content img , #mb_pressroom_zh_tr_content img , #mb_pressroom_tr_content img {max-width:700px;height:auto;} 
#mb_pressroom_ko_tr_content .fn_image img, #mb_pressroom_zhtw_tr_content .fn_image img , #mb_pressroom_zh_tr_content .fn_image img , #mb_pressroom_tr_content .fn_image img {display:none !important;} 
#subpage .mb-board img {width:auto !important;height:auto !important;}
#subpage .mb-layout-btn-box img {width:100% !important;height:auto;}
#subpage .pagination-box .page_arrow img {width:auto !important;}
#subpage #pressroom_board_body img{width:auto;}
#subpage #pressroom_board_box img{width:auto;}
#subpage #pressroom_pagination_box img{width:auto;}
#subpage .board-view img{width:auto;}

#menu-coasia-menu > li > a {font-weight: bold !important;}
nav ul li a {font-family: 'TitilliumB Web',sans-serif; font-weight: 500;}
nav ul .sub-menu a:hover {color: red !important;}
@media (min-width:1025px) {
  nav{ background: #fff; position: relative; z-index: 100; border-bottom: 1px solid #eaeaea; display: block!important; }
  nav .nav-inner {max-width: 1451px; margin: 0 auto; position: relative; padding:0 15px;}
  nav .nav-inner:after{ content: ''; clear: both; display: table; overflow: hidden; height: 0;}
  /* nav:after{ content: ''; clear: both; display: table; } */
  nav .logo{ float: left; color: white; font-weight: 600; position: relative; padding-left:0px; }
  nav .logo img {height: 45px; position: relative; top: 10px;}
  nav ul{ float: right; margin-right: 60px; list-style: none; position: relative;}
  nav ul li{ float: left; display: inline-block; background: #fff; margin: 0 5px; text-align: left;  padding-right: 45px;}
  nav ul ul li {min-width: 198px; border-right:1px solid #eaeaea;}
  nav ul li a{ color: #111; line-height: 66px; text-decoration: none; font-size: 14px; padding: 8px 15px; word-break:normal; white-space: nowrap; }
  nav ul li a:hover{ }
  nav ul ul li a:hover{ box-shadow: none; }
  nav ul ul{ position: absolute; top: 63px; border-top: 1px solid #eaeaea; opacity: 0; visibility: hidden; transition: top .3s;
    left:60%; transform: translateX(-50%); }
  nav ul ul ul {left:auto; transform: translateX(0);}
  nav ul ul ul{ border-top: none; right:0; top:66px;}
 nav ul li:hover > ul{ top: 66px; opacity: 1; visibility: visible; }
  nav ul ul li{ position: relative; margin: 0px; float: none; display: list-item;  border-bottom: 1px solid #fff;}
  /* border-bottom: 1px solid rgba(0,0,0,0.3); */
  nav ul ul li a{ line-height: 40px; }
  nav ul ul li a:hover{ color:rgb(0, 51, 102); }
  /* nav ul ul ul li{ position: relative; transition: 0.3s; top:-66px; right: -46px; border-left: 1px solid #eaeaea; transform: translateX(100%);} */
  nav ul ul ul li{ position: relative; transition: 0.3s; top:-66px; right: -60px; border-left: 1px solid #eaeaea; transform: translateX(100%);}
  nav ul ul ul:hover li { }
  .show,.icon { display: none; }
  .pc-search {display: inline-block; position: absolute; right:10px; top:50%; transform: translate(-50%,-50%); cursor: pointer}
  .pc-search .search-icon-wrap{ position: relative;}
  .fa-plus{ font-size: 15px; margin-left: 40px; }
  /* deco */
  .menu>li {position: relative;}
  .menu>li:after {content: ''; display: block; height: 2px; left:0;  right:0; position: absolute; width: 100%; background: rgb(0, 51, 102); bottom: 0; transform: scaleX(0); transition: 0.2s; transform-origin: center;}
  .menu>li:hover:after {transform: scaleX(1);}
  .menu>li:hover>a {color: rgb(0, 51, 102);  transition: 0.3s;}
  .submenu_arrow {position: absolute; right:15px; top:50%; transform: translateY(-50%); z-index: 10;}
  .langLiinks {display: none;}
}


  

@media (min-width:1025px) and (max-width:1300px) {
  nav ul li {padding-right: 0px; margin-right:0;}
  nav ul ul ul li {right:-90px;}
  nav ul {margin-right:90px;}
}
/* 모바일 */
@media (max-width:1024px) {
    .top-header {display: none;}
    .top-header.top-header2 {display: block;}
    .top-header.top-header2 .inner {padding: 0 15px;}
    .top-header.top-header2 .lang {display: none;}
    .mobile-utill {display: block; display: inline-block;}
    .pc-logo {display: none;}
    .pc-search {display: none;}
    header { height: auto;  top:0; left:0; width: 100%; z-index: 888; background: #fff; max-height: 100vh; max-width: 100vw;}
    header h1 {border-bottom:1px solid #eaeaea; padding: 10px; position: relative; /*height: 36px;*/ padding: 16px 0; text-align: center; z-index: 10;}
    header h1 img {max-height: 40px; padding-left:0;}
    header ul li+li {padding: 0;}
    header nav ul>li ul {display: none;}
    .mobile-btn {position: absolute; right:22px; top:50%; transform: translateY(-50%);}
    .mynav {background: #fff; z-index: 10; width: 100%; position: absolute; left:0;}
    .mynav ul>li {line-height: 40px; background: #fff; padding:0; margin:0; border-bottom: 1px solid #eaeaea; transition: 0.3s;}
    .mynav .sub-menu {border-top: 1px solid #eaeaea;}
    .mynav ul>li a {font-size: 16px; padding: 5px; display: block; position: relative;}
    .mynav ul>li>a.pd {}
    .mynav ul>li ul {line-height: 40px; background: #eaeaea;}
    .mynav ul>li:after {content: ''; display: block;}
    .menu-arrow {padding-right:0; position: relative;  display:inline-block; position: absolute; right:22px; top:50%; transform: translateY(-50%);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-align: center;
	}
	.mynav a {position: relative;}
	.mynav a .dvcclick {position: absolute; display: block; right: 0; top: 0; width: 100%; height: 50px; z-index: 10;}
	.mynav a .dvchref {position: absolute; display: block; left: 0; top: 0; width: calc(100% - 50px); height: 50px; z-index: 10;}
	.flip {transform: rotate(90deg); top: 20px;}
    .langLiinks {font-size: 12px; color:#333; font-weight: 400; overflow: hidden; padding: 10px 0; text-align: center;}
    .langLiinks a{ padding: 10px; display: inline-block;}
    #mynav {display: none;}
    .menu-arrow {display: block;}
    .search-ico {display: block;}
    .menu>li>a {padding-left:20px;}
    .menu ul li a {padding-left:32px;}
    .menu ul ul li a {margin-left: 32px;}
    .mynav ul>li ul.sub-menu {background: #f8f8f8;}
    .mynav ul>li ul.sub-menu .sub-menu {background: #ccc;}
    .langLiinks {display: block;}
}
  
.section1-slider {padding-bottom: 30px; transition: 0.3s;}
.section1-slider .slider-wrap {max-width: 1454px; margin: 0 auto; background: #eaeaea; height: auto; position: relative; }
.wide-slider {position: relative;}
.wide-slider .slick-slide {height: auto;}
.wide-slider .obj-wrap  {display: none;}
.wide-slider li {position: relative; padding-top:362px;}
.wide-slider li img {max-width: 100%;}
.wide-slider li .txt {position: absolute; top:50%; left:137px; transform: translateY(-50%);}
.wide-slider li .txt h2 { font-size: 50px; color: rgb(255, 255, 255); text-align: left; font-weight: 500; margin-bottom: 26px;  line-height: 1;}
.wide-slider li .txt p {font-size: 22px; letter-spacing: 0.023em; color:#fff; font-weight: 300; margin-bottom: 35px;}
.wide-slider li .txt button {font-size: 12px; color:#fff; width: 127px; text-align: center; line-height:1; background: #0c80b5; border: 0; padding: 12px 0;}
.wide-slider li .txt button span {letter-spacing: 1.2px;}
.wideSlider-controller {position: absolute; top:50%; left:0; right:0;z-index: 10; padding: 0 52px; transform: translateY(-50%);}
.wideSlider-controller a {cursor: pointer;}
.wideSlider-controller a.prev-arrow {float: left;}
.wideSlider-controller a.next-arrow {float: right;}
.widedots {position: absolute; bottom:18px; right:0; left:0;text-align: center; padding: 10px 0;  z-index: 10; }
.widedots li {display: inline-block; padding-top:0 !important;cursor: pointer;  outline: none; width: 10px; height: 10px; margin: 5px; display: inline-block; background: rgba(255,255,255,.7); border: none; border-radius: 50%; border: 1px solid #eaeaea; outline: none;}
.widedots li.slick-active {background: rgba(255,255,255,1);}
.widedots li button {background: none; border: none; cursor: pointer; display}
.wide-slider .obj-wrap {position: absolute; z-index: 10; display: block; right:0; top:50%; transform: translateY(-50%); right:10%; width: 100%;}
.wide-slider li img.mobile-center-img {display: block; max-height:100%; margin-left:auto;  width: 24%;}

/* animation */
.wide-slider li .txt h2,.wide-slider li .txt p { opacity: 0;  transition: 0.5s; transform: translateX(-100px);}
.wide-slider li .txt p { opacity: 0;  transition: 0.5s; transform: translateX(100px);}
.wide-slider li .txt button { opacity: 0;  transition: 0.5s; transform: translateX(-50px);}
.wide-slider li .txt h2.animate,.wide-slider li .txt p.animate { opacity: 1;  transform: translateX(-0px);}
.wide-slider li .txt button.animate { opacity: 1;  transform: translateX(-0px)}

.section1-awards {max-width: 1300px; margin: 0 auto; padding-bottom: 35px; overflow: hidden;}
.section1-awards .secton-heading {font-size: 36px; font-weight: bold; color: rgb(0, 51, 102); letter-spacing: -0.03em; text-align: center; padding-bottom: 28px;}
.section1-awards ul:after {content: ''; display: table; clear: both; overflow: hidden;}
.section1-awards>ul {padding: 0 10px; text-align: center;}
.section1-awards>ul>li {float: left; text-align: center; margin: 10px 0;}
.section1-awards ul li strong {font-size: 20px; font-weight: bold; color: rgb(0, 51, 102); display: block; padding-bottom: 15px;}
.section1-awards li.notice-box {text-align: left; width: 22%; float: left;}
.section1-awards li.notice-box p{ font-size: 13px; font-weight: 400; color:#000; line-height: 1.6;}
.section1-awards li.counter-box {text-align: center; width: 56%; float: left;}
.section1-awards li.counter-box strong {text-align: center;}
.section1-awards li.counter-box .count{font-size: 30px; font-weight: bold; color:#013dc6; margin-top:10px;}
.section1-awards li.counter-box p {font-size: 15px; font-weight: 300; padding-top:5px; line-height: 1.5;}
.section1-awards li.counter-box p span.ft-color {color:#013dc6;}

@media screen and (max-width: 1024px){
  .section1-awards  {max-width: 90%; padding-bottom: 45px;}
  .section1-slider {}
}
@media screen and (max-width: 800px){
  .section1-slider {margin-top:0px;}
  .section1-awards .secton-heading {padding-bottom: 25px; font-size: 28px; }
  .section1-awards li.notice-box {text-align: center; width: 100%; float: none;}
  .section1-awards li.counter-box {width: 100%; float: none;}
  .section1-awards>ul>li+li {margin-top:15px; padding-top:15px; border-top:1px solid #eaeaea;}
}

.section2-cards .wrap {max-width: 1480px; margin: 0 auto; padding-bottom: 12px; overflow: hidden;}
.section2-cards .secton-heading {font-size: 40px; font-weight: bold; color: rgb(0, 51, 102); letter-spacing: -0.03em; text-align: center;}
.section2-cards .secton-heading.sec2 {margin-bottom: 32px;}/
.section2-cards .row-3devide {margin: 0 -13px; overflow: hidden;}

.section2-cards .row-3devide li {width: 33.3333%; padding: 0 13px; float: left; margin-bottom: 26px; cursor: pointer; box-sizing: border-box;}
.section2-cards .row-3devide li .card {background: #eaeaea; position: relative; overflow: hidden; transition: 0.6s;}
.section2-cards .row-3devide li .card img {max-width: 100%; transition: 0.3s; transform: scale(1); display: block;}
.section2-cards .row-3devide li .card:hover img {max-width: 100%; transition: 0.6s; transform: scale(1.1);}
.section2-cards .row-3devide li .card:hover {
  -webkit-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.3); }
.section2-cards .row-3devide li .card:after {content: ''; position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,1); z-index: 10; display: block; transition: 0.2s; opacity: 0;}
.section2-cards .row-3devide li .card:hover:after { opacity: 0.25; }
.section2-cards .row-3devide li .card .txt {position: absolute; right:0; bottom:0; color:#fff; display: inline-block; text-align: center; left:0; transition: 0.6s;  bottom: 45px; z-index: 20;}
.section2-cards .row-3devide li .card strong {color:inherit; font-size: 25px; font-weight: 400; display:block; margin-bottom:16px;}
.section2-cards .row-3devide li .card p {color:inherit; font-size: 14px;font-weight: 300;}
.section2-cards .row-3devide li .card button {position: absolute; bottom: 0; left:50%; transform: translate(-50%,100%); transition: 0.3s; border: 1px solid #eaeaea; background: none; font-size: 14px; color:#fff; display:inline-block; padding: 6px 13px; border-radius: 15px; background: rgba(255,255,255,0.05);}
.section2-cards .row-3devide li .card:hover button {transform: translate(-50%,0%); bottom: 35px;}
.section2-cards .row-3devide li .card:hover .txt {transform: translateY(-100%);}


@media screen and (max-width: 1025px) {
  .wide-slider li {position: relative; }
  .section2-cards .row-3devide {margin: 0;}
  .section2-cards .row-3devide li .card strong { font-size: 25px; margin-bottom: 10px;}
  .section2-cards .row-3devide li .card p { font-size: 18px; }
  .section2-cards .row-3devide li .card .txt {border: 20px;}
  .section2-cards .row-3devide li .card:hover .txt  {transform: translateY(-100%);}
  .section2-cards .row-3devide li .card button {font-size: 13px;}
  .section2-cards .row-3devide li .card:hover button {}
  .wide-slider li .txt h2 { font-size: 40px; }
  .wide-slider li .txt p {font-size: 18px;}
}

@media screen and (max-width: 800px){
  .wide-slider li {position: relative; text-align: center;}
  .wide-slider li .txt {left:0; padding: 0 0px; width: 100%; top:0;; transform: translateY(0); padding-top:70px;}
  .wide-slider li .txt h2 {font-size: 35px; text-align: center; margin-bottom: 23px;}
  .wide-slider li .txt p{font-size: 13px; margin-bottom: 23px;}
  .wide-slider li .txt button {max-width: 115px; font-size: 10px; background: rgb(0, 51, 102,0.6); border: 1px solid rgba(255,255,255,0.8);}
  .section1-slider {padding-bottom: 94px; position: relative; } /*top:71px;*/
  .section2-cards .wrap {padding-bottom: 38px;}
  .section2-cards .secton-heading  {font-size: 35px;}
  .section2-cards .row-3devide li {width: 50%; padding: 0 6px; float: left; margin-bottom: 6px; cursor: pointer; position: relative;}
  .section2-cards .row-3devide li .card:hover .txt  {transform: translateY(-80%);}
  .section2-cards .row-3devide li .card strong {font-size: 18px; margin-bottom: 7px;}
  .section2-cards .row-3devide li .card p {font-size: 14px;}
  .section2-cards .row-3devide li .card button { display: block;}
  .section2-cards .row-3devide li .card:hover {}
  .wideSlider-controller {display: none;}
  .widedots {bottom: 8px;}
  .widedots li {width: 10px; height: 10px;  width: 6px; height: 6px; margin: 0 5px;}
  .widedots li.slick-active {background: rgba(255,255,255,1);}
  .widedots li button {background: none; border: none; cursor: pointer; display}
  .wide-slider div.obj-wrap {left:0; right:0; height: 100%; max-height: 100%; transform: translateY(0); top:0; padding-top:260px; bottom: 0px; padding-bottom: 47px; max-width: 300px; margin: 0 auto;}
  .wide-slider li img.mobile-center-img {display: block; margin: 0 auto; max-height: 100%; width: auto;}
}

@media screen and (max-width: 600px){
  .section2-cards .row-3devide li .card strong {font-size: 18px; margin-bottom: 7px;}
  .section2-cards .row-3devide li .card p {font-size: 12px;}
  .section2-cards .row-3devide li .card .txt {bottom: 20px; font-size: 8px;}
  .section2-cards .row-3devide li .card button {font-size: 10px; padding: 3px 9px;}
  .section2-cards .row-3devide li .card:hover .txt  {transform: translateY(-60%);}
  .section2-cards .row-3devide li .card:hover button {transform: translate(-50%,0%); bottom: 10px; font-size: 9px;}
}
.section3-unique {padding: 176px 0 210px 0; background: url('images/mid-bg.jpg')no-repeat center center/cover;}
.section3-unique .section-heading {font-size: 40px; color:#fff; font-weight: bold; text-align: center; margin-bottom: 88px;}
.section3-unique .section-heading strong {color:inherit; font-weight: inherit;line-height: 1; display: block; margin-bottom: 19px;}
.section3-unique .section-heading span {font-size: 40px; font-weight: 300;}
.section3-unique .wrap {max-width: 1454px; margin: 0 auto;}
.section3-unique .row-3devide {margin: 0 -42px;}
.section3-unique .row-3devide:after {content: ''; display: block; overflow: hidden; clear: both;}
.section3-unique .row-3devide li {width: 33.3333%; padding: 0 42px; float: left; margin-bottom: 26px; cursor: pointer;  transition: 0.5s; box-sizing: border-box;}
.section3-unique .row-3devide li .card {position: relative; overflow: hidden; transform-origin: center; transform: scale(1); transition: 0.3s;}
.section3-unique .row-3devide li .card img {max-width: 100%; opacity: .7;  transition: 0.3s;}
.section3-unique .row-3devide li .card .txt {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align: center; color:#fff;}
.section3-unique .row-3devide li .card .icon img {opacity: 1; margin-bottom: 10px;}
.section3-unique .row-3devide li .card strong {color:inherit; font-size: 34px; font-weight: 500; display: block; margin-bottom: 16px; line-height: 1;}
.section3-unique .row-3devide li .card p {color:inherit; font-size: 24px; font-weight: 500; line-height: 1;}
.section3-unique .row-3devide li:hover {opacity: 1; transform:scale(1.1); transition: 0.3;}
.section3-unique .row-3devide li:hover img {opacity: 1; transition: 0.8; transform: scale(1.1);}

@media screen and (max-width: 1025px) {
  .section3-unique {padding: 116px 0 150px 0;}
  .section3-unique .row-3devide {padding: 0 15px; margin: 0;}
  .section3-unique .row-3devide li {padding: 13px; width: 33.3333%; margin-bottom: 0;}
  .section3-unique .row-3devide li .card strong {color:inherit; font-size: 28px;}
  .section3-unique .row-3devide p{margin: 0; font-size: 20px;}
  .section3-unique .row-3devide li img.card-img {width: 150%; display:block;}
}
@media screen and (min-width: 0px) and (max-width: 800px){
  .section3-unique .section-heading  {font-size: 24px; margin-bottom: 30px; word-break: keep-all;}
  .section3-unique .section-heading strong {font-size: 24px; font-weight: bold; margin-bottom: 4px;}
  .section3-unique .section-heading span {font-size: 24px; font-weight: 300;}
  .section3-unique {padding: 60px 30px 80px 30px;}
  .section3-unique .row-3devide li {width: 100%; margin-bottom: 15px; overflow: hidden;}
  .section3-unique .row-3devide li .card {}
  .section3-unique .row-3devide li .card strong {color:inherit; font-size: 26px; margin-bottom: 8px;}
  .section3-unique .row-3devide p {margin: 0; font-size: 22px;}
  .section3-unique .row-3devide li .card p {font-size: 22px;}
}

@media screen and (max-width: 600px){
    .wide-slider .obj-wrap {left:0; right:0; top:0; height: 100%; max-height: 100%; transform: translateY(0); padding-top:255px; bottom: 0px; padding-bottom: 47px; max-width: 60%; margin: 0 auto;}
    .wide-slider div.obj-wrap  {max-width: 260px;}
}

nav#tablinks {text-align: center;}
.tablinks {text-align: center; padding-bottom: 8px; margin-bottom: 15px; padding-bottom: 20px; padding-top:100px; float: none; display: inline-block;}
.tablinks a {position: relative; font-size: 40px; font-weight: bold; line-height: 0.9; cursor: pointer; color: #666; position: relative; margin: 0 10px;line-height: 1;}
.tablinks a:after {content: ''; height: 3px; width: 100%; background:#666; position: absolute; left:0; bottom:0; z-index: 10;}
.tablinks a.active:after {background: rgb(0, 51, 102);}
.tablinks a.active { color:rgb(0, 51, 102);}

.tablinks {text-align: center; padding-bottom: 8px; margin-bottom: 15px; padding-bottom: 20px; padding-top:100px;}
.tablinks li { display: inline-block;}
.tablinks li * { outline: none;}
.tablinks button {position: relative; font-size: 40px; font-weight: bold; line-height: 0.9; cursor: pointer; color: #666; position: relative; margin: 0 10px;line-height: 1; border: none; background: none;  padding: 0;}
.tablinks button:after {content: ''; height: 3px; width: 100%; background:#666; position: absolute; left:0; bottom:0; z-index: 10;}
.tablinks li.slick-active button {color:rgb(0, 51, 102);}
.tablinks li.slick-active button:after {background: rgb(0, 51, 102);}

.section-tabs {padding-bottom: 0px;}
.secton-tabSlider {overflow: hidden; max-width: 1454px; margin: 0 auto; position: relative;}
.secton-tabSlider .bg-container { background:url('images/section4-bg.png')no-repeat center 34px/cover;  padding-bottom: 141px;}

.zoomSlider-wrap {position: relative;}
.zoomSlider li { text-align: center; outline: none; overflow: hidden; position: relative;}
.zoomSlider li a {outline: none;}
.zoomSlider li img {padding: 0 50px; transform: scale(0.85); transform-origin: center; transition: 0.5s; max-width: 100%; }
.zoomSlider li .slide-imgWarp {position: relative; overflow: hidden;  } /*max-width: 923px;*/
.zoomSlider li .slide-imgWarp img {max-width: 100%;}
.zoomSlider li .slide-imgWarp img:nth-child(1) {position: relative; z-index: 1;}
.zoomSlider li .slide-imgWarp img:nth-child(2) {opacity: 0;position: absolute; left:0; right:0; top:0; bottom: 0; z-index: 2; opacity: 1; transform: scale(0.85);}
/* .zoomSlider li .slide-imgWarp img:nth-child(2).hidden {opacity: 0;} */
.zoomSlider li .txt  { text-align: center; padding-top:36px; color:#fff;}
.zoomSlider li.active img {transform: scale(1); }
.zoomSlider li.active img:nth-child(2) {opacity: 0; transform: scale(1); transition: 0.3s;}
.zoomSlider li .txt small {display: block; font-size: 20; font-weight: 100; margin-bottom: 22px; color:inherit; transition: 0.4s; opacity: 0;}
.zoomSlider li .txt strong {font-size: 36px; font-weight: bold;
  line-height: 1.5; color: inherit;transition: 0.4s; opacity: 0; } /*transition-delay: 0.4s;*/
.zoomSlider li .txt small.active {opacity: 1;}
.zoomSlider li .txt strong.active {opacity: 1;}
.zoomSlider li.slick-slide {height: auto;}
.zoomSlider-controller {position: absolute; left:0; right:0; width: 1086px;  margin: 0 auto; padding: 0 15px;  height: 100%; max-height: 512px;}
.zoomSlider-controller .prev-arrow {float: left; transform: translateY(-50%); top:50%; position: relative; cursor: pointer; z-index: 10;}
.zoomSlider-controller .next-arrow {float: right; transform: translateY(-50%); top:50%; position: relative; cursor: pointer; z-index: 10;}
.zoomSlider .widedots{bottom: -80px;}
/* tab img  */
.section-gallery { max-width: 1454px; margin: 0 auto; position: relative; padding-top:34px;}
.section-gallery .tab-imgs {display: flex; justify-content: space-between;}
.section-gallery .tab-imgs img {transition: 0.5s; transform: scale(1); max-width: 100%;}
.section-gallery .tab-imgs .wrap {overflow: hidden; cursor: pointer;}
.section-gallery .tab-imgs .wrap:hover img {transform: scale(1.1);}
.section-gallery .tab-imgs .left {float: left; width: 50%;  display: flex;}
.section-gallery .tab-imgs .right {float: right; width: 48.3493%;}
.section-gallery .tab-imgs .wrap.tabimg2-imgWarp {margin-bottom: 3.3012%}
.section-gallery .tab-imgs .right img.mobile-on {display: none;}

/*
@media screen and (min-width: 0px) and (max-width: 1000px){
  .section-gallery .tab-imgs .left {float: left; width:50.2%; }
  .section-gallery .tab-imgs .right {float: right; position: relative; width: 47%}
} */
.section-gallery .inner {overflow: hidden;}

@media screen and (min-width: 0px) and (max-width: 800px){
  .tabimg4.mobile-on {position: relative;}
}

@media (max-width:1025px) {
  .section-tabs {padding-bottom: 0px;}
  .zoomSlider li img {height: 350px;}
  .zoomSlider-controller {width:100%; }
  .secton-tabSlider .bg-container {min-width: auto;}
  .secton-tabSlider {padding-bottom: 0px;}
  .secton-tabSlider .tablinks a  {font-size: 28px;}
  .zoomSlider li .txt small {opacity: 1; font-size: 16px;}
  .zoomSlider li .txt strong {opacity: 1; font-size:23px }
  .secton-tabSlider .bg-container {padding:0 32px 100px 32px;}
  .zoomSlider .widedots{bottom: -60px;}
  .tablinks {padding-bottom: 0;}
  .tablinks button {font-size: 25px;}
  .zoomSlider-controller {padding: 0; transform: translateY();}
  .zoomSlider-controller img {max-height: 20px;}
  .zoomSlider-controller .prev-arrow { left:-20px;  }
  .zoomSlider-controller .next-arrow { right:-20px;  }
  .section-gallery .tab-imgs .left img {display: none;}
  .section-gallery .tab-imgs {display: block;}
  .section-gallery .tab-imgs .wrap.tabimg2-imgWarp {margin-bottom:3.8% }
  .section-gallery .tab-imgs .left {display: block ;}
  .section-gallery .tab-imgs .left {float: none; max-width: 95%; width:100%; margin: 0 auto;}
  .section-gallery .tab-imgs .right {float: none; max-width: 95%; width: 100%; margin: 0 auto;}
  .section-gallery .tab-imgs .right img {margin: 0 auto; }
  .section-gallery .tab-imgs .wrap.tabimg2-imgWarp {margin-bottom: 3.3012%}
}

@media (max-width:600px) {
  .section-gallery .tab-imgs .right {float: none; width: 100%;}
  .section-gallery .tab-imgs .left img {display: none;}
  .section-gallery .tab-imgs .right img.tabimg2 {display: none;}
  .section-gallery .tab-imgs .right img.tabimg3 {display: none;}
  .section-gallery .tab-imgs .right img.tabimg4 {display: none;}
  .section-gallery .tab-imgs .right img.tabimg4 {max-width: 100%; display: block; margin: 0 auto;}
  .zoomSlider li img {height: 250px;}
}

.sitemap { max-width: 1435px; margin: 0 auto; position: relative; position: relative; padding-bottom: 88px; padding: 150px 15px  150px 15px;}
.sitemap .inner {overflow: hidden;}
.sitemap .left {float: left; max-width: 1060px; overflow: hidden; width: 100%;}
.sitemap .left li {float: left; color: #000; width: 30%;}
.sitemap .left li strong,.sitemap .left li strong span.txt { font-size: 16px; font-weight: bold; line-height: 1; color:inherit; display: block; margin-bottom: 20px;}
.sitemap .left li p {color:inherit; cursor: pointer;}
.sitemap .left li p+p {margin-top:20px;}
.sitemap .left li.col1 {font-weight: bold;}
.sitemap .right {float: right;}
.sitemap .right strong {font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 20px; display: block;}
.sitemap .right img.big-img {display: inline-block; padding: 16px; max-width: 100%;}
.sitemap .right {text-align: center;}
.sitemap .right {}
.sitemap a {cursor: pointer;}
.sitemap a:hover {transition: 0.2s; color:rgb(3, 102, 224);}
.tab-col .tab .plus {display: none;}

@media screen and (max-width: 1025px) {
  .sitemap .left {max-width: 750px;}
  .sitemap .left li strong {font-size: 15px;}
}

/* tab */
.sitemap .left li.col1 p {font-size: 20px; font-weight: 400;}
.sitemap .left li.col1 strong span.txt{ font-size: 20px; font-weight: 800;}
.sitemap .left li.tab-col {padding: 0; margin:0; box-sizing: border-box; margin-right: 40px;}
.sitemap .left li.tab-col .tab .plus {display: block; font-size: 20px; color:#000; float: right; line-height: 68px;}
.sitemap .left li.tab-col strong {display: block; line-height: 68px; height: 68px; overflow: hidden; width: 100%; box-sizing: border-box;
position: relative; border-top: 1px solid rgba(0,0,0,.5); border-bottom: 1px solid rgba(0,0,0,.5); position: relative; font-size: 20px; font-weight: bold; margin-bottom: 0; padding: 0 22px;}
.sitemap .left li.tab-col p {font-size: 18px; font-weight: 300; padding:0 15px;}
.sitemap .left li.tab-col strong span.txt {line-height: 68px; margin-bottom: 0;  float: left; text-transform: uppercase;}
.sitemap .left li.tab-col strong {cursor: pointer;}
.sitemap .left li.tab-col:last-child strong { border-bottom: 1px solid rgba(0,0,0,.5);}
.sitemap .left li.tab-col .tab.show+.tab-content {}
.sitemap .left li.tab-col:last-child .tab.show+.tab-content {border-top:0; border-bottom: 1px solid rgba(0,0,0,.5);}
.sitemap .left li .tab-content {background: #f7f7f7; padding: 20px;}
.sitemap .left li .tab-content {display: none;}
/* tab colc css 포함 */
@media screen and (min-width: 0px) and (max-width: 1024px){
  .sitemap .left {max-width: 100%; /*display: flex;*/ flex-wrap:wrap; float: none;}
  .sitemap .left li {width: 100%; margin-bottom: 40px; padding: 0 22px;}
  .sitemap .right {text-align: center; float: none;}
  .sitemap .right .snslist img {padding: 0 5px;}
  .sitemap .right .snslist img+img {display: inline-block; margin-left:5px;}
  .sitemap .right strong {margin-bottom: 0; display: block; margin-bottom: 24px; font-size: 18px;}
  .sitemap .right {padding-top:96px; text-align: left;}
  .sitemap .right img.big-img {display: none;}

.sitemap .left li.tab-col {padding: 0; margin:0; box-sizing: border-box; margin-bottom: -1px;}
}


.footer {background: #15355b; padding: 37px 0 ;}
.footer .inner {max-width: 1454px; margin: 0 auto; position: relative; padding: 0;}
@media screen and (min-width: 1025px) and (max-width: 1454px) {
  .footer .inner {max-width: 954px;}
}
.footer .ft_link {position: absolute; right: 0; top: 12px;}
.footer .ft_link > li {display: inline-block; position: relative;}
.footer .ft_link > li > button {background:transparent; border: 1px solid #15355b; padding: 7px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 120px; cursor: pointer; outline:none;}
.footer .ft_link > li > button span {color: #fff; font-size: 14px; display: inline-block; margin-bottom: -2px;}
.footer .ft_link > li:nth-child(2) > button {position: relative; padding-right: 20px; width: 120px;}
.footer .ft_link > li:nth-child(2) > button:before {content:""; display: block; width: 1px; height: 11px; position: absolute; top: 13px; right: 12px; background: #fff;}
.footer .ft_link > li:nth-child(2) > button:after {content:""; display: block; width: 11px; height: 1px; position: absolute; top: 18px; right: 7px; background: #fff;}

.body-zh .footer .ft_link > li:nth-child(2) > button:before {top: 10px; right: 12px;}
.body-zh .footer .ft_link > li:nth-child(2) > button:after {top: 15px; right: 7px;}

.footer .ft_link > li > button:hover span {color: #FF0000;}
.footer .ft_link ul {position: absolute; bottom: 33px; background: #15355b; border: 1px solid #64ccff; padding: 10px 0; width: 140px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; margin-left: -10px;}
.footer .ft_link ul button {background:transparent; border: 0; width: 100%; text-align: left; padding: 4px 20px; cursor: pointer; outline:none;}
.footer .ft_link ul button span {color: #fff; font-size: 12px;}
.footer .ft_link ul button:hover {background: #09213e;}
 
.footer p.ft_title {color:#fff; font-size: 16px; font-weight: 400; line-height: 3.7; border-bottom:1px solid #516985; margin-bottom:20px;}
.footer p.ft_address {color:#899cad; font-size: 14px; font-weight: 400; line-height: 1.3; margin: 20px 0;  }
.footer p.ft_copyright {color:#899cad; font-size: 12px; font-weight: 400; line-height: 1;}

.footer .footer-logo {position: absolute; right:0; top:120px; transform: translateY(-50%); display: inline-block; padding: 0;}
.footer .footer-logo {max-height: 40px; padding-left:0;}

.footer .ft_link > li:nth-child(2) > button:hover:before {background:#FF0000;}
.footer .ft_link > li:nth-child(2) > button:hover:after {background: #FF0000;}
@media screen and (max-width: 1025px) {
	.footer .inner {margin: 0 20px;}
}
@media screen and (max-width: 600px) {
	.footer .ft_link {position: static; right: auto; top: auto; text-align: center; padding-bottom: 20px; margin-top: -10px;}

	.footer p.ft_title {display: none;}
	.footer p.ft_address {display: none;}
	.footer p.ft_copyright {color:#fff; text-align: center; border-top: 1px solid #415f83; padding-top: 15px;}
	.footer .footer-logo {position: static; right: auto; top: auto; transform: none; text-align: center; margin: 20px auto 0; display: block; header footer-logo img}
	.footer .footer-logo {max-height: 40px; padding-left:0;}
}
@media screen and (max-width: 400px) {
	.footer .ft_link ul {width: 178px;}
	.footer .ft_link {padding-bottom: 5px;}
	.footer .ft_link > li {margin-bottom: 15px;}
	.footer .ft_link > li > button {width: 180px !important;}
}
.row {overflow: hidden;}
.col-6 {display: flex; width: 50%;}
.col-6 {display: flex; width: 50%;}

@media (max-width:600px) {
  .col-6 {float: none; width: 100%;}
}

/* 서브페이지 2_1 */
.subpage {padding: 122px 0 0 0; width: 100vw; overflow-x: hidden;}
.subpage-2sub_top1 {background: url('images/2_sub_top1.jpg')no-repeat center center/cover; padding-top:25.16%; position: relative;}
.subpage-2sub_top1 .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; width: 100%; opacity: 0; animation-fill-mode:forwards;}
.subpage-2sub_top1 p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-2sub_top1 h2 {font-size: 61px; font-weight: 900; color:#fff;}

/* 서브페이지 2_2 */
.subpage {padding: 122px 0 0 0; width: 100vw; overflow-x: hidden;}
.subpage-2sub_top2 {background: url('images/2_sub_top2.jpg')no-repeat center center/cover; padding-top:25.16%; position: relative;}
.subpage-2sub_top2 .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; width: 100%; opacity: 0; animation-fill-mode:forwards;}
.subpage-2sub_top2 p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-2sub_top2 h2 {font-size: 61px; font-weight: 900; color:#fff;}

/* 서브페이지 2_3 */
.subpage {padding: 122px 0 0 0; width: 100vw; overflow-x: hidden;}
.subpage-2sub_top3 {background: url('images/2_sub_top3.jpg')no-repeat center center/cover; padding-top:25.16%; position: relative;}
.subpage-2sub_top3 .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; width: 100%; opacity: 0; animation-fill-mode:forwards;}
.subpage-2sub_top3 p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-2sub_top3 h2 {font-size: 61px; font-weight: 900; color:#fff;}

/* 서브페이지 2_4 */
.subpage {padding: 122px 0 0 0; width: 100vw; overflow-x: hidden;}
.subpage-2sub_top4 {background: url('images/2_sub_top4.jpg')no-repeat center center/cover; padding-top:25.16%; position: relative;}
.subpage-2sub_top4 .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; width: 100%; opacity: 0; animation-fill-mode:forwards;}
.subpage-2sub_top4 p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-2sub_top4 h2 {font-size: 61px; font-weight: 900; color:#fff;}

/* 서브페이지 2_5 */
.subpage {padding: 122px 0 0 0; width: 100vw; overflow-x: hidden;}
.subpage-2sub_top5 {background: url('images/2_sub_top5.jpg')no-repeat center center/cover; padding-top:25.16%; position: relative;}
.subpage-2sub_top5 .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; width: 100%; opacity: 0; animation-fill-mode:forwards;}
.subpage-2sub_top5 p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-2sub_top5 h2 {font-size: 61px; font-weight: 900; color:#fff;}

/* 서브페이지 2_6 */
.subpage {padding: 122px 0 0 0; width: 100vw; overflow-x: hidden;}
.subpage-2sub_top6 {background: url('images/2_sub_top6.jpg')no-repeat center center/cover; padding-top:25.16%; position: relative;}
.subpage-2sub_top6 .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; width: 100%; opacity: 0; animation-fill-mode:forwards;}
.subpage-2sub_top6 p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-2sub_top6 h2 {font-size: 61px; font-weight: 900; color:#fff;}

.txt-section {text-align: center; letter-spacing: -0.1rem; padding-bottom: 83px;}
.txt-section h3 { font-size: 40px; font-weight: bold; letter-spacing:inherit; margin-bottom: 30px;}
.txt-section p {font-size: 20px; font-weight: 400; color:#666; letter-spacing: 0; line-height: 1.6;}

@media screen and (max-width: 1025px) {
  .subpage-showcase {background: url('images/sub_showcase.png')no-repeat center right/cover; min-height: 220px; margin-top:0px;}
  .subpage-showcase p {font-size: 16px; font-weight: bold;  color:#fff;}
  .subpage-showcase h2 {font-size: 46px; font-weight: 900; color:#fff;}
  .txt-section {max-width: 80%; margin: 0 auto; padding-bottom: 60px;}
  .txt-section h3 {font-size: 30px;}
  .txt-section p {font-size: 16px; line-height: 1.35;}
}

@media screen and (max-width: 1035px) {
  .subpage-showcase {background: url('images/sub_showcase.png')no-repeat center right/cover; min-height: 220px; margin-top:0px;}
  .subpage-showcase p {font-size: 16px; font-weight: bold;  color:#fff;}
  .subpage-showcase h2 {font-size: 46px; font-weight: 900; color:#fff;}
  .txt-section {max-width: 80%; margin: 0 auto; padding-bottom: 60px;}
  .txt-section h3 {font-size: 30px;}
  .txt-section p {font-size: 16px; line-height: 1.35;}
}

@media screen and (min-width: 0px) and (max-width: 764px){
  .subpage-showcase {background: url('images/sub_showcase.png')no-repeat center right/cover; min-height: 220px; width: 100%; overflow-x:hidden; margin-top:0px;}
  .subpage-showcase h2 {font-size: 33px;}
  .txt-section  {max-width: 90%; margin: 0 auto; padding-bottom: 40px;}
  .txt-section h3 {font-size: 23px;}
  .txt-section p {font-size: 16px; line-height: 1.35;}
 }
.hidden-page-wrap {max-width: 100vw; overflow-x: hidden; }
.obj-br {height: 0px;}
.obj-section.left-obj-section {max-width: 1483px; margin: 0 auto; position: relative; overflow: hidden; padding: 0 px;}
.obj-section.left-obj-section .txt {padding: 73px 53px 659px 65px; max-width: 726px; margin-left: auto; width: 50%;}
.obj-section.left-obj-section .txt h3 {font-size:70px; font-weight: bold; line-height: 1; margin-bottom:18px; }
.obj-section.left-obj-section .txt p {font-size: 20px; font-weight: 400; color:#666; line-height: 1.5; letter-spacing: -1px;}
.obj-section.left-obj-section .obj {position: absolute; top:0; right:-15px;width:100%; height:100%;}
.obj-section.left-obj-section .obj .obj-img {position: absolute; left:0; top:0; top:78px; max-width: 100%;}
.obj-section.left-obj-section .obj .mobile-img {display: none;}

.obj-section.right-obj-section{max-width: 1483px; margin: 0 auto; position: relative; overflow: hidden; padding: 0 15px;}
.obj-section.right-obj-section .txt {padding: 100px 53px 400px 65px; max-width: 726px; margin-right: auto; width: 50%;}
.obj-section.right-obj-section .txt h3 {font-size:70px; font-weight: bold; line-height: 1; margin-bottom:18px;}
.obj-section.right-obj-section .txt p {font-size: 20px; font-weight: 400; color:#666; line-height: 1.5; letter-spacing: -1px;}
.obj-section.right-obj-section .obj {position: absolute; top:0; left:0px; width:100%; height:100%;}
.obj-section.right-obj-section .obj .obj-img {position: absolute; right:0; top:0; top:0px; max-width: 100%;}
.obj-section.right-obj-section .obj .mobile-img {display: none;}

.blue-bigbanner .txt {padding: 235px 227px 590px 0;}
.blue-bigbanner .txt h3 {font-size: 100px; font-weight: bold; color:#fff; line-height: 1.1; letter-spacing: -0.25rem; margin-bottom: 85px; text-align: right;}
.blue-bigbanner {position: relative; margin-top:100px; background : url('images/sub-bg.png')no-repeat center center/cover;}
.blue-bigbanner .txt p {color:#fff; font-size: 20px; font-weight: 400; line-height: 1.5;  max-width: 967px; padding:0; text-align: right; margin-left:auto;}
.blue-bigbanner img {position: relative; z-index: 5; line-height: 0; vertical-align: middle; max-width: 100%;}

.pc-on {display: block;}
.mobile-on {display: none;}

/* 서브페이지 공통 top visual */
.subpage-visual {background-repeat: no-repeat;background-position:right top; background-size: cover; padding-top:25.16%; position: relative;}
.subpage-visual .txt { position: absolute; left:15px; top:50%; right:0; transform: translateY(-50%);  max-width: 1337px; margin: 0 auto; text-align: left; opacity: 0; animation-fill-mode:forwards; animation-name: subpageVisual_textAni; width:100%; animation-iteration-count: 1;}
.subpage-visual .txt { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.subpage-visual .txt p {font-size: 18px; font-weight: bold;  color:#fff;}
.subpage-visual .txt h2 {font-size: 61px; font-weight: 900; color:#fff;}

/* 서브페이지 2-1 에 추가적으로 들어간 것 */

/*  */
/* .pd-b-40 {padding-bottom: 40px;} */
.sec-py-size2 {padding:120px 0;}

/* 2. 오브젝트가 있는 스타일 */
.subpage-visual-obj {background-repeat: no-repeat;background-position:right top; background-size: cover; padding-top:35.16%; position: relative; position: relative; max-height: 680px;}
.subpage-visual-obj .txt { position: absolute; left:80px; top:50%; right:0; transform: translateY(-50%);  max-width: 1500px; margin: 0 auto; text-align: left; opacity: 0; animation-fill-mode:forwards; animation-name: subpageVisual_textAni; width:100%;}
.subpage-visual-obj .txt { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.subpage-visual-obj .txt p {font-size: 30px; font-weight: bold;  color:#fff; text-shadow: 2px 3px 6px #131415;}
.subpage-visual-obj .txt h2 {font-size: 65px; font-weight: 900; color:#fff; line-height: 1.176; text-shadow: 2px 5px 9px #131415;}
.visual-obj {position: absolute; top:50%; left; transform: translateY(-50%);display: block;  width: 100%; ; width: 100%; text-align: right; padding: 0 17%; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.visual-obj img {display: inline-block; max-width: 753px; max-height: 100%;  max-width: 753px; max-height: 426px;}

/* 2개짜리 column + 한쪽 img */
.img-row-flex2 {display: flex;}
.img-row-flex2 .img-col2:nth-child(1) {width:54%; padding: 0 31px;}
.img-row-flex2 .img-col2:nth-child(2) {width:46%;}
.img-col2 img {max-width: 100%; line-height: 1; vertical-align: middle;}
.img-col2.txt-box {padding:0 80px;}

.sub-content-type2 {padding: 30px 0 60px 0;}
.sub-content-type2 h3 {font-size: 70px; font-weight: bold; line-height: 1; margin-bottom: 18px;}
.sub-content-type2 p{font-size: 25px; font-weight: 400; color: #666; line-height: 1.5; letter-spacing: -0.38px;}

.sub-visual .subheading-pc-on {display: block;}
.sub-visual .subheading-mobile-on {display: none;}

/*sample page*/
 .coinfo1 {}
.coinfo1 ul li {margin-bottom: 90px;}
.coinfo1 figure {float:left; width: 40%;}
.coinfo1 figure img {width: 100%;}
.coinfo1 .info {float: left; padding: 0 0 0 50px; width: 100%; letter-spacing: -0.3px; font-weight: bold; box-sizing: border-box;}
.coinfo1 .info {float: left; padding: 0 0 0 50px; width: 100%; letter-spacing: -0.3px; font-weight: bold; box-sizing: border-box;}
.coinfo1 .info strong {font-size: 32px;}
.coinfo1 .info span {display: block; padding: 35px 0 30px; font-size: 20px;}
.coinfo1 .info p {font-size: 16px; line-height: 25px; font-weight: 300;}





.coinfo {}
.coinfo ul li {margin-bottom: 90px;}
.coinfo figure {float:left; width: 40%;}
.coinfo figure.miss {float:right; width: 40%; padding: 0 0px; }
.coinfo figure {float:left; width: 40%;}
.coinfo figure img {width: 100%;}
.coinfo .info {float: left; padding: 0 0 0 50px; width: 100%; letter-spacing: -0.3px; font-weight: bold; box-sizing: border-box;}
.coinfo .info1 {float: left; padding: 0 0 0 20px; width: 60%; letter-spacing: -0.3px; font-weight: bold; box-sizing: border-box;}
.coinfo .info {float: left; padding: 0 0 0 18px; width: 56%; letter-spacing: -0.3px; font-weight: bold; box-sizing: border-box;}
.coinfo .info strong {font-size: 32px;}
.coinfo .info span {display: block; padding: 10px 0 30px; font-size: 20px;}
.coinfo .info p {font-size: 16px; line-height: 25px; font-weight: 300; line-height: 1.9em;}
.product-info {padding: 83px 0 24px; font-size: 0;}
.product-info table {float: left; width: calc(50% - 0px); margin-right: 0px; vertical-align: top; text-align: center; font-size: 15px;}
.product-info table:last-child {margin-right: 0;}
.product-info table caption {margin-bottom: 10px; text-align: left;}
.product-info table th {padding: 20px 0; background: #173E77; border-right: 1px solid #dedede; color: #fff; font-weight: bold;}
.product-info table td {padding: 40px 0; border: 1px solid #dedede; vertical-align: middle;}
.regional ul li {float: left; width: 32%; margin-right: 2%; margin-bottom: 0px; padding: 20px 65px; font-size: 17px; font-weight: 300; line-height: 1.9em; color: #15355b; border: 1px solid #ffff; transition: 0.0s; box-sizing: border-box; border: 1px solid #fff;}
.regional ul li:nth-child(3n) {margin-right: 0;}
.regional ul li strong {font-size: 23px;}
.regional ul li span {display: block; padding: 15px 0; line-height: 1.0em;}
.regional ul li p {line-height: 1.5em;}
.regional ul li:hover {border: 1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); box-sizing: border-box;}
.regional ul li:hover strong {font-weight: bold;}
.regional ul li:hover {color: #000;}
.subpage2#subpage {overflow: visible !important;}
.regional2 li {height: 250px !important; padding: 50px 36px 0 !important;}

.insight {}
.insight ul li {position: relative; float: left; width: 25%;}
.insight figure {padding: 0 20px; }
.insight figure img {width: 100%;}
.insight .info {padding: 20px; border-right: 0px solid #ccc; line-height: 2em;}
.insight .info strong {font-size: 24px; font-weight: 600;}
.insight .info p {padding: 0px 0 10px; font-size: 16px; line-height: 1.5em;}
.management {}
.tablist {margin-bottom: 96px;}
.tablist li {float:left; width: 33.3333%; height: 70px; border: 1px solid #e6e6e6; font-size: 18px; text-align: center; line-height: 70px; cursor: pointer; box-sizing: border-box;}
.tablist li ~ li {border-left: none;}
.tablist li.active {background: #0072bc; color: #fff;}
.management-content {display: none;}
.management-content:nth-of-type(2) {display: block;}
.management-content ul {border-top: 2px solid #000;}
.management-content ul li {border-bottom: 1px solid #ddd;}
.management-content .title {height: 127px; line-height: 1.3; background: url(/wp-content/themes/coasia/images/subpage/tab-icon01.png) no-repeat calc(100% - 50px) center; padding: 0 50px; font-size: 18px; font-weight: bold; cursor: pointer; border: 0; text-align: left; width: 100%; outline:none;}
.management-content .title span {display: inline-block; margin-right: 80px; text-align: left;}
.management-content .inner-con {display: none; padding: 50px; background: #eee; border-top: 1px solid #ddd; line-height: 1.5em;}
.management-content ul li.active .title {background-image: url(/wp-content/themes/coasia/images/subpage/tab-icon02.png); background-repeat: no-repeat; background-position: calc(100% - 50px) center;}
.management-content ul li.active .inner-con {display: block;}
.corporate {padding: 0 0 0px 0;}
.corporate ul li {float: left; margin-right: 60px; margin-bottom: 60px; width: calc(50% - 30px);}
.corporate ul li:nth-child(2n) {margin-right: 0;}
.corporate figure {float: left; width:22%; background: #007cba; border-radius: 50%;}
.corporate figure img {width: 100%;}
.corporate .info {float: left; width: 71%; padding: 0px 0 0 25px; letter-spacing: -0.3px; box-sizing: border-box;}
.corporate .info strong {font-size: 20px; color: #000; font-weight: 600;  line-height: 45px;}
.corporate .info p {padding: 22px 0 0; font-size: 16px; color: #333;  line-height: 30px;}
.in-uhd {padding: 0 0 100px; background: url(/wp-content/themes/coasia/images/subpage/section-img03.png) no-repeat center; background-size: cover;}
.in-uhd > div {max-width: 1483px; margin: 0 auto;}
.in-uhd .heading,
.in-uhd .heading-desc {color: #fff;}

.corporate figure{position: relative;}
.corporate figure > div{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.youtube1{max-width:1000px; margin:0 auto;}
.youtube{position:relative; height:0; padding-bottom:56.25%; }
.youtube iframe{width:100%; height:100%; position:absolute; left:0; top:0;}

/*subpage_1_1_3, 1_4*/
.subpage1-sec1 {padding: 120px 0 0;}
.subpage1-sec1 img {max-width: 100%}

/*subpage_1_2*/
.subpage2-sec1 {}
.subpage2-sec1 article img {width: 100%;}
.sub2-map p {margin-bottom: 50px;}
.sub2-value ul {padding: 30px 0 25px;}
.sub2-value ul li {float: left; width: 12%;  vertical-align: middle; box-sizing: border-box; border:1px solid #15355b; border-radius:10%; box-sizing: border-box; text-align: center; font-size:20px; color:#999999; font-weight: bold; margin:10 6.5%;}
#subpage .sub2-value ul li img{width:70%; vertical-align: middle; padding-top:5px;}
#subpage .sub2-value ul li span{margin-top:20%; display: inline-block;}
#subpage .sub2-value ul li span.line2{margin-top:10%;}
.sub2-mission{position:relative;}
.sub2_bottom{position: absolute; right:30px; bottom:50px; color:white;  font-size:20px; line-height: 1.3;}
.sub2_top span.sub2_top_title{font-weight:bold; font-size:50px; margin-bottom:25px;}
.sub2_bottom span.sub2_bottom_title{display: block; text-align: right; font-weight:bold; font-size:50px; line-height: 0.5;}
.sub2_top{position: absolute; left:30px; top:50px; color:white;}
.sub2_top span{display: block; text-align: left; font-size:17px; line-height: 1.3;}
.sub2_top span.sub2_top_title{font-weight:bold; font-size:50px; margin-bottom:5px;}
.sub2-map-image{width:100%; height:650px; background-image:url(/wp-content/themes/coasia/images/subpage/sub2_map.png); background-position: center center; background-size:cover; background-repeat: no-repeat;}





/*subpage_1_3*/
.subpage3-sec1 {padding: 0 0 120px;}
.history-content {display: none;}
.history-content:nth-of-type(1) {display: block;}
.history-content ul {padding: 70px 0 0;}
.history-content ul li {position: relative; font-size: 0; margin-bottom: 80px; height: 130px;}
.history-content .history-text {display: inline-block; width: 100%; height: 100%; padding-bottom: 10px; font-size: 0;}
.history-content .history-text span {display: inline-block; width: 164px; height: 100%; font-size: 43px; line-height: 120px; letter-spacing: -0.3px; color: #0066cc; font-weight: 500; text-align: center; vertical-align:middle;}
.history-content .history-text strong {display: inline-block; width: calc(100% - 527px); font-size: 16px; letter-spacing: -0.3px; color: #333; line-height: 1.5em; font-weight: 500; vertical-align:middle; margin-top: -5px;}
.history-content .history-thum {position: absolute; top: 0; right: 0; width: 363px; font-size: 0;} 
.history-content .history-thum img {max-width: 100%;} 

/*subpage_1_4*/
.network .contact-info ul {font-size: 0;}
.network .contact-info ul li {display: inline-block; width: 48%; margin-right: 4%; margin-bottom: 100px; vertical-align: top; }
.network .contact-info ul li:nth-child(2n) {margin-right: 0;}
.network .contact-info ul li img {max-width: 100%;}

/*subpage_1_6*/
.partnership img,
.solution img {width: 100%;}

/*subpage_1_7*/
.mappage .world-map img {width: 100%;}
.mappage .map p {line-height: 1.5em;}
.mappage .map > p{border-bottom:1px solid #d5d5d5; padding-bottom:50px;}
.mappage .map p em {display: inline-block; margin-left: 40px; color: #0066cc; font-weight: bold;}
.mappage .map .heading.small {padding: 65px 0 40px;}
/*.mappage .map .map-view {height: 720px; background: #eee;}*/
.mappage .map .map-view img {width: 100%; border: 1px solid #eee;}
.mappage .map .direction {letter-spacing: -0.3px; color: #000; line-height: 1.5em;}
.mappage .map .direction > div {float: left; margin-right: 4%; width: 48%; }
.mappage .map .direction > div:last-of-type {margin-right: 0;}
.mappage .map .direction > div img {margin-bottom: 10px;}
.mappage .map .direction ul:before { content:''; display: block; margin-bottom: 10px; width: 51px; height: 59px; background: url(/wp-content/themes/coasia/images/subpage/sub7_icon01.png) no-repeat center bottom;}
.mappage .map .direction .bus ul:before {background-image: url(/wp-content/themes/coasia/images/subpage/sub7_icon02.png);}
.mappage .map .direction li {margin-bottom: 20px;}
.mappage .map .direction strong {display: block; margin-bottom: 5px; font-size: 20px; font-weight: 500; font-weight: 600;}
.mappage .map .direction p {font-size: 16px; color: #333; font-weight: 300; line-height: 1.3em;}
#subpage .pressroom_board img{width:auto;}
.sub3-map-image{width:100%; height:80%; background-image:url(/wp-content/themes/coasia/images/subpage/sub2_map.png); background-position: center center; background-size:cover; background-repeat: no-repeat;}


.clear:after {content:''; display: block; clear: both;}
.heading {letter-spacing: -0.3px; color: #000; font-weight: 600; text-align: center; text-transform: capitalize;}
.heading.big {padding: 30px 0 30px; font-size: 30px;}
.heading.mid {padding: 120px 0 50px; font-size: 40px;}
.heading.small {padding: 20px 0 10px; font-size: 26px; text-transform: capitalize; font-weight: 600;}
.left {text-align: left;}
.section-center {text-align: center;}
.heading-desc {padding: 0 0 80px 0; font-size: 20px; letter-spacing: -0.3px; color: #333; line-height: 1.5em; font-weight: 300; text-align: center;}
.heading-desc.light {color: #666;}
.heading-color {text-align: center; letter-spacing: -0.3px; }
.heading-color h4 {font-size: 40px; color: #0099cc; font-weight: bold; }
.heading-color p {font-size: 20px; color: #666; line-height: 1.5em; }

.world-map{position:relative;}
.coasia_site{position:absolute; right: 0; bottom:0; text-align: center;}
.coasia_site span{display: block;}
.coasia_site > span{background:rgba(0,0,0,0.1); text-align: center; padding:5px; }
.coasia_site span.normal{font-weight:normal;}
.coasia_site .coasia_site_float{display: inline-block; width:100px; color:white; font-weight:bold;}
.coasia_site .coasia_site_float1{background-color:#319cc8; padding:10px 0;}
.coasia_site .coasia_site_float2{background-color:#31c6c8; padding:10px 0;}

/*subpage_2_5*/
.test_2_sub_5_img .custom_pc{display:block;}
.test_2_sub_5_img .custom_mobile{display:none;}
.test_2_sub_5_ul{margin:40px 0;}
.test_2_sub_5_ul li{display: inline-block; padding:0px 0%; box-sizing: border-box; width:50%; margin:10px 0; vertical-align: top;}
.test_2_sub_5_ul li span{display: block;}
.test_2_sub_5_ul li span.test_2_sub_5_title{font-size:25px; color:#052d5a; font-weight: bold; padding-bottom:12px; border-bottom:1px solid #e0e1e1; margin-bottom:15px; }




@media screen and (max-width: 1025px) {
  /* left */
  .obj-section.left-obj-section .obj {position: relative;}
  .obj-section.left-obj-section .obj .obj-img:nth-child(1) {position: relative;}
  .obj-section.left-obj-section .txt { padding: 60px 0 40px 0; width: 100%; max-width: 92%; margin: 0 auto; text-align: left;}
  .obj-section.left-obj-section .obj .obj-img.pc-on {display: none !important;}
  .obj-section.left-obj-section .obj .mobile-img {display: block; margin: 0 auto; max-width: 70%; }
  /* .mobile-img {opacity: 0;} */
  /* right */
  .obj-section.right-obj-section .obj {position: relative;}
  .obj-section.right-obj-section .obj .obj-img:nth-child(1) {position: relative; padding: 100px;}
  .obj-section.right-obj-section .txt { padding: 60px 0 40px 0; width: 100%; max-width: 97%; margin: 0 auto; text-align: left;}
  .obj-section.right-obj-section .obj .obj-img.pc-on {display: none !important;}
  .obj-section.right-obj-section .obj .mobile-img {display: block; margin: 0 auto; max-width: 70%;}
  .obj-br {height: 120px;}
  .blue-bigbanner .txt {padding: 135px 127px 490px 0;}
  .blue-bigbanner .txt h3 {font-size: 50px; margin-bottom: 45px; margin-bottom: 40px;}
  .blue-bigbanner .txt p {font-size: 20px; line-height: 1.35; max-width: 80%; margin-left: auto;}
  .obj-section.left-obj-section .obj .obj-img {max-width: 80%; margin: 0 auto;}
}

@media screen and (min-width: 0px) and (max-width: 800px){
  .subpage {padding: 60px 0 0 0;}
  .obj-br {height: 80px;}
  .blue-bigbanner {margin-top:0px;}
  .obj-section.left-obj-section .txt h3 {font-size: 45px;}
  .obj-section.right-obj-section .txt h3 {font-size: 45px;}
  .blue-bigbanner .txt {padding: 236px 26px 200px 0; text-align: left;}
  .mobile-on {display: block;}
  .pc-on {display: none;}
  .obj-section.left-obj-section .obj .mobile-img {display: block; margin: 0 0; max-width: 93%;}
  .obj-section.right-obj-section .obj .mobile-img {display: block; margin: 0 auto; max-width: 100%;}

  .obj-section.left-obj-section,.obj-section.right-obj-section {padding-top:50px; overflow: hidden;}
  .obj-section .obj .obj-img {position: relative;}
  .obj-section .obj .mobile-img {max-width: 100%; padding: 0 0px; display: block; margin: 0 auto;}
    
    /*서기현 수정*/
    
    .coinfo figure{width:100%;}
	.coinfo figure.miss {float:right; width: 100%;}
    .coinfo .info{width:100%;}
    .product-info table{width:100%; margin:30px 0;}
    .regional ul li{width:100%;}
    .insight ul li{width:100%; margin:30px 0;}
    .tablist li{width:100%; float:none; height:auto; margin:2px 0; border:1px solid #eee !important; box-sizing: border-box; width:100%; }
    .corporate ul li{width:100%; text-align: center;}
    .corporate figure{display: inline-block; float:none;}
    .corporate .info{float:none; width:100%; padding:0;}
    .sub2-value ul li{width:43%; padding:0; margin:30px 1%; }

	.history-content ul li {position: relative; font-size: 0; margin-bottom: 80px; height: auto;}
	.history-content .history-text {height: auto;}
    .history-content .history-text span{width:100%; text-align: left; height: auto; line-height: normal;}
    .history-content .history-text strong{width:100%; height: auto; margin-top: 0;}
    .history-content .history-thum {position: relative; width:100%;}
	

    .network .contact-info ul li{width:100%; margin:30px 0;}
    .heading.big{font-size:40px;}
    .management-content .title{padding:0 5px;}
    .test_2_sub_5_img .custom_pc{display:none;}
    .test_2_sub_5_img .custom_mobile{display:block;}
    .test_2_sub_5_ul{margin:40px 0;}
    .test_2_sub_5_ul li{float:none; box-sizing: border-box; width:100%; margin:10px 0; padding:30px 0;}
    .test_2_sub_5_ul li span{display: block;}
    .test_2_sub_5_ul li span.test_2_sub_5_title{font-size:15px; color:#052d5a; font-weight: bold; padding-bottom:13px; border-bottom:1px solid #052d5a; margin-bottom:10px; }
    .test_2_sub_5_ul li span.test_2_sub_5_content{font-size:13px; line-height: 1.3;}
    .sub2-map-image{width:100%; height:500px; background-image:url(/wp-content/themes/coasia/images/subpage/sub2_map.png); background-position: center center; background-size:cover; background-repeat: no-repeat;}


}

@media (max-width:1024px) {
.blue-bigbanner .txt {padding: 37px 26px 130px 0;}
.blue-bigbanner .txt p {font-size: 8px; line-height: 1.5;}
.blue-bigbanner .txt h3 {font-size: 25px; margin-bottom: 19px; letter-spacing: -0.75px; line-height: 1.35;}
.regional ul li {float: left; width: 49%; margin-right: 0%; margin-bottom: 30px; padding: 50px 36px; font-size: 17px; font-weight: 300; color: #838383; border: 1px solid #838383; transition: 0.3s; box-sizing: border-box;}
.regional ul li:nth-child(2n-1) {margin-right: 2%;}
.regional2 li {height: 250px !important; padding: 50px 36px 0 !important;}
}
@media (max-width:800px) {
.regional ul li {float: left; width: 100%; margin-right: 0%; margin-bottom: 30px; padding: 50px 36px; font-size: 17px; font-weight: 300; color: #838383; border: 1px solid #838383; transition: 0.3s; box-sizing: border-box;}
.regional ul li:nth-child(2n-1) {margin-right: 0%;}
.regional2 li {height: 250px !important; padding: 50px 36px 0 !important;}
}

@media (max-width:600px) {
.blue-bigbanner .txt {padding: 37px 26px 130px 0;}
.blue-bigbanner .txt p {font-size: 8px; line-height: 1.5;}
.blue-bigbanner .txt h3 {font-size: 25px; margin-bottom: 19px; letter-spacing: -0.75px; line-height: 1.35;}
    /*서기혀 ㄴ수정*/
    #subpage .sub2-value ul li span{font-size:15px;}
    .sub2-mission > img{display:none;}
    .sub2-mission{background-image:url(http://coasiakorea.cafe24.com/wp-content/themes/coasia/images/subpage/sub2_bg.png); background-repeat: no-repeat; background-size:cover; background-position: center center; height:500px;}
    .mappage .map p span{display:block;}
    .mappage .map p em{margin-left: 0;}
    .mappage .map .direction > div{width:100%; margin-left:0; margin:20px 0;}
}

.gallery-container {max-width: 1454px; margin: 0 auto; overflow: hidden;}
.gallery-container > div { width:48.9547%; overflow: hidden;}
.gallery-container > div.left {float: left;}
.gallery-container > div.right {float: right;}
.gallery-container > div.left {padding-top:49.2682%}
.gallery-container > div.right .box {padding-top:47.7895%;}
.gallery-container > div.right .box:nth-child(1) {margin-bottom: 4.8%}
.gallery-container .box {background: green; position: relative; overflow: hidden; position: relative; cursor: pointer;}
.gallery-container .box img {position: absolute; left:0; top:0; display: block; width: 100%; height: 100%; transform: scale(1); transform-origin: center; transition: 0.3s;}

.gallery-container .box:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: rgba(0,0,0,.2); transition: 0.3s; opacity: 0;}
.gallery-container .box:hover:after {opacity: 1;}
.gallery-container .box:hover img {transform: scale(1.1);}

/*txt css*/
.gallery-container  .txt-box {position:absolute; left:0; left:65px; top:57px; text-align: left; z-index: 10;}
.gallery-container .right .txt-box {position:absolute; left:0; right:45px; top:57px; text-align: right; z-index: 10;}

.gallery-container strong {font-size: 50px; font-weight:500; line-height: 1; margin-bottom: 22px; color:#fff; display: block;}
.gallery-container p {font-size: 36px; font-weight:500; line-height: 1; color:#fff;}
.mobile-gallery {display: none;} .pc-gallery {display: block;}

@media (max-width:1024px) {
  .gallery-container  .txt-box {left:40px; top:25px; text-align: left;}
  .gallery-container .right .txt-box {left:40px; top:25px; text-align: left;}
  .gallery-container  strong {font-size: 30px; margin-bottom: 15px; }
  .gallery-container  p {font-size: 30px;}
}

@media (max-width:800px) {
.gallery-container {max-width: 85%; margin: 0 auto;}
.gallery-container > div.left {float: none;}
.gallery-container > div.right {float: none;}
.gallery-container > div.left {height: 400px; padding-top:0;}
.gallery-container > div.right {margin-top: 4.8%;}
.gallery-container > div { width:100%; }
.gallery-container > div.right .box {width: 48%;}
.gallery-container > div.right .box:nth-child(1) {float: none; width: 100%;}
.gallery-container > div.right .box:nth-child(2) {}
.gallery-container > div.right .box {padding-top:35%;}
.gallery-container .left trong {font-size: 25px; margin-bottom: 12px; }
.gallery-container .left p {font-size: 20px;}
.gallery-container .right .txt-box {position:absolute; left:0; right:25px; top:20px; text-align: right;}
.gallery-container .right p {font-size: 17px; }

}

@media (max-width:600px) {
  .gallery-container {max-width: 90%; margin: 0 auto;}
  .gallery-container > div.left {height: 230px; padding-top:0;}
  .gallery-container > div.right {margin-top: 4.8%;}
}
/* .obj-section {}
.obj {opacity: 0; transition: 0.3s;} */

/* subpage */
.fluid_width {max-width: 1430px; margin: 0 auto;}
.subpage-100vh {min-height: calc(100vh - 350px);}
.text-center {text-align: center;}


body {max-width: 100vw;}
.hidden-wrap {max-width: 100vw; overflow-x:hidden;}
.subpage#subpage {max-width: 1483px !important; padding: 30px 15px 0px 15px; margin: 0 auto;  overflow: hidden;  box-sizing: border-box; width:100%;}
.sec-py-size1 {padding: 83px 0;}
.heading-pb-size1 {}
.ft-notosans {font-family: 'TitilliumWeb', sans-serif !important;}

@media (max-width:1100px) {
}

/* 서브페이지 애니메이션 */
@keyframes subpageVisual_textAni {
  0% { opacity: 0; -webkit-transform: translate(30px, -50%); -ms-transform: translate(30px, -50%); transform: translate(30px, -50%); }
100% { opacity: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } }

.img-row-flex { display: flex; justify-content: space-between;}
.img-col3 { flex: 33.33%; padding: 5px; max-width: 100%;}
.img-col3 img {max-width: 100%; line-height: 1; vertical-align: middle;}
.img-col3.left {margin-right:auto;}
.img-col3.center {margin: 0 auto; text-align: center;}
.img-col3.right {margin-left:auto; text-align: right;}

.sub-heading-type1 {font-size: 45px; font-weight: bold; color:#000; letter-spacing: -0.03rem; padding-bottom: 35px; text-align: center; line-height: 1.22; text-transform: uppercase;
}
.sub-desc-type1 {font-size: 20px; font-weight: bold; color:#666; letter-spacing: -0.03rem; line-height: 1.3; text-align: center;}

.sub-content-type1 {padding: 30px 0 60px 0;  position: relative;}
.sub-content-type1 h3 {font-size: 32px; font-weight: bold; color:#000; letter-spacing: -0.03em; overflow: hidden; line-height: 1.3; }
.sub-content-type1 h3 span {float: left;}
.sub-content-type1 h3 span.txt {display: block; padding-bottom:36px; line-height: inherit; width: 100%; text-align: center;}
.sub-content-type1 p {font-size: 20px; font-weight: 300; color:#333; line-height: 1.3; letter-spacing: -0.38px;}

.img-row-flex { display: flex; justify-content: space-between; }
.img-col4 { flex: 25%; padding: 5px; max-width: 342px;}
.img-col4 img {max-width: 100%; line-height: 1; vertical-align: middle;}

/* 서브페이지 미디어쿼리 (모바일 & PC) */
@media (max-width:1100px) {
  .subpage-visual {min-height: 485px; padding-top:0;}
  .subpage-visual .txt { padding: 0 7.8181%; max-width:900px;}
  .subpage-visual .txt p {font-size: 22px; padding-bottom: 33px; margin-bottom: 0;}
  .subpage-visual .txt h2 {font-size: 44px;}
  .sub-desc-type1 {padding-bottom: 0; font-weight: 400;}
  .subpage#subpage {padding: 46px 15px 80px 15px;}
}

@media (max-width:600px) {
  .sub-heading-type1 {font-size: 23px; padding-bottom:13px;}
  .sub-desc-type1 {font-size: 12px; line-height: 1.52; letter-spacing: -0.36px;}
  .sec-py-size1 {padding-top: 40px;}

  .img-row-flex {display: block;}
  .img-col4 { width:50%; float: left;}
  .img-col3 { flex: 100%;  padding: 5px 0; }
  .img-col3 img {margin: 0 auto; display: block;width: 100%;}
  .sub-content-type1 h3 {font-size: 23px;}
  .sub-content-type1 h3 span.txt {padding-bottom: 18px;}
  .sub-content-type1 p {font-size: 13px; line-height: 1.6;}
  .subpage-visual .txt { width: auto; display: inline-block; text-align: center;}
  .subpage-visual .txt h2 {line-height: 1.176;}
  .subpage-visual .txt p {font-size: 16px; font-weight: bold;  color:#fff;}
  .subpage#subpage {max-width: 100% !important; padding: 30px 15px 80px 15px;}
}

@media (max-width:1500px) {
  .visual-obj img {max-width: 400px;}
}

@media (max-width:1300px) {
  .visual-obj img {max-width: 300px;}
}

@media (max-width:1024px) {
  .subpage-visual-obj {min-height: 525px; padding-top:0;}
  .subpage-visual-obj .txt { padding: 5 7.8181%;}
  .subpage-visual-obj .txt {max-width:900px;}
  .subpage-visual-obj .txt p {font-size: 22px; padding-bottom: 50px; margin-bottom: 0; letter-spacing: 0.575px;}
  .subpage-visual-obj .txt h2 {font-size: 44px; }
  .visual-obj img {max-width: 250px;}
  .img-col2.img-box {}
  .img-col2.img-box img {max-width: 100%; margin: 0 auto; display: block; padding: 0;}
  .sub-content-type2 h3 {font-size: 40px;}
  .sub-content-type2 p {font-size: 20px;}
  .img-col2.txt-box {padding: 0; padding-right:120px;}

  .img-col2 { flex: 100%; }
  .img-col2.txt-box {padding:0;}

  .img-row-flex2 {flex-wrap: wrap;}
  .img-row-flex2.order-reverse div:nth-child(2) {order:1;}
  .img-row-flex2.order-reverse div:nth-child(1) {order:2;}

  .sec-py-size2 {padding: 55px 0 0 0; padding-bottom: 0px;}
  .sec-py-size2+.sec-py-size2 {padding-top:163px;}
  .sub-content-type2 {padding:46px 0px 0px 0px;}
  .sub-content-type2 h3 {font-size: 40px; letter-spacing: -1.2px;}
  .sub-content-type2 p{font-size: 13px; letter-spacing: -0.39px}

  .subpage-visual-obj {padding-top: 97px;}
  .subpage-visual-obj .txt {text-align: center; padding-top:72px;}
  .subpage-visual-obj .txt { position: absolute; left:0; top:auto; right:0; transform: translateY(0);}
  .subpage-visual-obj .txt p {font-size: 16px;}
  .subpage-visual-obj .txt h2 {font-size: 34px; letter-spacing:-1.5px;}
  .visual-obj {top:auto; transform: translateY(0%); max-width: auto;bottom: 0; padding-bottom: 49px; align-items: center; justify-content: flex-end; flex-direction: column; }
  .visual-obj img { max-height: 190px; display: inline-block; position: relative; top:-20px;}

  .img-row-flex2 .img-col2:nth-child(1) {padding: 0;}

  .img-col2 { flex: 100%; }
  .img-col2.txt-box {padding:0;}

  .img-row-flex2 {flex-wrap: wrap;}
  .img-row-flex2.order-reverse div:nth-child(2) {order:1;}
  .img-row-flex2.order-reverse div:nth-child(1) {order:2;}

  .sec-py-size2 {padding: 55px 0 0 0; padding-bottom: 0px;}
  .sec-py-size2+.sec-py-size2 {padding-top:163px;}
  .sub-content-type2 {padding:46px 0px 0px 0px;}
  .sub-content-type2 h3 {font-size: 40px; letter-spacing: -1.2px;}
  .sub-content-type2 p{font-size: 13px; letter-spacing: -0.39px}

  /* .subpage-visual-obj {padding-top: 97px;}
  .subpage-visual-obj .txt {text-align: center; padding-top:72px;}
  .subpage-visual-obj .txt { position: absolute; left:0; top:auto; right:0; transform: translateY(0);}
  .subpage-visual-obj .txt p {font-size: 16px;}
  .subpage-visual-obj .txt h2 {font-size: 34px; letter-spacing:-1.5px;}
  .visual-obj {top:auto; transform: translateY(0%); max-width: auto;bottom: 0; padding-bottom: 49px; align-items: center; justify-content: flex-end; flex-direction: column; }
  .visual-obj img { max-height: 190px; display: inline-block; position: relative; top:-20px;}
   */
  .img-row-flex2 .img-col2:nth-child(1) {padding: 0;}

  .sub-visual .subheading-pc-on {display: none;}
  .sub-visual .subheading-mobile-on {display: block;}


  .img-col2 { flex: 100%; }
  .img-col2.txt-box {padding:0;}

  .img-row-flex2 {flex-wrap: wrap;}
  .img-row-flex2.order-reverse div:nth-child(2) {order:1;}
  .img-row-flex2.order-reverse div:nth-child(1) {order:2;}

  .sec-py-size2 {padding: 55px 0 0 0; padding-bottom: 0px;}
  .sec-py-size2+.sec-py-size2 {padding-top:163px;}
  .sub-content-type2 {padding:46px 0px 0px 0px;}
  .sub-content-type2 h3 {font-size: 40px; letter-spacing: -1.2px;}
  .sub-content-type2 p{font-size: 13px; letter-spacing: -0.39px}

  .subpage-visual-obj {padding-top: 97px;}
  .subpage-visual-obj .txt {text-align: center; padding-top:72px;}
  .subpage-visual-obj .txt { position: absolute; left:0; top:auto; right:0; transform: translateY(0);}
  .subpage-visual-obj .txt {padding: 72px 0 0 !important;}
  .subpage-visual-obj .txt p {font-size: 16px;}
  .subpage-visual-obj .txt h2 {font-size: 34px; letter-spacing:-1.5px;}
  .visual-obj {top:auto; transform: translateY(0%); max-width: auto;bottom: 0; padding-bottom: 49px; align-items: center; justify-content: flex-end; flex-direction: column; }
  .visual-obj img { max-height: 190px; display: inline-block; position: relative; top:-20px;}
  .img-row-flex2 .img-col2:nth-child(1) {padding: 0;}

  .sub-visual .subheading-pc-on {display: none;}
  .sub-visual .subheading-mobile-on {display: block;}
}


.orz_logo {position: relative;}
.orz_logo img {margin-bottom: 40px;}
.orz_logo:after {content:""; display: block; background: #ccc; height: 1px; width: calc(100% - 14.5%);}

.view_pc {display: block; margin-top: 0px;}
.view_pc dl {display: inline-block; vertical-align: top; text-align: center; float: left; width: 14.28%; position: relative;}
.view_pc dt {display: block; font-size: 16px; margin: 0 5px;}
.view_pc dt a {display: block; width: 100%; height: 50px; line-height: 48px; color: #fff; background: #013c80; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.view_pc dd {display: block; font-size: 13px; margin: 0 5px; padding: 100px 0; border: 1px solid #999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 2; margin-top: 10px; height: 300px;}
.view_pc:after {content:""; display: block;height: 0; clear: both;}
.view_pc dl:before {content:""; display: block; background: #ccc; height: 40px; width: 1px; margin-left: 50%; margin-top: -1px;}
.view_pc dl:nth-child(4):before {content:""; display: block; background: #ccc; height: 80px; width: 1px; margin-left: 50%; margin-top: -40px;}

@media (max-width:1025px) {
.orz_logo {position: relative; text-align: left; text-indent: 15px; display: inline-block; position: absolute; top: 50px; left: calc(50% - 320px);}
.orz_logo img { height: 100px !important;}
.orz_logo:after {display: none;}

.view_pc {margin-left: calc(50% - 50px); margin-top: -20px;}
.view_pc dl {display: block; float: none; width: auto; margin-bottom: 10px;}
.view_pc dl dt {float: left; width: 200px; margin: 0;}
.view_pc dl dd {float: left; width: 150px; margin: 0 0 0 10px;}
.view_pc dl:after {content:""; display: block;height: 0; clear: both;}
.view_pc dl:before,
.view_pc dl:nth-child(4):before{display: none;}
}
@media (max-width:700px) {
.orz_logo {position: relative; text-align: center; display: block; text-indent: 0; margin-top: -35px; width: 100%; left: auto;}
.orz_logo img { height: 60px !important;}
.view_pc {margin-left: 0; margin-top: 50px; text-align: center;}
.view_pc dl {display: inline-block; margin: 0 auto 10px; }
}