@charset "utf-8";

	.btn_mb_list{display:none;background:url(../img/common/bg_talk2.png) no-repeat center center;width: 160px;height: 140px;position: absolute;margin-top: 180px;margin-left: -40px;z-index: 1;padding: 33px 10px 10px 10px;}

	.btn_mb_list.on{display:block;}
	.btn_mb_list a{display:block;text-align: left;padding-left: 16px;color: #1E2632 !important;font-size: 15px;line-height: 27px;}
	.btn_mb_list a:hover{text-decoration:underline}
@media (max-width:1200px) {
	.btn_mb_list.on{display:none}
	.btn_mb_list.ver_m{display:block;position: inherit;margin: 0;background: transparent;padding: 0;display: inline-flex;height: 32px;width: auto;text-align: center;border-left: 1px solid #DDD;margin: 20px 0;width: 75%;justify-content: center;}
	.btn_mb_list.ver_m a{font-size: 13px;color: #1E2632 !important;line-height: 30px;padding:0 7px}
}
@media (max-height:750px) {
	.btn_mb_list.ver_m{height:20px;margin:10px 0}
	.btn_mb_list.ver_m a{line-height: 20px;}

	.m_ver .site_map .site_ul_box .site_gnb{margin-top:-15px !important}
}

#wrap header {
    position: relative;
    z-index: 999;
	width:100%;
    height:100px;
    top: 0;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	border-bottom:1px solid #5c5c5c;
  border-bottom: 1px solid #5c5c5c3d;
}
#wrap header.on{position: fixed;background:#FFF;border-bottom: 1px solid #DDD;}
#wrap header h1 {float: left;min-width: 150px;height: 64px;display: inline-block;background: url(../img/common/logo_w.svg) no-repeat center center;text-indent: -99em;overflow: hidden;width: 12%;}
#wrap header.on h1 {background: url(../img/common/logo.svg) no-repeat center center;/*background-size: contain;*/}
#wrap header h1 a {display: block;height:100px}
#wrap header h1 a img {width:115px}
#wrap header h1 p {font-size: 13px;color: #FFF;margin-top: 7px;text-align: center;letter-spacing: 0;}

#wrap header #gnb_1dul {padding-right: 0; text-align: center;width: 100%;display: inline-flex; justify-content: center;}
#wrap header #gnb_1dul>li {display: inline-block;position: relative;width: 13%;}
#wrap header #gnb_1dul>li>a { line-height: 100px;color: #FFF; padding: 0 24px;margin: 0 6px;}

#wrap header #gnb_1dul li ul {
    display: none;
    position: absolute;
    opacity: 1;
    /* visibility: hidden; */
    top: 75px;
    right: -70%;
    min-width: 170px;
    width: 230%;
    padding: 9px 20px;
    background: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 15px 20px 29px 0px rgb(0 0 0 / 23%);
    transition: all 0.4s ease-out;
    transition-property: opacity, top, visibility;
    transition-delay: 3s;
    z-index: 9999
}

#wrap header .gnb_2dul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#wrap header #gnb_1dul li ul li a {
    display: block;
    position: relative;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    color: #404040;
    text-align: left;
    transition: all 0.3s ease 0s;
}

#wrap .headerWrap {position: absolute;z-index: 999;width: 100%;left: 0;height: 100px;top: 0;}
#wrap .headerWrap.on{position: fixed;background:#FFF}
#wrap .headerWrap.on header #gnb_1dul>li>a,
#wrap .headerWrap header.on #gnb_1dul>li>a{color:#1E2632}
#wrap .headerWrap.on{}
#wrap.subVer .headerWrap {position: relative;}

#wrap header .allMenu {display: inline-block;width: 50px;height: 50px;position: relative; float: right;top: 11px;right: 0;}
#wrap header .allMenu span {display: inline-block;}
#wrap header .allMenu span:before,
#wrap header .allMenu span:after {content: '';display: block;position: absolute;width: 45px;height: 2px;background: #222;right: 0;}
#wrap header .allMenu span:before {top: 23px;}
#wrap header .allMenu span:after {top: 30px;}

#wrap.subVer header {}
#wrap.subVer header{position: fixed;background:#FFF;border-bottom: 1px solid #DDD;}
#wrap.subVer header h1 {background: url(../img/common/logo.svg) no-repeat center center;}
#wrap.subVer header #gnb_1dul>li>a { line-height: 100px;color: #111; padding: 0 24px;margin: 0 6px;}

