/* include 공통 CSS */

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

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

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%;   margin:0 auto; height:100px; position:fixed; left:0; top:0px; z-index:99; background:#fff; 
-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{ margin: 0 auto; position:relative; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding:0 0 0 3%;}

.head_logo .c_logo {display: block; position:relative; width: auto;}
	

.heightBlank					{ height: 35px; }


/* 햄벅 */
.mo_nav_btn				{display:block; width:100px; height:100px; background:#333; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;  cursor:pointer; z-index:1111; transition: all .5s ease .3s; }
.mo_nav_btn button.menu-btn{position:relative; display:block; width:18px; height:18px; transition: all .4s; }
.mo_nav_btn button.menu-btn:before, .mo_nav_btn button.menu-btn:after{display: block;content:"";position: absolute;top: -3px;left: 8px;width: 3px;height: 23px;background: #fff;transform: rotate(45deg);opacity: 0;transition: 0.6s ease;}
.mo_nav_btn button.menu-btn:after{transform: rotate(-45deg);}
.mo_nav_btn span{display:block; position:absolute; background:#fff; transition:all .5s ease .3s; width:4px; height:4px; }
.mo_nav_btn span:nth-child(1){left:0; top:0;}
.mo_nav_btn span:nth-child(2){left:8px; top:0;}
.mo_nav_btn span:nth-child(3){right:0; top:0;}
.mo_nav_btn span:nth-child(4){left:0; top:8px;}
.mo_nav_btn span:nth-child(5){left:8px; top:8px;}
.mo_nav_btn span:nth-child(6){right:0; top:8px;}
.mo_nav_btn span:nth-child(7){left:0; bottom:0;}
.mo_nav_btn span:nth-child(8){left:8px; bottom:0;}
.mo_nav_btn span:nth-child(9){right:0; bottom:0;}


.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:10px 10px; background-color:transparent; background-image:none; border-radius:3px; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav_btn:hover{background: var(--main-color);}


/**/
.f-nav{ height:100px; background:#fff; border-bottom:1px solid #dfdfdf;}

@media(max-width: 1080px){
	.header_gnb_bg{ display: none;}
}

@media(max-width: 780px){
	.mo_nav_btn{ width: 75px; height: 75px;}
	.header_t, .f-nav{ height: 75px;}
}

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

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

.m-inner{ max-width: 1520px; margin: 0 auto; padding: 100px 0;}
.m-title{ color: var(--w-color);}
.m-title h3{ font-size: 38px; font-weight: 700; margin: 0 0 20px;}
.m-title p{ font-size: 17px; line-height: 1.5; }

/* m_visual */

.m_vis_btn{ position: relative; width: 100%; max-width: 1520px; margin: -93px auto 0;  display: flex; justify-content: flex-end; z-index: 1;}
.m_vis_btn a{ transition: all .3s;}
.m_vis_btn > div a b{ font-size: 20px; font-weight: 700; }
.m_vis_btn > div a p{ font-size: 14px; }
.m_vis_con a{ width: 190px; display: block; background-color: var(--w-color); padding: 25px;}
.m_vis_con a b{ color: var(--main-color); }
.m_vis_pr a{ width: 250px; display: block; background-color: var(--main-color); color: var(--w-color) !important; padding: 25px ;}
.m_vis_btn a:hover{ color: var(--w-color) !important; background-color: var(--sub-color);}
.m_vis_btn a:hover b{ color: var(--w-color) !important;}
/*  */

/* main01 */
.main01{ max-height: 825px; }
.m_flex{ display: flex; }
.main01.m_flex > div, .main02.m_flex > div{ width: 50%;  position: relative;}
.main01.m_flex > div{ height: 84vh;}
.main01 .m01_rtop{ position: relative; }
.main01 .m01_rtop::after{ content: ""; display: block; width: 50%; height: 100%; background-color: var(--bg-color); position: absolute; right: 0; top: 0; z-index: -1;}
.main01 .m01_menu{ width: 50%; padding: 80px 60px;}
.m-tit{ font-size: 38px; font-weight: 700; display: block; margin: 0 0 30px;}
.m01_menu .m01_menu_list{ width: 100%;}
.m01_menu .m01_menu_list li{ position: relative; width: 100%; vertical-align: middle; height: 50px; border-bottom: 1px solid #d7d7d7;}
.m01_menu .m01_menu_list li::before{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background-color: var(--main-color); transition: all .3s;}
.m01_menu .m01_menu_list li a{ position: relative; display: table; width: 100%; height: 100%; font-size: 17px; line-height: 50px; }
.m01_menu .m01_menu_list li a em{position: absolute; right: 0; top: 0; line-height: 50px; color: var(--font-m-color); }
.m01_menu .m01_menu_list li:hover::before{ width: 100%;}

.m01_bot{ width: 100%; background: url("./img/m01_img04.jpg") no-repeat; background-size: cover;  min-height: 390px; position: relative;}
.m01_bot::before{ content: ""; display: block; width: 100%; height: 100%; background-image: linear-gradient( to Top, #1f7dad, #2c3d88 ); position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s;}
.m01_bot a{ display: block; width: 100%; padding: 160px 80px 80px 80px; position: relative; z-index: 1;}
.m01_bot:hover::before{ opacity: 0.8;}

/*  */

/* main02 */

.main02 > div::before{ content: ""; display: block; width: 100%; height: 100%; background-image: linear-gradient( to Top, #1f7dad, #2c3d88 ); position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s;}
.main02 > div:hover::before{ opacity: 0.8;}
.main02 > div a{display: block; width: 100%; height: 100%; position: relative; z-index: 1; text-align: center; }
.main02 > div a .m-title{ position: absolute; top: 35%; left: 35%; transition: all .3s;}
.main02 > div a .m-title span{ display: block; line-height: 1; font-size: 16px; margin: 25px auto 10px; }
.m_button{ position: relative; display: block; width: 100%; max-width: 230px; border-bottom: 1px solid var(--w-color); padding: 80px 0 15px; text-align: left; margin: 0 auto; opacity: 0;}
.m_button em{ position: absolute; right: 0; bottom: 14px; }
.m02_left{ position: relative; display: block; background: url("./img/m02_bg1.jpg") no-repeat; background-size: cover; min-height: 947px;}
.m02_right{  position: relative; display: block; background: url("./img/m02_bg2.jpg") no-repeat; background-size: cover; min-height: 947px;}
.main02 > div:hover a .m-title{ top: 30%;}
.main02 > div:hover .m_button{ opacity: 1;}

/*  */

/* main03 */
.main03 .m_flex{ justify-content: space-between;}
.main03 .m_flex .m03_left{ width: 100%;  }
.main03 .m_flex .m03_right{ width: 28%;}
/*  */

@media(max-width: 1480px){
	.m-tit{ font-size: 34px; margin: 0 0 20px;}
	.m-title h3{ font-size: 34px;}
	.m-title p{ font-size: 15px;}
	.main01 .m01_menu{ width: 80%; }
	.main01 .m01_rtop::after{ width: 20%; }
	.m01_menu .m01_menu_list li a{ font-size: 15px; }
	.m01_bot{ min-height: unset; height: 100%; }

	.m02_left, .m02_right{ min-height: unset; height: 90vh;}

	.main03 .m-inner{ padding: 100px 3%; }
}

@media(max-width: 1080px){
	.m_vis_btn{ margin: -81px auto 0;}
	.m_vis_con a{ width: 150px; padding: 20px;}
	.m_vis_btn > div a b{ font-size: 18px;}
	.m_vis_pr a{ width: 200px; padding: 20px;}

	.main01{ max-height: unset; }
	.main01.m_flex{ flex-direction: column;}
	.main01.m_flex > div{ width: 100%; height: 50%;  }
	.main01 .m01_left{ height: 40vh; }
	.main01 .m01_right{ display: flex; }
	.main01 .m01_right > div{ width: 50%; }
	.main01 .m01_rtop::after{ display: none;}
	.main01 .m01_menu{ width: 100%; padding: 10%;}

	.m01_bot{ height: auto;}

	.m02_left, .m02_right{ height: 80vh;}
	.main02 > div a .m-title{ left: 0; right: 0;}


}


@media(max-width: 780px){
	.m_vis_btn{ display: none;}
	.m-tit{ font-size: 28px; }
	.m01_menu .m01_menu_list li a{ font-size: 13px; }
	.m-title h3{ font-size: 28px;}
	.m-title p{ font-size: 13px; }
	.m01_bot a{ padding: 10%; }

	.main02.m_flex{flex-direction: column;}
	.main02.m_flex > div{ width: 100%; height: 40vh;}
	.main02 > div a{ text-align: left; padding: 5%; }
	.main02 > div a .m-title{ position: relative; top: 15%; left: auto; }
	.main02 > div a .m-title img{ display: block; width: auto; height:50px;}
	.main02 > div:hover a .m-title{ top: 15%; }
	.m_button{ opacity: 1; padding: 0 0 15px; margin: 0 0 0 auto; }
	.m02_right .m_button{ top: -40px;}

}

@media(max-width: 600px){
	.m-tit{ font-size: 22px; margin: 0 0 10px;}
	.main01 .m01_menu{ padding: 15%;}
	.m01_menu .m01_menu_list li{ height: 40px;}
	.m01_menu .m01_menu_list li a{ font-size: 11px; line-height: 40px;  }
	.m-title h3{ font-size: 22px; margin: 0 0 10px; }
	.m-title p{ font-size: 11px;}
	.m01_bot a{ padding: 15%; }
	.m_button{ max-width: 130px; font-size: 13px; }
	.main02.m_flex > div{ height: 30vh; }
	.main02 > div a .m-title img{ height: 42px;}
	.main03 .m-inner{ padding: 10% 3%;}
}


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

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

.home_btn_all						{float:left; width:10%; max-width:50px; }
.home_btn_all a					{display:block; height:20px; text-align:center; position: relative; top: 15px; }
.home_btn_all a:hover		{color: var(--main-color); }
.home_btn_all a i{ font-size: 22px; left: -6px;  position: relative; }
.home_btn_all a::after{ content: ""; display: block; width: 1px; height: 40%; background-color: #d7d7d7; position: absolute; right: 0; top: 7px;}

.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; }
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.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; }
.navi_sub > h2						{ color:#333333; font-size:14px;  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: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; }

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

@media(max-width: 780px){
	
	.navi_main h1, .navi_sub > h2, .navi_title01 h1{ font-size: 12px; }
}

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


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

.footer_t{ width: 100%; background-color: #121212;}
.f-inner{ max-width: 1520px; margin: 0 auto; color: #d4d4d4; font-size: 13px; line-height: 1.5; font-family:'Noto Sans KR',  '맑은고딕', '돋움', sans-serif; transition: all .3s;}
.f-inner span{ display: inline-block; padding: 0 15px; }
.footer_txt{ border-bottom: 1px solid #3b3b3b; padding: 60px 0 30px;}
.foot_bot{ padding: 20px 0;}
.foot_bot.m_flex{ justify-content: space-between;}
.footer_site_link ul{ display: flex;}
.footer_site_link ul li a{color: #d4d4d4 !important; position: relative; padding-right: 15px; }
.footer_site_link ul li a::after{ content: ""; display: block; width: 3px; height: 3px; background-color: #d4d4d4; position: absolute; top: 9px; right: 5px; border-radius: 50%;}
.footer_site_link ul li:last-child a{ padding-right: 0;}
.footer_site_link ul li:last-child a::after{ display: none; }

@media(max-width: 1530px){
	.f-inner{ padding: 0 3%; }
	.footer_txt{ padding: 40px 0 25px;}
	
}

@media(max-width: 980px){
	.f-inner { font-size: 11px !important;}
	.footer_txt p br{ display: none;}
	.f-inner span{ padding: 0 10px;}
	
}

@media(max-width: 700px){
	.foot_bot.m_flex{ flex-direction: column;}
	.footer_site_link{ padding-top: 5px;}
}

/************************* 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: 10;
}

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

.s_padding{ padding: 100px 0; }
.s_pding1{ padding: 0 0 100px;}
.s_pding2{ padding: 100px 0 0;}
.sub_bg{ width: 100%; background-color: var(--bg-color); position: relative; z-index: 1;}
.s_flex{ display: flex; justify-content: space-between;}
.s_color{ color: var(--sub-f-color); font-weight: 700;}
.s_color1{ color: var(--main-color); font-weight: 700;}
.sub_bg .s_flex{ flex-flow: row wrap; justify-content: center;}
.sub_bg .s_flex li{ width: 20%; text-align: center; margin: 0 2% 3%;}

.ss_tit h2{ position: relative; font-size: 42px; font-weight: 700; margin-bottom: 45px; }
.ss_tit h2::after{ content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--main-color); margin-left: 10px; }

.sw_tit{ text-align: center; color: var(--w-color);}
.sw_tit h3{ font-size: 50px; font-weight: 700; line-height: 1; margin-bottom: 25px;  text-transform: uppercase;}

.sw_tit p{ font-size: 17px; line-height: 1.6;}

.s_text{ margin:20px auto 0;}
.s_text h2{ font-size: 40px; line-height: 1.3; font-weight: 500; margin-bottom: 50px; }
.s_text h4{ font-size: 24px; font-weight: 600; line-height: 1.2; margin-bottom: 10px; }
.s_text p{ font-size: 16px; color: var(--font-s-color); line-height: 1.6;}
.s_text b{ font-size: 20px; font-weight: 500; display: block; margin-bottom: 2px; position: relative; }

/* s11 */
.s11_1 .s_img{ background: url("./img/s11_img0.jpg") no-repeat center; position: relative; width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; flex-direction: column; background-size: cover; }

.s_list_icon ul li .icon{  width: 150px; height: 150px; background-color: var(--w-color); border-radius: 50%; margin: 0 auto; background-repeat: no-repeat; background-position: center;}
.s_list_icon ul li:nth-child(1) .icon{ background-image: url("./img/s11_icon01.png"); }
.s_list_icon ul li:nth-child(2) .icon{ background-image: url("./img/s11_icon07.png"); }
.s_list_icon ul li:nth-child(3) .icon{ background-image: url("./img/s11_icon03.png"); }
.s_list_icon ul li:nth-child(4) .icon{ background-image: url("./img/s11_icon05.png"); }
.s_list_icon ul li:nth-child(5) .icon{ background-image: url("./img/s11_icon02.png"); }
.s_list_icon ul li:nth-child(6) .icon{ background-image: url("./img/s11_icon06.png"); }
.s_list_icon ul li:nth-child(7) .icon{ background-image: url("./img/s11_icon04.png"); }


@media(max-width: 1430px){

	.s11 .s_list .img { width: 90%;}
	.s11 .s_list .img img{ display: block; width: 100%; }

}

@media(max-width: 1230px){
	.s11_1 .s_img{ height: 450px; }
	.s11 .sw_tit{ padding: 0 3%; }
}


@media(max-width: 1080px){
	.s11_1 .s_img{ height: 350px;}

	.s11 .s_box.s_flex{ flex-flow: row wrap; }
	.s11 .s_box.s_flex > div{ width: 48%; }
	.s11 .s_box.s_flex > div:nth-child(1), .s11 .s_box.s_flex > div:nth-child(2){ margin-bottom: 5%; }
	.s11 .s_list .img{ height: 25vh; overflow: hidden; width: 100%;}
	.s11 .s_text p .s_br{ display: none; }
}

/*  */

/* s12 */
.s12{ position: relative;}
.s12::before{ content: ""; display: block; width: calc(100% - 250px); height: 95.5%; position: absolute; bottom: -14%; left: 0; background-color: var(--bg-color);}
.s_text_1{ padding-right: 8%;}
.s12 .s_text h4{ margin-bottom: 25px;}

@media(max-width: 1430px){
	.s12::before{ height: 97.5%; }
}

@media(max-width: 1180px){
	.s12 .s_text h4 br{ display: none;}
}

@media(max-width: 1080px){
	
	.s12::before{ height: 100%; width: 90%; bottom: -10%;}
	.s12 .s_flex{ flex-direction: column;}
	.s12 .s_img{ height: 35vh; overflow: hidden; margin-top: 8%; }
	.s12 .s_img img{ display: block; width: 100%; position: relative; top: -250px; }
}

/*  */

/* s13 */
.his_wrap > div{margin-bottom:100px;}
.his_wrap > div:last-child{margin-bottom:0;}
.his_flex{position: relative; display: flex;  width: 100%; }
.his_box dl{width: 50%;  position: relative; padding: 90px 0 0 195px;}
.his_box dl dt{position: relative; font-size: 50px; font-weight: 700; color: #212121;}
.his_box dl dt em{font-size: 46px; font-weight: 600; }
.his_box dl dd strong{font-size: 18px; font-weight: 700; color: #212121; display: block; }
.his_box dl dd span{font-size: 17px; line-height: 24px; display: block; }
.his_box dl dd span:last-child{margin-bottom: 20px;}
.his_box dl::before {content: ""; display: block; width: 1px; position: absolute; top: 0; bottom: -400px;  left: 108px; background-color: #dbdbdb;}
.his_box:last-child dl::before{bottom:0;}
.his_box:last-child dl::after{ content: ""; position: absolute; bottom: 0; left: 105px; width: 7px; height: 7px; background-color: #dbdbdb; display: block; border-radius: 50%;}

.his_box dl dt::before{ content: ""; position: absolute; top:24px; left: -95px; background-color: #fff; display: block; width: 17px; height: 17px; border: 1px solid var(--main-color); border-radius: 50%; display: block;}
.his_box dl dt::after{ content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background-color:var(--main-color); position: absolute; top: 29px; left: -90px;}
.his_box dl dd.his_line::before{content: ""; display: block; width: 100%; height: 1px; background: var(--main-color); margin: 15px auto 25px;}


@media(max-width:1200px){
	.his_box dl dt{font-size: 40px;}
	.his_box dl dt em{font-size: 35px;}
	.his_box dl{padding: 90px 0 0 165px;}
	.his_box dl::before{left: 78px;}
	.his_box dl dd span{font-size: 16px;}
}

@media(max-width:1050px){
	.his_wrap > div{margin-bottom: auto;}
	.his_flex{flex-flow: row wrap; justify-content: center;}
	.his_box dl{padding: 60px 0; }
	.his_box dl::before{left: -87px;}
	
}

@media(max-width:760px){
	.his_img img{display: block; width: 100%;}
	.his_box dl{padding:40px 0; }
	.his_box dl dt{font-size: 30px;}
	.his_box dl dt em{font-size: 25px;}
	.his_box dl dd strong{font-size: 17px;}
	.his_box dl dd span{font-size: 14px;}
}

@media(max-width:480px){
	.his_flex{justify-content: flex-start;}
	.his_box dl::before{left: 10px;}
	.his_box dl{padding: 10%; width: 100%;}
	.his_box dl dt::before{left: -28px;}
	.his_box dl dt::after{left: -23px;}

	.his_box dl dt{font-size: 22px;}
	.his_box dl dt em{font-size: 19px;}
	.his_box dl dd strong{font-size: 15px;}
	.his_box dl dd span{font-size: 12px;}
	.his_box:last-child dl::after{left: 7px;}

}
/*  */


/* s15 */
.s15 .s_img{ width: calc(100% + 300px); height: 450px; background: url("./img/s15_img01.jpg") no-repeat center; background-size: cover; padding: 12.5%;}
.s15 .sw_tit{ text-align: left;}

.s15 .s_list{ border-left: 1px solid #d7d7d7; padding: 0 30px; }
.s15 .s_text{ padding-top: 65px; }
.s15 .s_text i{ font-size: 22px; padding-right: 5px; }
.s15 .s_text h4{  margin-bottom: 25px;}
.s15 .s_list ul li{ position: relative; padding-left: 15px; margin-bottom: 15px; }
.s15 .s_list ul li::before{ content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color); position: absolute; left: 0; top: 10px;}

@media(max-width: 1280px){
	.s15 .s_img{ height: 350px;}
	.s15 .s_text{ padding-top: 50px;}
}

@media(max-width: 1080px){
	.s15 .s_img{ height: 300px;}
	.s15 .s_text{ padding-top: 35px;}
}

@media(max-width: 880px){
	.s15 .s_img{ width: 100%; height: auto; }
	.s15 .s_flex{ flex-flow: row wrap; }
	.s15 .s_flex > div{ width: 50%; margin-bottom: 2%; }
	.s15 .s_text h4{ margin-bottom: 15px; }
}

@media(max-width: 600px){
	.s15 .s_flex > div{ width: 100%;}
	.s15 .s_list{ padding: 0 3%; }
	.s15 .s_list ul{ display: flex;}
	.s15 .s_list ul li{ padding-left: 10px; width: 50%;}
	.s15 .s_list ul li::before{ width: 4px; height: 4px; top: 5px; }
	
}
/*  */

/* s31 ~32*/

.s_pding1 .s_text h2::after{ content: ""; display: block; width: 55px; height: 2px; background-color: var(--main-color); margin: 25px 0 -25px;}

.s_table .s_flex:first-child{ border-top: 2px solid var(--main-color); }
.s_table .s_flex{ align-items: center; justify-content: flex-start; border-bottom: 1px solid #d7d7d7;}
.s_table .s_flex .st_num{ width: 15%; font-size: 22px; font-weight: 700; color: var(--main-color); height: 100%; background-color: #f1f1f1; text-align: center; padding: 50px 30px; }
.s_table .s_flex .s_text{ padding: 20px 35px; margin: 0 auto; width: 80%; }

/*  s31 */
.s31 .s_pding1{ position: relative;}
.s31 .s_pding1::after{ content: ""; display: block; width: 700px; height: 370px;position: absolute; right: 0; top: 0; background: url("./img/s31_bg.png") no-repeat; z-index: -1; opacity: 0.5; transition: all .3s;}

.sRD .s_flex.s_text{ justify-content: space-between;}
.sRD .s_flex .s_list{ width: 30%; margin: 0 40px 40px 0; background: var(--w-color); text-align: center; padding: 60px 40px; position: relative; }
.sRD .s_flex .s_list:nth-child(3n){ margin: 0 0 40px 0;}
.s_num{ display: block; width: 40px; height: 40px; background-color: var(--main-color); color: var(--w-color); border-radius: 50%; text-align: center; font-size: 16px; font-weight: 700; line-height: 42px; margin: 0 auto 35px;}
.sRD .s_flex.s_text .s_list img{ display: block; margin: 0 auto 20px;}


/* s32 */
.s32 .s_pding1{ position: relative;}
.s32 .s_pding1::after{ content: ""; display: block; background: url("./img/s32_bg.jpg") no-repeat; position: absolute; right: 0; top: 0; width: 600px; height: 340px;}
.s32 .s_padding .s_list img{ display: block; width: 100%; }

/*  */

@media(max-width: 1430px){
	.s31 .s_pding2 .s_flex img{ display: block; width: 100%; }
	.s32 .s_pding1 .s_text{ width: 50%; margin: 20px 0 0;}
	.s32 .s_pding1::after{ background-size: 100%; width: 45%; height: 100%;}
}

@media(max-width: 1300px){
	.sRD .s_flex .s_list{ margin: 0 3% 3% 0; padding: 4%;}
	.sRD .s_flex .s_list:nth-child(3n){ margin: 0 0 3% 0;}
}

@media(max-width: 980px){
	.s31 .s_pding1::after{ width: 50%; height: 100%; bottom: 0; top: auto; background-size: 100%; }
	.s_num{ width: 35px; height: 35px; line-height: 37px; font-size: 14px; margin: 0 auto 25px;  }
	.s31.sRD .s_flex.s_text .s_list img{ width: auto; height: 50px;}
	.s_table .s_flex .s_text{ padding: 5% 2%; width: 100%; }
	.s_table .s_flex .st_num{ font-size: 18px; padding: 4%;}
}

@media(max-width: 880px){
	.sRD .s_flex .s_list{ width: 48%;}
	.sRD .s_flex .s_list:nth-child(3n){ margin: 0 3% 3% 0;}
	.sRD .s_flex .s_list:nth-child(2n){ margin: 0 0 3% 0;}

	.s32 .s_pding1 .s_text{ width: 100%; margin: 0 auto 5%;}
	.s32 .s_pding1::after{ width: 100%; position: relative; right: auto; top: auto; height: 25vh;}
}

@media(max-width: 600px){
	.sRD .s_flex .s_list{ padding: 5%; }
	.s_num{ width: 30px; height: 30px; line-height: 32px; font-size: 12px; margin: 0 auto 15px; }
	.s31.sRD .s_flex.s_text .s_list img{ height: 42px; }
	.s_table .s_flex .st_num{ font-size: 14px;}
}
/*  */



@media(max-width: 1430px){
	.s_padding{ padding: 100px 3%; }
	.s_pding1{ padding: 0 3% 100px;}
	.s_pding2{ padding: 100px 3% 0;}

	.ss_tit h2{ font-size: 38px; margin-bottom: 30px; }

	.s_text h2{ font-size: 32px; margin-bottom: 40px;}
	.s_text h4{ font-size: 22px; margin-bottom: 5px;  }
	.s_text p{ font-size: 14px; }
	.s_text b{ font-size: 18px;}

}

@media(max-width: 1230px){
	.sw_tit h3{ font-size: 40px; margin-bottom: 20px;}
	.sw_tit p{ font-size: 16px; }
}



@media(max-width: 1080px){
	.s_padding{ padding: 80px 3%; }
	.s_pding1{ padding: 0 3% 80px;}
	.s_pding2{ padding: 80px 3% 0;}
	

	.ss_tit h2{ font-size: 34px; margin-bottom: 25px; }
	.sw_tit h3{ font-size: 30px; margin-bottom: 10px; }
	.sw_tit p{ font-size: 14px; }
	.s_text h2{ font-size: 26px; }
	.s_text h4{ font-size: 19px; margin-bottom: 5px;  }
	.s_text p{ font-size: 13px; }
	.s_text b{ font-size: 16px;}

	.sub_bg .s_flex li{ width: 25%; }
	.s_list_icon ul li .icon{ width: 120px; height: 120px; background-size: 40%;}

}

@media(max-width: 780px){
	.sub_bg .s_flex li{ width: 40%; }
	.s_br{ display: none; }
}

@media(max-width: 600px){
	.s_padding{ padding: 10% 3%; }
	.s_pding1{ padding: 0 3% 10%;}
	.s_pding2{ padding: 10% 3% 0;}
	

	.ss_tit h2{ font-size: 26px; margin-bottom: 15px; }
	.sw_tit h3{ font-size: 22px; margin-bottom: 5px; }
	.sw_tit p{ font-size: 12px; }
	.s_text h2{ font-size: 20px; }
	.s_text h4{ font-size: 14px; margin-bottom: 5px;  }
	.s_text p{ font-size: 11px; }
	.s_text b{ font-size: 12px;}


}

/************************* sub 끝 *************************/