@charset "UTF-8";

@keyframes showhide {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

@keyframes moving {
	from {
		transform:translate(0,0);
	}50% {
		transform:translate(0,4%);
	}
	to {
		transform:translate(0,0);
	}
}

/* pc*/
@media only screen and (min-width:1200px) {
    html{font-size: 10px; overflow-x:hidden;}
    body {font-size:1.6rem;}
    input [type="text"],
    input.text {padding:0 0 0 0.5rem;}
    input [type="check"],
    input [type="radio"] {margin:0 03rem 0.1rem 0;padding:0;width:1.3rem;height:1.3rem;vertical-align:middle;}
    select {height:2.6rem;}
    .block {display: block;}

    .p_hid,
	.m_visual_img,
	.m_menu_bg,
	.m_menu,
	.m_sch_list,
	.m_search {display:none;}
    
    
    #skipnavi {position:relative;width:100%;z-index:2;*height:0px;}
    #skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;*margin:-5px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
    #skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:500;line-height:1.4;}
    #skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:500;line-height:1.4;color:#fff;}

    /***** layout *****/
    #wrapper {display:block;position:relative;height:100%;/* min-width:120rem;*/margin:0 auto;}
    .btn_menu {position:absolute;right: 0;top: 4rem;z-index:11;}
    .btn_menu a {display:block;position:relative;width:3.8rem; height:2.5rem;}
    .btn_menu a:before,
    .btn_menu a:after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
    .btn_menu a:before {top:0;}
    .btn_menu a:after {bottom:0;}
    .btn_menu .bar {display:block;position:absolute;left:0;top:50%;width:100%;height:0.1rem;background:#fff;text-indent:-9999em;transition: all .4s ease;}
    .fp-viewing-business .header_area.pop #header,
    .fp-viewing-community .header_area.pop #header,
    .fp-viewing-place .header_area.pop #header,
    .fp-viewing-mFooter .header_area.pop #header {top:0;}

    /*header*/
    #header {position:fixed;width:100%;z-index:1000;height:98px;background:rgba(255,255,255,0.4);transition: all .3s ease;}
    #header:hover {background:#fff}
	#header:after {position:absolute; top:98px; left:0; content:''; width:100%; height:1px; background:rgba(255,255,255,0.5);}
	#header .header_box {position:relative; width:1400px; margin:0 auto; height:95px;}
    #header .header_box .right_box {position:absolute; top:0; right:0; height:100%; width:300px; z-index: 9999}
    #header .header_box .right_box div {float:left; margin-top:20px}
    #header .header_box .right_box ul {float:right;margin-top:20px; }
    #header .header_box .right_box ul li a {display: block;padding:5px 12px; font-size:13px; font-weight: 200; color:#fff; background:#1c71e8; border-radius: 10px; margin-bottom: 5px}
    #header .header_box .right_box ul li:last-child a {background:#fdb813}
	#header .header_box:after{content:'';height:0;font-size:0;visibility:hidden;display:block;clear:both;}
	#header .logo {position:absolute;left:0;top:22px;display:inline-block;width: 264px;font-size: 0;z-index:1500;}
	#header .logo a {display: block;width: 100%;}
    #header .header_box::after {clear:both}


	/* gnb */
	#gnb_area {position:absolute;top:0px;left: 0;width: 100%;}
	#gnb {position: relative;width: 100%;height:100px;}
	.gnbmenu {display:block;width:1280px;margin:0 auto;padding-left:180px;}
	.gnbmenu li.depth1 {display:block;float:left;min-width: 120px;margin-left: 36px;}
	.gnbmenu li.depth1:last-child {min-width: 85px;}
	.gnbmenu li.depth1 > a.depth1_tit {position: relative;display:block;height:96px;text-align:center;color:#222;font-size:18px;font-weight:400;line-height:96px;}
	.gnbmenu li.depth1 > a.depth1_tit::after {position: absolute; right: 50%; bottom: 0; left: 50%; display: block; overflow: hidden; height: 3px; content:' '; -webkit-transition: all 0.3s; transition: all 0.3s;background-color: #fff;}
	.gnbmenu > li > a.depth1_tit:hover,
	.gnbmenu > li > a.depth1_tit.on {color:#111;font-weight:600;}
	.gnbmenu > li > a.depth1_tit:hover::after {right:0; left: 0; background:#0b4da3;}
	.gnbmenu li.depth1 > a.depth1_tit > span {display:inline-block;line-height:63px;}
	.gnbmenu > li > a.depth1_tit:hover span,
	.gnbmenu > li > a.depth1_tit.on span {color:#fff;}
	.gnb_inbox {position:absolute;z-index:30;top:96px;left:0;display:none; overflow:hidden;width:100%;border-top:1px solid #eeeeee;background:#0b4da3;}
	.gnbmenu .gnb_bg {height:100%;}
	.gnbmenu .gnb_bg::before {position: absolute;right: 0;left: 50%;display: block;height: 100%;content: '';background: #fff;}
	.depth2_box {position:relative;display:block;width:1407px;height:100%;margin:0 auto;background-color:#fff;}
    .menu_box {position:absolute;top:0;bottom:0;left:-40px; padding-right:50px; display:block;width:320px;}
    #depth1_0 .menu_box {background:#0b4da3 url(../images/common/bg_gnb01.webp) no-repeat 98% 98%;}
    #depth1_1 .menu_box {background:#0b4da3 url(../images/common/bg_gnb02.webp) no-repeat 100% 98%;}
    #depth1_2 .menu_box {background:#0b4da3 url(../images/common/bg_gnb03.webp) no-repeat 100% 98%;}
    #depth1_3 .menu_box {background:#0b4da3 url(../images/common/bg_gnb04.webp) no-repeat 100% 98%;}
    #depth1_4 .menu_box {background:#0b4da3 url(../images/common/bg_gnb05.webp) no-repeat 100% 98%;}
    
	.menu_box .gnb_tit {display:block;padding:35px 0 15px;color:#fff;font-size:17px;font-weight:200;line-height:1.4; text-align:right; word-spacing: -1px}
	.gnbmenu ul.depth2 {display:block;width:860px;height:260px; overflow:hidden; margin-left:290px;padding:20px 0 40px 10px;}
	.gnbmenu ul.depth2 > li {display:block;width:220px;padding-left: 35px; float:left;}
    .gnbmenu ul.depth2 > li::after {clear:both;}
	.gnbmenu ul.depth2 > li > a {position:relative;display:block;transition: padding 0.25s;color:#323232;font-size:16px;line-height:40px;}
	.gnbmenu ul.depth2 > li > a::before {position:absolute;top:20px;left:0;display:block;width:0;height:1px;content:'';transition: width 0.25s;background:#0b4da3;}
	.gnbmenu ul.depth2 > li:hover > a,
	.gnbmenu ul.depth2 > li.on > a {padding-left:20px;color:#0b4da3;background-color:#f9f9f9;}
	.gnbmenu ul.depth2 > li:hover > a::before,
	.gnbmenu ul.depth2 > li.on > a::before {width:10px;}
	.gnbmenu ul.depth2 > li > ul {z-index:10;width:100%;padding:0 0 10px;}
	.gnbmenu ul.depth2 > li > ul li {position: relative;}
	.gnbmenu ul.depth2 > li > ul li a {display:block;padding-left:10px;color:#666;font-size: 14px; line-height:28px; font-weight: 300}
    .gnbmenu ul.depth2 > li > ul li a {}
	.gnbmenu ul.depth2 > li > ul li a:hover {color:#006ecb;}
	/* .gnbmenu ul.depth2 > li > a[href$=".html"] {color:#006ecb;} */

    #depth1_1 div ul li {width:200px}




    /*footer*/
    #footer {position:absolute; bottom:0; height:150px; width:100%; background:#2f2f2f;}
	.foot_inbox {position:relative;padding-top:33px;width:1400px; margin:0 auto;}
	.foot_inbox:after {display:table;content:'';clear:both;}
	.foot_link {margin-bottom:15px;}
	.foot_link li {display:inline-block; position:relative; padding-right:20px; margin-right:15px;}
    .foot_link li::before {position: absolute; top:5px; right:0; display: block; width:1px; height:10px; background:#7e7e7e;content: '';}
	.foot_link li:last-child::before {width:0}
	.foot_link li a {position:relative; display:block; color:#b4b4b4; font-size:14px; font-weight:400; transition: all 0.2s;}
	.foot_link li a:hover{color:#fff;}
    .foot_addr {width:1000px; font-size:13px; color:#848484; font-weight: 300;}
    .foot_addr span {font-size:13px; font-weight:400; margin-top:5px}

	
	/*family_site*/
	.family_site {position:absolute;display:block;top:55px; right:0;width:180px; height:40px;vertical-align:middle; background:none; border:1px solid #cdcdcd; border-radius:20px;}
	.family_site::after {position: absolute;top: 10px;right: 20px;width: 20px;height: 20px;content: '';background:url(../images/common/family_arrow02.webp) no-repeat 50% 50%; transition:transform 0.2s;}
	.family_site:hover::after {position: absolute;top: 10px;right: 20px;content: '';width: 20px;height: 20px;content: '';background:url(../images/common/family_arrow02.webp) no-repeat 50% 50%; transform: rotate(45deg);}
	.family_site * { margin:0; padding:0; cursor:pointer;font-size:14px;}
	.family_site .my_value {position:relative;z-index:2;top:-22px;left:0;overflow:visible;width:100%;height: 40px;padding: 0 40px 0 20px;text-align:left;letter-spacing: -0.02em;color: #cdcdcd;border: 0;background: none;}
	.family_site .my_value.selected {font-weight:400;}
	.family_site div.my_value {height:38px; text-indent:8px;}
	.family_site ul {position:absolute;bottom: 33px;left:0;overflow:hidden;width:100%;border: 1px solid #545d68;border-top: 0;  z-index:2}
	.family_site ul.a_list {display:none;}
	.family_site.open ul.a_list {display:block;}
	.family_site li {position:relative;  overflow:hidden; height:38px; white-space:nowrap;}
	.family_site li a {display:block; height:38px; padding-left: 20px;color:#b3b3b7; background:#2f2f2f; line-height:41px;}
	.family_site li.hover * {color:#fff;background:#1c71e8; }

	.scroll_top {position:absolute; bottom:35px; right:-100px;display:block; width:40px; height:40px; line-height:40px; text-align:center; border:1px solid #dad8d8; border-radius:5px; box-shadow:-2px 1px 10px 0px rgba(0,0,0,0.15);}

    
    
    
    

    /*nav*/
    .anchor_wrap {position: fixed;left: 3rem;bottom:0;width: 1rem;height: 100%;z-index: 51;}
    .anchor_wrap.pop {height:calc(100% - 10rem);}
    #anchor_menu::before {position:absolute; top:18px; left:4.5px; content:''; height:78%; width:1px; z-index:-1; background:#000;}
    
    .anchor_wrap.white::after {background: #e8ebed;}
    #anchor_menu {position: absolute;top: 50%;transform: translateY(-50%);}
    #anchor_menu li {position: relative;padding: 1.5rem 0;text-align: center;}
    #anchor_menu li a {display: block;position: relative;padding: 0.5rem;width: 0.9rem;height: 0.9rem;}
    #anchor_menu li a:before {content: '';position: absolute;width:7px;height:7px;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;border-radius: 50%;}
    #anchor_menu li span {position:absolute;top: 50%;left: 2rem;width: 9rem;text-align:left;color:#000;font-size: 1.23rem;transform: translateY(-50%);margin-right: 1rem; font-weight: }
    #anchor_menu li.active span {color: #0b4da3; font-weight: 600;}
    #anchor_menu li.active a:before {border:2px solid #0b4da3; background:#fff; width:1.2rem; height:1.2rem;}

	
    /***** main *****/
    .inner {position: relative;width: 1400px;margin: 0 auto;}
    .inner::after {display: table;clear: both;content:'';}
    .main_tit {font-size: 42px;font-weight: 300;line-height: 1.2;}
    .main_tit > strong {font-weight: 700;}
    .main_txt {margin-top: 10px;position: relative;font-size: 16px;color: #a3a3a3;font-weight: 400;}


	/*top_banner slider*/
    .popup_slider_area {position: fixed;left:0;top:0;width: 100%; height: 10rem;background: #364048;}
    .popup_slide_box {position: relative;width: 120rem;height: 100%;margin: 0 auto;}
    .popup_slide_box span {display:block;margin:0 0.7rem 1rem;overflow: hidden;}
    .popup_slider li{text-align:center;color: #fff;font-size: 2rem;}
    .popup_slide_box .bx-wrapper {position: relative;height:100%;*zoom: 1;}
    .popup_slide_box .bxslider {margin: 0;padding: 0;}
    .popup_slide_box .bx-viewport {height:100% !important;-webkit-transform: translatez(0);}
    .popup_slide_box img {width: 100%;display:block;line-height: 1;font-size:1%;}
    .popup_slide_box .bx-wrapper .bx-controls {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
    .popup_slide_box .bx-wrapper .bx-controls-direction {display: inline-block;position: relative;height: 4.5rem;width: 100%;}
    .popup_slide_box .bx-wrapper .bx-controls-direction a {position:absolute;width: 4.6rem;height: 4.5rem;text-indent: -9999em;font-size: 0;}
    .popup_slide_box .bx-wrapper .bx-prev {left:0;background:url(../images/main/slider_prev.webp) no-repeat 50% 50%;}
    .popup_slide_box .bx-wrapper .bx-next {right:0;background:url(../images/main/slider_next.webp) no-repeat 50% 50%;}
    .pop_close_area {position: absolute;left: 70%;bottom: 0;color: #fff;font-size: 1.4rem;}
    .btn_popclose {margin-left: 2rem;cursor: pointer;}
    .fp-viewing-business .popup_slider_area,
    .fp-viewing-community .popup_slider_area,
    .fp-viewing-place .popup_slider_area,
    .fp-viewing-mFooter .popup_slider_area {display:none !important;}

    /*section0*/
    .main_visual {width: 100%;height: 100%;}
    .btn_scroll {position: absolute;left:50%;bottom:5%;width:7rem;height:7rem;color:#fff;text-align: center;font-size: 1.4rem;z-index: 1000;cursor:pointer;}
    /* .btn_scroll span {display:block;position: relative;cursor:pointer;} */
    .btn_scroll:hover {background:rgba(255,255,255,0.2);border:0.1rem solid #fff;}
    .btn_scroll .line {position:absolute;background-color:#fff;transition:ease-in-out 0.1s;-webkit-transition:ease-in-out 0.1s;}
    .btn_scroll .line_t {top:0;left:0;height:0.1rem;}
    .btn_scroll .line_r {top:0;right:0;width:0.1rem;}
    .btn_scroll .line_b {bottom:0;right:0;height:0.1rem;}
    .btn_scroll .line_l {bottom:0;left:0;width:0.1rem;}
    .btn_scroll .txt {display: block;padding:2.3rem 0;}
    .btn_scroll .arrow {display: inline-block;width:1.8rem;height: 2rem;background: url(../images/main/btn_scroll.webp) no-repeat;}
  	#moveTo1.btn_scroll .line {background-color:#555cb7;}
  	#moveTo1.btn_scroll .arrow {background: url(../images/main/btn_scroll01.webp) no-repeat;}
  	#moveTo1.btn_scroll:hover {border:0.1rem solid #555cb7;}
    
    
    .box_banner {position:absolute; bottom:15%; right:10%;}
    .box_banner li {float:left; position:relative; width:230px; height:215px; margin-left:30px; background:rgba(9,25,85,0.7); border-radius:10px 0 10px 0}
    .box_banner li:last-child {background:rgba(234,176,0,0.7); border-radius:0 10px 0 10px}
    .box_banner li a {display:block; width:230px; height:215px; cursor: default}
    .box_banner li a span {display:block; font-size:16px; text-align: center; color:#fff; font-weight: 300; padding-top:40px}
    .box_banner li a span i {font-weight: 600; font-size:20px; font-style: normal; display: block; text-align: center;}
    .box_banner li a span.tit {font-size:22px; font-weight:500; color:#fff; display: block; padding-top:40px;}
    .box_banner li a span.tit::before {position: absolute;top:43%; left: 50%; display: inline-block; width: 30px; height: 2px;margin-left: -15px;content: ''; background: #fff;}

    /*visual*/
    .main_visual .bx-wrapper {position: relative;padding: 0;*zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;width: 100%;height: 100%;}
    .main_visual .bxslider {margin: 0;padding: 0;}
    .main_visual .bx-viewport {width: 100%;height: 100%;-webkit-transform: translatez(0);}
    .main_visual .slider_img {width: 100vw;height: 100vh;transform:scale(1.3) rotate(.001deg);-webkit-transform:scale(1.3) rotate(.001deg);-moz-transform: scale(1.3) rotate(.001deg);transition:transform 4s ease-out; -webkit-transition: -webkit-transform 4s ease-out;-moz-transition: -moz-transform 4s ease-out; }
    .main_visual .slider_img.bg01 {background:url(../images/main/bg_01.webp) no-repeat 50% 50%;background-size: cover;}
    .main_visual .slider_img.bg02 {background:url(../images/main/bg_02.webp) no-repeat 50% 50%;background-size: cover;}
    .main_visual .slider_img.bg03 {background:url(../images/main/bg_03.webp) no-repeat 50% 50%;background-size: cover;}
    .main_visual .slider_img.bg04 {background:url(../images/main/bg_04.webp) no-repeat 50% 50%;background-size: cover;}
    .main_visual .slider_img.bg05 {background:url(../images/main/bg_04.webp) no-repeat 50% 50%;background-size: cover;}
    .main_visual .slider_img > img {display: none;width: 100%;line-height: 1;font-size:1%;}
    .fp-viewing-business .main_visual .zoom .slider_img{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform: scale(1.5);}
	.fp-viewing-business .main_visual .zoom .img_sea {transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform: scale(1.5);}
	.main_visual .bx-wrapper .bx-controls {position: absolute;left:50%;bottom:30%;width:140rem;margin-left:-62rem;z-index:55;}
    .main_visual .bx-wrapper .bx-controls-auto {display: inline-block;position:relative;vertical-align: middle;margin-right: 0.5rem;}
    .main_visual .bx-wrapper .bx-pager {display:inline-block;position:relative;vertical-align: middle;line-height: 1;z-index: 51;}
    .main_visual .bx-wrapper .bx-pager-item {position: relative;display: inline-block;line-height: 1;margin: 0 0.5rem;text-align: center;vertical-align: middle;}
    .main_visual .bx-wrapper .bx-pager-link {display: block; width: 0.8rem;height: 0.8rem;line-height: 1;font-size: 0;background:#21b8ce;border-radius:50%;}
    .main_visual .bx-wrapper .bx-pager-link.active {width: 1.4rem;height: 1.4rem;background:#dbdde4;}
    .main_visual .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 1rem;height: 1.4rem;outline: 0;background: url(../images/main/slider_play.webp) no-repeat 50% 50%;}
    .main_visual .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 0.8rem;height: 1.4rem;outline: 0;background: url(../images/main/slider_stop.webp) no-repeat 50% 50%;}

    .main_visual .slider_txt {position: absolute;left:50%;top:55%;width:140rem;margin-left:-69rem;-ms-transform: translate(0,-74%); -moz-transform:translate(0,-74%); -webkit-transform: translate(0,-74%); transform: translate(0,-74%);color: #fff; text-shadow: 0 0 2px #000; z-index:1000;}
    .main_visual .slider_txt h2 {font-size:62px; color:#fff; font-weight:300; margin-bottom:10px; letter-spacing: -1px; line-height: 1.1em}
    .main_visual .slider_txt h2 > span {color:#eecd06; font-size:1.05em; font-weight: 600}
    .main_visual .slider_txt p {font-size: 25px;font-weight: 300;letter-spacing:-0.05em;color:rgba(255,255,255,1);transition-delay:0.2s;}
    .main_visual .slider_txt p .point {color:#eecd06; font-weight: 500}
    .main_visual .slider_txt a {margin-top: 5rem;display: inline-block;width: 12rem;height: 4.2rem;line-height: 3.9rem;text-align: center;color: rgba(255,255,255,1);border: 0.1rem solid #fff;font-size:1.4rem;font-weight:100;}
    .main_visual .slider_txt a:hover {background:rgba(255,255,255,0.2); transition:0.3s all ease}

	.main_visual .active-slide .slider_img {transform:scale(1) rotate(.001deg);}
	.main_visual .active-slide .img_sea {transform:scale(1) rotate(.001deg);}


    
    /*section1*/
    #section1 {position: relative;}
    .section1 .main_tit {padding-top:80px}
    .cont_menu {position: relative;width:400px;margin-top: 60px;z-index: 2;}
    .cont_menu > div {margin-bottom:10px;cursor: pointer;}
    .cont_menu .num {margin-right: 10px;width: 47px;height: 47px;line-height: 47px;text-align: center;border-radius: 50%;border: 1px solid #dddddd;font-weight: 600;font-size: 18px;vertical-align: middle; margin-bottom:3px}
    .cont_menu .tit {width: 320px;line-height: 50px;font-size: 20px;vertical-align: middle;font-weight:400;}
    .cont_menu .active .num {background: #0d1c56;border-color: #0d1c56;font-weight: 700;color: #fff;}
    .cont_menu .active .tit {border-bottom: 1px solid #000000;background: url(../images/main/i_arrow_b.webp) no-repeat 98% 50%;}
    .page_control {margin-left:890px; width:160px}
    .page_control > div {display: block;float: left; width:40px;height:50px;}
    .page_control .swiper-pagination-fraction {margin-left:915px; width:80px; padding-top:20px; font-family: 'Montserrat';color:#bbb; letter-spacing: 1px}
    .swiper-pagination-current {font-size:22px; font-weight:600; color:#0b4da3;}
    .swiper-pagination-total {font-size:15px; color:#bbb}
    .cont_menu .menu-button-prev {background: url(../images/main/arrow_prev.webp) no-repeat center;}
    .cont_menu .menu-button-next {margin-left:50px;background: url(../images/main/arrow_next.webp) no-repeat center;}
    .cont_slider {position: absolute;left: 40%;right: 0;top: 30%;height:600px;}
    .cont_slider .swiper-slide {width: 796px;height:550px;}
    .cont_slider .swiper-slide-active .cont_box {opacity: 1;}
    .cont_slider .img_box {margin-left: 140px;width: 656px;}
    .cont_slider .img_box img {width:100%;}
    .cont_box {position: absolute;left:0;bottom:0;width: 335px;height: 335px;background:linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%);padding: 55px 37px 45px;color: #fff;border-top-left-radius: 8px;border-bottom-right-radius: 8px;z-index:100;opacity: 0;transition: opacity 0.8s ease;}
    .cont_box > strong {position: relative;display: block;padding-bottom: 35px;margin-bottom: 25px;font-weight: 700;font-size: 28px;line-height: 1.1;}
    .cont_box > strong::after {content: '';position: absolute;left: 0;bottom: 0;display: block;width: 68px;height: 1px;background: #a7b1c6;}
    .cont_box > strong span {font-weight: 300;}
    .cont_box > span {font-weight: 200; font-size:15px; line-height:25px}
    .cont_box .more {position: relative;margin-top: 25px;display: block;border: 1px solid #feda01;width:120px;height:38px;text-align: center;line-height: 34px;z-index: 0; font-size:13px; color:#feda01; font-family: 'Montserrat'}
    .cont_box .more::before {content:'';display:block;position:absolute;left:0;top:0;height:100%;right:100%;background:#feda01;transition: right 0.25s ease;z-index: -1;}
    .cont_box .more:hover {border-color:#feda01; color:#000}
    .cont_box .more:hover::before {right: 0;}


        
    /*section2*/
    #section2 {background:#f3f8ff;}
    .solution_tab {text-align: center; width:30%; margin:8% auto 3% auto; height:50px;}
    .solution_tab li {float:left; width:50%; }
    .solution_tab li a {display: inline-block; font-size:28px; color:#121212; font-weight: 300; line-height: 50px;}
    .solution_tab li:first-child a, .solution_tab li a:hover {border-bottom:3px solid #0b4da3}
    .solution_tab li a span {font-weight: 600; color:#0b4da3}
    
    .main_business {position: relative;width:1400px; margin: 0 auto;}
    .main_tabarea {position: relative;padding-left:2rem;}
    .main_tab {position:relative; width:1120px; margin:0 auto;}
    .main_tab::after {content: "";display: table;clear: both;}
    .main_tab li {float: left;width:160px; text-align: center;}
    .main_tab li a {font-size:15px; color:#1b1b1b}
    .main_tab li a span {display:block; text-align: center; width:80px; height:80px; background:#fff; border :1px solid #eecd06; border-radius: 50%; margin-left:40px; margin-bottom: 10px;}
    .main_tab li:first-child a span {background:url('../images/main/icon_01.webp') no-repeat center #fff; }
    .main_tab li:nth-child(2) a span {background:url('../images/main/icon_02.webp') no-repeat center #fff; }
    .main_tab li:nth-child(3) a span {background:url('../images/main/icon_03.webp') no-repeat center #fff; }
    .main_tab li:nth-child(4) a span {background:url('../images/main/icon_04.webp') no-repeat center #fff; }
    .main_tab li:nth-child(5) a span {background:url('../images/main/icon_05.webp') no-repeat center #fff; }
    .main_tab li:nth-child(6) a span {background:url('../images/main/icon_06.webp') no-repeat center #fff; }
    .main_tab li:nth-child(7) a span {background:url('../images/main/icon_07.webp') no-repeat center #fff; }
    .main_tab li:first-child a:hover span, .main_tab li:first-child.current a span {background:url('../images/main/icon_01_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li:nth-child(2) a:hover span, .main_tab li:nth-child(2).current a span {background:url('../images/main/icon_02_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li:nth-child(3) a:hover span, .main_tab li:nth-child(3).current a span {background:url('../images/main/icon_03_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li:nth-child(4) a:hover span, .main_tab li:nth-child(4).current a span {background:url('../images/main/icon_04_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li:nth-child(5) a:hover span, .main_tab li:nth-child(5).current a span {background:url('../images/main/icon_05_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li:nth-child(6) a:hover span, .main_tab li:nth-child(6).current a span {background:url('../images/main/icon_06_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li:nth-child(7) a:hover span, .main_tab li:nth-child(7).current a span {background:url('../images/main/icon_07_on.webp') no-repeat center,linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); border:0}
    .main_tab li.current a, .main_tab li a:hover {font-weight: 500; color:#0b4da3}

    .main_tabcont {position: relative; padding:9rem 0 5rem 25.5rem;height:56rem;}
    .main_tabcont .tab_cont {background:#fff; width:700px; height:400px; padding:60px 60px 60px 220px;position:absolute; right:0; bottom:8%; z-index:0;
    box-shadow:5px 5px 10px #e2e6ed; border-radius: 0 0 10px 0}
    .tab_tit {position: relative; padding-bottom:5%; margin-bottom:5%;line-height: 1.1;font-size: 32px;font-weight: 600;color: #0b4da3;letter-spacing:-0.15rem;}
    .tab_tit::after {content: '';position: absolute;left: 0;bottom: 0;display: block;width: 68px;height: 1px;background: #0b4da3;}
    .tab_tit > span {display: block;width: 9.5rem;margin-bottom: 2rem;padding: 0.8rem 0;text-align: center;font-size: 1.8rem;color: #1d7d8b;border: 0.1rem solid #d1d1d1;font-weight:500;letter-spacing:-0.05rem;}
    .tab_info li {font-size:15px;line-height:25px;letter-spacing:-0.05rem; color:#555;}
    .tab_btns {position:absolute; bottom:60px; left:220px;}
    .tab_btns li {float:left; margin-right:10px; background:#535353}
    .tab_btns li:first-child {background:linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); }
    .tab_btns li a {display: block; width:160px; height:60px; text-align:left; text-indent: 30px; color:#fff; font-weight: 300; line-height:60px; background:url('../images/main/i_arrow_w.webp') no-repeat 80% center; transition: background 0.25s ease;}
    .tab_btns li a:hover {background-position:90% center; animation-play-state:running; animation:0.6s infinite;}
    
    /*tab slider*/
    .tab_slider_area {position: absolute; top:10%; left:0; width:840px; height:400px; z-index: 1; box-shadow:5px 5px 10px #e2e6ed; border-radius: 10px 0 10px 0}
    .tab_slide_box {position: relative; }
    .tab_slide_box span {display:block;margin:0 1.7rem 3rem;overflow: hidden;
    -webkit-box-shadow:0.5rem 1rem 1rem rgba(0,0,0,0.3);
    -moz-box-shadow: 0.5rem 1rem 1rem rgba(0,0,0,0.3);
    box-shadow: 0.5rem 1rem 1rem rgba(0,0,0,0.3);}
    .tab_slide_box .bx-wrapper {position: relative;padding: 0;*zoom: 1;padding-right: 3.3rem;}
    .tab_slide_box .bxslider {margin: 0;padding: 0;}
    .tab_slide_box .bx-viewport {-webkit-transform: translatez(0);}
    .tab_slide_box img {width: 100%;display:block;line-height: 1;font-size:1%; border-radius: 10px 0 10px 0}
    .tab_slide_box .bx-wrapper .bx-controls {position: absolute;left:0;bottom:-2rem;width: 100%;z-index: 15;text-align: right;}
    .tab_slide_box .bx-wrapper .bx-controls-direction {display: inline-block;position: relative;height: 4.5rem;}
    .tab_slide_box .bx-wrapper .bx-controls-direction a {display:block;float: left;width: 4.6rem;height: 4.5rem;text-indent: -9999em;font-size: 0;}
    
    
    
    
    /*section3*/
    #section3 {position: relative;}
    .community {width:1400px; margin:0 auto;}
    .community .top_icons {position: relative; width:100%; height:200px; margin-top:-70px; margin-bottom:35px; background:#f8f8f8;}
    .community .top_icons ul {width:100%;}
    .community .top_icons ul::after {clear:both;}
    .community .top_icons ul li {float:left; width:25%; height:140px; margin-top:30px; padding-left:160px; border-right:1px solid #d6d6d6;}
    .community .top_icons ul li:first-child {background: url('../images/main/sec04_01.webp') no-repeat 40px center;}
    .community .top_icons ul li:nth-child(2) {background: url('../images/main/sec04_02.webp') no-repeat 40px center;}
    .community .top_icons ul li:nth-child(3) {background: url('../images/main/sec04_03.webp') no-repeat 40px center;}
    .community .top_icons ul li:last-child {background: url('../images/main/sec04_04.webp') no-repeat 30px center;}
    .community .top_icons ul li:last-child {border:0}
    .community .top_icons ul li a {display: block; padding-right:40px;margin-top:30px; font-size:20px; color:#383838; font-weight: 600}
    .community .top_icons ul li a span {font-size:16px; color:#a4a4a4; margin-top:5px; line-height:20px; font-weight:300; letter-spacing: -1px; word-break: keep-all}
    
    .boards {clear:both; position: relative}
    .boards .notice {float:left; width:380px; margin-right:50px;}
    .boards .notice h4 {width:100%; position: relative}
    .boards .notice h4 a {display: block; font-size: 22px; border-bottom:1px solid #166ce2; padding-bottom:10px; margin-bottom:20px; }
    .boards .notice h4 a span {width:17px; height:17px; position: absolute; top:5px; right:0; background: url('../images/main/btn_more.webp') no-repeat center; text-indent: -9999px;}
    .boards .notice h4 a span:hover {transform: rotate( 90deg ); transition:0.3s all ease}
    .boards .notice .recents li {position: relative;}
    .boards .notice .recents li a {display: block}
    .boards .notice .recents li a:hover {color:#166ce2}
    .boards .notice .recents li:first-child a {font-size:20px; font-weight: 500; margin-bottom: 10px; }
    .boards .notice .recents li:last-child a {font-size:15px; font-weight:300; color:#777; height:44px; line-height:22px; overflow: hidden; text-overflow: ellipsis;}
    .boards .notice .lists {position: relative; padding-top:15px;border-top:1px dashed #d5d5d5; margin-top:20px;}
    .boards .notice .lists li::before {position: absolute; top:18px; left:0; display: block; width:4px; height: 4px; background:#0b4da3;content: '';}
    .boards .notice .lists li {position: relative;}
    .boards .notice .lists li a {display: block; width:100%; height:37px; line-height: 37px; font-size:16px; color:#444444; padding-left:12px;}
    .boards .notice .lists li a:hover {color:#166ce2}
    
    .cs {float:right; background: url('../images/main/sec04_cs.webp') no-repeat center; width:520px; height:400px; text-align: center; cursor:default}
    .cs h5 {font-size:24px; color:#fff; font-weight: 500; margin:60px 0 10px 0}
    .cs h3 {font-family: 'Montserrat'; font-size:55px; font-weight: 600; color:#fff;}
    .cs p {font-size:15px; color:#8eafda; font-weight: 300; width:90%; margin:0 auto; padding-top:10px;}
    .cs .service {font-size:22px; color: #fff; font-weight: 200; padding-top:25px; margin-top:25px; border-top:1px solid #87acde;}
    
    
    
    
    
    
    
    
}
/* pc 작은사이즈 */
@media only screen and (min-width:1200px) and (max-width:1399px) {
    #header .header_box {width:120rem;}
    .gnb_thum  {width:120rem;margin-left:-60rem;}
    #footer {width: 100%;}

	/*main*/
    .main_visual .bx-wrapper .bx-controls {width:120rem;margin-left:-42rem;}
    .main_visual .slider_txt {width:120rem;margin-left:-52rem;-ms-transform: translate(0,-60%); -moz-transform:translate(0,-60%); -webkit-transform: translate(0,-60%);}
    .main_business {width: 120rem;}
    #effect2 {width: 35%;}
    .main_business .business_cont {padding-left: 40%;}
    .main_community {width: 120rem;}
    .main_place {width: 120rem;}

	/*sub*/
	#content {width: 120rem;padding: 7rem 3rem 10rem;}
	#content.content_people {padding: 7rem 3rem 0;}
	#content.content_people::after {right:-60%;}
	.hello {width:55%;}
	.hello_img {width:40%;}
	.hello_img img {width:100%;}
	.history_right {background-size: 90% auto;}
	.people_cont01{background-size:50% auto;}
	.people_img img {width:100%;}
	.people_box.type02 p {min-width:20rem;}
	.people_list a {width:21rem;}
	.people_board .bg_img img {width:100%;}
	.map_box img {width:100%;}

}