.mainfull {background: #FFF}

.mainVer #section1 {position:relative;margin: 0;width: 100%;background: url(../img/main/main_visual01.jpg) no-repeat; background-size:cover}
.mainVer section{height:1080px}
.mainVer section#section6{min-height:inherit;height:auto;}
.mainVisual b {font-size: 45px}
.mainVisual .Box {position: absolute; left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mainVisual .title{font-family: 'Montserrat', sans-serif;font-size:90px;color:#FFF;}
.mainVisual .title b{color:#BC131C;	font-size:90px;}
.mainVisual .txt{margin-top:90px;font-size:32px;font-weight:500;color:#FFF}
.mainVisual img {}
.mainVisual > div{background:#000}

.mainVer h2 {font-size: 55px;position: relative;color: #000}
.mainVer h2 div {position: relative;z-index: 11;letter-spacing: -.9px;}
.mainVer h2 p {font-size: 14px;margin-top: 5px;}
.mainVer h2.tagV.st2 {padding-left: 30px;}
.mainVer h2.tagV.st2:after {margin-top: -106px;margin-left: -30px;}
.mainVer .more{display: inline-block;font-size: 24px;font-weight: 500;color: #1E2632;font-family: 'Montserrat', sans-serif;}
.mainVer .more i{display:inline-block;margin-left:10px;height:12px;width:23px;background:url(../img/common/ico_arw2.svg) no-repeat center center;}

.mainVer #section2{height: auto;background:#f4f4f4 url(../img/main/main_section2.png) no-repeat right bottom;}
.mainVer #section2 .in_n_box{padding: 123px 0 0 0;min-height: 905px;}
.mainVer #section2 .txtBox{;position:relative}
.mainVer #section2 .txtBox p.red{margin-bottom: 15px;font-size: 24px;color: #BC131C;font-weight: 700;}
.mainVer #section2 .txtBox h3{margin-bottom: 15px;color: #1E2632;font-size: 50px;font-weight: 700;}
.mainVer #section2 .txtBox .txt{font-size: 18px;font-weight: 500;}
.mainVer #section2 .txtBox .tit{font-size:30px;font-weight: 500;}
.mainVer #section2 .slideBox{position:relative;margin:40px 0}
.mainVer #section2 .slideBox .tit{font-size: 30px;font-weight: 700;color: #1E2632;}
.mainVer #section2 .slideBox .txt{font-size: 18px;font-weight: 400;color: #1E2632;}
.mainVer #section2 .slideBox .img img{width:100%;}
.mainVer #section2 .slideBox .swiper-slide{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-bottom:10px}
.mainVer #section2 .more{font-size:16px}
.new_ul li{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-bottom:10px}
.new_ul li .txt{padding:30px 0;text-align:center;font-weight:600;color:#333;background:#FFF}
.new_ul li .txt .t{font-size:20px}
.new_ul li .txt .tt{font-size:18px;font-weight: 300;}
.new_ul li .img img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.new_ul li .img{position: relative;overflow: hidden;padding-top: 47%;}
.new_ul li a{display:block}
.mainVer #section2 .slideBox .txt .t{font-size: 24px;letter-spacing: -.5px;font-weight: 700;}
.mainVer #section2 .slideBox .txt .tt{margin-top: 14px;font-size: 18px;font-weight: 500;}


.mainVer #section3 {background:url(../img/main/main_section2.jpg) no-repeat;background-size:cover}
.mainVer #section3:after {content: '';display: inline-block;}
.mainVer #section3 .mainBtnBox {text-align: center;margin-top: 70px;}
.mainVer #section3 .mainBtnBox li {float: left;margin: 20px 20px;width: 260px;border-radius: 50%;margin-top: 0}

.main_mj_tab {justify-content: center;position: relative;width: 85%;margin: 0 auto 0;height:100%;}
.main_mj_tab ul{border-left:1px solid #E2E2E2;height:100%;}
.main_mj_tab li{width: 25%;border-left:1px solid #E2E2E2;height:100%;}
.main_mj_tab li + li{}
.main_mj_tab li a{
	display: -webkit-box; display: -ms-flexbox; display: flex;
	position: relative;
	height: 100vh;
	min-height: 900px;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-align: center;
	height:100%;
}
.main_mj_tab li a:hover{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background:url(../img/main/bg_mj_tab.png) repeat-x left top;
	background-size:auto 100%
}
.main_mj_tab li a:hover *{color:#FFF}
.main_mj_tab li a:hover h3 > i{display:block;margin: 40px;}
.main_mj_tab li.t01 a{}
.main_mj_tab li.t02 a{}
.main_mj_tab li.t03 a{}
.main_mj_tab li.t04 a{}
.main_mj_tab li .eng {font-size: 24px;font-weight: 700; line-height: 35px;color: #1E2632;height: 110px;}
.main_mj_tab li h3{height: 290px;display: inline-flex; justify-content: center;align-items: center;flex-direction: column;}
.main_mj_tab li h3 > i{display: none;}
.main_mj_tab li h3 b{font-size: 45px;font-weight: 700;color: #1E2632;}
.main_mj_tab li h3 b i{font-weight: 400;font-style: inherit;}
.main_mj_tab li .txt{display:none;margin-top: 46px;position: absolute;bottom: 230px;transform: translate(-50%, 0);left: 50%;font-size: 20px;line-height: 1.2;    width: 90%;}
.main_mj_tab li:hover .txt{display:block;}


.mainVer #section4 {padding: 200px 150px;background: #F8F8F8;}
.mainVer #section4 h3 { margin-bottom: 50px;font-size: 45px; font-weight: 700; line-height: 1.25;color: #1E2632;}
.mainVer #section4 .txtBox {width: 50%;padding-right: 7%;}
.mainVer #section4 .txtBox.ver_right{padding-right: 0;}
.mainVer #section4 .txtBox .tit{}
.mainVer #section4 .txtBox h4{margin-bottom:30px;font-size:18px;font-weight:700;color: #1E2632;}
.mainVer #section4 .txtBox .more{font-size:14px;font-weight:500;}
.mainVer #section4 .txtBox .list01 li + li{margin-top:36px}
.mainVer #section4 .txtBox .list01.ver2 li + li{margin-top: 0;margin-left: 0;}
.mainVer #section4 .txtBox .list01 li:hover{ opacity: .8}
.mainVer #section4 .txtBox .list01 li a{display: block;width: 100%;border: 1px solid #DDD;background: #FFF;padding: 30px;}
.mainVer #section4 .txtBox .list01 li a .b_cate{margin-bottom: 4px;color: #606060;line-height:1}
.mainVer #section4 .txtBox .list01 li a .b_cate span{ text-transform: uppercase;font-size:14px;color: #333;display:inline-block;margin-right:0;font-weight:600}
.mainVer #section4 .txtBox .list01 li a .b_cate span.date{font-weight:400;color:#606060}
.mainVer #section4 .txtBox .list01 li a .b_cate span.date:before{ content: '';display: inline-block;width: 1px;height: 10px;background: #d8d8d8;margin: 0 10px;}
.mainVer #section4 .txtBox .list01 li a .b_title{font-size: 20px;font-weight: 700;margin-bottom: 2px;color: #333;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;    line-height: 1.1;}
.mainVer #section4 .txtBox .list01 li a .b_txt{width: 100%;font-weight: 500;font-size: 16px;color: #606060;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mainVer #section4 .txtBox .list01 li div{display: none;}
.mainVer #section4 .txtBox .list01.ver2 li{width: 50%;float: left;margin-bottom: 10px;}
.mainVer #section4 .txtBox .list01.ver2 li a{height: 244px;}
.mainVer #section4 .txtBox .list01.ver2 li:nth-child(2n){margin-left:-1px}
.mainVer #section4 .txtBox .list01.ver2 .b_title{}
.mainVer #section4 .txtBox .list01.ver2 .b_txt{color: #1E2632;height: 52px;}
.mainVer #section4 .txtBox .list01.ver2 .date{font-size: 14px;font-weight: 500;color: #5B5B5B;}
.mainVer #section4 .txtBox .list01.ver2 .img{display: block;text-align: center;margin-bottom: 30px;}
.mainVer #section4 .txtBox .list01.ver2 .img img{max-width:100%}


.mainVer #section5 {background: #FFF;padding:200px 0;height:auto;}
.mainVer #section5  h3{font-size:45px;font-weight:700;}
.mainVer #section5 .parterWrap {text-align: center;}

#section5 .parterBox {margin-top: 200px; justify-content: center;}
#section5 .parterBox li {display: inline-block; margin: 0;margin-bottom: 60px; width: 25%;}
#section5 .parterBox li img {max-width:100%}


/*  FOOTER */
.footerWrap {padding: 77px 0 105px;background: #1E2632;}

.footerWrap.bgVer {background: #111;margin-top: 100px;}
.footerWrap .inner > .flexBox{flex-wrap: nowrap;}
.footerWrap.bgVer footer {width: 1200px;margin-left: auto;margin-right: auto;}

.footerWrap footer h1 {display: inline-block;color: #FFF;margin-right: 20px;}
.footerWrap .tel_b{color:#FFF}
.footerWrap .tel_b .family_link{display:inline-block;background:#3B4655;color:#FFF;line-height:42px;width:200px;padding:0 10px;font-size:12px;text-align:left;margin-bottom:30px}
.footerWrap .tel_b p{text-align:right}
.footerWrap .tel_b p.tel i{margin-right:10px;display: inline-block; font-style: inherit; opacity: .4;font-size: 17px;}
.footerWrap .tel_b p.tel b{font-size:22px}

.footerWrap span {display: inline-block;font-size: 14px;letter-spacing: -0.4px;font-weight: 300;margin: 0 7px;color: #FFF;}
.footerWrap .telV {font-size: 20px;color: #FFF;margin: 5px 0;}
.footerWrap .icoBox {position: absolute;right: 30px;top: 30px;}
.footerWrap .copy {text-align:left;font-size:14px;line-height:1.2;color:#fff}
.footerWrap .copy p{color: #fff;line-height: 26px;font-size: 14px;font-weight: 500;}
.footerWrap .copy_b{}
.footerWrap .copy_b .link{text-align: left;margin-bottom: 40px;}
.footerWrap .copy_b .link a{display: inline-block;font-size: 14px;font-weight: 500;color: #fff;margin-right: 35px}
.footerWrap .text_box{flex:}
.footerWrap.bgVer footer h1,
.footerWrap.bgVer .telV,
.footerWrap.bgVer span {color: #FFF;}

.footerWrap .address {display:flex;align-items:flex-start}
.footerWrap .address span {font-size:inherit}
.footerWrap .address div {display:flex;flex-direction:column;gap:4px 0;text-align:left}
.footerWrap .ft_info .telephone div {display:flex;align-items:baseline}
.footerWrap .ft_info .telephone div span {color:#fff;font-size:17px;font-weight:500}
.footerWrap .ft_info .telephone div strong {color:#ffffff;font-size:22px;font-weight:700;margin-left:6px}
.footerWrap .ft_info > p {font-size:22px;font-weight:700;color:#ffffff;text-align:center;margin-top:36px}
.footerWrap .ft_info .tit {font-size:17px;color:#fff;margin-top:24px;text-align:center}
.footerWrap .ft_info .tit em {color:#BC131C;font-weight:700;margin-right:3px}

footer .adBtn {display:inline-block;padding: 8px 20px;background: #424242;color: #DDD !important;}

@media (min-width:1200px) {
#wrap header:hover h1{background-image:url('../img/common/logo.svg');}
}
@media (max-width:1200px) {
    #wrap header #gnb_1dul {min-width: auto;width: 75% }
	#wrap header h1 {background: url(../img/common/m_logo_w.svg) no-repeat center center;}
	#wrap header.on h1 {background: url(../img/common/m_logo.svg) no-repeat center center; }
	.mainVer section{min-height:auto;height:auto}

	.footerWrap,
	.footerWrap .copy_b,
	.footerWrap .copy_b .link,
	.footerWrap .copy,
	.footerWrap .tel_b p.tel {text-align:left}
	.footerWrap .copy p {display:flex;align-items:flex-start}
	.footerWrap .tel_b .family_link {left:22px;transform:none}
	.footerWrap .ft_info {margin-top:60px}
}

@media (max-width: 500px) {
	.footerWrap .ft_info {width:100% !important;}
	.footerWrap .ft_info .telephone div {justify-content:center}
	.footerWrap .ft_info > p {font-size:18px}
}

@media (max-width:1800px) {
	#wrap header #gnb_1dul>li>a{padding:0}
}