/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
﻿@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
.nanumsquare {font-family: 'NanumSquare', sans-serif !important;}
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
.sec .a_h1{font-family: 'GmarketSansBold', sans-serif;}
.sec .a_h2{font-family: 'GmarketSansMedium', sans-serif;}
.sec .a_h3{font-family: 'GmarketSansLight', sans-serif;}
.sec .mon_h1{font-family: 'Montserrat', sans-serif;}
.sec .nt_h1{font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;}
.sec .nt_h2{font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;}
.sec .nt_h3{font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;}

/*초기화*/
html, body{height:100%;width:100%;margin:0;padding:0;font-family: "Noto Sans KR",sans-serif;letter-spacing:-1px}
h1,p,ul,ol{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}
.img-responsive{max-width:100%;display:block;height:auto}
.padding-0{padding:0 !important}
.padding-20{padding:20px 0}
.padding-40{padding:40px !important}
.margin-0{margin:0 !important}
.margin-right-0{margin-right:0 !important}
.m-auto{margin:auto}
.w-100{width:100% !important}

#ctt{width: 1400px; margin: 100px auto;}

.pb-15{padding:0 0 15px 0}
.pb-20{padding:0 0 20px 0}
.pb-25{padding:0 0 25px 0}
.pb-30{padding:0 0 30px 0}
.pb-35{padding:0 0 35px 0}
.pb-40{padding:0 0 40px 0}
.pb-45{padding:0 0 45px 0}


.pt-15{padding:15px 0 0 0}
.pt-20{padding:20px 0 0 0}
.pt-25{padding:25px 0 0 0}
.pt-30{padding:30px 0 0 0}
.pt-35{padding:35px 0 0 0}
.pt-40{padding:40px 0 0 0}
.pt-45{padding:45px 0 0 0}

.mb-10{margin:0 0 10px 0}
.mb-20{margin:0 0 20px 0}
.mt-10{margin:10px 0 0 0}
.mb-45{margin:0 0 45px 0}

.clearfix::after {content: '';clear: both;display: block;}
.max1920{max-width:1920px;width:100%;margin:auto;}

.ft12{font-size: 12px;}
.ft14{font-size: 14px;}
.ft15{font-size: 15px;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}
.ft22{font-size: 22px;}
.ft24{font-size: 24px;}
.ft25{font-size: 25px;}
.ft26{font-size: 26px;}
.ft28{font-size: 28px;}
.ft30{font-size: 30px;}
.ft35{font-size: 35px;}
.ft40{font-size: 40px;}
.ft45{font-size: 45px;}
.ft50{font-size: 50px;}
.ft55{font-size: 55px;}
.ft65{font-size: 65px;}
.ft85{font-size: 85px;}
.ft150{font-size: 150px;}
.ft200{font-size: 200px;}

.container01{max-width:1400px;margin:5% auto !important;width:90%;}
/*start*/

