/* include 공통 CSS */

/************************* header_inc 시작*************************/

.header_t			{width:100%; position: fixed; top: 0; left: 0; z-index: 99; margin: 0 auto; height: 100px; 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;}
.h_inner{ position: relative; height: 100%; align-items: center; justify-content: space-between; padding: 0 3%;}
.header_gnb_bg{ align-items: center; }
.header_logo img{ display: block; width: 100%; max-width: 190px;}
/* 햄벅 */
.mo_nav				{display: block; width: 60px; height: 60px; border-radius: 100%; background: var(--main-color);  margin-left: 30px; }
.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; display:flex; align-items: center; justify-content: flex-end; flex-flow: row wrap; background-color:transparent; background-image:none;  border:0; padding: 23px 20px; }
.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 { background: var(--hover-color);}
.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(3px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(12px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}

/**/
.f-nav{ width: 100%; height: 100px; background: var(--w-color); border-bottom: 1px solid var(--line-color); box-shadow: 1px 1px 15px rgba( 0, 0, 0, 0.08); }

@media(max-width: 970px){
	.head_menu{ display: none;}
	.header_logo img{ max-width: 160px;}
}

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

/************************* sub 시작 *************************/

/* sub_visual&title */
.sub_tab{ display: none;}
.sub_right{ position: relative; display: block; width: 100%; margin: 0 auto; padding: 200px 0 100px;}
.sub_inner{width: 100%; margin: 0 auto; max-width: 1400px;}
#wrap_sub::before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;background:repeating-linear-gradient(-55deg, #f5f5f7, #f5f5f7 1px, var(--w-color) 0, var(--w-color) 300px);z-index:-1; }

.sr_title{ width: 100%; max-width: 1400px; margin: 0 auto; padding: 50px 0 80px;}
.sr_tit{ font-size: 45px; font-weight: 700; line-height: 1; margin: 0 0 20px; }
.sr_txt{ font-size: 17px; color: var(--font-b-color);}

/* sub_content */
.sub_wrap, .sub_con{ position: relative;}
.s_pding_t{ padding-top: 100px;}
.s_pding_b{ padding-bottom: 75px;}
.s_pding{ padding: 75px 0;}
.s_pding1{ padding: 100px 0;}
.s_pding2{ padding-bottom: 100px;}
.s_pding3{ padding: 75px 0 100px;}
.st_tit{ font-size: 26px; font-weight: 700; margin-bottom: 35px; text-transform: uppercase;}
.st_tit strong{ font-weight: 700; color: var(--main-color);}
.st_line{ width: 25px; height: 2px; background: var(--main-color); margin: 19px 10px 19px 0;}
.st_txt{ color: var(--font-b-color); }
.s_img img{ display: block; width: 100%;}
.s_bg{ background: var(--bg-color); }

.sc_tit{ font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.sc_tit span{ display: block; font-weight: 500; color: var(--font-b-color); }
.sc_txt1{ font-size: 14px; font-weight: 600; color: var(--main-color); text-transform: uppercase; line-height: 1.3; margin-bottom: 15px;}
.sc_txt { color: var(--font-s-color); }
.sc_txt ul li{ position: relative; padding-left: 10px;}
.sc_txt ul li::before{ content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--bg-color2); position: absolute; left: 0; top: 9px;}
.num{ font-weight: 500; color: var(--main-color); padding-right: 15px; }
.si_tit{ font-size: 18px; font-weight: 500;}
.si_tit strong{ font-weight: 500; color: var(--main-color);}
.si_box{ border: 1px solid var(--line-color);}
.si_box .sub_img{ position: relative;}
.si_box .sub_img img{ display: block; width: 100%;}
.si_box .sub_img::after{ content: ""; display: block; width: 25px; height: 4px; background: var(--main-color); position: absolute; bottom: -2px; left: 0; right: 0; margin: 0 auto; z-index: 1; }

.sc_title{ align-items: center; margin-bottom: 30px;}
.sc_num{ color: var(--w-color); font-weight: 600; width: 40px; height: 40px; background: var(--main-color); text-align: center; line-height: 40px; margin-right: 10px; }
.sc_title .sc_tit{ margin-bottom: 0;}
.sc_title .sc_tit strong{ font-weight: 600; color: var(--main-color);}

.sr_lcon ul.flex{ flex-flow: row wrap; justify-content: space-between;}
.sr_lcon ul:first-child li{ margin-bottom: 25px; }
.sr_lcon ul li{ position: relative; width: 15%;  border: 5px solid var(--main-color); border-radius: 65px; line-height: 1; color: var(--font-b-color); text-align: center; padding: 20px 0; background: var(--w-color);}
.sr_lcon ul li::before{ content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto; z-index: 1; background: #975500;}
.sr_lcon ul li::after{ content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; z-index: 1; background: #975500;}
.sr_lcon ul li:nth-child(2n){ border: 5px solid #797979;}
.sr_lcon ul li:nth-child(2n)::before{ background: #464646;}
.sr_lcon ul li:nth-child(2n)::after{ background: #464646;}


.sl_list_con .sl_lbg{ background: var(--w-color); padding: 30px;}
.sl_list_con ul li{ position: relative; padding-left: 15px; color: var(--font-b-color); line-height: 30px;}
.sl_list_con ul li::before{ content: ""; display: block; width: 7px; height: 7px; border: 2px solid var(--font-s-color); border-radius: 50%; position: absolute; left: 0; top: 10px; }

.s_link_box a{ position:relative; display:block; text-align: center; width:100%; max-width:300px; margin: 0 auto;  background:var(--main-color); color:#fff; padding:17px 0; transition: all .5s; border:1px solid var(--main-color); cursor:pointer; }
.s_link_box a:hover{background:#fff; color:var(--main-color); font-weight:500; transition: all .5s;}

.s21 .s_img img, .s32 .s_img img{ border-radius: 0 130px 0 0; display: block; width: 100%;}

/* s11 */
.s11 .s_box{ align-items: center;}
.s11 .s_box > div{ width: 50%;}
.s_box .s_img{ position: relative;}
.s_img_in{ overflow: hidden; max-width: 625px; }
.s_box .s_img .ro_te{ position: absolute; transform: rotate(90deg); font-size: 15px; font-weight: 600; color: var(--font-s-color); text-transform: uppercase;}
.s1_box1 .s_img{ padding-left: 25px; }
.s1_box1 .s_img .ro_te{ left: -150px; top: 145px; }
.s1_box1 .s_img_in{ border-radius: 25px 0 0 0; }
.s1_box1 .s_info{ padding: 0 200px 0 50px;}
.s1_box2 .s_img{ padding-right: 25px; }
.s1_box2 .s_img .ro_te{ right: -139px; top: 132px; }
.s1_box2 .s_img_in{ border-radius: 0 0 25px 0; margin: 0 0 0 auto; }
.s1_box2{ flex-direction: row-reverse;}

.s11 .sc_top::after{ content: ""; display: block; background: url("./img/s_dot_line1.png") no-repeat; width: 9px; height: 40px; margin: -5px auto; position: relative; z-index: 1;}
.s11 .sc_top .st_tit{ width: 256px; margin: 0 auto; text-align: center; background: var(--main-color); border-radius: 5px; line-height: 1; padding: 20px 0; color: var(--w-color); }
.s11 .sc_bot.flex{ justify-content: space-between;}
.sl_box{ background: var(--w-color); border: 1px solid var(--line-color); padding: 30px; width: 20%; max-width: 256px;}
.sl_box .sc_txt1{ text-align: right;}
.sl_box .flex{ flex-flow: row wrap;}
.sl_box .flex li{ width: 100%; }
.sl_box:nth-child(1) .flex li{ width: 50%;}

/* s12 */
.s12 .s_img{ width: 60%; padding-right: 50px;}
.s12 .s_img img{ display: block; width: 100%; }
.his_wrap{ position: relative; padding: 0 0 0 20px;}
.his_wrap::before{ content: ""; position: absolute; left: -1px; top: 13px; width: 1px; height: 100%; background: #e6e6e6;}
.his_con{ margin: 0 0 60px; position: relative; align-items: baseline;}
.his_con::before{ content: ""; display: block; width: 6px; height: 6px; border-radius: 6px; background: var(--main-color); position: absolute; left: -23px; top: 13px; }
.his_con .st_tit{ padding-right: 20px;}
.his_con .s_info ul li{ line-height: 1.6; align-items: baseline; }
.his_con .s_info .num{ margin-bottom: 0;}


/* s13 */
.s13 .sub_wrap::before{ content: ""; display: block; width: 350px; height: 350px; border-radius: 0 150px 0 0; position: absolute; right: -45px; top: -45px; z-index: -1; background-color: var(--bg-color1);}
.map_wrap{ position: relative; box-shadow: 10px 10px 35px rgb(0 0 0 / 20%); border-radius: 0 130px 0 0; overflow: hidden;}
.s13 .st_txt{ display: block; font-size: 17px; font-weight: 500; margin-top: 20px;}
.s13 .map_con > div{ width: 50%;}
.s13 .s_info{ padding: 35px; background: var(--main-color); color: var(--w-color);}
.s13 .s_info .flex{ align-items: center; margin-bottom: 10px;}
.s13 .s_info .flex .sc_tit{ width: 25%; margin-bottom: 0;}
.s13 .sc_txt{ color: var(--w-color);}
.s13 .logo{ margin: 0 0 15px; border-bottom: 1px dashed var(--w-color); padding-bottom: 15px; }

/* s21 */
.s21 .st_title , .s32 .st_title{ flex-flow: row wrap; margin-bottom: 60px;}
.s21 .st_title .st_tit , .s32 .st_title .st_tit{ margin-bottom: 20px;}
.s21 .st_title .st_txt , .s32 .st_title .st_txt{ width: 100%;}
.s21 .sub_img img{ display: block; margin: 0 auto; }

.s21_2 .s_img_list{ justify-content: space-between;}
.s21_2 .si_box{ text-align: center; width: 18%;}
.s21_2 .si_tit{ line-height: 1; padding: 20px 0; background: var(--w-color);}

.s21_2 .sr_lcon ul:nth-child(2){ justify-content: flex-start; }
.s21_2 .sr_lcon ul:nth-child(2) li{ margin-right: 28px;}
.s21_2 .sr_lcon ul:nth-child(2) li:nth-child(2){ width: 32%;}

.s21_3 .sub_img .flex{ min-height: 190px; position: relative; justify-content: center;}
.s21_3 .sub_img .si_rbox{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 32%; text-align: center; background: var(--w-color); box-shadow: 1px 1px 20px rgba(0,0,0,0.05); border-radius: 100px; }
.s21_3 .sub_img .si_rbox .sc_tit{ margin-bottom: 0; }
.s21_3 .sub_img .st_txt{ text-align: center;}
.s21_3 .sub_img .si_rbox:nth-child(1){ margin-right: -70px;}
.s21_3 .sub_img .si_rbox:nth-child(2){ background: rgba(18,18,18,0.55); color: var(--w-color);}
.s21_3 .sub_img .si_rbox:nth-child(3){ background: rgba(248,152,29,0.88); color: var(--w-color); margin-left: -70px;}

.s21_3 .sub_con:nth-child(2){ justify-content: space-between;}
.s21_3 .sub_con:nth-child(2) > div{ width: 48%;}
.s21_3 .sub_con:nth-child(2) .sl_lbg.flex{ justify-content: space-between;}
.s21_3 .sub_con:nth-child(2) .sl_lbg.flex ul{ width: 30%;}

.s21_4 .s_img_icon{ justify-content: space-between; max-width: 1200px; margin: 0 auto; text-align: center;}
.s21_4 .s_img_icon .icon{ width: 200px; height: 200px; border-radius: 50%; background: var(--w-color); border: 15px solid var(--main-color); display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }


.s21_4 .sc_bot > div{ flex-flow: row wrap; justify-content: space-between; align-items: stretch;  position: relative;}
.s21_4 .sc_bot .sl_box { width: 15%; max-width: 100%; padding: 20px 20px 30px; text-align: center;  border-radius: 20px 0 20px 0; position: relative; margin-bottom: 30px;}
.s21_4 .sc_bot .sc_bot_1 .sl_box::after{ content: ""; display: block; background: url("./img/s21_4_arrow1.png") no-repeat; width: 16px; height: 9px; position: absolute; right: -23px; top: 45%;}
.s21_4 .sc_bot .sl_box:nth-child(6n)::after{ display: none;}


.s21_4 .sc_bot .sc_txt1{ text-align: left; margin-bottom: 0;}
.s21_4 .sc_bot .sl_box_c{ background: var(--main-color); border: 0;}
.s21_4 .sc_bot .sl_box_c .sc_txt1, .s21_4 .sc_bot .sl_box_c .sc_txt{ color: var(--w-color);}

.s21_4 .sc_bot .sl_box_s{ background: var(--bg-color1); border: 0;}
.s21_4 .sc_bot .sc_bot_4{ justify-content: flex-start;}
.s21_4 .sc_bot .sc_bot_4 .sl_box{ margin-left: 40px;}


.s21_5 .s_img_list{ justify-content: space-between;}
.s21_5 .s_img_list > div{ width: 32%; text-transform: uppercase;}
.s21_5 .s_img_list .sl_list_con{ padding: 30px; }
.s21_5 .s_img_list .sl_list_con .si_tit{ font-weight: 600; margin-bottom: 20px;}

.s21_5 .sr_list_wrap .flex{ justify-content: space-between; flex-flow: row wrap;}
.s21_5 .sr_list_wrap .flex li{ width: 48%; border: 5px solid #797979; display: flex; align-items: center; justify-content: center; padding: 30px; line-height: 1.5;}
.s21_5 .sr_list_wrap .flex li::before{ content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto; z-index: 1; background: #464646;}
.s21_5 .sr_list_wrap .flex li::after{ content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto; z-index: 1; background: #464646;}
.s21_5 .sr_list_wrap .flex li:nth-child(2), .s21_5 .sr_list_wrap .flex li:nth-child(3){ border: 5px solid var(--main-color);}
.s21_5 .sr_list_wrap .flex li:nth-child(2)::before, .s21_5 .sr_list_wrap .flex li:nth-child(3)::before{ background: #975500;}
.s21_5 .sr_list_wrap .flex li:nth-child(2)::after, .s21_5 .sr_list_wrap .flex li:nth-child(3)::after{ background: #975500;}



/* s31*/
.s31 .s31_list{position: relative;}
.s31 .s31_list:after{left:0;}
.s31 .s31_list:before{right:0;}
.s31 .s31_list li:nth-of-type(1n):after{left:50%; top:0}
.s31 .s31_list li{display: flex; flex-direction: row; margin-bottom:100px;}
.s31 .s31_list li .s31_list_img_box{width:50%;}
.s31 .s31_list li .s31_list_img_box img{display: block; width:100%;}
.s31 .s31_list li:nth-of-type(2n){flex-direction: row-reverse; justify-content: space-between;}
.s31 .s31_list .s31_info {padding-left:60px; display: flex; flex-direction: column; justify-content: center; width:50%;}
.s31 .s31_list .s31_info .st_tit{position:relative; padding-bottom:25px;}
.s31 .s31_list .s31_info .st_tit:after{content:''; display: block; clear: both; position: absolute; width:760px; height:2px; bottom:0; right:0; background: var(--main-color);}
.s31 .s31_list li:nth-of-type(2n) .s31_info .st_tit:after{left:-60px;}
.s31 .st_txt{ padding-right: 60px;}



/* s32 */

.s32_1 .sr_lcon ul.flex li{ width: 48%; text-align: left; border-radius: 25px; padding: 30px;}
.s32_1 .sr_lcon .sc_txt{ min-height: 60px;}
.s32_1 .sr_lcon ul li:nth-child(3){ border: 5px solid #797979;}
.s32_1 .sr_lcon ul li:nth-child(3)::before, .s32_1 .sr_lcon ul li:nth-child(3)::after{ background: #464646;}
.s32_1 .sr_lcon ul li:nth-child(4){ border: 5px solid var(--main-color);}
.s32_1 .sr_lcon ul li:nth-child(4)::before, .s32_1 .sr_lcon ul li:nth-child(4)::after{ background: #975500;}
.s32_2 .sub_con > ul{ position: relative;}
.s32_2 .sub_con > ul:after{ content: ""; display: block; position: absolute; top: 0; left: 50%;  width: 2px; height: 100%; background:var(--line-color);}


.s32_2 .sub_img img{ display: block; width: 100%; }
.s32_2 .sub_con ul li{ position: relative; z-index: 1; }
.s32_2 .sub_con ul li > div.flex{ justify-content: space-between; align-items: center;}
.s32_2 .sub_con ul li > div.flex .sub_img{ width: 45%;}
.s32_2 .sub_con ul li > div.flex .s_info{ width: 45%; padding-right: 100px;}
.s32_2 .sub_con ul li:nth-child(2n) > div.flex { flex-direction: row-reverse;}
.s32_1 .sub_con .si_tit, .s32_2 .sub_con .si_tit{ margin-bottom: 10px;}

.s32_3 .sl_icon_list{ flex-flow: row wrap; justify-content: space-between;}
.s32_3 .sl_box{width: 23%; max-width: 100%; margin-bottom: 40px;}
.s32_3 .sl_box .sc_txt1{ display: inline-block; border-bottom: 2px solid var(--main-color); padding-bottom: 5px;}
.s32_1 .sr_lcon .s_icon img, .s32_3 .sl_box .s_icon img{ display: block; margin: 20px 0 0 auto;}

.s32_4 .s_img_list{ flex-flow: row wrap; justify-content: center;}
.s32_4 .s_img_list > div{ width: 28%;  margin-bottom: 50px; background: var(--w-color);}
.s32_4 .s_img_list > div:nth-child(2){ margin: 0 70px 50px;}
.s32_4 .s_img_list > div:nth-child(4){ margin-right: 70px;}
.s32_4 .sl_list_con{ padding: 30px; text-align: center;}

.s32_5 .sc_tit{ font-size: 36px;}

@media(max-width: 1480px){
	.sub_inner{ padding-left: 3%; padding-right: 3%;}
	.s11 .sc_bot.flex{ flex-flow: row wrap;}
	.sl_box{ width: 31%; max-width: 100%; margin-bottom: 25px; }
	.sl_box:nth-child(4), .sl_box:nth-child(5){ width: 48%; }
	.s21 .sub_img img{ width: 100%;}
	.s32_3 .sl_box{ width: 22%;}
}
@media(max-width: 1340px){
	.sub_img img{ width: 100%;}
	.s1_box1 .s_info{ padding: 0 50px;}
}
@media(max-width: 1280px){
	.s21_4 .sc_bot .sl_box{ width: 23%;}
	.s21_4 .sc_bot .sl_box:nth-child(6n)::after{ display: block;}
	.s21_4 .sc_bot .sl_box:nth-child(4n)::after{ display: none;}
}
@media(max-width: 1080px){
	
	.flex{ flex-flow: row wrap; }
	.s_pding1{ padding: 8% 0;}
	.sr_title{ padding: 3% 0 5%;}
	.sr_tit{ font-size: 38px; margin: 0 0 10px; line-height: 1.1;}
	.sr_txt{ font-size: 16px; line-height: 1.6;}
	.sr_txt br, .st_txt br{ display: none;}
	.st_tit{ font-size: 22px; margin-bottom: 20px; }
	.si_tit{ font-size: 16px; }
	.st_line{ margin: 15px 10px 15px 0;}
	.sc_tit{ font-size: 18px; margin-bottom: 10px; }
	
	.s11 .s_box{ justify-content: space-between;}
	.s_box .s_img .ro_te{ position: relative; transform: rotate(0); margin-bottom: 10px;}
	.s1_box1 .s_img, .s1_box2 .s_img{ padding: 0;}
	.s1_box1 .s_img .ro_te{ left: auto; top: auto;}
	.s1_box2 .s_img .ro_te{ right: auto; top: auto; }
	.s1_box1 .s_img_in, .s1_box2 .s_img_in{ border-radius: 25px; margin: 0 auto 0 0;}
	.s1_box1 .s_info{ padding: 0 0 0 5%;}


	.s12 .s_img{ width: 100%; height: 50vh; overflow: hidden; margin: 0 auto 3%; padding-right: 0;}
	.s13 .map_con > div{ width: 100%;}
	.s13 .logo img{ width: auto; height: 34px;}
	.s13 .sub_wrap::before{ width: 250px; height: 250px; right: -25px; top: -25px;}

	.s21_3 .sub_img .flex{ justify-content: space-between; min-height: unset;}
	.s21_3 .sub_img .si_rbox{ padding: 5% 0;}
	.s21_3 .sub_img .si_rbox:nth-child(1){ margin-right: 0;}
	.s21_3 .sub_img .si_rbox:nth-child(3){ margin-left: 0;}
	.s21_3 .sub_con:nth-child(2) > div{ width: 100%; margin-bottom: 5%;}
	.s21_4 .s_img_icon .icon{ width: 150px; height: 150px; border: 10px solid var(--main-color);}
	.s21_4 .s_img_icon .icon img{ width: auto; height: 58px;}
	.s21_4 .sc_bot .sl_box{ width: 21%;}
	.s21_4 .sc_bot .sc_bot_1 .sl_box::after{ right: -32px;}

	.s31 .s31_list .s31_info .st_tit:after{ width: 100%;}
	.s32_2 .sub_con ul li > div.flex{ flex-flow: row wrap;}
	.s32_2 .sub_con ul li > div.flex > div{ width: 100% !important;}
	.s32_2 .sub_con ul li > div.flex > div.s_icon{ margin: 3% 0;}
	.s32_2 .sub_con > ul:after{ display: none;}
	.s32_2 .sub_con ul li > div.flex .s_info{ padding-right: 0;}

	.s32_3 .sl_box{ width: 31%; margin-bottom: 25px; }
	.s32_4 .s_img_list{ justify-content: space-between;}
	.s32_4 .s_img_list > div{ margin-bottom: 25px; width: 32%;}
	.s32_4 .s_img_list > div:nth-child(2){ margin: 0 0 25px;}
	.s32_4 .s_img_list > div:nth-child(4), .s32_4 .s_img_list > div:nth-child(5){ width: 48%; margin-right: 0;}
	.s32_4 .sl_list_con { padding: 20px;}
}
@media(max-width: 780px){
	.s_pding_b{ padding-bottom: 5%}
	.s_pding_t{ padding-top: 8%;}
	.s_pding{ padding: 8% 0;}
	.s_pding3{ padding: 8% 0 10%;}
	.sc_tit span{ font-size: 15px; }
	.sc_txt{ font-size: 15px; line-height: 1.6;}
	.st_txt{ font-size: 15px; line-height: 1.6;}
	.sr_tit{ font-size: 34px;}
	.sr_txt{ font-size: 15px; line-height: 1.6;}
	.si_tit{ font-size: 15px; line-height: 1.6;}
	.s21_2 .si_tit{ padding: 15px 0;}
	.s21 .s_img img, .s32 .s_img img{ border-radius: 0 65px 0 0;}
	.s13 .st_txt{ font-size: 15px;}
	.sl_box{ width: 48%;}
	.pcbr{ display: none;}
	.sc_num{ width: 35px; height: 35px; font-size: 14px; line-height: 35px; }
	.sl_box .sc_txt1{ text-align: left;}
	.sl_box .sc_txt1 br{ display: none;}
	.s11 .s_box > div{ width: 100%;}
	.s1_box1 .s_info, .s1_box2 .s_info{ padding: 5% 0;}
	.s11 .sc_top .st_tit { width: 100%; }
	.root_daum_roughmap .wrap_map{ height: 350px !important;}
	.s21_2 .si_box{ width: 32%; margin-bottom: 25px;}
	.s21 .st_title, .s32 .st_title{ margin-bottom: 8%;}
	.sr_lcon ul li{ width: 23%; font-size: 15px;}
	.sr_lcon ul:first-child li{ margin-bottom: 15px; }
	.s21_3 .sub_img .si_rbox{ width: 100%; margin-bottom: 5%;}
	.s21_4 .s_img_icon .icon{ width: 100px; height: 100px; border: 5px solid var(--main-color);}
	.s21_4 .s_img_icon .icon img{ width: auto; height: 38px;}
	.s21_5 .s_img_list > div{ width: 48%; margin-bottom: 5%;}
	.s21_5 .s_img_list .sl_list_con{ padding: 20px;}
	.s21_5 .s_img_list .sl_list_con .si_tit{ margin-bottom: 10px;}
	.s21_5 .sr_list_wrap .flex li{ width: 100%; border-radius: 15px; padding: 20px; }
	.sl_list_con ul li{ font-size: 15px; line-height: 1.6; margin-bottom: 10px;}
	.sl_list_con ul li::before{ top: 8px;}
	
	.s31 .s31_list li{margin-bottom: 5%;}
	.s31 .s31_list li, .s31 .s31_list li:nth-of-type(2), .s31 .s31_list li:nth-of-type(2n){flex-direction: column;}
	.s31 .s31_list li .s31_list_img_box{overflow:hidden; height:320px; position: relative; width:100%;}
	.s31 .s31_list li .s31_list_img_box img{position:absolute; top:0;}
	.s31 .s31_list li:nth-of-type(2) .s31_list_img_box img{top: 0;}
	.s31 .s31_list li:last-of-type .s31_list_img_box img{top: 0;}
	.s31 .s31_list .s31_info .st_tit:after, .s31 .s31_list li:nth-of-type(2n) .s31_info .st_tit:after {width:100%; left: 0; font-size:28px;}
	.s31 .s31_list li:nth-of-type(2) .s31_info .st_tit:after{ left: 0;}
	.s31 .s31_list .s31_info{width:100%; padding: 5% 0;}
	.s31 .st_txt{ padding-right: 0;}
	.sc_title{ margin-bottom: 20px;}

	.s32_1 .sr_lcon ul.flex .sc_title{ flex-direction: column;}
	.s32_1 .sr_lcon ul.flex .sc_title .sc_num{ margin: 0 auto 5% 0; }
	.s32_1 .sr_lcon ul.flex .sc_title .sc_tit{ margin: 0 auto 0 0;}

	.s32_3 .sl_box{ width: 48% !important; padding: 5% 5% 18%; position: relative;}
	.s32_3 .sl_box .s_icon{ position: absolute; bottom: 10%; right: 10%;}
	.s32_1 .sr_lcon .s_icon img, .s32_3 .sl_box .s_icon img{ width: auto; height: 35px;}
	.s32_4 .s_img_list > div{ margin-bottom: 5%; width: 48%;}
	.s32_4 .sl_list_con{ text-align: left; padding: 5%;}
	.s32_5 .sub_img .si_rbox{ width: 48%;}
	.s32_5 .sub_img .si_rbox:nth-child(3){ width: 100%; }
	.s32_2 .sub_con ul li > div.flex > div.s_icon{ display: none;}
	.s32_2 .sub_con ul li > div.flex > div{ margin-bottom: 5%;}
	.sub_right{ padding: 150px 0 80px;}
}
@media(max-width: 680px){
	.s21_4 .sc_bot .sl_box{ width: 29%; padding: 3% 3% 5%; margin-bottom: 10px;}
	.s21_4 .sc_bot .sl_box:nth-child(4n)::after{ display: block;}
	.s21_4 .sc_bot .sl_box:nth-child(3n)::after{ display: none;}
	.s21_4 .sc_bot .sc_bot_1 .sl_box::after{ right: -28px;}
}
@media(max-width: 500px){
	.sr_tit{ font-size: 26px;}
	.st_tit{ font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
	.st_txt{ font-size: 14px; line-height: 1.6;}
	.sl_list_con ul li, .si_tit, .sr_txt{ font-size: 14px;}
	.s_box .s_img .ro_te{ font-size: 13px; }
	.sc_txt1{ font-size: 13px;}
	.sc_tit{ font-size: 15px;}
	.sc_tit span, .sc_txt{ font-size: 14px; line-height: 1.6;}
	.sl_box, .sl_box:nth-child(4), .sl_box:nth-child(5){ width: 100%;}
	.s12 .s_img{ height: 32vh; margin: 0 auto 5%;}
	.s13 .map_con > div{ margin-top: 15px;}
	.s13 .s_info .flex .sc_tit, .s13 .sc_txt{ width: 100%;}
	

	.s21_2 .si_box{ width: 48%; margin-bottom: 5%;}
	.sr_lcon ul li{ width: 32%; font-size: 13px; padding: 10px 0;}
	.s21_2 .sr_lcon ul:nth-child(2){ justify-content: space-between;}
	.s21_2 .sr_lcon ul:nth-child(2) li{ width: 48%; margin-right: 0;}
	.s21_2 .sr_lcon ul:nth-child(2) li:nth-child(2){ width: 48%;}
	.sr_lcon ul:first-child li{ margin-bottom: 10px; }
	.s21_3 .sub_con:nth-child(2) .sl_lbg.flex ul{ width: 50%;}
	.s21_4 .s_img_icon .si_icon{ width: 48%; margin-bottom: 5%;}
	.s21_4 .s_img_icon .icon{ margin: 0 auto 10px;}
	.s21_4 .sc_bot .sc_bot_1 .sl_box::after{ right: -24px;}

	.s21_5 .s_img_list > div{ width: 100%; }
	.s_link_box a{ font-size: 14px; max-width: 90%;}

	.s31 .s31_list li .s31_list_img_box{ height: 250px;}
	.s32_3 .sl_box{ margin-bottom: 5%;}
	.s32_5 .sc_tit{ font-size: 24px;}
	.s32_1 .sr_lcon ul.flex li{ width: 100%; margin-bottom: 5%; padding: 5%;}
}
@media(max-width: 380px){
	.sr_lcon ul li{ width: 48%; font-size: 3vw; }
	.s21_4 .sc_bot .sl_box{ width: 45%; }
	.s21_4 .sc_bot .sl_box:nth-child(3n)::after{ display: block;}
	.s21_4 .sc_bot .sl_box:nth-child(2n)::after{ display: none;}
	.s21_4 .sc_bot .sc_bot_1 .sl_box::after{ right: -28px;}
}
/************************* sub 끝 *************************/


/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto;  height:50px;  }
.navi_in	{ padding:0;max-width:1400px; margin:0 auto; display: flex; align-items: center; }

.home_btn_all						{ width: 3%; position: relative;}
.home_btn_all::after{ content: ""; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: var(--bg-color2); position: absolute; right: -10px; top: 45%;}
.home_btn_all a					{display:block; width: 30px; height: 30px; line-height: 32px; font-size: 16px; font-weight: 600; color: var(--w-color); border-radius: 50%; background-color: var(--main-color); text-align: center; }

.navi_left					{width: 40%;}
.navi_left div			{float:left;}
.navi_left div::after{ content: ""; display: block; clear: both; }

.navi_main		{width:50%;  padding-left: 12px; height:50px; position:relative; line-height:50px;  cursor:pointer; }


.navi_main h1 { font-size:18px; font-weight: 700; margin-left:10px;}
.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;}

.navi_title01	{padding:0; height:50px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 { font-size:16px; font-weight: 500;  margin-left:10px; width:100%;}


.navi_sub {width:48%;  padding-left: 10px; margin-left: 5px;  height:50px; line-height:50px; position:relative; cursor:pointer;}
.navi_sub::before{ content: ""; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: var(--bg-color2); position: absolute; left: 0; top: 45%; }

.navi_sub > h2						{ color: var(--main-color); font-size:18px; font-weight: 700;  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: 0;  border-top:0; z-index: 999; background:var(--w-color); border:1px solid #efefef; display:none;}
.extend1 > ul li a { display: block; width: 100%;}
.extend1 > ul li:hover a{background-color: var(--main-color); color: var(--w-color) !important;}


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding: 0;z-index: 999; background:var(--w-color); border:1px solid #efefef; display:none; }
.extend2 > ul li a {  display: block; width: 100%;}
.extend2 > ul li:hover a{ background-color: var(--main-color); color: var(--w-color) !important;}

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

@media(max-width: 1480px){
	.navi_left{ width: 100%; max-width: 600px;}
}

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

@media(max-width: 1080px){
	.home_btn_all::after{ display: none;}
}
@media(max-width: 780px){
	.navi_left{ width: 100%; max-width: 100%;}
}
@media(max-width: 500px){
	.navi_all{ height: 100%; }
	.navi_in{  margin-bottom: 5%;}
	.home_btn_all{ width: 8%;} 
	.home_btn_all a{ font-size: 12px; width: 25px; height: 25px; line-height: 27px; }
	.navi_main{ padding-lefT: 0;}
	.navi_main h1, .navi_sub > h2, .navi_title01 h1{ font-size: 3vw;}
	.navi_main >a.down_btn3, .navi_sub > a.down_btn4{ right: 0; top: -2px;}
	.navi_main >a.down_btn3 img, .navi_sub > a.down_btn4 img{ width: auto; height: 6px;}
	.navi_sub::before{ width: 3px; height: 3px; left: 4px; }
}

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


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

.f_inner{ max-width: 1720px; margin: 0 auto; padding: 60px 0; font-size: 14px; color: var(--bg-color2); line-height: 1.8; justify-content: space-between; align-items: flex-end;} 
.f_left{ width: 70%;}
.f_logo img{ display: block; width: 100%; max-width: 140px;}
.f_info .copy_r{ padding-top: 15px; }
.f_info .copy_r a{ color: var(--bg-color2);}
.f_info .copy_r a:hover{ color: var(--main-color);}
.f_inner span{ display: inline-block; font-size: 12px; padding: 0 10px; }
.f_line	{ width: 1px; height: 85px; background: var(--bg-color2); opacity: .3; margin: 0 65px; }

.f_right{ width: 30%;}
.f_right ul{ justify-content: flex-end;}
.f_right ul li a{ color: var(--bg-color2);}
.f_right ul li a:hover{ color: var(--main-color);}


@media(max-width: 1780px){
	.f_inner{ padding: 60px 3%;}
}
@media(max-width: 1400px){
	.f_line{ margin: 0 25px;}
}
@media(max-width: 1180px){
	.f_inner{ flex-flow: row wrap; padding: 5% 3%; }
	.f_left, .f_right{ width: 100%;}
	.f_left{ flex-direction: column;}
	.f_line{ width: 100%; height: 1px; margin: 10px auto; }
	.f_right ul{ justify-content: flex-start;}
	.f_info .copy_r{ padding-top: 0;}
}
/************************* 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 끝 *************************/