/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; position:absolute; bottom:0; width:100%; }
.sub_tab						{display:none;}

.sub_title_box{width:100%; margin:0px auto 65px; position:relative; text-align:center;}
.sub_title_box span{display:block; margin-bottom:10px;}
.sub_title_box h2{font-size:45px; font-weight:bold; color:#212121; }


/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative; margin:95px auto 0;}

@media(max-width:1100px){

.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_title_box{margin:0 auto 35px;}
.sub_title_box h2{font-size:2.3rem;}
}

@media(max-width:500px){
.sub_title_box{margin:0 auto 30px;}
.sub_title_box h2{font-size:2rem;}
}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{ }
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto; padding:0 0 0 40px;   height:100px; position:fixed; left:0; top:0px; z-index:99; display:block; justify-content:space-around; width:100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out; border-bottom:1px solid #fff;}

.header_inner{height:100%;  display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 auto; }

.header_logo{flex:1 0 auto;}
.main_menu{ display:flex; align-items:center; }
.main_menu:after{content:""; display:block; clear:both; }

/* 로고 */
.header_logo .w_logo {display: block; position:relative; max-width:173px; height:auto;}
.header_logo .c_logo {display: none;  max-width:173px; height:auto;}

/* 로그인버튼 */
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}


.heightBlank					{/* height:90px; */}

