/* 전 php 공통으로 쓰이는 body header footer만 들어있습니다. */

html {letter-spacing: -0.5px; font-size:62.5%; font-display: swap; scroll-snap-type: y mandatory; /* 부모 적용 */}
.aos-wrap {overflow: hidden; position: relative;}
.boundary {width:100%; max-width: 1740px; margin: 0 auto;}
.inner_boundary {width:100%; max-width: 1560px; margin: 0 auto;}
.sub_inner_boundary {width:100%; max-width: 1440px; margin: 0 auto;}
.play {font-family: "Play";}


.site-map-wraps {width:100%; height:100vh; position: fixed; top:0; left:0; z-index: 999; display: none; justify-content: center; align-items: center; flex-wrap: wrap; }
.site-map-wraps>ul {width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height:100%;}
.site-map-wraps>ul>li{background-color:#fff; position: relative; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; flex-basis: 20%; max-width: 20%; height:100%; padding:3rem; border-right:1px solid #ddd; position: relative;}
/* .site-map-wraps>ul>li::before {content:''; position: absolute; top:-100%; left:0%; width:100%; height:100%; background-color:#1E3786; transition: all 0.8s; } */
/* .site-map-wraps>ul>li:hover::before {top:0;} */
/* .site-map-wraps>ul>li:hover>ul>.menu-name>h3 {color:#fff; transition: all 0.8s;} */
/* .site-map-wraps>ul>li:hover>ul>li>a {color:#fff; transition: all 0.8s;}  */
.site-map-wraps>ul>li:nth-child(1) {animation-duration: 0.3s;}
.site-map-wraps>ul>li:nth-child(2) {animation-duration: 0.6s;}
.site-map-wraps>ul>li:nth-child(3) {animation-duration: 0.9s;}
.site-map-wraps>ul>li:nth-child(4) {animation-duration: 1.2s;}
.site-map-wraps>ul>li:nth-child(5) {animation-duration: 1.5s;}
.site-map-wraps>ul>li::before {content:''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);  width:100%; height:100%; background-image:url(/INCONTRO/assets/images/company-logo.png); background-repeat: no-repeat; background-position: center bottom; opacity: 0; transition: all 0.6s;}
.site-map-wraps>ul>li:hover::before {background-position: right bottom; opacity: 1;}
.site-map-wraps>ul>li>ul {width:100%; height:100%; padding-top:100%;}
.site-map-wraps>ul>li>ul>.menu-name {font-size:2.8rem; font-family: "Play"; font-weight: bold; padding:1rem; position: relative; z-index: 1;}
.site-map-wraps>ul>li>ul>li {position: relative; overflow: hidden;}
.site-map-wraps>ul>li>ul>li>a {font-size:1.8rem; line-height:1; font-weight: 600; padding:1rem; position: relative; width: 100%; z-index: 1; transition: all 0.4s;}
.site-map-wraps>ul>li>ul>li>a::before {content:''; position: absolute; top:0; left:-100%; background-color:black; color:#fff; width: 100%; height: 100%; z-index: -1; transition: all 0.8s;}
.site-map-wraps>ul>li>ul>li:hover>a {color:#fff;}
.site-map-wraps>ul>li>ul>li:hover>a::before {left:0;}
.site-map-wraps>ul>li>ul>li:hover>a>span {position: relative; z-index: 1; color:#fff;}
.site-map-wraps>ul>li>ul>li>a>span {font-size:1.4rem;font-weight: 300; margin-top:0.3rem; transition: all 0.4s;}

.site-map-wraps .close-btn {position: fixed; top: 1rem; right:1rem; width:10rem; height:10rem; background-color:#000000; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; cursor: pointer;}
.site-map-wraps .close-btn>img {max-width: 5rem; transition: all 0.4s; display: block; width:5rem; height:5rem;}
.site-map-wraps .close-btn:hover {background-color:#1E3786;}
.site-map-wraps .close-btn:hover>img {transform: rotate(180deg);}
/*header*/
header {width:100%; position: fixed; top:0; left:0; z-index: 999; height: 145px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; transition: all 0.4s cubic-bezier(.23,1,.32,1);}
header.shadow {box-shadow: 0 5px 14px 0 rgba(61,82,96,0.1);}
header.activated {background-color:#000000; transition: all 0.4s;}
header.activated>div>.boundary>.menu-wrap>ul>li {color:#fff;}
header.activated>div>.boundary>.menu-wrap>ul>li>a {color:#fff;}
header.activated>div>.boundary>.logo-wrap>a>img:last-child {display: block;}
header.activated>div>.boundary>.logo-wrap>a>img:first-child {display: none;}

header.activated>.bound>.boundary>.logo-wrap>.lang-wrap>li {color:rgba(255,255,255,0.4);}
header.activated>.bound>.boundary>.logo-wrap>.lang-wrap>li.active {color:#fff;}
header.activated.mini>div>.boundary>.logo-wrap>a>img:last-child {display: block;}
header.activated.mini>div>.boundary>.logo-wrap>a>img:first-child {display: none;}
header.activated.mini>div>.boundary>.menu-wrap>ul>.pd>span>img {filter:brightness(1000);}
header>.bound {width:100%; height:145px; max-width: 100%; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; transition: all 0.2s;}
header>.bound::before {content:''; position: absolute; top:0; right:0; width:20rem; height:100%; border-radius: 0 0 0 10rem; background-color:#1E3786; transition: all 0.2s;}
header.mini {height:90px; border-bottom:1px solid rgba(0,0,0,0.1);}
header.mini>div {height:90px;}
header.mini>div>.boundary>.logo-wrap {transition: all 0.4s;}
header.mini>div>.boundary>.logo-wrap>.lang-wrap {display: none;}
header.mini>div>.boundary>.logo-wrap>a {padding-top:2rem;}
/* header.mini>div>.boundary>.logo-wrap>a>img:last-child {display: none;} */
header.mini>div>.boundary>.menu-wrap>ul>li {margin-top:0;}

header>.bound>.boundary {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative; padding-left:2rem; padding-right:2rem;}
header>.bound>.boundary>.logo-wrap {max-width: 20%; flex-basis: 20%;}
header>.bound>.boundary>.logo-wrap>a { padding-top:1rem; padding-bottom:2rem;}
header>.bound>.boundary>.logo-wrap>a>img:last-child {display: none;}
header>.bound>.boundary>.logo-wrap>.lang-wrap {width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top:1rem; transition: all 0.4s;}
header>.bound>.boundary>.logo-wrap>.lang-wrap>li {font-size:1.4rem; font-family: "Play"; font-weight: bold; color:rgba(0,0,0,0.3); cursor: pointer; padding-left:1rem; padding-right:1rem; border-right:1px solid rgba(0,0,0,0.1);}
header>.bound>.boundary>.logo-wrap>.lang-wrap>li.active {color:rgba(0,0,0,1);}
/* header>div>.boundary>.logo-wrap>.lang-wrap>li:first-child {padding-right:2rem; border-right:1px solid rgba(0,0,0,0.2);} */
header>.bound>.boundary>.logo-wrap>.lang-wrap>li:last-child {border-right:1px solid rgba(0,0,0,0);}
header>.bound>.boundary>.menu-wrap {max-width: 60%; flex-basis: 60%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
header>.bound>.boundary>.menu-wrap>ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
header>.bound>.boundary>.menu-wrap>ul>li {font-size: 1.8rem; font-family: "Play"; font-weight: bold; color:#000000; padding:2rem 3rem; margin-top:2rem; position: relative; flex-basis: 20%; max-width: 20%; text-align: center;}
header>.bound>.boundary>.menu-wrap>ul>li.active {text-decoration: underline;}
header>.bound>.boundary>.menu-wrap>ul>li>a {color:#000000; text-align: center;}
header>.bound>.boundary>.menu-wrap>ul>li:hover>a {opacity: 0.7;}
header>.bound>.boundary>.menu-wrap>ul>li.shop>a {color:#FF6600; padding: 0.3rem 2rem; border:1px solid #FF6600; border-radius: 10rem;}
header.mini.activated>div>.boundary>.menu-wrap>ul>li.shop:hover a {background-color:#FF6600; color:black; opacity: 1;}
header>.bound>.boundary>.menu-wrap>ul>li.shop:hover a {background-color:#FF6600; color:#fff; opacity: 1;}
header>.bound>.boundary>.menu-wrap>ul>li>span {display: inline-block; position: relative; top:-0.25rem; left:0.5rem;}
/* header>div>.boundary>.menu-wrap>ul>.pd>span>img{transition: all 0.4s;} */
header>.bound>.boundary>.menu-wrap>ul>.pd:hover>span>img {transform: rotate(180deg); transition: all 0.4s cubic-bezier(.23,1,.32,1);}
header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu {position: absolute; top:11rem; background-color:#000000; color:#fff; width: 100%; font-family: "SCoreDream"; padding-top:0.5rem; padding-bottom:0.5rem; visibility: hidden; transition: all 0.4s; opacity: 0; border:1px solid rgba(255,255,255,0.1);} 
header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu.show {visibility: visible; opacity: 1; top:6rem;}
header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu>li {width:100%; text-align: left;}
header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu>li>a {font-size:1.4rem; padding:0.5rem 1rem; color:rgba(255,255,255,0.7);}
header>.bound>.boundary>.menu-wrap>ul>li>.sub-menu>li>a:hover {color:rgba(255,255,255,1);}

.site-map {font-size:1.8rem; font-family: "Play"; font-weight: bold; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; color:#fff; position: absolute; right:2rem; cursor: pointer; transition: all 0.4s; }
.site-map:hover {opacity: 0.7;}
.site-map>.ham-bar {margin-left:2rem; margin-top:0.2rem;}
.site-map>.ham-bar>li {width:2rem; height:2px; background-color:#fff; margin-bottom:0.3rem;}

body {font-family:'SCoreDream', 'sans-serif'; font-weight:400; color:#333333; line-height:1.6; position:relative; padding-top:0; width:100%; max-width:100%; font-size: 62.5% !important;}

/*드래그 색상*/
::selection {color:#fff; background:darkblue;}

p {word-break: keep-all;}
img{ border:0;}
a{display: block;}

.red {color:red;}
.blue {color:#223F99;}

.boundary1{width:100%; max-width:1200px; margin:0 auto; position: relative;}
.boundary2{width:100%; max-width:1200px; margin:0 auto; position: relative;}
.cont_1200 {width:100%; max-width:1200px; margin:0 auto;}


.allPt{padding-top:120px;}
.allPt2{padding-top:200px;}

.clearfix::before, .clearfix::after{display:block; content:''; clear: both;}

section{width:100%; position: relative; padding-top:0;}


.adminlock {position: absolute; bottom:15px; right:5px; cursor: pointer; z-index: 100; padding:10px; opacity: 0.5;}


/*탭 스타일*/

.tab-wrap {width:100%; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width:1400px; margin:0 auto;}
.tab-wrap .tab {background-color:#fafafa; flex-basis: 100%; max-width:100%; padding:15px 20px; cursor: pointer; transition: all 0.4s; text-align: center; font-size:1.6rem;}
.tab-wrap .tab:hover {opacity: 0.7;}
.tab-wrap .tab.active-tab {color:#fff; background-color:#004272;}



/* 체크 */
.check{position: relative;}
.check_label { display: inline-block; position: relative;  font-size:1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; padding-left:26px; vertical-align: middle;}
.check_label input {position: absolute;opacity: 0;cursor: pointer; visibility: hidden;}
.checkmark {position: absolute; top:50%; transform:translateY(-50%); left: 0; height: 20px; width: 20px; background-color: #fff; border-radius:50%; border:1px solid #ccc;}
.check_label:hover input ~ .checkmark {background-color: #efefef;}
.check_label input:checked ~ .checkmark {border:1px solid transparent; background-color: #136090;}
.checkmark:after { content: ""; position: absolute; display: none;}
.check_label input:checked ~ .checkmark:after {display: block;}



/* 체크박스 */
.check_label .checkmark:after {left: 6px; top:3px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* 라디오 */
.check_label .checkmark.radio:after{ top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: white;}

/* btn class명을 가진 태그 */
.btn{padding-left:16px; padding-right:16px; height:44px; font-size:1.5rem;}
.btn-primary{background-color:#fdab16; color:#fff; border:1px solid transparent;}
.btn-secondary{background-color:#333; color:#fff;}
.btn-default{background-color:#fff; border:1px solid #ccc;}

input:focus, textarea:focus, select:focus, option:focus {outline:none!important;}
*:focus { outline:none; }

.flex {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:100%;}
.flex_start {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width:100%;}
.flex_column {display: flex; flex-direction: column; width:100%;}
.flex .content {flex-basis: 100%; max-width:100%; margin:0%;}

.flex_2ea {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:100%;}
.flex_2ea .content {flex-basis: 48%; max-width:48%; margin:1%;}

.flex_3ea {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:100%;}
.flex_3ea .content {flex-basis: 31.3333%; max-width:31.3333%; margin:1%;}

::-webkit-scrollbar { -webkit-appearance: none; transition: all 1.5; } 
::-webkit-scrollbar:vertical { width: 8px;transition: all 1.5; } 
::-webkit-scrollbar:horizontal { height: 8px; transition: all 1.5;} 
::-webkit-scrollbar-thumb { background-color: #0f2261; border-radius: 0; border: 0px solid #ffffff; transition: all 1.5;} 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff;transition: all 1.5; }