/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {margin: 0 auto; max-width:1360px; width: 100%;}
@media(max-width:1400px){
	.inner {padding: 0 4%;}
}
/* 라운드 3개 타이틀 상단 포인트 */
.poi{ display: flex; width: 50px; justify-content: space-between; align-items: center; margin-bottom: 13px; }
.poi span{ display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #121212;}
.poi span.poi_r{ background-color: #00B9EF;}
.poi span.poi_w{ background-color: #121212;}



.sub_visual{height:500px; display:flex; justify-content:flex-end; flex-direction:column;}

.content_title			{width:100%; max-width:1360px; margin:0 auto; margin-bottom:5%;}
.content_title h1		{font-size:64px; font-weight:700; color:#fff; text-transform: uppercase;}
.content_title p		{font-size:18px;color:#fff;}

.sub_tab						{width:100%; max-width:1360px; margin:0 auto;}

@media(max-width:1361px){
	.sub_visual{height:400px;}
	.content_title{padding:0 3%;margin-bottom:5%;}
	.content_title h1		{font-size:48px; }
	.content_title p		{font-size:18px;}
}

@media(max-width:768px){
	.sub_visual{height:260px;}
	.content_title{padding:0 3%;margin-bottom:5%;}
	.content_title h1		{font-size:24px; }
	.content_title p		{font-size:13px;}
}


.sub_right					{width:100%; position:relative;}
.content_desc				{min-height:500px; padding-top:150px;}


@media(max-width: 1361px){
	.content_desc{ padding: 120px 3% 0 3%; }
}

@media(max-width: 768px){
	.content_desc{ padding: 60px 3% 0 3%; }
}
/************************* 공통 끝 *************************/


@-webkit-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@-moz-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@-ms-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@-o-keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}
@keyframes leftMoveIn {
	0% {
		opacity:0;
		transform:rotate(90deg);
	}
	100% {
		opacity:1;
		transform:rotate(0);
	}
}

/************************* header_inc 시작*************************/
.hd-t{width:100%; position: fixed; z-index: 10; left:0; top:0; border-bottom: 1px solid rgba(255,255,255,0.35);}
.hd-t .hd-inner {padding:0 50px;}
@media(max-width:1400px){
	.hd-t .hd-inner {padding:0 4%;}
}

.hd-t.f-nav{background:#121212; border-bottom:1px solid transparent;}

.hd-wrap {display:flex; justify-content: space-between; align-items: center;}

.hd-logo a img {max-width:100%; vertical-align:top;}
@media(max-width:1080px){
	.hd-logo a img {height: 50px;}
}
@media(max-width:768px){
	.hd-logo a img {height: 40px;}
}


.hd-gnb{width:85%;}
.hd-t.f-nav .hd-gnb a{color:#121212;}
@media(max-width:1080px){
	.hd-wrap {padding:20px 0;}
	.hd-gnb {display: none;}
}

.hd-gnb .main-menu{display: flex; align-items: center; justify-content: center;}
.hd-gnb .main-menu .menu{position: relative; font-size:18px; margin:0 2.5em;}
.hd-gnb .main-menu .menu:first-child {margin-left: 0;}
.hd-gnb .main-menu .menu:last-child {margin-right: 0;}
.hd-gnb .main-menu .menu>a{display: block; padding:0 1.5em; font-weight:700; line-height: 100px; color:#fff; }
@media(max-width:1400px){
	.hd-gnb .main-menu .menu {font-size: 16px;}
}
.hd-gnb .snb-menu{display: none; position: absolute; top:100px; background:#fff; padding:5px; width: 100%; left:0; right:0; margin: auto; border:1px solid #ddd;}
.hd-gnb .snb-menu a{font-weight:500; display: block; padding:10px 0; color:#121212; font-size:14px; text-align: center;}
@media(max-width:1400px){
	.hd-gnb .snb-menu a {font-size: 13px;}
}

.hd-gnb .main-menu li>a:focus, .hd-gnb .main-menu li:hover>a{color:#00b9ef;}/*hover*/
.hd-gnb .main-menu li.active>a{color:#00b9ef;}/*1댑스 현재 페이지 on*/
.hd-gnb .snb-menu .sub_active>a{color:#00b9ef;}/*2댑스 현재 페이지 on*/
/*.hd-gnb .snb-menu a:hover{color:#fff;} 2댑스 hover*/


/* 햄벅 */
.mo-nav .navbar-toggle {position: relative; padding: 0; display:inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 60px; height: 60px; border:1px solid #fff; border-radius:100%; background-color:transparent;}
.mo-nav .navbar-toggle:focus {outline: 0;}
.mo-nav .navbar-toggle > div {display: flex; flex-direction: column; align-items: flex-end; width: 20px;}
.mo-nav .navbar-toggle .icon-bar {display:block; width:100%; height:2px; background:#fff;}
.mo-nav .navbar-toggle .icon-bar + .icon-bar {margin-top:4px; width:15px; }
.mo-nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:4px; width: 100%;}
@media(max-width:1080px){
	.mo-nav .navbar-toggle {width: 50px; height: 50px;}
}
@media(max-width:768px){
	.mo-nav .navbar-toggle {width: 40px; height: 40px;}
	.mo-nav .navbar-toggle > div {width: 15px;}
	.mo-nav .navbar-toggle .icon-bar + .icon-bar {width: 10px;}
}

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


/************************* title_navi 시작 *************************/
.navi_all{border-bottom:1px solid #ddd;}
.navi_in{width:100%; max-width:1300px; margin:0 auto; display: flex;}
.navi_in .home_btn_all a{display: flex; align-items: center; justify-content: center; padding:15px;}
.navi_in .down_btn{position:relative; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navi_in .down_btn2{border-right:1px solid #ddd; border-left:0;}
.navi_in .down_btn .down_btn_title{display: flex; align-items: center; padding:17px 30px; cursor: pointer; width:240px;}
.navi_in .down_btn .down_btn_title h3{font-size:15px; font-weight:600; line-height:1; transition:all .2s;}
.navi_in .down_btn:hover .down_btn_title h3{color:#ea002b;}
.navi_in .down_btn .down_btn_title img{position:absolute; right:30px; top:0; bottom:0; margin:auto; transition:all .3s;}

ul.extend{position:absolute; background:#fff; width:calc(100% + 2px); top:50px; border:1px solid #ddd; z-index: 5; left:-1px; padding:10px 0; display: none;}
ul.extend li{}
ul.extend li a{ font-size:15px; font-weight:600; display: block; margin:0 30px; padding:13px 0; transition:all .3s;}
ul.extend li a:hover{color:#ea002b;}
@media(max-width:1050px){
	.navi_in .down_btn .down_btn_title {width:200px; padding: 20px;}
}
@media(max-width:768px){
	ul.extend {top:55px;}
	ul.extend li a {font-size: 14px; margin: 0px 20px; padding: 10px 0;}
}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn{width:50%;}
	.navi_in .down_btn .down_btn_title {width:100%; padding: 15px;}
	.navi_in .down_btn .down_btn_title h3 {font-size: 13px;}
	.navi_in .home_btn_all a {padding:8px;}
	.navi_in .down_btn .down_btn_title img {right:15px;}
	ul.extend {top:43px;}
	ul.extend li a {font-size: 13px; margin: 0px 17px; padding: 8px 0;}
}


/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_t {padding:46px 0 50px; background-color: #000;}
.ft-inner {width: 100%; padding:0 50px;}
.ft-wrap {display: flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-end;}
.ft-wrap a {color: #a8a8a8;}
.ft-wrap a em {color: #fff;}
.ft-lt {display: flex; align-items:center;}
.footer_txt {margin-left: 80px;}
.footer_txt p {color: #a8a8a8; line-height: 1.7;}
.footer_txt p span:after {display: inline-block; content:''; margin:0 10px; width:1px; height: 8px; background-color: #a8a8a8;}
.footer_txt p span:last-of-type:after {display: none;}

.footer_site_link {display: flex;}
.footer_site_link li:after {display: inline-block; content:''; margin:0 12px 2px; width:1px; height: 8px; background-color: #a8a8a8;}
.footer_site_link li:last-of-type:after {display: none;}

@media(max-width:768px){
	.ft-inner	{padding:0 3%;}
.ft-lt {flex-direction: column;}
.footer_txt{margin-left:0;}
.footer_txt p {font-size:0.75rem; margin-bottom:10px;}
.footer_txt p:first-child span:first-child{display:block; color:#fff;}
.footer_txt p:first-child span:first-child:after{display:none;}
.ft-wrap a{font-size:0.75rem;}

}
/************************* footer_inc 끝 *************************/




/************************* 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 끝 *************************/




.sub_inner{ padding: 0 0; max-width:1360px; margin:0 auto;}

@media(max-width: 1361px){
	.sub_inner{ padding: 0 3%; }
}
@media(max-width: 1100px){
}
@media(max-width: 880px){
}
@media(max-width: 680px){
}


h1.sb_tit{ font-size: 46px; font-weight: 700; line-height: 1; position: relative; display:inline-block; letter-spacing:-1px; margin-bottom:80px;}
h1.sb_tit div.st_dot{width: 8px; height: 8px; margin:0 0 10px 25px; border-radius: 50%; position: relative; background:#121212;}
h1.sb_tit div.st_dot::after{content:''; display:block; width: 8px; height: 8px; border-radius: 50%; position: absolute; left:-20px; top:0; background:#00B9EF;}
h1.sb_tit div.st_dot::before{content:''; display:block; width: 8px; height: 8px; border-radius: 50%; position: absolute; right:-20px; top:0; background:#00B9EF;}

@media(max-width:768px){
	h1.sb_tit{margin-bottom:5%; font-size:1.8rem;}
}