/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {margin:0 auto; max-width:1280px; width: 100%;}

.tit_box.center {text-align:center;}
.tit_box .fz18 {padding: 0.6em 0 3.3em}

.plus_btn {width: 60px; height: 60px; background-color: #fff; border-radius: 100%;}
.plus_btn div {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #09183F;}
.plus_btn div:first-child {width: 20px; height: 2px;}
.plus_btn div:nth-child(2) {width: 2px; height: 20px;}

.link_btn {display: flex; justify-content: center; align-items: center; background-color: #09183F;}

.num_list {display: flex;}
.num_list li {position: relative; padding:45px 12px 34px; border-radius:10px; background-color: #f5f5f5; text-align: center;}
.num_list li:last-child {margin-right: 0 !important;}
.num_list li span {position: absolute; display: inline-flex; justify-content: center; align-items: center; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; border-radius:100%; background-color: #09183F;}
.num_list li p {line-height: 1.875;}

@media(max-width: 1320px){
	.num_list {flex-wrap: wrap;}
}
@media(max-width: 768px){
	.num_list li span {width: 30px; height: 30px; top: -15px;}
}

.pro_wrap {margin-top: 28px;}
.pro_list {margin-bottom: 32px;}
.pro_list:last-child {margin-bottom: 0;}
.pro_list h4 {position: relative; margin-bottom: 0.8em; padding-left: 0.8em;}
.pro_list h4:before {position: absolute; content:''; display: inline-block; left: 0; top: 10px; width: 5px; height: 5px; border-radius:100%; background-color: #212121;}
.pro_list ul {display: flex; flex-flow:row wrap;}
.pro_list ul li {padding: 0.9em 0.5em; width: 16.6667%; border:1px solid #ddd; border-right:none; border-top:none; display: inline-flex; justify-content:center; align-items:center; text-align: center;}
.pro_list ul li:nth-child(-n+6){border-top:1px solid #ddd;}
.pro_list ul li:last-child {border-right:1px solid #ddd !important;}
.pro_list ul li:nth-child(6n) {border-right:1px solid #ddd;}

@media(max-width:1320px){
	.inner {padding: 0 4%;}
}

@media(max-width:768px){
	.pro_list ul li {width: 33.3334%;}
	.pro_list ul li:nth-child(-n+6) {border-top:none;}
	.pro_list ul li:nth-child(-n+3) {border-top:1px solid #ddd;}
	.pro_list ul li:nth-child(3n) {border-right:1px solid #ddd;}
}
@media(max-width:500px){
	.pro_list ul li {width: 50%;}
	.pro_list ul li:nth-child(-n+3) {border-top:none;}
	.pro_list ul li:nth-child(-n+2) {border-top:1px solid #ddd;}
	.pro_list ul li:nth-child(3n) {border-right:none;}
	.pro_list ul li:nth-child(2n) {border-right:1px solid #ddd;}
}

/**** 폰트 스타일 ****/
.white {color: #fff !important;}
.gray {color: #666 !important;}
.black {color: #212121 !important;}
.navy {color: #09183f !important;}
.orange {color: #f26649 !important;}
.red {color: #ff0000 !important;}


.s_tit {padding:2.45em 0 1.55em; text-align: center;}
.s_tit2 {margin-bottom: 1.25em;}

.fw_lt {font-weight: 300;}
.fw_md {font-weight: 500;}
.fw_sd {font-weight: 600;}
.fw_bd {font-weight: 700;}

.fz70 {font-size: 70px;}
.fz52 {font-size: 52px;}
.fz48 {font-size: 48px;}
.fz36 {font-size: 36px;}
.fz30 {font-size: 30px;}
.fz28 {font-size: 28px;}
.fz24 {font-size: 24px;}
.fz20 {font-size: 20px;}
.fz18 {font-size: 18px;}
.fz16 {font-size: 16px;}
.fz15 {font-size: 15px;}
.fz13 {font-size: 13px;}

@media(max-width:1080px){
	.fz70 {font-size: 58px;}
	.fz52 {font-size: 45px;}
	.fz48 {font-size: 40px;}
	.fz36 {font-size: 27px;}
	.fz30 {font-size: 25px;}
	.fz28 {font-size: 23px;}
	.fz24 {font-size: 22px;}
	.fz20 {font-size: 19px;}
	.fz18 {font-size: 17px;}
}
@media(max-width:768px){
	.fz70 {font-size: 46px;}
	.fz52 {font-size: 36px;}
	.fz48 {font-size: 32px;}
	.fz36 {font-size: 25px;}
	.fz30 {font-size: 23px;}
	.fz28 {font-size: 21px;}
	.fz24 {font-size: 20px;}
	.fz20 {font-size: 18px;}
	.fz18 {font-size: 16px;}
	.fz16 {font-size: 15px;}
	.fz15 {font-size: 14px;}
}
@media(max-width:500px){
	.fz70 {font-size: 34px;}
	.fz52 {font-size: 30px;}
	.fz48 {font-size: 26px;}
	.fz36 {font-size: 22px;}
	.fz30 {font-size: 21px;}
	.fz28 {font-size: 19px;}
	.fz24 {font-size: 18px;}
	.fz20 {font-size: 17px;}
	.fz18 {font-size: 15px;}
	.fz16 {font-size: 13px;}
	.fz15 {font-size: 12px;}
}

.sub_title_navi			{display:block; }
.sub_tab						{display:none;}


.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_desc				{padding-bottom: 120px; min-height:500px;}

@media(max-width:768px){
	.content_desc {padding-bottom: 80px;}
}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header_t{width:100%; position: fixed; padding: 0 5.2%;display:flex; justify-content: space-between; align-items: center; height: 100px;  z-index: 10; left:0; top:0; background-color: #fff;}

.header_logo{}
.header_logo a {display: block;}
.header_logo a img {max-width:193px;}

.header_gnb .main_menu{display: flex; align-items: center; justify-content: center;}
.header_gnb .main_menu .menu{position: relative; padding:0 40px;}  
.header_gnb .main_menu .menu>a{padding:34px 0; display: block;}

.header_gnb .snb_menu{display: none; position: absolute; top:88px; background:#fff; padding:5px; width: 100%; left:0; right:0; margin: auto; border:1px solid #ddd;}
.header_gnb .snb_menu a{font-weight:500; display: block; padding:10px 0; color:#121212; font-size:14px; text-align: center;}

.header_gnb .main_menu li>a:focus, .header_gnb .main_menu li:hover>a{color:#09183F;}/*hover*/
.header_gnb .main_menu li.active>a{color:#09183F;}/*1댑스 현재 페이지 on*/
.header_gnb .snb_menu .sub_active>a{color:#09183F;}/*2댑스 현재 페이지 on*/
/*.header_gnb .snb_menu a:hover{color:#fff;} 2댑스 hover*/

.header_btn{display: flex; justify-content: space-between; align-items: center;}
.header_btn .language_btn{margin-left: 34px; position: relative; text-align:center; display: flex; align-items:center;}
.header_btn .language_btn figure {margin-right: 7px;}
.header_btn .language_btn .language_trigger > span {display: inline-block; margin-left: 6px;}
.header_btn .language_btn ul{position:absolute; top:30px; width:100%; display: none; background:#fff; padding:2px 10px; border:1px solid #ddd; z-index: 10;}
.header_btn .language_btn ul li a{display:block; padding:5px 0; text-align:center;}
.header_btn .language_btn a:hover, .header_btn .language_btn a:focus{color:#09183F !important;}

.header_btn .login_btn{display: flex; flex-direction: column; align-items: flex-end;}
.header_btn .login_btn a{display: block; font-size:14px; color:#fff; padding:3px 0;}

.header_gnb_bg {display: flex; align-items: center; justify-content: center;}
.header_gnb_bg::after {content: ''; display: block; width: 100vw; height: 0; background-color: rgba(255,255,255,1); position: absolute; left: 0; top: 100px; transition:height 0.2s; z-index: 8; border-top:1px solid #ddd;}
.header_gnb_bg .nav_ul {display: flex; justify-content:space-between;}
.header_gnb_bg .nav_ul > li {width: 200px;; position: relative; text-align: center;}
.header_gnb_bg .nav_ul > li::before {content: ''; width: 0; height: 2px; background: #09183F; display: block; position: absolute; bottom: -38px; left: 0; transition:all 0.5s; z-index: 10;}
.header_gnb_bg .nav_ul > li:hover::before {width: 100%;}
.header_gnb_bg .nav_ul > li > a {padding:41px 0;color: #111;}
.header_gnb_bg .nav_ul > li:hover > a {color: #09183F;}

.header_gnb_bg .nav_ul > li.active::before { width:100%; }
.header_gnb_bg .nav_ul > li.active > a {color: #09183F;}

.header_gnb_bg .nav_ul > li:nth-child(4) .sub li:nth-child(2), .header_gnb_bg .nav_ul > li:nth-child(4) .sub li:nth-child(3) {line-height: 1.6;}
.header_gnb_bg .nav_ul > li .sub a {text-align: center;}
.header_gnb_bg .sub {width: 0; height: 0; opacity: 0; visibility: hidden; text-align: center;}
.header_gnb_bg .sub li {margin-bottom: 5px;}
.header_gnb_bg .sub a {position: relative; top: 0; left: 0; }

.header_gnb_bg .sub a.cactive {color: #09183f;}

.header_gnb_bg:hover::after {height: 240px; transition:height 0.2s;}
.header_gnb_bg:hover .sub {width: 100%; height: auto; opacity: 1; visibility: visible; position: absolute; left: 0; top: 96px; z-index: 9; line-height: 2; transition:opacity 0.2s 0.2s;}
.header_gnb_bg:hover .sub a {color: #212121; font-weight: 400;}

@media(max-width:768px){
	.header_btn .language_btn {margin-left: 14px;}
}
@media(max-width:768px){
	.header_btn .language_btn {display: none;}
}


/* 햄벅 */
.mo_nav {margin-left: 20px; display: inline-flex; justify-content: center; align-items:center;  width: 60px; height: 60px; border-radius:100%; border:1px solid #09183F;}
.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; padding: 0; background-image:none; border:0; display: flex; flex-direction: column; align-items: flex-end;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#09183F; display:block; width:20px; height:2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:4px; width:15px; height: 2px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:4px; width:20px; height:2px; }

@media(max-width:1440px){
	.header_gnb_bg {width: 60%;}
	.header_gnb {width: 100%;}
	.header_gnb_bg .nav_ul > li {width: 25%;}
}

@media(max-width:1320px){
	.header_t{padding:0 4%;}
	.header_gnb .main_menu .menu {padding:0 2%;}
	.header_gnb .main_menu .menu>a{font-size:16px;}
}
@media(max-width:1240px){
	.header_gnb_bg {display: none;}
}
@media(max-width:1080px){
	.header_logo a img {max-width:160px;}
}
@media(max-width:768px){
	.mo_nav {margin-left: 10px; width: 45px; height: 45px;}
	.mo_nav .navbar-toggle .icon-bar {width: 16px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar {width: 11px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar {width: 16px;}
}
@media(max-width:500px){
	.header_t {height: 80px;}
	.header_logo a img {max-width:120px;}
}

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

/************************* main_inc 시작*************************/
@media(max-width:768px){
	.sec1, .sec1 .fp-tableCell {height: 720px !important;}
}

.sec2 {position: relative;}
.sec2 .bg_deco {position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; z-index: -10;}
.sec2 .bg_color {width: 50%; height: 100%; background-color: #f5f5f5;}
.sec2 .bg_img {position: relative; width: 50%; height: 100%; background-color: #f5f5f5;}
.sec2 .bg_img div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .3s ease all;}
.sec2 .bg_img div.on {opacity: 1; visibility: visible;}
.sec2 .bg_img div:first-child {background:url('./img/main02_01.jpg') no-repeat center / cover}
.sec2 .bg_img div:nth-child(2) {background:url('./img/main02_02.jpg') no-repeat center / cover}
.sec2 .bg_img div:nth-child(3) {background:url('./img/main02_03.jpg') no-repeat center / cover}
.sec2 .ct_wrap {padding-bottom: 8px;}
.sec2 ul {margin-left: -40px; width: 720px;}
.sec2 ul * {transition: .3s ease all;;}
.sec2 li {position: relative; height: 160px; border-radius:20px;}
.sec2 li a {position: relative; display: flex; flex-direction:column; justify-content: center; width: 100%; height: 100%;}
.sec2 li:hover {background-color: #09183F; box-shadow:0 4px 4px rgba(0,0,0,0.25);}
.sec2 li .li_txt {padding-left: 40px;}
.sec2 li .li_txt .fz24 {margin-bottom: 0.4em;}
.sec2 li:hover .li_txt .fz24 {color: #fff;}
.sec2 li:hover .li_txt .fz16 {color: #fff;}
.sec2 li .plus_btn {position: absolute; right: 40px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden;}
.sec2 li:hover .plus_btn {opacity: 1; visibility: visible;}

@media(max-width:1320px){
	.sec2 .bg_deco {height: 50%; top:auto; bottom: 0;}
	.sec2 .bg_color {display: none;}
	.sec2 .bg_img {width: 100%; height: 100%; top: auto; right:auto; left: 0; bottom: 0;}
	.sec2 .inner {height: 100%; display: flex; align-items: flex-start;}
	.sec2 .ct_wrap {display: flex; flex-flow: row wrap; width: 100%; padding:138px 0 0; justify-content: space-between; align-items: flex-start;}
	.sec2 .tit_box {width: 100%;}
	.sec2 ul {margin-left: 0; width: 100%; display: flex;flex-wrap: wrap; justify-content: space-between;}
	.sec2 li {width: 32%; padding: 24px 20px; min-height: 230px; background-color: #09183F; box-shadow: 0 4px 4px rgb(0 0 0 / 25%);}
	.sec2 li a {justify-content: flex-start;}
	.sec2 li .li_txt {padding-left: 0;}
	.sec2 li .li_txt .fz24 {color: #fff;}
	.sec2 li .li_txt .fz16 {color: #fff;}
	.sec2 li .plus_btn {top:auto; right: 0; bottom:0; transform:none; width: 50px; height: 50px;}
}
@media(max-width:768px){
	.sec2, .sec2 .fp-tableCell {height: 720px !important}
	.sec2 .ct_wrap {padding-top: 80px;}
	.sec2 li .plus_btn {width: 40px; height: 40px; opacity: 1; visibility: visible;}
	.plus_btn div:first-child {width: 12px;}
	.plus_btn div:nth-child(2) {height: 12px;}
}
@media(max-width:600px){
	.sec2, .sec2 .fp-tableCell {height: auto !important;}
	.sec2 {padding:15% 0;}
	.sec2 .bg_deco {height: 100%;}
	.sec2 .bg_img {height: 100%;}
	.sec2 .ct_wrap {padding-bottom: 0;}
	.sec2 .tit_box .fz52 {color: #fff;}
	.sec2 .tit_box .fz18 {color: #fff !important;}
	.sec2 li {width: 100%; min-height: auto; margin-bottom: 10px;}
	.sec2 li:last-child {margin-bottom: 0;}
	.sec2 li .plus_btn {width: 30px; height: 30px;}
}


.sec3 ul {display: flex; flex-flow: row wrap;}
.sec3 li {position: relative; width: 290px; margin-right: 40px; border-radius:20px; overflow: hidden;}
.sec3 li:last-child {margin-right: 0;}
.sec3 li a {display: block; width: 100%; height: 100%;}
.sec3 li .txt_box {position: absolute; padding: 0 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(9,24,63,0.8); text-align: center; transition: .3s ease all;}
.sec3 li:hover .txt_box {opacity: 1; visibility: visible;}
.sec3 li .txt_box .fz16 {margin:1.2em 0 2.8em; line-height: 1.75;}
.sec3 li .plus_btn {position: relative; width: 40px; height: 40px;}
.sec3 li .plus_btn div:first-child {width: 16px;}
.sec3 li .plus_btn div:nth-child(2) {height: 16px;}

@media(max-width:1320px){
	.sec3 ul li {margin-right: 2%; width: 23.5%;}
	.sec3 ul li:last-child {margin-right: 0;}
}
@media(max-width:1080px){
	.sec3 li .txt_box .fz24 {margin-bottom: 0.5em;}
	.sec3 li .txt_box .fz16 {display: none;}
	.sec3 li .plus_btn {width: 30px; height: 30px;}
	.sec3 li .plus_btn div:first-child {width: 12px;}
	.sec3 li .plus_btn div:nth-child(2) {height: 12px;}
}
@media(max-width:768px){
	.sec3 {padding: 15% 0;}
	.sec3, .sec3 .fp-tableCell {height: auto !important;}
	.sec3 li .txt_box {opacity: 1; visibility: visible; background-color: rgba(9,24,63,0.45);}
}
@media(max-width:600px){
	.sec3 ul li {width: 49%; margin-bottom: 2%;}
	.sec3 ul li:nth-child(2n) {margin: 0 0% 2% 0;}
}

.sec4 {background:url('./img/main04_01.jpg') no-repeat center right / cover;}
.sec4 .tit_box {padding-top: 98px;}
.sec4 .tit_box .fz18 {line-height: 1.78; padding: 0.9em 0 2.8em;}
.sec4 .link_btn {margin:0 auto; width: 240px; height: 60px; border-radius:15px;}

@media(max-width: 1080px){
	.sec4 .link_btn {width: 220px; height: 55px;}
}
@media(max-width:768px){
	.sec4, .sec4 .fp-tableCell {height: auto !important;}
	.sec4 {padding:18% 0;}
	.sec4 .tit_box {padding-top: 0;}
	.sec4 .link_btn {width: 200px; height: 50px;}
}
@media(max-width:500px){
	.sec4 .link_btn {width: 180px; height: 45px;}
}

.sec5, .sec5 .fp-tableCell {height: auto !important;}

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

/************************* title_navi 시작 *************************/
.navi_all{border-bottom:1px solid #ddd;}
.navi_in{width:100%; max-width:1280px; margin:0 auto; display: flex;}
.navi_in .home_btn_all {border-left: 1px solid #ddd;}
.navi_in .home_btn_all a{display: flex; width: 60px; height: 60px; align-items: center; justify-content: center;}
.navi_in .down_btn{position:relative; display: flex; align-items: center; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.navi_in .down_btn2{border-right:1px solid #ddd; border-left:0;}
.navi_in .down_btn .down_btn_title{display: flex; align-items: center; cursor: pointer; width:275px; height: 60px;}
.navi_in .down_btn .sub_down {background-color: #09183F;}
.navi_in .down_btn .down_btn_title h3{line-height:1; transition:all .2s; padding-left: 2em;}
.navi_in .down_btn:hover .down_btn_title h3{color:#09183F;}
.navi_in .down_btn .down_btn_title img{position:absolute; right:30px; top:0; bottom:0; margin:auto; transition:all .3s;}

ul.extend{position:absolute; background:#fff; width:calc(100% + 2px); top:60px; border:1px solid #ddd; z-index: 5; left:-1px; padding:10px 0; display: none;}
ul.extend li{}
ul.extend li a{display: block; font-weight: 400; margin:0 30px; padding:13px 0; transition:all .3s;}
ul.extend li a:hover{color:#09183F;}
@media(max-width:1080px){
	.navi_in .down_btn .down_btn_title {width:200px;}
}
@media(max-width:768px){
	.navi_in .down_btn .down_btn_title {height: 50px;}
	.navi_in .home_btn_all a {width: 50px; height: 50px;}
	ul.extend {top:50px;}
	ul.extend li a {font-size: 14px; margin: 0px 20px; padding: 10px 0;}

}
@media(max-width:600px){
	.navi_in .home_btn_all{display: none;}
	.navi_in .down_btn{width:50%;}
	.navi_in .down_btn .down_btn_title {width:100%;}
	.navi_in .down_btn .down_btn_title h3 {font-size: 13px;}
	.navi_in .home_btn_all a {padding:8px;}
	.navi_in .down_btn .down_btn_title img {right:15px;}
	ul.extend li a {font-size: 13px; margin: 0px 17px; padding: 8px 0;}
}


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


/************************* sub 시작 *************************/
.s11_a {padding-bottom: 87px;}
.s11_a .intro_txt {margin-top: 4.3%; display: flex; flex-flow:row wrap; justify-content:space-between;}
.s11_a .intro_txt h3 {line-height: 1.4;}
.s11_a .intro_txt h3 b {display: block;}
.s11_a .intro_txt .txt p {margin-bottom: 1.6em; line-height: 1.6667;}
.s11_a .intro_txt .txt p:last-of-type {margin-bottom: 0;}

@media(max-width:1320px){
	.s11_a .intro_txt h3 {width: 40%;}
	.s11_a .intro_txt h3 br {display: none;}
	.s11_a .intro_txt .txt {width: 54%;}
	.s11_a .intro_txt .txt p br {display: none;}
}
@media(max-width:768px){
	.s11_a {padding-bottom: 50px;}
}
@media(max-width:500px){
	.s11_a .intro_txt h3 {margin-bottom: 1.4em; width: 100%;}
	.s11_a .intro_txt .txt {width: 100%;}
}

.s11_b {padding-bottom: 98px;}
.s11_b ul {border-top:2px solid #09183F; display: flex; flex-flow:row wrap;}
.s11_b ul li {display: flex; width: 50%; border-bottom:1px solid #ddd}
.s11_b ul li.full_list {width: 100%;}
.s11_b ul li h4 {background-color: #f5f5f5; padding:0.85em 1.1em; text-align: center; width: 240px; display: flex; justify-content: center; align-items: center;}
.s11_b ul li p {width:calc(100% - 240px); padding:0.85em 1.1em;}

@media(max-width:1320px){
	.s11_b ul li h4 {width: 140px;}
	.s11_b ul li p {width:calc(100% - 140px);}
}

@media(max-width:960px){
	.s11_b ul li {width: 100%;}
}
@media(max-width:768px){
	.s11_b {padding-bottom: 50px;}
}
@media(max-width:500px){
	.s11_b ul li {width: 100%;}
	.s11_b ul li h4 {width: 100px;}
	.s11_b ul li p {width:calc(100% - 100px);}
}

.s11_c {padding-bottom: 90px;}
.s11_c .ct_wrap {display: flex; justify-content: space-between; flex-flow: row wrap;}
.s11_c .txt_box {position: relative; z-index: 10; padding:0 10px; margin: -60px auto; text-align: center; width: 87%; max-width:540px; background-color: #fff; height: 175px;}
.s11_c .txt_box h4 {padding:1.75em 0 1em;}

@media(max-width:1320px){
	.s11_c .ct {width: 49%;}
}
@media(max-width: 1080px){
	.s11_c .txt_box p br {display: none;}
}
@media(max-width: 600px){
	.s11_c .ct {width: 100%;}
	.s11_c .ct:first-child {margin-bottom: 20px;}
	.s11_c .txt_box {margin: 0 auto; padding:20px 10px; height: auto; width: 100%; border:1px solid #ddd;}
	.s11_c .txt_box h4 {padding-top: 0;}
}

.s11_d ul {display: flex; justify-content: space-between; flex-flow: row wrap;}
.s11_d ul li {display: flex; flex-direction: column; justify-content: center; align-items:center; max-width:240px; max-height:240px; width: 18vw; height: 18vw; border-radius: 100%; margin-left: -32px; background-color: rgba(197,197,197,0.3);}
.s11_d ul li:first-child {margin-left: 0;}
.s11_d ul li h4 {margin-top: 1.75em;}

@media(max-width:1320px){
	.s11_d ul li {margin-left: -4vw;}
}
@media(max-width:1080px){
	.s11_d ul li figure img {height: 42px;}
}
@media(max-width:768px){
	.s11_d ul li {margin-bottom: 4%; width: 32vw; height: 32vw;}
	.s11_d ul li:nth-child(4) {margin-left: 0;}
}
@media(max-width:500px){
	.s11_d ul {justify-content: space-around;}
	.s11_d ul li {width: 36vw; height: 36vw; }
	.s11_d ul li:nth-child(4) {margin-left: 0;}
	.s11_d ul li:nth-child(2n-1) {margin-left: 0;}
}

.s12_a .history_wrap{position: relative; padding:52px 0 85px;}
.s12_a .history_wrap:before {position: absolute; content:''; display: block; width: 1px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); background-color: #ddd;}
.s12_a .history_wrap .history {margin-bottom: 55px; display: flex; justify-content:flex-end;}
.s12_a .history_wrap .history:nth-child(2n) {flex-direction: row-reverse; text-align: right;}
.s12_a .history_wrap .history:last-child {margin-bottom: 0;}
.s12_a .history_wrap .history .ct {width: 50%;}
.s12_a .history_wrap .history li {display: flex;}
.s12_a .history_wrap .history:nth-child(2n) li {flex-direction: row-reverse;}
.s12_a .history_wrap .history h4 {position: relative; margin-bottom: 0.9em;  padding-left: 50px;}
.s12_a .history_wrap .history h4:before {position: absolute; content:''; display: block; left: -4px; top: 14px; width: 9px; height: 9px; border-radius: 100%; background-color: #09183F;}
.s12_a .history_wrap .history:nth-child(2n) h4 {padding-left: 0; padding-right: 50px;}
.s12_a .history_wrap .history:nth-child(2n) h4:before {left: auto; right:-4px;}
.s12_a .history_wrap .history li {margin-bottom: 33px;}
.s12_a .history_wrap .history li div {padding-left: 40px;}
.s12_a .history_wrap .history:nth-child(2n) li div {padding-left: 0; padding-right: 40px;}
.s12_a .history_wrap .history h5 {padding-left: 50px;}
.s12_a .history_wrap .history:nth-child(2n) h5 {padding-left: 0; padding-right: 50px;}
.s12_a .history_wrap .history p {margin-bottom: 0.7em; line-height: 1.4;}
.s12_a .history_wrap .history p:last-of-type {margin-bottom: 0;}

@media(max-width:1080px){
	.s12_a .history_wrap .history h4 {padding-left: 40px;}
	.s12_a .history_wrap .history:nth-child(2n) h4 {padding-right: 40px;}
	.s12_a .history_wrap .history h4:before {top: 11px;}
	.s12_a .history_wrap .history h5 {padding-left: 40px;}
	.s12_a .history_wrap .history:nth-child(2n) h5 {padding-right: 40px;}
	.s12_a .history_wrap .history li div {padding-left: 30px;}
	.s12_a .history_wrap .history:nth-child(2n) li div {padding-right: 30px;}
}
@media(max-width:768px){
	.s12_a .history_wrap .history h4 {padding-left: 30px;}
	.s12_a .history_wrap .history:nth-child(2n) h4 {padding-right: 30px;}
	.s12_a .history_wrap .history h4:before {left: -3px; width: 6px; height: 6px;}
	.s12_a .history_wrap .history:nth-child(2n) h4:before {right:-3px;}
	.s12_a .history_wrap .history h5 {padding-left: 30px;}
	.s12_a .history_wrap .history:nth-child(2n) h5 {padding-right: 30px;}
	.s12_a .history_wrap .history li div {padding-left: 20px;}
	.s12_a .history_wrap .history:nth-child(2n) li div {padding-right: 20px;}
}
@media(max-width:500px){
	.s12_a .history_wrap .history h4 {padding-left: 20px;}
	.s12_a .history_wrap .history:nth-child(2n) h4 {padding-right: 20px;}
	.s12_a .history_wrap .history h4:before {top: 9px;}
	.s12_a .history_wrap .history h5 {padding-left: 20px;}
	.s12_a .history_wrap .history:nth-child(2n) h5 {padding-right: 20px;}
	.s12_a .history_wrap .history li div {padding-left: 10px;}
	.s12_a .history_wrap .history:nth-child(2n) li div {padding-right: 10px;}
}

.s13_a .map_box {margin-bottom: 65px; height: 400px;}
.s13_a li {margin-bottom: 25px; display: flex; flex-flow:row wrap;}
.s13_a li:last-child {margin-bottom: 0;}
.s13_a li h4 {display: flex; padding-bottom: 1.4em; width: 140px; border-bottom:1px solid #09183F;}
.s13_a li h4 span {display: inline-block; width: 22px; margin: 0 4px 0 6px;}
.s13_a li p {width: calc(100% - 140px); padding-bottom: 1.4em; border-bottom:1px solid #ddd;}

@media(max-width:768px){
	.s13_a .map_box {margin-bottom: 30px; height: 250px;}
}
@media(max-width:600px){
	.s13_a li h4 {width: 100%; border-bottom:none;}
	.s13_a li p {width: 100%;}
}

.sXn .s_tit {padding: 2.55em 0 1.67em;}
.sXn .s_tit2 {margin-bottom: 0;}
.sXn_a p {margin-top: 0.6em; line-height: 1.6667;}
.sXn_a figure {margin-bottom: 4%;}

.s2n .img_wrap {display: flex; flex-flow:row wrap; justify-content: space-between;}

@media(max-width: 1320px){
	.s2n .img_wrap {justify-content: flex-start;}
	.s2n .img_wrap figure {margin-right: 2%; width: 23.5%;}
	.s2n .img_wrap figure:last-child {margin-right: 0;}
}
@media(max-width: 500px){
	.s2n .img_wrap figure {width: 49%; margin-bottom: 2%;}
	.s2n .img_wrap figure:nth-child(2n) {margin-right: 0;}
}

.s21_b {padding-bottom: 88px;}
.s21_b .ct_wrap {margin-top: 29px; display: flex; justify-content: center;}
.s21_b .ct {text-align: center; margin: 0 50px;}
.s21_b .ct div {position: relative;}
.s21_b .ct div p {position: absolute; top: 50%; transform:translateY(-50%); left: -130px; z-index: 10;}
.s21_b .ct:nth-child(2) div p {left: auto; right: -92px;}
.s21_b .ct div figure {margin:4.5% 0; position: relative;}
.s21_b .ct div figcaption {position: absolute; width: 100%; text-align: center; bottom: 5%; color: #ff0000;}
.s21_b .ct .link_btn {margin: 19px auto 0; width: 230px; height: 54px; border-radius:10px;}
.s21_b > p {text-align: center; margin-top: 2.4em;}
.s21_b > p img {margin-right: 8px;}

@media(max-width:1320px){
	.s21_b .ct div p {left: 50%; transform: translateX(-50%); top: 12%; color: #fff;}
	.s21_b .ct:nth-child(2) div p {right:auto; left: 50%;}
	.s21_b .ct div p img {display: none;}
}
@media(max-width:1080px){
	.s21_b .ct_wrap {justify-content: space-between;}
	.s21_b .ct .link_btn {width: 210px; height: 49px;}
}
@media(max-width: 768px){
	.s21_b {padding-bottom: 60px;}
	.s21_b .ct {margin:0; width: 48%;}
	.s21_b .ct .link_btn {width: 190px; height: 44px;}
}
@media(max-width: 500px){
	.s21_b .ct .link_btn {width: 100%;}
}

.s21_c {padding-bottom: 77px;}
.s21_c .num_list {margin-top: 60px;}
.s21_c .num_list li {margin-right: 20px; width: 305px; min-height: 150px;}

@media(max-width: 1320px){
	.s21_c .num_list li {margin-right: 2%; width: 23.5%;}
	.s21_c .num_list li:last-child {margin-right: 0;}
}
@media(max-width:768px){
	.s21_c {padding-bottom: 30px;}
	.s21_c .num_list li {margin-bottom: 8%; width: 49%;}
	.s21_c .num_list li:nth-child(2n) {margin-right: 0;}
}

.s21_d {padding-bottom: 92px;}
.s21_d .ct_wrap {margin-top: 36px; display: flex; flex-flow: row wrap; justify-content: space-between;}

@media(max-width: 1320px){
	.s21_d .ct_wrap figure {width: 48%;}
}
@media(max-width:768px){
	.s21_d {padding-bottom: 60px;}
}
@media(max-width: 500px){
	.s21_d .ct_wrap figure {margin-bottom: 4%; width: 100%;}
	.s21_d .ct_wrap figure:last-child {margin-bottom: 0;}
}

.s22_a {padding-bottom: 95px;}
.s22_a .ct_wrap {margin-top: 34px; display: flex; flex-flow:row wrap; justify-content: space-between;;}
.s22_a .ct {width: 620px;}
.s22_a .ct h4 {padding:0.9em 0; text-align: center; background-color: #09183f;}
.s22_a ul {padding: 33px 38px 33px; min-height: 152px; border:1px solid #ddd;}
.s22_a ul li {position: relative; margin-bottom: 0.3em; padding-left: 0.8em;}
.s22_a ul li:last-child {margin-bottom: 0;}
.s22_a ul li:before {position: absolute; content:''; top: 12px; left: 0; display: inline-block; width: 4px; height: 4px; background-color: #666; border-radius: 100%;}

@media(max-width:1320px){
	.s22_a .ct {width: 49%;}
}
@media(max-width: 768px){
	.s22_a {padding-bottom: 60px;}
	.s22_a ul {padding: 24px 16px;}
}
@media(max-width: 500px){
	.s22_a .ct {margin-bottom: 20px; width: 100%;}
	.s22_a .ct:last-child {margin-bottom: 0;}
	.s22_a ul {min-height: 128px;}
}

.s22_b {padding-bottom: 92px;}
.s22_b .num_list {margin:59px 0 40px;}
.s22_b .num_list li {margin-right: 20px; width: 197px; height:100px;}

@media(max-width:1320px) {
	.s22_b .num_list li {width: 15%; margin-right: 2%;}
	.s22_b .num_list li:last-child {margin-right: 0;}
}
@media(max-width: 768px){
	.s22_b  {padding-bottom: 60px;}
	.s22_b .num_list li {width: 32%; margin: 0 2% 8% 0;}
	.s22_b .num_list li:nth-child(3n) {margin-right: 0;}
	.s22_b .num_list li:nth-child(4),
	.s22_b .num_list li:nth-child(5),
	.s22_b .num_list li:nth-child(6) {margin-bottom: 0;}
}

.s23_a {padding-bottom: 5px;}


.s23_b {padding-bottom: 92px;}
.s23_b > figure {margin: 3.3% 0 4.6%; text-align: center;}

@media(max-width:768px){
	.s23_b {padding-bottom: 60px;}
}

.s31 .s_tit {padding: 2.55em 0 1.45em;}

.s31_b {padding-bottom: 92px;}
.s31_b .ct_wrap {margin:35px 0 60px; display: flex; justify-content: space-between; align-items: center;}
.s31_b .ct{padding:0 12px; display: inline-flex; justify-content: center; align-items: center; width: 584px; height: 100px; border:1px solid #ddd; text-align: center;}
.s31_b .plus {position: relative; width: 32px; height: 32px;}
.s31_b .plus div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #09183F;}
.s31_b .plus div:first-child {width: 100%; height: 2px;}
.s31_b .plus div:nth-child(2) {width: 2px; height: 100%;}
.s31_b .num_list li {margin-right: 20px; padding-top: 56px; width: 305px; min-height: 148px;}
.s31_b .num_list li p {line-height: 1.6667;}

@media(max-width: 1320px){
	.s31_b .ct {width: 44%;}
	.s31_b .num_list li {margin-right: 2%; width: 23.5%;}
	.s31_b .num_list li:last-child {margin-right: 0;}
}
@media(max-width:1080px){
	.s31_b .num_list li p br {display: none;}
}
@media(max-width:768px){
	.s31_b {padding-bottom: 20px;}
	.s31_b .plus {width: 20px; height: 20px;}
	.s31_b .num_list li {margin-bottom: 8%; padding-top: 38px; width: 49%; min-height: 126px;}
	.s31_b .num_list li:nth-child(2n) {margin-right: 0;}
}
@media(max-width:500px){
	.s31_b .ct_wrap {flex-direction: column;}
	.s31_b .ct {width: 100%; height: 70px;}
	.s31_b .plus {margin:20px 0;}
}

.s32_a {padding-bottom: 85px;}
.s32_a p {margin-top: 0.45em;}

.s32_b .num_list {margin-top: 56px;}
.s32_b .num_list li {margin-right: 20px; width: 413px; min-height: 168px;}

@media(max-width:1320px){
	.s32_b .num_list li {margin-right: 2%; width: 32%;}
	.s32_b .num_list li:last-child {margin-bottom: 0;}
}
@media(max-width:1080px){
	.s32_b .num_list li p br {display: none;}
}
@media(max-width:500px){
	.s32_b .num_list li {display: flex; justify-content: center; align-items: center; margin-bottom: 8%; width: 100%; min-height: 120px;}
	.s32_b .num_list li:last-child {margin-bottom: 0;}
}





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



/************************* footer_inc 시작 *************************/
.ft_wrap {padding:50px 0 49px; background-color: #121212;}
.ft_wrap .inner {display: flex; justify-content: space-between;}
.ft_wrap .ft_lt {width: 48%;}
.ft_wrap .ft_lt .footer_site_link {margin-bottom: 27px;}
.ft_wrap .ft_lt .footer_site_link ul {display: flex; align-items: center;}
.ft_wrap .ft_lt .footer_site_link ul li:first-of-type {margin-right: 27px;}
.ft_wrap .ft_lt .ft_info p {line-height: 2;}
.ft_wrap .ft_lt .ft_info p span {margin:0 0.5em;}
.ft_wrap .ft_rt {display: flex; justify-content: space-between; flex-direction: column; align-items:flex-end; width: 48%;}
.ft_wrap .ft_rt .footer_copyright {text-align: right;}

@media(max-width:1080px){
	.ft_wrap .inner {flex-wrap:wrap;}
	.ft_wrap .ft_lt {width: 100%; margin-bottom: 20px;}
	.ft_wrap .ft_rt {width: 100%; align-items: flex-start;}
	.ft_wrap .ft_rt .footer_logo {margin-bottom: 20px;}
	.ft_wrap .ft_rt .footer_logo img {max-width:160px;}
}

@media(max-width:500px){
	.ft_wrap .ft_rt .footer_logo img {max-width:120px;}
	.ft_wrap .ft_lt .ft_info p span {display: block; width: 0; height: 0;}
}
/************************* footer_inc 끝 *************************/






/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/