.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}



/************************* header_inc 시작*************************/
.header_t			{width:100%; margin:0 auto; height:130px; position:fixed; left:0; top:0px; z-index:99; background:transparent;  
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;}
	
	.head_inner{position:relative; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding:0 3%;}
	
	.head_logo .w_logo {display: block; position:relative; width: auto;}
	.head_logo .c_logo {display: none; width: auto;}
	
	.head_right						{display:flex; flex-wrap:wrap; align-items:center; height:100%; right:0; top:0;}
	

/* 햄벅 */
.mo_nav				{display:flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 100%; border: 1px solid var(--w-color);  }
.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; background-color:transparent; background-image:none;  border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background: var(--w-color); display:block; width:20px; height:2px;}
.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:20px;}

.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);}

/* header-fixed style */
.f-nav{width:100%; padding:0; height:100px; background:#f8f8f8;  box-shadow:1px 1px 10px rgba(0,0,0,0.05);}
.f-nav .head_logo .w_logo{display: none;}
.f-nav .head_logo .c_logo{display: block;}
.f-nav .menu .major > ul > li > a{color:#212121 !important;}
.f-nav .menu .major > ul >li + li > a:before{background: rgba(0,0,0,0.3);}
.f-nav .mo_nav{border: 1px solid var(--main-color); background-color: var(--main-color);}


@media(max-width: 940px){
	.header_gnb_bg{display: none;}
	.header_t{height: 100px;}
	.f-nav{height: 70px;}
	.mo_nav{width: 50px; height: 50px; }
	.mo_nav .navbar-toggle .icon-bar{width: 18px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar{width: 12px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{width: 18px;}
	.head_logo .w_logo{height: 41px; }
	.head_logo .c_logo{ height: 41px; }
}

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



/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto; overflow: hidden; }
.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;}
.main_visual_scroll::after{content: ""; display: block; width: 2px; height: 80px; background: var(--w-color); position: absolute; bottom: -80px; margin: 0 auto; left: 0; right: 0; }

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





/* m-공통 */

.m_pading{padding: 100px 0;}
.m_inner{width: 100%; max-width: 1320px; margin: 0 auto;}
.m_title{text-align: center; }
.m_title span.line{ display: block; margin: 0 auto 20px; width: 50px; height: 3px; background: var(--main-color);}
.m_title h2{font-size: 36px; font-weight: 700; text-transform: uppercase; margin: 0 auto 20px; line-height: 1;}
.m_title p{font-size: var(--basic-size); color: var(--font-s-color); font-weight: 500;}

.m_flex{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
/*  */



/* tab_menu */
.m00_tab{width:100%; display:flex; align-items: center; justify-content: space-between; margin:25px auto; position: relative; padding: 20px 0 0;}
.m00_tab::before{content: ""; display: block; width: 100%; height: 1px; background: #d7d7d7; margin: 0 auto; position: absolute; top: 0;}
.m00_tab a{flex: 1; font-size: 20px; font-weight: 700; color:#999; transition: 0.3s all;  text-align: center; line-height: 24px; text-transform: uppercase; position: relative; }
.m00_tab a em{font-size: var(--basic-size); }
.m00_tab a::before{content: ""; display: block; width: 0; height: 6px; background-image: linear-gradient(to right, #9cc63e, #0b5f90); position: absolute; top: -23px; left: 0; }
.m00_tab a:hover{ color: var(--main-color); transition:0.5s all;}
.m00_tab a.on, .m00_tab a.m00on{color: var(--basic-color); }
.m00_tab a.m00on::before{width: 100%;}

.tab-select-outer {
	position: relative;
	width: 100%;
	margin:0 auto 3%;
	height: 45px;
	border: 1px solid var(--main-color);
}
.tab-select-outer select{width:100%; height:45px; font-size:13px;}
.tab-select-outer select#s_select {
	width: 100%;
	height: 45px;
	min-height: 45px;
	line-height: 45px;
	padding: 0 10px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.m00_view:not(:first-child) {display:none;}

.m00_view{position: relative; }
.m00_view img{display: block; }
.m0_text{position: absolute; right: 0; bottom: 0; background-color: rgba(11, 95, 144, .8);  width: 350px; }
.m0_text a{color: var(--w-color); padding: 25px 25px 75px; display: block; width: 100%; height: 100%; position: relative; transition: all .3s;}
.m0_text a b{font-size: 22px; font-weight: 700; text-transform: uppercase;}
.m0_text a b em{font-size: var(--basic-size); font-weight: 400;}
.m0_text a p{position: absolute; right: 25px; bottom: 25px; }
.m0_text a p i{position: relative; font-size: 15px; top: 2px; }

.m00_view:hover .m0_text{background-color: #f7931d; transition: all .3s;}


.main00, .main02{width: 100%; background-color: #f2f5f7; }
.main02 .m_title{text-align: left; position: relative; }
.main02 .m_title a{position: absolute; right: 0; bottom: 0; font-size: 16px; color: var(--font-s-color);}
.main02 .m_title a i{font-size: 18px; position: relative; top: 3px; padding-left: 5px; }
.main02 .m_title a:hover{ color: var(--main-color); font-weight: bold;}
.main02 .m_title a:hover i{color: var(--main-color);}
.main02 .m_title span.line{margin: 0 0 10px;}

.m02_box1{margin: 0 auto 45px;}

.m02_icon{width: 30%;}
.m02_icon a{display:block; padding: 25px;}
.m02_iflex{display: flex; align-items: center; }
.m02_icon figure{width: 95px; height: 95px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 30px; }
.m02_icon figure img{display: block; }
.m02_itxt h3{font-size: 20px; font-weight:600; margin-bottom: 10px; }
.m02_itxt p{font-size: 14px; color: var(--font-s-color);}
.m02_itxt p i{position: relative; top: 3px; font-size: 15px; }

.m02_icon1{border: 1px solid #2690c8; background: var(--w-color);}
.m02_icon1 figure{background-color: #2690c8;}
.m02_icon1 h3{color: #2690c8;}
.m02_icon1:hover{background:#2690c8; border-radius: 0 0 35px 0; }
.m02_icon1:hover h3, .m02_icon1:hover p{color: var(--w-color);}

.m02_icon2{border: 1px solid #34a7c2; background: var(--w-color);}
.m02_icon2 figure{background-color: #34a7c2;}
.m02_icon2 h3{color: #34a7c2;}
.m02_icon2:hover{background:#34a7c2; border-radius: 0 0 35px 0; }
.m02_icon2:hover h3, .m02_icon2:hover p{color: var(--w-color);}

.m02_icon3{border: 1px solid #3fb6bd; background: var(--w-color);}
.m02_icon3 figure{background-color: #3fb6bd;}
.m02_icon3 h3{color: #3fb6bd; font-size: 22px;}
.m02_icon3:hover{background:#3fb6bd; border-radius: 0 0 35px 0; }
.m02_icon3:hover h3, .m02_icon3:hover p{color: var(--w-color);}

.main03{width: 100%; background: url("./img/m03_bg.jpg") no-repeat fixed center center; background-size:cover;}
.main03 .m_title h2{color: var(--w-color);}
.main03 .m_title p{color: var(--w-color); font-size: 24px; line-height: 34px; padding-bottom: 60px; }
.m_button a{display: block; width: 100%; max-width: 200px; background-image: linear-gradient(to right, #9cc63e, #0b5f90); color: var(--w-color); font-size: 14px; padding: 17px 0; text-align: center;  position: relative; transition: all .5s; margin: 0 auto; }
.m_button a i{position:relative; font-size: 16px; top: 2px; transition: all .3s;}
.m_button a:hover i{ padding-left: 10px;  transition: all .3s;}




@media(max-width: 1350px){
	.m_pading{padding: 100px 3%; transition: all .3s ease;}

	.m00_tab a{font-size: 20px; line-height: 1.2}
	.m00_tab a em{font-size: 15px;}
	.m00_view img{width: 100%; }
}

@media(max-width: 1200px){
	.m_pading{padding: 80px 3%;}
	.m_title{margin: 0 auto 5%;}
	.m_title h2{font-size: 34px; margin: 0 auto 10px;}
	.m_title p{font-size: 15px; font-weight: 400;}
	.main03 .m_title p{padding-bottom: 0px; font-size: 18px; line-height: 1.4; }
}

@media(max-width: 1060px){
	.m00_tab a{font-size: 17px;}
	.m00_tab a em{font-size: 13px; font-weight: 400; }
	.m0_text{width: 300px; }
	.m0_text a{padding: 25px 25px 45px;}
	.m0_text a b{font-size: 18px;}
	.m0_text a b em{font-size: 14px; }
	.m02_itxt h3{font-size: 18px; margin-bottom: 5px; }
	.m02_itxt p{font-size: 13px; }
	.m02_icon a{padding: 7%;}
	.m02_icon figure{width: 85px; height: 85px; }
	.m02_icon figure img{width: auto; height: 3.7vw; }
}

@media screen and (min-width: 780px) {
  .tab-select-outer {
    display: none;
  }
}

@media(max-width: 860px){
	.m02_icon a{padding: 15% 5%; }
	.m02_iflex{flex-flow: row wrap; justify-content: center; text-align: center;}
	.m02_iflex .m02_itxt{width: 100%;}
	.m02_icon figure{width: 75px; height: 75px; margin: 0 auto 5%; }
	.m02_icon figure img{ height: 34px; }
	.m02_itxt h3{font-size: 16px; }
	.m02_itxt p{font-size: 12px; }
	.main02 .m_title a{font-size: 15px;}
}

@media(max-width: 780px){
	.m_pading{padding: 60px 3%;}
	.m_title h2{font-size: 28px;}
	.m_title p{font-size: 13px; }
	.tab-button-outer {display: none; }
	.tab-select-outer{display:block; }
	.m00_view{overflow: hidden;}
	.m00_view img{width: auto; height: 45vw; }
	.main03 .m_title p{font-size: 16px;}
	.m_button a{font-size: 13px; padding: 7px 0 10px; max-width: 150px;  }
	
}

@media(max-width: 500px){
	.main_visual_scroll img{width: auto; height: 84px; }
	.m_title{padding: 0;}
	.m_title span.line{width: 25px; margin: 0 auto 5px; }
	.m_title h2{font-size: 20px;}
	.m_title p{font-size: 11px; }
	.main02 .m_title a{font-size: 13px; }
	.m0_text a b{font-size: 13px; line-height: 1;}
	.m0_text a b em{font-size: 11px;}
	.m0_text a p{font-size: 12px; }
	.m02_itxt h3{font-size: 13px; }
	.m02_itxt p{font-size: 11px; }
	.main03 .m_title p{font-size: 13px; }
	.m_button a{font-size: 11px; padding: 5px 0 10px; max-width: 120px; }
}

@media(max-width: 340px){
	.m0_text{ width: 200px;}
	.m0_text a{ padding: 15px 15px 35px;}
	.m0_text a p{ font-size: 11px; right: 3%; bottom: 10px;}
	.m0_text a p i{ font-size: 12px; }
}



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


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

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:12px; margin-left:10px; width:100%; text-align: left;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:12px; margin-left:10px; text-align: left; }
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{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:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:12px;  cursor:pointer; margin-left:10px; text-align: left; }
.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:100%; 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; }

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


/************************* footer_inc 시작 *************************/
.footer_t{background: #111; width: 100%; margin: 0 auto; }
.f_inner{padding: 60px 0; width: 100%; max-width: 1790px; margin: 0 auto; display: flex; justify-content: space-between; font-size:12px; color:#a2a2a2; line-height: 1.6;}
.foot_info p span{display: inline-block; padding: 0 10px; }
.footer_site_link ul{display:flex; flex-wrap:wrap; text-transform:uppercase; margin-bottom: 5px; }
.footer_site_link ul li a{font-size:12px; color:#a2a2a2;  display:block;}
.footer_site_link ul span{font-size:12px; color:#a2a2a2; display:inline-block; padding:0 10px;}
.footer_site_link ul li a:hover{color:#fff;}

.footer_copyright p{font-size:12px; color:#a2a2a2;  text-transform:uppercase;}


@media(max-width: 1800px){
	.f_inner{padding: 60px 3%;}
}

@media(max-width: 1160px){
	.f_inner{display: block; padding: 4% 3%;}
	.footer_site_link ul{margin-bottom: 0; align-items: center; }
}

@media(max-width: 1000px){
	.f_inner{line-height: 1.6; font-size: 11px !important; }
	.footer_site_link ul li a{font-size: 11px;}
}

@media(max-width: 600px){
	.f_inner{line-height: 1.8; font-size: 10px !important; padding: 10% 3%;}
	.footer_site_link ul li a{font-size: 10px;}
}
/************************* 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;
	z-index: 9999;
}

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



/*조직도*/
.s12_img_pc{position:relative; display:block; width:100%; margin:0 auto; text-align:Center;}
.s12_img_pc p:nth-child(2){position:absolute; bottom:0; left:0; right:0;}

.s12_img_mo{display: none;}
.s12_img_mo img{ display: block; width: 100%;}

.s23_img_pc{position:relative; display:block; width:100%; margin:0 auto; text-align:Center;}
.s23_img_pc p:nth-child(2){position:absolute; bottom:0; left:0; right:0;}

@media(max-width:1300px){
	
	.s12_img_pc p img, .s23_img_pc p img{width:100%;}

}

@media(max-width: 780px){
	.s12_img_mo{ display: block;}
	.s12_img_pc{ display: none;}
}




/*  */