/* include 공통 CSS */

/************************* 공통 시작*************************/

.cursor{display: none; position: fixed; width: 45px; height: 45px; border-radius: 50%; pointer-events: none; z-index: 999; transition: transform 0.2s;}
.cursor--active {display: block;}
.cursor__line {position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); background-color: var(--red-02);}
.cursor__line--horziontal {width: 100%; height: 3px;}
.cursor__line--vertical {width: 3px; height: 100%;}


.inner {margin: 0 auto; max-width:1700px;}
.sub_right {padding-top: 90rem;}
.content_desc {min-height:calc(var(--vh, 1vh) * 100);}


@media(max-width:1740px){
	.inner {padding: 0 4%;}
}

.tit-01 {font-size: var(--fz-54); font-weight: 600;}
.tit-02 {font-size: var(--fz-40); font-weight: 700;}
.tit-03 {font-size: var(--fz-32); font-weight: 700;}
.tit-04 {font-size: var(--fz-46); font-weight: 700;}
.tit-05 {font-size: var(--fz-34); font-weight: 700;}
.para-01 {font-size: var(--fz-24); font-weight: 500;}
.para-02 {font-size: var(--fz-26);}

@media(max-width:1340px){
	.tit-01 {font-size: var(--fz-46);}
	.tit-02 {font-size: var(--fz-34);} 
	.tit-03 {font-size: var(--fz-26);} 
	.tit-04 {font-size: var(--fz-40);} 
	.tit-05 {font-size: var(--fz-32);}
	.para-01 {font-size: var(--fz-22);}
	.para-02 {font-size: var(--fz-24);}
}
@media(max-width:1080px){
	.tit-01 {font-size: var(--fz-40);}
	.tit-02 {font-size: var(--fz-32);} 
	.tit-03 {font-size: var(--fz-24);} 
	.tit-04 {font-size: var(--fz-34);} 
	.tit-05 {font-size: var(--fz-26);}
	.para-01 {font-size: var(--fz-20);}
	.para-02 {font-size: var(--fz-22);}
}
@media(max-width:768px){
	.tit-01 {font-size: var(--fz-34);}
	.tit-02 {font-size: var(--fz-26);} 
	.tit-03 {font-size: var(--fz-21);} 
	.tit-04 {font-size: var(--fz-32);} 
	.tit-05 {font-size: var(--fz-24);}
	.para-01 {font-size: var(--fz-18);}
	.para-02 {font-size: var(--fz-20);}
}
@media(max-width:500px){
	.tit-01 {font-size: var(--fz-32);}
	.tit-02 {font-size: var(--fz-24);} 
	.tit-03 {font-size: var(--fz-20);} 
	.tit-04 {font-size: var(--fz-26);} 
	.tit-05 {font-size: var(--fz-22);}
	.para-01 {font-size: var(--fz-16);}
	.para-02 {font-size: var(--fz-18);}
}
@media (orientation: landscape) and (max-height:500px) {
	.tit-01 {font-size: var(--fz-25);}
	.tit-02 {font-size: var(--fz-20);} 
	.tit-03 {font-size: var(--fz-16);} 
	.tit-04 {font-size: var(--fz-22);} 
	.tit-05 {font-size: var(--fz-18);}
	.para-01 {font-size: var(--fz-13);}
	.para-02 {font-size: var(--fz-15);}
}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t{position: fixed; left:0; top:0; padding:0; display:flex; width:100%; z-index: 10; transition:.5s ease all;}
.header_t.on {background-color: rgba(0,0,0,0.6);}

.header_t .header_inner{max-width:1700px; padding:60rem 0; width:100%; display:flex; align-items: center; margin:0 auto; justify-content: space-between;}
.header_logo a {display: block;}
.header_logo a img {width: 290rem;}
.header_btn{display: flex; justify-content: flex-end;}
@media(max-width:1740px){
	.header_t .header_inner {padding:60rem 4%;}
}
@media(max-width:768px){
	.header_t .header_inner {padding:40rem 4%;}
	.header_logo a img {width: 200rem;}
}
@media (orientation: landscape) and (max-height:500px) {
	.header_t .header_inner {padding:20rem 4%;}
	.header_logo a img {width: 150rem;}
}

/* 햄벅 */
.ham-btn *{transition: .3s ease-out all;}
.ham-btn a {position: relative; display: block; width: 30px; height: 30px; z-index: 100;}
.ham-btn a .icon-bar {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); display: block; background-color: #fff;}
.ham-btn a .icon-bar:first-of-type {width: 100%; height: 6px;}
.ham-btn a .icon-bar:nth-of-type(2) {width: 6px; height: 100%;}
.ham-btn a.on .icon-bar {transform: translate(-50%,-50%) rotate(45deg);}

.ham-menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; opacity: 0; visibility:hidden; transition:.5s ease all;}
.ham-menu.on {opacity: 1; visibility:visible;}
.ham-menu .ham-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0,0,0,0.4);}
.ham-menu .ham-contents {position: absolute; top: 0; right: -100%; padding:158rem 110rem 0 50rem; max-width:425rem; width: 70%; height: 100%; background-color: rgba(0,0,0,0.8); text-align:right; transition:.5s ease all;}
.ham-menu.on .ham-contents {right: 0; }
.ham-menu .ham-main li {margin-bottom: 10rem; color: #fff;}
.ham-menu .ham-main li:last-child {margin-bottom: 0;}
.ham-menu .ham-main li a {color: #fff; letter-spacing:4rem; transition:.5s ease all;}
.ham-menu .ham-main li a:active, .ham-menu li a:focus {color: var(--red-02);}
.ham-menu .ham-download {margin-top: 40rem; display: inline-block;}
@media(max-width:1340px){
	.ham-menu .ham-contents {padding:158rem 4% 0;}
	.ham-menu .ham-main li {margin-bottom: 10rem;}
	.ham-menu .ham-main li:last-child {margin-bottom: 0;}
}
@media(max-width:768px){
	.ham-btn a {width: 24px; height: 24px;}
	.ham-btn a .icon-bar:first-of-type {height: 3px;}
	.ham-btn a .icon-bar:nth-of-type(2) {width: 3px;}
}
@media (orientation: landscape) and (max-height:500px) {
	.sec1 h2 > b em {font-size: var(--fz-30);}
	.ham-menu .ham-contents {padding-top: 60rem;}
	.ham-btn a {width: 20px; height: 20px;}
	.ham-btn a .icon-bar:first-of-type {height: 2px;}
	.ham-btn a .icon-bar:nth-of-type(2) {width: 2px;}
}

.ham-menu .ham-main li a:hover,
.ham-menu .ham-main li a:focus,
.ham-menu .ham-main li a:active {font-size: var(--fz-40); color: var(--red-02);}



/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}


/************************* main_inc 끝*************************/



/************************* footer_inc 시작 *************************/
footer {display: none;}


/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/