.st_loading{text-align: center;  padding: 212px 0;  color: #0000005c;  background-color: #8080800f;}

/* //// header //// */
/*News Banner*/
/* .newszone{width:100%;height:50px;padding-top:10px;background-color:#317cff}
.newszone > div > div{font-size:16px} */
.main_top{display:block;}
#newszone{padding:3px 0;height:50px;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;width:100%;height:50px;background-color:#317cff;overflow:hidden;}
#newszone > div > div{font-size:16px}
#newszone .text-white{width:48%;}
#newszone .text-white:first-child{margin-right:4%;}
#newszone .text-white b{width:25%;}

#newszone .newszone_swiper{height:44px;width:75%;}
#newszone .newszone_swiper a{display:block;color:#fff;}
#newszone .newszone_swiper .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: left;justify-content: left;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;padding-right:5%;}
#newszone .newszone_swiper .swiper-slide .tit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;}
#newszone .btnwrap{width:5%;position:absolute;top:0;bottom:0;right:0;margin:auto;max-height:24px;}

#newszone .btnwrap .swiper-button-next{width:8px;height:4px;background:url(/images/arrow_up.png)no-repeat center center /cover;top:0;bottom:auto;right:0;margin:auto;}
#newszone .btnwrap .swiper-button-prev{width:8px;height:4px;background:url(/images/arrow_down.png)no-repeat center center /cover;top:auto;bottom:0;left:auto;right:0;margin:auto;}

#newszone .btnwrap .swiper-button-next:after{content:'';}
#newszone .btnwrap .swiper-button-prev:after{content:'';}

/* pc */
.headerwrap{position:relative;top:0;left:0;right:0;width:100%;background:rgba(255,255,255,0.7);z-index:9900;-webkit-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.headerwrap.tran{position:fixed;background:rgba(255,255,255,0.9);}
.headerwrap.tran #newszone{height:0;padding:0;}

.headerwrap .tbwrap{display:table;height:70px;}

.headerwrap .linkwrap{width:100%;text-align:right;padding-top:14px;}
.headerwrap .linkwrap .listwrap{display:inline-block;vertical-align:middle;text-align:right;}
.headerwrap .linkwrap .listwrap .list{margin:0 5px;display:inline-block;vertical-align:middle;}
.headerwrap .linkwrap .listwrap .list a{display:inline-block;}
.headerwrap .linkwrap .listwrap .list a:hover{}

.headerwrap .logowrap{width:20%;float:left;}
.headerwrap .menuwrap{width:80%;float:left;}
.headerwrap .logowrap .imgdiv{display:table-cell;vertical-align:middle;}
.headerwrap .logowrap .imgdiv a{display:inline-block;}
.headerwrap .logowrap .imgdiv a img{margin:auto auto auto 0;}

.headerwrap .menuwrap .navwrap{width:100%;}
.headerwrap .menuwrap .navwrap#pc_menu .listwrap{display:table-cell;vertical-align:middle;}
.headerwrap .menuwrap .navwrap#pc_menu .menu_new{float:left;display:table;height:70px;width:16.666666%;/*width:auto;padding:0 0 0 20px;*/position:relative;top:0;left:0}
/* .headerwrap .menuwrap .navwrap#pc_menu .menu_new03 h5.ft20{font-size:17px;} */
.headerwrap .menuwrap .navwrap#pc_menu .depth01 {text-align: center;display:table-cell;vertical-align:middle;position:relative}

.headerwrap .menuwrap .navwrap#pc_menu .depth02{background:rgba(49,124,255,0.9);width:150% !important;height:auto !important;position: absolute;top: 100%;left:-25%;/*padding:0 0 20px 0;*/-webkit-transition: none;transition: none;
text-decoration: none;display: none;text-align:center;z-index: 9999;}
.headerwrap.tran .menuwrap .navwrap#pc_menu .depth02{background:rgba(49,124,255,0.9);}
.headerwrap .menuwrap .navwrap#pc_menu .depth02 > li{/*width:80%;*/margin:auto;}
.headerwrap .menuwrap .navwrap#pc_menu .depth02 > li > a{padding:15px 0;display:block;position:relative;font-size:14px;word-break:keep-all;color:#fff;}
.headerwrap .menuwrap .navwrap#pc_menu .depth02 > li > a:hover{background:#fff;color:#317cff;}
/* .headerwrap .menuwrap .navwrap#pc_menu .depth02 > li > a:hover h3{font-weight:bold;} */
.headerwrap .menuwrap .navwrap#pc_menu .depth02 > li{position:relative;top:0;left:0}
/* .headerwrap .menuwrap .navwrap#pc_menu .menu07 .depth01:hover h2{color:#34583b;font-weight:bold;} */
.headerwrap .menuwrap .navwrap#pc_menu .depth02 .non_c{background:#fff;color:#317cff;padding:15px 0;font-size:14px;word-break:keep-all;}
.headerwrap .menuwrap .navwrap#pc_menu .depth02 .non_c h3{font-weight:bold;}

/* mobile */
.mo_wrap{background:#fff;width:100%;box-shadow:0 0 3px rgba(0,0,0,0.2);}
.mo_wrap .menu_m{width:90%;margin:auto;}
.mo_wrap .menu_m .tcwrap{display:table-cell;vertical-align:middle;}
.mo_wrap .menu_m .tel_link{float:left;width:10%;display:table;height:70px;text-align:left;}
.mo_wrap .menu_m .tel_link a{display:inline-block;}
.mo_wrap .menu_m .tel_link a i{color:#317cff;}
.mo_wrap .menu_m .logo_m{float:left;width:60%;margin:0 10%;display:table;height:70px;}
.mo_wrap .menu_m .logo_m .logowrap{display:table-cell;vertical-align:middle;}
.mo_wrap .menu_m .logo_m a img{max-height:40px;margin:auto;}
.mo_wrap .menu_m .line_icon{float:left;width:10%;display:table;height:70px;text-align:right;}
.mo_wrap .menu_m .line_icon i{display:inline-block;color:#317cff;cursor:pointer;}

.m_menu{position:fixed;top:0;left:-80%;bottom:0;width:80%;height:100%;background:#fff;z-index:10000;letter-spacing:0px;transition:all 0.4s ease;overflow-x:hidden;}
.m_menu_top:after{display:block;content:"";clear:both;}
.m_menu .m_menu_top{padding:20px;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#fff;position:relative;}
.m_menu .m_menu_top .logom{width: 130px; margin: 0;}
.m_menu .m_menu_top .closebtn{position:absolute;top:0;right:0;padding:5px 20px;font-size:30px;bottom:0;height:54px;margin:auto;color:#317cff;}
.all_bg {position: fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;z-index:9999;}
#lnb {width: 100%;text-align: left;}
#lnb::-webkit-scrollbar {width: 6px;height: 6px;}
#lnb::-webkit-scrollbar-track {background: #fff;}
#lnb::-webkit-scrollbar-thumb {background: #005aab ;}
#lnb::-webkit-scrollbar-thumb:hover {background: #005aab ;}

#lnb .depth00{box-shadow:0 3px 9px -7px rgba(0,0,0,0.2)}
#lnb .depth01 {display: block;font-size: 13px;padding: 20px 25px;position: relative;top: 0;left: 0;}
#lnb .depth02{display:none;background-color:#317cff;}
#lnb .depth02 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#lnb .depth02 li a:hover{background:rgba(0,0,0,0.1);}
#lnb .menu_new09 .depth01:hover{background:rgba(0,0,0,0.1);}
#lnb .menu_new10 .depth01:hover{background:rgba(0,0,0,0.1);}

#lnb .depth02 > li > a.void_link:before {display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;height: 10px;width: 1px;opacity:1;background: #828386;-webkit-transform: rotate(0deg);transform:	 rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .depth02 > li > a.void_link:after {display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 10px;height: 1px;background: #828386;}
#lnb .depth02 li.active > a.void_link:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity:0}

#lnb .depth01.void_link:before {display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;width: 1px;height: 11px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .depth01.void_link:after {display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 11px;height: 1px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .menu_new.active .depth01:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#lnb .menu_new.active .depth01:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}

#lnb .no_c .menu_new{width:50%;float:left;text-align:center;}
#lnb .no_c .depth01.void_link:before{display:none;}
#lnb .no_c .depth01.void_link:after{display:none;}


/*main */
#main-slide .item .nanumsquare.view{display:inline-block;background:url(/images/mn_s07_view.png)no-repeat 0 bottom /contain;padding-right:10px;}
#main-slide .item .nanumsquare.view_w{display:inline-block;background:url(/images/mn_s07_view_w.png)no-repeat 0 bottom /contain;padding-right:10px;color:#fff;}
#main-slide .item .nanumsquare.view_w a{color:#fff;}
#main-slide .item .listwrap01{background:url(/images/mn_s03_bg01.png)no-repeat center center /cover;max-width:770px;display:table;width:770px;height:198px;text-align:center;font-size:26px;margin-top:50px;}
#main-slide .item .listwrap01 .list{display:table-cell;width:25%;vertical-align:middle;font-weight:bold;}
#main-slide .item .listwrap01 .list01 p{color:#03479a;}
#main-slide .item .listwrap01 .list02 p{color:#3581aa;}
#main-slide .item .listwrap01 .list03 p{color:#1b91a3;}
#main-slide .item .listwrap01 .list04 p{color:#23a196;}
#main-slide .item .imgdiv{margin:20px auto auto 0;max-width:420px;}

#main-slide .item .listwrap02{max-width:900px;width:100%;text-align:center;font-size:26px;margin-top:50px;color:#fff;}
#main-slide .item .listwrap02:after{content:'';display:block;clear:both;}
#main-slide .item .listwrap02 .list{float:left;width:180px;font-weight:bold;border-radius:50%;margin-left:-26px;}
#main-slide .item .listwrap02 .list .tbwrap{display:table;width:100%;height:180px;}
#main-slide .item .listwrap02 .list01{background:rgba(4,68,167,0.8);}
#main-slide .item .listwrap02 .list02{background:rgba(5,78,169,0.75);}
#main-slide .item .listwrap02 .list03{background:rgba(6,107,174,0.7);}
#main-slide .item .listwrap02 .list04{background:rgba(9,155,184,0.6);}
#main-slide .item .listwrap02 .list05{background:rgba(10,171,187,0.5);}
#main-slide .item .listwrap02 .list .tbwrap p{display:table-cell;vertical-align:middle;}

#main-slide .item .listwrap03{background:url(/img/sub_n/mn_s03_bg02.png)no-repeat center center /cover;max-width:1014px;display:table;width:1014px;height:174px;text-align:center;font-size:26px;margin-top:50px;}
#main-slide .item .listwrap03 .list{display:table-cell;width:16.6666%;vertical-align:top;font-weight:bold;padding-top:30px;}
#main-slide .item .listwrap03 .list01 p{color:#0d649d;}
#main-slide .item .listwrap03 .list02 p{color:#106d9f;}
#main-slide .item .listwrap03 .list03 p{color:#147aa1;}
#main-slide .item .listwrap03 .list04 p{color:#1886a2;}
#main-slide .item .listwrap03 .list05 p{color:#1b91a4;}
#main-slide .item .listwrap03 .list06 p{color:#1f9da5;}

/* #main-slide .slide_arrow_btn{position: absolute;bottom: 0;left: 50%;z-index: 9800;transform: translateX(-50%);width: 1280px;height: 70px;}
#main-slide .slide_arrow_btn:after {display: block;content: "";clear: both;height: 70px;width: 320px;position: absolute;bottom: 0;left: -320px;background: #fff;}

#main-slide .left_carousel-control:after,
#main-slide .right_carousel-control:after {content: "";position: absolute;top: 50%;left: 0;margin-top: -20px;width: 100%;height: 40px;background-size: auto;background-position: center;background-repeat: no-repeat;}
#main-slide .left_carousel-control,
#main-slide .right_carousel-control {position: relative;right: auto;left: 0;bottom: auto;top: 0; display: block;float: left;width: 70px;height: 70px;background: #fff;margin-top: 0;opacity: 1!important;}
#main-slide .left_carousel-control:hover,
#main-slide .right_carousel-control:hover {background:#317cff;}
#main-slide .left_carousel-control:after{ background-image: url(/img/sub_n/mainslide_a_l.png);border-right: 1px solid #ddd;}
#main-slide .right_carousel-control:after{ background-image: url(/img/sub_n/mainslide_a_r.png);}
#main-slide .left_carousel-control:hover:after{ background-image: url(/img/sub_n/mainslide_a_l_h.png);border-right: 1px solid #ddd;}
#main-slide .right_carousel-control:hover:after{ background-image: url(/img/sub_n/mainslide_a_r_h.png);} */

#main-slide .slide09 p em{font-style:normal;background:linear-gradient(to right, #0440a7, #0aaebb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#main-slide .item h5{line-height:1.3;}

.sec01{background:url(/img/main_n/sec01_bg.jpg)no-repeat left center /contain;}
.sec02{background:url(/img/main_n/sec02_bg.jpg)no-repeat right center /contain;}
#main-care.sec02{background-size:contain;background-position:right center;}
.sec03{background:url(/img/main_n/sec03_bg.jpg)no-repeat left center /contain;}
#main-care.sec03{background-size:contain;background-position:left center;}
.sec04{background:url(/img/main_n/sec04_bg.jpg)no-repeat right center /contain;}
#main-care.sec04{background-size:contain;background-position:right center;}
.sec05{background:url(/img/main_n/sec05_bg.jpg)no-repeat left center /contain;}
#main-care.sec05{background-size:contain;background-position:left center;}

.main_container{max-width:1530px;margin:0 auto;height:calc(90vh - 40px);}

.section{overflow:hidden;}
.section a{display:block;}
.section .cont_left{width:25%;color:#fff;}
.section .cont_left .bar{background:#fff;width:48px;height:6px;}
.section .cont_right{width:75%;}

.sec02 .cont_left, .sec04 .cont_left{text-align:right;}

.section .contwrap .textwrap{background:#fff;padding:15px;min-height:190px;text-align:left;}
.section .contwrap .textwrap .tit{margin-bottom:5px;line-height:1.1;}
.section .contwrap .textwrap .cont{word-break:keep-all;}

.sec01 .cont_right > div{max-width:261px;box-shadow:6px 6px 3px rgba(0,0,0,0.2);}
.sec02 .swiper-slide > div,
.sec03 .swiper-slide > div{max-width:400px;}

.sec02 .swiper-slide,
.sec03 .swiper-slide,
.sec04 .swiper-slide,
.sec05 .swiper-slide{margin-bottom:10px;box-shadow:6px 6px 3px rgba(0,0,0,0.2);}

.sec02 .main_container,
.sec04 .main_container{max-width:1730px;margin:0 auto 0 0 !important;}
.sec02 .cont_left .bar,
.sec04 .cont_left .bar{margin:auto 0 20px auto;}

.sec03 .main_container,
.sec05 .main_container{max-width:1730px;margin:0 0 0 auto !important;}

.sec03.section .contwrap .textwrap{padding:0;text-align:center;min-height:80px;line-height:1;}

.sec03.section .contwrap .textwrap em,
.sec04.section .contwrap .textwrap em{font-style:normal;}

.sec03 .textwrap.flex{justify-content:center;}

.sec04.section .contwrap .textwrap .tit{line-height:0.9;}















.slider{position:relative;}
.slider .slogan{color:#FFF;position:absolute;left:18%;top:35%;}
.slider h1{font-family: 'Arita-buri-SemiBold';font-size:68px;letter-spacing:-2px;margin:0 0 70px 0; text-shadow: 0 0 3px #8a8f93;}
.slider p{font-size:21px;font-weight:300;letter-spacing:-1.5px; text-shadow: 0 0 3px #686c6f;}
.swiper-container04 .swiper-wrapper{max-width:1920px;margin:auto}
.swiper-container04 .swiper-pagination{text-align:right;color:#FFF;right:19%;left:auto;top:45%;}
.swiper-container04 .swiper-button-prev, .swiper-container04 .swiper-container-rtl .swiper-button-next{top:40%}
.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-container-rtl .swiper-button-prev{top:50%}
.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-button-prev{right:19%;width:26px;height:15px;}

.information{position:absolute;bottom:100px;width:1200px;z-index:9999}
.information p{margin:0;font-size:20px;text-shadow:none}
.information h2{font-size:21px;display:inline-block;margin:0 0 10px 0}
.information h4{color:#d54965;font-size:39px;display:inline-block;margin:0}
.information .go{margin-top:56px}
.information img{float:right;}
.information div{padding:20px}
.information div{float:left;background:#FFF;width:25%;border-right:1px solid #e5e5e5}
.information div:nth-child(1){border-radius:10px 0 0 10px;}
.information div:nth-child(4){border-radius:0 10px 10px 0;border:none;background:#d54965;color:#FFF}

.s_table{background:url('/img/main/board_bg.png');height:80px;max-width:1920px;margin:auto;overflow:hidden;}
.swiper-container05 {float:left;width:50%;height:100%;}
.swiper-container05 .swiper-button-next{right:0;top:50px;width:20px;height:20px;background:url('/img/main/board_arrow01.png') no-repeat;}
.swiper-container05 .swiper-button-prev{right:0;top:20px;width:20px;height:20px;background:url('/img/main/board_arrow02.png') no-repeat;}
.swiper-container05 p{color:#FFF;font-size:18px;float:left;}
.swiper-container05 a{color:#FFF;}
.swiper-container05 span{margin:0 10px;}
.swiper-container05 .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.main section{padding:100px 0;max-width:1920px;margin:auto;overflow:hidden;}
.main .txt01{color:#222;font-size:36px;margin:0 0 45px 0;letter-spacing:-2px}
.main .txt02{color:#777;font-size:18px;line-height:1.8;font-weight:300;}

.main_tit{text-align:center}
.main_tit h1{color:#141414;text-align:center;font-size:44px;font-weight:300;letter-spacing:-2px}

.section01 h1 span{font-size:45px;}

.section02 .view{border:1px solid #222;font-size:35px;padding:0 15px;display:inline-block;font-weight:200;margin-top:30px}
.section02 .view:hover{background:#222;color:#FFF;transition:all .3s ease;}
.section02 .txt{position:absolute;top:50%;margin-top:-133.5px;left:5%;}


figure.program01 {background:#eee;}
figure.program02 {background:#fdfdfd;}
figure.program03 {background:#eee;}
figure.program04 {background:#fdfdfd;}
figure.program05 {background:#eee;}
figure.program {
  float:left;
  position: relative;
  overflow: hidden;
  width:20%;
  padding:65px 0;
  font-size:21px;
  text-align:center;
  font-weight:500;
}
figure.program * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.program img{margin:auto}
figure.program:after,
figure.program figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.program:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
figure.program figcaption {
  z-index: 1;
  padding: 40px 50px;
}
figure.program h3,
figure.program .links {
 margin:55px 0
}
figure.program h3 {
  font-size: 19px;
  text-transform: uppercase;
  opacity: 0;
  font-weight:400;
}
figure.program p {
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 1px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
figure.program i {
  position: absolute;
  font-size: 20px;
  font-weight:600;
  opacity: 0;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
figure.program a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
figure.program:hover img,
figure.program.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
figure.program:hover:after,
figure.program.hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
figure.program:hover h3,
figure.program.hover h3,
figure.program:hover p,
figure.program.hover p,
figure.program:hover i,
figure.program.hover i {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}


.snip1361 {
  position: relative;
  overflow: hidden;
  width: 20%;
  float: left;
  padding:50px 0 80px 0;
  text-align:center;
}
.snip1361 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1361 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1361 figcaption {
  position: absolute;
  top: calc(77%);
  width: 100%;
  background-color: #ffffff;
  padding: 30px 25px 50px 25px;
}
.snip1361 figcaption:before {
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 80px;
  background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.snip1361 h3 {
  margin: 0 0 10px;
}
.snip1361 h3 {
  font-weight: bold;
  font-size: 20px;
}
.snip1361 p {
  font-size: 17px;
}
.snip1361 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
  top: 80px;
}

.section04 .swiper-slide{text-align:center;}
.section04 .swiper-slide img{filter: brightness(50%);width:100%;}
.section04 .swiper-slide-active img{filter: brightness(100%);}
.section04 .sub{font-size:26px;background:#f3cbd3;margin:20px 0;line-height:0.5;display:inline-block;}
.section04 .swiper-wrapper{padding:100px 0}

.section05{color:#FFF;background:url('/img/main/section05_bg.jpg') no-repeat center center;background-attachment:fixed;height:617px;}
.section05 .marks{max-width:1040px;margin:0 auto;overflow:hidden}
.section05 .marks li{float:left;width:28%;margin-right:70px;background:url('/img/main/mark.png') no-repeat;background-size:contain;height:268px;text-align:center}
.section05 .marks li:nth-child(3){margin-right:0}
.section05 .marks li p{color:#FFF;font-size:21px;margin:50px 0 0 0}
.section05 .marks_m li p{font-size:18px;line-height:3}
.section05 .marks_m li img{width:70px;float:left;margin-right:20px}

.section06 .swiper-container02{padding-left:120px;/*background:#eeeeee;*/}
.section06 .swiper-slide{width:320px !important;}
.section06 .center{position:absolute;color:#FFF;top:15%;text-align:Center;padding: 0 46px}
.section06 .center a{color:#FFF}
.section06 .center h3{font-size:29px;font-weight:300;margin:30px 0}
.section06 .center p{font-size:17px;font-weight:300}
.section06 .center .view{border:1px solid #fff;font-size:35px;padding:0 15px;display:inline-block;font-weight:200;}
.section06 .center .view:hover{background:rgba(255,255,255,0.8);color:#000;transition:all .3s ease;}
.swiper-container02 .swiper-button-next, .swiper-container02 .swiper-container-rtl .swiper-button-prev{background-image:url('/img/main/btn_next.png');left:80px;}
.swiper-container02 .swiper-button-prev, .swiper-container02 .swiper-container-rtl .swiper-button-next{background-image:url('/img/main/btn_prev.png');left:0;}
.swiper-container02 .swiper-button-next, .swiper-container02 .swiper-button-prev{bottom:0;width:116px;height:116px}


.section07 .video{max-width:960px;margin:auto;}

.section08{background:#fcfcfc}
.section08 h3{font-size:24px;margin:0 0 30px 0}
.section08 h3 a{float:right}
.section08 ul{overflow:hidden}
.section08 .board li {margin-bottom:15px}
.section08 .plate{margin:0}
.section08 .plate li {float:left;width:33.333%;text-align:Center}
.section08 .plate li p{color:#838383;margin:5px 0 0 0;font-size:17px}
.section08 .news_tit img{margin:auto;width:100%;}
.section08 .news_tit p{position:absolute;top:130px;left:50%;margin-left:-34px;}
.section08 .news{background:#fff;padding:30px}
.section08 .news h4{font-size:20px;margin:0 0 10px 0}
.section08 .news a{color:#838383;font-size:17px;border:1px solid #838383;text-align:center;display:block;padding:10px 0;margin-top:22px;}
.section08 .news a:hover{background:#000;color:#FFF;border:1px solid #000;transition:all .5s ease;}

/*footer*/
.hours{position:fixed;right:7%;bottom:3%;z-index:9999}
.hours li{padding:15px 7px;text-align:Center;}
.hours li:nth-child(1){background:#d54965;border-radius:30px 30px 0 0;color:#FFF}
.hours li:nth-child(2){background:#e8e8e8;border-radius:0 0 30px 30px;border-bottom:1px solid #ddd;cursor:pointer}

.sns{background:#212429;padding:50px 0}
/* .sns ul{overflow:hidden;margin:auto;max-width:504px} */
.sns ul{overflow:hidden;margin:auto;max-width:390px}
.sns ul li{float:left;margin-right:30px;background:#FFF;border-radius:100px;text-align:Center;padding:16px 22px}
.sns ul li a{display:block;}
.sns ul li:nth-child(2){padding:16px 27.3px}
/* .sns ul li:nth-child(3){padding:16px 26px} */
.sns ul li:last-child{margin:0}
.sns ul li p{margin:0;text-align:Center}

footer{font-size:15px;line-height:1.5;background:#212429;color:#FFF;border-top:1px solid #383a3f;clear:both;padding:45px 0}
footer a{color:#FFF}
footer p{clear:both}
footer h1{margin:30px 0}
footer .footer_menu {overflow:hidden}
footer .footer_menu li{float:left;}
footer .info{opacity:0.5;padding:0 !important;text-align:left !important;}
footer .copy{opacity:0.2}


.box{float:left;width:48%;}
.pb-45-img{padding:0 0 45px 0}
.img-right{float:right}

.m_menu{display:none}
.m_img{display:none !important}

@media (max-width:1920px){
	.main .map .maps{width:100% !important}
}

@media (max-width:1920px) and (min-width:1821px){

}
@media (max-width: 1820px){

}
@media (max-width: 1520px){
#ctt{width: 90%;}

	.pc_menu .level a{font-size:14px;}
	.slider h1{font-size:40px;margin:0  0 30px 0}
	.menu h1{text-align:center;margin:0}
	.menu .wrap .container{width:100%;}
	.menu .wrap .container .col-sm-12{width:100%;}

	.ft14{font-size: 12px;}
	.ft15{font-size: 13px;}
	.ft16{font-size: 14px;}
	.ft18{font-size: 16px;}
	.ft20{font-size: 18px;}
	.ft22{font-size: 20px;}
	.ft24{font-size: 22px;}
	.ft25{font-size: 23px;}
	.ft26{font-size: 24px;}
	.ft28{font-size: 26px;}
	.ft30{font-size: 28px;}
	.ft35{font-size: 30px;}
	.ft40{font-size: 35px;}
	.ft45{font-size: 38px;}
	.ft50{font-size: 40px;}
	.ft55{font-size: 45px;}
	.ft65{font-size: 55px;}
	.ft85{font-size: 65px;}
	.ft150{font-size: 90px;}
	.ft200{font-size: 150px;}
}
@media(max-width:1500px){
		#main-banner.sec01,
		#main-care.sec02,
		#main-care.sec03,
		#main-care.sec04,
		#main-care.sec05{background-size:cover;padding:80px 0;}

		.sec01 .main_container.flex,
		.sec03 .main_container.flex,
		.sec05 .main_container.flex{flex-direction:column;}
		.sec02 .main_container.flex,
		.sec04 .main_container.flex{flex-direction:column-reverse;}

		.sec01 .flex{display:block;}
		.sec01 .cont_right:after{content:'';display:block;clear:both;}
		.sec01 .cont_right > div{float:left;width:48% !important;margin-right:4% !important; margin-bottom:4%;}
		.sec01 .cont_right > div:nth-child(2){margin-right:0 !important;margin-bottom:4%;}

		.main_container,
		.sec02 .main_container,
		.sec04 .main_container,
		.sec03 .main_container,
		.sec05 .main_container{width:90%;height:auto !important;margin:auto !important;}

		.section .cont_left{width:100%;text-align:center;margin-bottom:80px;}
		.section .cont_left .bar{width:20px;height:3px;}
		.section .cont_right{width:100%;max-width:544px;margin:auto;}

		.sec01 .cont_right > div{width:23%;margin-right:2.6%;}
		.sec01 .cont_right > div:last-child{margin-right:0 !important;}

		.sec01 .cont_left .bar,
		.sec02 .cont_left .bar,
		.sec03 .cont_left .bar,
		.sec04 .cont_left .bar,
		.sec05 .cont_left .bar{margin:10px auto;}

		#main-care > div > div.swiper-box{width:100%;}
	}
@media(max-width: 1400px){
	.headerwrap .logowrap{width:100%;float:none;text-align:center;height:40px;}
	.headerwrap .menuwrap{width:100%;float:none;}
}
@media(max-width: 1300px){
	.headerwrap .container{width:90%;}
}
@media(max-width: 1280px){
	#main-slide .slide_arrow_btn {width:100%;transform: translateX(0);left: 0;}
	#main-slide .slide_arrow_btn:after{display:none;}
}
@media (max-width: 1240px){
	.main section{padding:50px 0}
	.slider h1{font-size:55px}
}

@media (max-width:1366px) and (min-width:1024px){
	/* .pc_menu .level{font-size:16px} */
}

@media (max-width:1023px) and (min-width:768px){

	.slider .slogan{left:10%;top:40%;}

	.main .tit h1{font-size:45px}
	.pc_menu .level{font-size:15px}
	.menu_wrap{padding:25px 0}
	.menu_tit{padding:0}
	.menu_sub{padding:20px 0 0 0 !important}
	.section05{height:auto;}
	.section05 .marks_m li{float:left;width:100%;margin-bottom:10px;}
	footer h1{text-align:center;}
}

@media (max-width: 768px){
	.ft16{font-size: 13px;}
	.ft18{font-size: 14px;}
	.ft20{font-size: 16px;}
	.ft22{font-size: 18px;}
	.ft24{font-size: 20px;}
	.ft25{font-size: 22px;}
	.ft26{font-size: 23px;}
	.ft28{font-size: 24px;}
	.ft30{font-size: 26px;}
	.ft35{font-size: 28px;}
	.ft40{font-size: 30px;}
	.ft45{font-size: 32px;}
	.ft50{font-size: 35px;}
	.ft55{font-size: 40px;}
	.ft65{font-size: 45px;}
	.ft85{font-size: 55px;}
	.ft150{font-size: 70px;}
	.ft200{font-size: 100px;}

	#hd_pop{width:90% !important; z-index: 10001;}
   .hd_pops{width:100% !important;left: 0 !important;top: 100px !important;}
   .hd_pops img {width:100% !important;}
   .hd_pops_con {width:100% !important;height:auto !important;}

	.m_logo{position:absolute;z-index:9990;width:100%;background:rgba(0,0,0,0.8);}
	.m_logo h1{text-align:center;margin:15px 0}
	.m_logo h1 img{height:20px}


	.section .contwrap .textwrap{min-height:160px;}


	.slider .slogan{left:0;right:0;top:65%;}
	.slider h1{font-size:40px;margin:0;text-align:center}
	.slider p{display:none}

	.main section{padding:40px 0}
	.main_tit h1{font-size:30px;font-weight:500}

	.swiper-container04 .swiper-pagination{text-align:center;right:auto;top:90%;}
	.swiper-container04 .swiper-button-prev, .swiper-container04 .swiper-container-rtl .swiper-button-next{right:65%}
	.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-container-rtl .swiper-button-prev{right:30%;}
	.swiper-container04 .swiper-button-next, .swiper-container04 .swiper-button-prev{width:16px;height:26px;;top:90%}
	.swiper-container04 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('/img/main/btn_left.png') !important;}
	.swiper-container04 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url('/img/main/btn_right.png') !important;}

	.main .txt01{font-size:30px;margin:0 0 20px 0}
	.main .txt02{font-size:15px;}
	.section01 h1 span{font-size:30px}

	.section02 .txt{margin-top:-110px;left:0;padding:0 15px}

	.section04{background:#fbecef}
	.section04 .sub{font-size:20px}
	.section04 .swiper-wrapper{padding:0 0 50px 0;}

	.section05{height:auto;}
	.section05 .marks_m li{clear:both;margin-bottom:10px;overflow:hidden;}

	figure.program{font-size:15px;font-weight:400;padding:10px 0}
	figure.program img{height:50px;}
	figure.program:after, figure.program figcaption{display:none}

	.program_m{padding:10px 15px}
	.program_m img{height:50px;margin-right:20px;}
	.program_m h3{font-size:18px;display:inline-block}
	.program_m a{float:right;font-size:35px;font-weight:lighter}

	.snip1361{display:none;padding:20px 0 50px 0}
	.snip1361 h3{font-size:13px;font-weight:normal;}
	.snip1361 p{display:none;}
	.snip1361 img{height:50px;}
	.snip1361 figcaption{padding:10px}

	.section06 .swiper-slide{width:100% !important}
	.section06 .center{padding:0;left:50%;}
	.section06 .center h3{font-size:28px}
	.section06 .center p{display:none}
	.section06 .center .view{font-size:30px;}
	.section06 .center01{margin-left:-86.5px}
	.section06 .center02{margin-left:-99.5px}
	.section06 .center03{margin-left:-99.5px}
	.section06 .center04{margin-left:-50px}
	.section06 .center05{margin-left:-74.29px}

	.section07 .video iframe{width:100%;height:300px}

	.section08 .news{padding:20px}
	.section08 .board li{margin-bottom:10px}
	.section08 .plate{margin:0 0 50px 0}
	.section08 .plate li{width:100%;}
	.section08 .plate li p{font-size:15px}
	.section08 ul{margin: 0 0 30px 0}

	.main .maps{height:300px}

	.sns{padding:20px}
	.sns ul li p{display:none;}
	.sns ul li img{height:30px;}
	.sns ul li{padding:10px;margin-right:10px;}
	.sns ul li:nth-child(2){padding:10px;}

	.hours_m{position:fixed;right:3%;bottom:3%;z-index:9999}
	.hours_m li{text-align:Center;border-radius:50%;margin-bottom:10px;width:78px;height:78px;}
	.hours_m li a{display:block;padding:18px 0;color:#fff;}
	.hours_m li img{width:20px;}
	.hours_m .top{display:none;border-radius:50%;padding:18px 0;cursor:pointer;}

	.hours_m .hours_m_li01{background:#317cff;}
	.hours_m .hours_m_li02{background:#42bfff;}
	.hours_m .hours_m_li03{background:#29bda9;}
	.hours_m .hours_m_li04{margin-bottom:0;color: #000;}
	.hours_m .hours_m_li04 > div{background:#e8e8e8;width:100%;}

	footer{padding:20px;font-size:14px}
	footer h1{margin:0 0 20px 0}

	.box{width:100%}
	.pb-45-img{padding:0 0 20px 0}
	.img-right{float:none}

	.m_img{display:block !important}
	.pc_img{display:none !important}

	.st_loading{padding: 100px 0;}

	#main-slide .item .imgdiv{margin:20px auto 0;}
}
@media (max-width: 500px){
	.ft12{font-size: 11px;}
	.ft14{font-size: 11px;}
	.ft15{font-size: 12px;}
	.ft16{font-size: 12px;}
	.ft18{font-size: 13px;}
	.ft20{font-size: 14px;}
	.ft22{font-size: 15px;}
	.ft24{font-size: 16px;}
	.ft25{font-size: 16px;}
	.ft26{font-size: 18px;}
	.ft28{font-size: 18px;}
	.ft30{font-size: 20px;}
	.ft35{font-size: 23px;}
	.ft40{font-size: 25px;}
	.ft45{font-size: 28px;}
	.ft50{font-size: 30px;}
	.ft55{font-size: 35px;}
	.ft65{font-size: 40px;}
	.ft85{font-size: 44px;}
	.ft150{font-size: 46px;}
	.ft200{font-size: 50px;}


}
@media (max-width: 420px){
	.slider h1{font-size:30px;}

	.main .txt01{font-size:25px;}
	.main_tit h1{font-size:24px;}

	.section02 .txt{margin-top:-106px;}
	.section02 .view{font-size:20px;padding:0 10px;margin:0}

	.section05 .marks_m li img{width:59px;margin-right:10px}
	.section05 .marks_m li p{font-size:15px;}


	figure.program{font-size:13px;font-weight:400;padding:10px 0}
	footer{padding:15px 0;font-size:12px;line-height:1.6}

}