/* 언어선택 */
.header_language {display:block; position:relative; cursor:pointer; width:200px; height:100px;  border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
.header_language .select {width:200px; padding:20% 35px; position:relative; font-family: 'Play', sans-serif; font-size:18px; font-weight:700; text-align:left; color:#fff; }
.header_language .select span {display:inline-block; float:right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; margin: 7% 5px 0 0;}
.header_language .select span.up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; border-top: 0;}
.header_language ul {width:200px; display:none; position:absolute; z-index:3; background:rgba(255,255,255,0.8); font-family: 'Play', sans-serif; font-size:18px; top:100px;  padding:15px 0;}
.header_language ul li { border:none; padding:15px 0; text-align:center; }
.header_language ul li a {cursor:pointer; width:100%; height:100%; display:inline-block; color:#212121;  font-size:18px; }
.header_language ul li a:hover {color:#2c327e; font-weight:700;}

/* 검색버튼 */
.main_search{width:100px; height:100px; position:relative; display:block; }
.main_search a.m_search_icon{width:100px; height:100px;  display:block;  background:url("./img/search_icon1.png") no-repeat center; max-width:30px; background-size:100%; margin:0 auto; }
.m_search_in{display:none; position:absolute; z-index:99999; padding:0; width:300px; top:111px; margin-left:-120px; border-radius:2px; box-shadow:0px 3px 13px 0px rgba(0,0,0,0.2);  background:#fff; color:#484848; right:0;}
.m_search_in > div{position:relative; max-width:300px; margin:15px; }

.search_Area1{width:100%; position:relative; margin:20px;}
.search_Area2{width:87%; position:relative;}
.search_Area2 input[type=text]{height:40px; border:1px solid #d7d7d7; width:87%; }
span.sea_icon{display:block;width:40px; height:40px; line-height:40px; position:absolute; right:0; top:0; background:#2c327e; text-align:Center;  }
span.sea_icon a{display:block; text-align:center; padding:4px 0;}
span.sea_icon img{ max-width:22px;}

.search_arrow{width:50px; height:50px; position:absolute; top:-8px; right:9px; display:block;  margin-left:10px; overflow:hidden; z-index:9999;}
.sear_arrow{background:#fff; color:#484848; width:12px; height:30px; left:50%; margin-left:-5px; transform:rotate(45deg);  display:block;  }


/* 모바일햄벅 */
.mo_nav				{display:block; width:100px; height:100px; background:#2c327e; border-bottom:1px solid #e6e6e6; text-align:center;}
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:40% 0; background-color:transparent; background-image:none;  border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:25px; height:2px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:2px; width:25px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:25px; height:2px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}



/**/
.f-nav{padding:0 0 0 40px ; height:100px; background:#fff; border-bottom:1px solid #d7d7d7; box-shadow:1px 3px 10px rgba(0,0,0,0.2);}
.f-nav .c_logo {display: block;}
.f-nav .w_logo {display: none;}
.f-nav .header_language .select{color:#212121;}
.f-nav .header_language .select span{border-top:8px solid #212121;}
.f-nav .main_search a.m_search_icon{background:url("./img/search_icon2.png") no-repeat center; background-size:100%; max-width:30px;  }

@media(max-width:1480px){
.header_t						{ padding:0 0 0 3%; height:100px;}
.mo_nav							{display:block;}
.header_logo				{width:40%; }
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.heightBlank					{}
.f-nav{height:100px;}

.f-nav .mo_nav .navbar-toggle .icon-bar{background:#fff;}
.f-nav .header_t						{ padding:0 0 0 3%; height:100px;}
}

@media(max-width:740px){
.header_language{display:none;}

.main_search{display:none;}
}

@media(max-width:500px){
.header_t{height:80px;}
.mo_nav{width:80px; height:80px;}
.f-nav{height:80px;}
}


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

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}
.main_center										{margin:0 auto; }
.shop_main_wrap									{margin-top:20px;}

/* 메인비쥬얼_스크롤 start*/
.main_visual_scroll{position:absolute;bottom:68px; right:8%; text-align:center; z-index:9; transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);}
.main_visual_scroll .scroll_circle{ display:block; position:relative; width:12px; height:26px; border:2px solid #fff; margin:0 auto; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
.main_visual_scroll .scroll_circle:before{position:absolute; content:""; left:1.3px; top:5px; width:4px; height:4px; background-color:#fff; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; animation:mouseScroll 1.5s infinite;}

@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(8px)}
}
/* 메인비쥬얼_스크롤 end*/

/* 메인 타이틀 공통 */
.main_title{text-align:center; margin-bottom:65px;}
.main_title p{font-size:20px; font-weight:700; color:#2c327e; margin-bottom:5px; }
.main_title h2{  font-size:40px; font-weight:700; color:#212121; text-transform:uppercase;}

/* Recent Posts */
#main_0{width:100%; background:#f9f9f9; margin:0 auto; position:relative; display:block;}
.m0_inner{width:100%; max-width:1600px; margin:0 auto; padding:85px 0;}
.m0_inner .m0_slide{margin:0 auto; display:block; }


/* new product */
#main_1{width:100%; position:relative; display:block; margin:0 auto; background:#fff;}
.m1_inner{width:100%; max-width:1600px; margin:0 auto; padding:85px 0;}
.m1_inner .m1_slide{margin:0 auto; display:block; }


/* Various services */
#main_2{width:100%; background:#f7fbff; margin:0 auto; position:relative; display:block;}
.m2_inner{width:100%; max-width:1600px; margin:0 auto; padding:85px 0;}

.m2_box ul{height:515px; position:relative;  overflow:hidden; display:flex; justify-content:flex-start; }
.m2_box ul:before{content:""; display:block; position:absolute; left:0; right:0; width:100%; height:100%;transform:scale(1);}


.m2_box ul a p { display: block; font-size: 14px; color: #f8f8f8;}
.m2_box ul a span:not(.m2_line) {
		font-size:24px; 
		color: #fff;
		font-weight: 700;
	}

.m2_box ul a span.m2_line{font-size:17px; color:#fff; display:block; margin-top:30px;}
.m2_box ul a span.m2_line:after{content:""; display:inline-block; width:15px; height:2px; background:#fff; vertical-align:middle; margin-left:15px;     transition-timing-function: ease; transition-duration: .5s;}
.m2_box ul a:hover span.m2_line:after{content:""; display:inline-block; width:45px; height:2px; background:#fff; vertical-align:middle; margin-left:15px;     transition-timing-function: ease; transition-duration: .5s;}

.m2_box ul a h3{font-size:36px; font-weight:700; color:#fff; margin:3px 0 15px;}
.m2_box ul a p{font-size:20px; color:#fff; }


.m2_box ul.active01:before{background:url("./img/m02_img1.jpg") no-repeat center; background-size:cover; }
.m2_box ul li{ position:relative; width:20%; height:100%; margin:0; transition:.2s all;}
.m2_box ul.active01 li:nth-child(1) a{background:rgba(0,0,0,0.4); opacity:1;}

.m2_box ul li a{display:block; height:100%; padding:160px 40px 0;  color:#fff; opacity:.6;}

.m2_box ul.active01:before {
		background:url("./img/m02_img1.jpg") no-repeat center;
	}
.m2_box ul.active01 li:nth-child(1) a {
		background: rgba(0, 0, 0, 0.4);
		opacity: 1;
	}
.m2_box ul.active01 li:nth-child(1) a .m2_line:before {
		width: 44px;
		background-color: #fff;
	}
.m2_box ul.active02:before {
		background:url("./img/m02_img2.jpg") no-repeat center;
	}
.m2_box ul.active02 li:nth-child(2) a {
		background: rgba(0, 0, 0, 0.4);
		opacity: 1;
	}
.m2_box ul.active02 li:nth-child(2) a .m2_line:before {
		width: 44px;
		background-color: #fff;
	}
.m2_box ul.active03:before {
		background:url("./img/m02_img3.jpg") no-repeat center;
	}
.m2_box ul.active03 li:nth-child(3) a {
		background: rgba(0, 0, 0, 0.4);
		opacity: 1;
	}
.m2_box ul.active03 li:nth-child(3) a .m2_line:before {
		width: 44px;
		background-color: #fff;
	}
.m2_box ul.active04:before {
	background:url("./img/m02_img4.jpg") no-repeat center;
	}
.m2_box ul.active04 li:nth-child(4) a {
		background: rgba(0, 0, 0, 0.4);
		opacity: 1;
	}
.m2_box ul.active04 li:nth-child(4) a .m2_line:before {
		width: 44px;
		background-color: #fff;
	}
.m2_box ul.active05:before {
	background:url("./img/m02_img5.jpg") no-repeat center;
	}
.m2_box ul.active05 li:nth-child(5) a {
		background: rgba(0, 0, 0, 0.4);
		opacity: 1;
	}
.m2_box ul.active05 li:nth-child(5) a .m2_line:before {
		width: 44px;
		background-color: #fff;
	}
.m2_box ul:hover:before {
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 1s;
		-webkit-transform: scale(1.15);
		-moz-transform: scale(1.15);
		-o-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
	}

@media(max-width:1630px){
.m2_box{padding:0 40px;}
.m2_box ul a span.m2_line{margin-top:0; position:absolute; bottom:10%; }
}
@media(max-width:1500px){

.m2_box ul a h3{font-size:33px;}
.m2_box ul a p{font-size:18px;}
}

@media(max-width:1200px){
.m2_box{padding:0px;}
.m2_box ul li a{padding:120px 20px 0;}
}

@media(max-width:980px){
.m2_box ul{display:block; height:auto;}
.m2_box ul li{width:100%; height:100%; }
.m2_box ul li a{padding:100px 50px;}

.m2_box ul a span.m2_line{position:relative; margin-top:30px; }

.m2_box ul li:nth-child(1){
	background:url("./img/m02_img1.jpg") no-repeat center;
	}
.m2_box ul li:nth-child(2){
	background:url("./img/m02_img2.jpg") no-repeat center;
	}
.m2_box ul li:nth-child(3){
	background:url("./img/m02_img3.jpg") no-repeat center;
	}
.m2_box ul li:nth-child(4){
	background:url("./img/m02_img4.jpg") no-repeat center;
	}
.m2_box ul li:nth-child(5){
	background:url("./img/m02_img5.jpg") no-repeat center;
	}

.m2_inner{padding:85px 0 0;}

}

@media(max-width:500px){
.main_title p{font-size:0.95rem;}
.main_title h2{font-size:2rem;}

.m0_inner, .m1_inner{padding:85px 0 65px; }

.m2_box ul a span:not(.m2_line){font-size:1.3rem;}
.m2_box ul a h3{font-size:1.6rem;}
.m2_box ul a p{font-size:0.95rem;}
.m2_box ul a span.m2_line{font-size:0.95rem;}
.m2_box ul li a{padding:45px;}

}





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

/************************* title_navi 시작 *************************/
.navi_all {width:100%; display:block;  margin:0 auto; background:rgba(0,0,0,0.4); height:50px; border-bottom:1px solid #ddd;  }
.navi_in	{margin:0 auto; padding:0;width:100%; max-width:1400px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; }

.home_btn_all						{float:left; padding:0; width:50px; }
.home_btn_all .home_btn {border-right:1px solid rgba(255,255,255,0.4); }
.home_btn_all .home_btn a	{display:block; height:49px; line-height:50px; text-align:center; }
.home_btn_all .home_btn a:hover		{background:#2c327e;}
.home_btn_all .home_btn a img	{vertical-align:middle;}

.navi_left					{float:left;}
.navi_left:after		{clear:both; content:''; display:block; }
.navi_left div			{float:left;}

.navi_main		{padding:0 0 0 0; height:50px; width:250px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid  rgba(255,255,255,0.4);}
.navi_title01	{padding:0 0 0 0; height:40px; width:250px; position:relative; line-height:50px; }
.navi_title01 h1 {color:#555; font-size:16px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#2c327e; font-weight:700;}

.navi_main h1 { color:#555; font-size:16px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#2c327e; font-weight:700; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#fff !important;}

.navi_sub {padding:0; height:50px; width:250px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid  rgba(255,255,255,0.4);}
.navi_sub > h2						{ color:#fff; font-size:16px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

@media(max-width:700px){
.navi_main{width:180px;}
.navi_sub{width:180px;}
}

@media(max-width:500px){
.navi_left{float:none; display:flex; }
.navi_main{width:100%;}
.navi_sub{width:100%;}
.extend2 > ul{width:100%;}
}

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


/************************* footer_inc 시작 *************************/

/* foot_sitemap (pc&mo) */
.footer_pcsite{width:100%; position:relative; display:block; background:#3f3f3f; margin:0 auto; padding:80px 0;}
.footer_pcsite .fot_site_in{width:100%; max-width:1600px; margin:0 auto; }
.footer_pcsite .fot_site_in > ul{display:flex; justify-content: space-between;}
.footer_pcsite .fot_site_in > ul > li{width:250px; text-align:left; margin-right:25px;}
.footer_pcsite .fot_site_in > ul > li:last-child{margin-right:0px; }
.footer_pcsite .fot_site_in > ul > li > h3 > a{font-size:20px; font-weight:600; color:#fff;}
.footer_pcsite .fot_site_in > ul > li > h3 > a:hover{color:#efc633 !important;}

.footer_pcsite .fot_site_in > ul > li > h3:after{content:""; display:block; background:url("./img/fot_line.png") no-repeat center; width:186px; height:3px; margin:15px 0;}

.footer_pcsite .fot_site_in > ul > li h3.fot_etit a{ font-size:20px; color:#fff; font-weight:700;}

.footer_pcsite .fot_site_in > ul > li > ul > li > a{color:#d1d1d1; font-size:17px; }
.footer_pcsite .fot_site_in > ul > li > ul > li {line-height:1.8;}
.footer_pcsite .fot_site_in > ul > li > ul > li > a:hover{color:#efc633;}

.foot_mosite{width:100%; position:relative; display:none; background:#3f3f3f; margin:0 auto; padding:60px 5%; }
.foot_mosite .pushy-submenu > a{color:#fff !important; font-size:1.1rem;  }
.foot_mosite .pushy-submenu > a > img{max-width:16px; float:right; }
.foot_mosite .pushy-submenu{padding:10px 0; cursor:pointer;}
.foot_mosite .pushy-submenu ul{background:#f7fbff; padding:20px; margin-top:10px; }
.foot_mosite .pushy-submenu ul .pushy-link{line-height:2;}
.foot_mosite .pushy-submenu ul .pushy-link a:hover{color:#2c327e; font-weight:500;}


/* footer_info */
.footer_t{width:100%; background:#636363; position:relative; display:block; padding:40px 0; margin:0 auto;}
.footer_t .foot_inner{width:100%; max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; }
.footer_t .foot_inner .footer_txt{}
.footer_t .foot_inner  p{font-size:14px; color:#d1d1d1; line-height:1.8;}
.footer_t .foot_inner p span{display:inline-block; padding:0 10px; }
.footer_t .foot_inner p a{color:#d1d1d1;}
.footer_t .foot_inner p a:hover{color:#efc633; font-weight:500; }

.footer_t .foot_inner .footer_sns ul{display:flex;   }
.footer_t .foot_inner .footer_sns ul li{padding:0 10px;}
.footer_t .foot_inner .footer_sns ul li:last-child{0 0 0 10px;}
.footer_t .foot_inner .footer_sns ul li a{display:block;}


@media(max-width:1600px){
.footer_pcsite{padding:80px 40px;}
.footer_pcsite .fot_site_in > ul{justify-content:flex-start; flex-wrap:wrap;}
.footer_pcsite .fot_site_in > ul > li{width:15%; margin-right:5%; margin-bottom:40px;}

.footer_t{padding:40px;}
}

@media(max-width:1200px){
.footer_pcsite .fot_site_in > ul > li{width:20%; }
}

@media(max-width:980px){
.footer_pcsite{display:none;}
.foot_mosite{display:block;}

.footer_t .foot_inner{display:block;}
.footer_t .foot_inner .footer_txt{text-align:center; }
.footer_t .foot_inner p span:nth-child(1){display:block;}
.footer_t .foot_inner .footer_sns ul{justify-content:center; }
.footer_sns{width:100%; margin:40px auto 0;}
.footer_t{padding:80px 40px;}
}

@media(max-width:500px){
.footer_t .foot_inner p span:nth-child(5){display:block;}
}

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



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_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 끝 *************************/