@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* basic */
html {}
*, *::before, *::after {box-sizing: border-box;}
html, body {margin:0; padding:0; overflow-x:hidden;}
a, a:link, a:visited, a:focus {text-decoration:none; color:inherit; outline:none; border:none;}
ul, ol, li, dl, dt, dd {margin:0; padding:0;}
ul, ol, li {list-style:none;}
table, fieldset, img {border:none;}
table {border:0; border-spacing:0; border-collapse:collapse;}
img {max-width:100%; vertical-align:top; outline:none;}
p {margin:0; padding:0;}
*:focus {outline:none;}

.fL {float:left;}
.fR {float:right;}
.cB {zoom:1;}
.cB::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl {zoom:1;}
.ulFl::after {display:block; visibility:hidden; clear:both; content:"";}
.ulFl > li {float:left;}
.clear {clear:both;}
.hidden {display:none;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.tJ {text-align:justify;}
.mauto {margin:0 auto;}
.mX {position:absolute; left:50%; transform:translateX(-50%);}
.mY {position:absolute; top:50%; transform:translateY(-50%);}
.mXY {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cutstr {width:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.cutstr2 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:3.0em;}
.cutstr3 {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; line-height:1.5em; height:4.5em;}
.pR {position:relative;}
.pA {position:absolute;}
.pF {position:fixed;}
.tblwrap {overflow-x:auto;}
.vT {vertical-align:top;}
.dI {display:inline-block;}
.dB {display:block;}
.oH {overflow:hidden;}
.oV {overflow:visible;}
.fff {color:#fff;}
.tS1 {text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65);}
.tS2 {text-shadow:2px 2px 3px rgba(0, 0, 0, 0.65);}
.bS {box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
.test {border:1px solid red;}

.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt180 {margin-top:180px !important;}
.mt200 {margin-top:200px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb180 {margin-bottom:180px !important;}
.mb200 {margin-bottom:200px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w41 {width:41%;}
.w42 {width:42%;}
.w43 {width:43%;}
.w44 {width:44%;}
.w45 {width:45%;}
.w46 {width:46%;}
.w47 {width:47%;}
.w48 {width:48%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w51 {width:51%;}
.w52 {width:52%;}
.w53 {width:53%;}
.w54 {width:54%;}
.w55 {width:55%;}
.w56 {width:56%;}
.w57 {width:57%;}
.w58 {width:58%;}
.w59 {width:59%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.h100 {height:100%;}

/* custom */
.mhtml {height:100%;}
.mhtml body {height:100%;}
body {font-family:'Noto Sans KR', 'sans-serif'; font-size:15px; font-weight:400; color:#666; background:none;}
body a {color:#666;}
h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR', 'sans-serif';}
input, button {font-family:'Noto Sans KR', 'sans-serif';}
textarea, select {font-family:'Noto Sans KR', 'sans-serif';}

.wrapper {width:100%; max-width:1300px; margin:0 auto; z-index:auto; position:relative;}
.wrapper.t1 {max-width:1600px;}
.wrapper.t2 {max-width:1000px;}
.wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
.wrapper-inner {width:100vw; margin-left:calc(-50vw + 50%); padding:0; position:relative; overflow:hidden;}
.wrapper-inner img {max-width:100%;}

.noto {font-family:'Noto Sans KR', 'sans-serif';}
.ntsf {font-family: 'NotoSerifKR', 'serif';}

.hdwrap {width:100%; height:100px; position:relative; border-bottom:1px solid #f0f0f0; background:#fff; z-index:1;}
.mhtml .hdwrap {position:fixed; border:none; background:none;}

.header {}
.header .logo {margin:32px 0 0 50px;}
.header .mlogo {display:none;}
.mhtml .header .mlogo {display:block;}
.mhtml .header .plogo {display:none;}
.header .online {line-height:35px; position:absolute; top:32px; right:120px; padding:0 20px; border:1px solid #bdbdbd;}
.mhtml .header .online {border-color:#fff; color:#fff;}
.header .lang {position:absolute; top:32px; right:270px;}
.header .lang li{line-height:35px; padding:0 20px; margin-right:3px; border:1px solid #bdbdbd; border-radius: 4px;}
.header .lang li.on{background-color: #fff; color:#333;}
.mhtml .header .lang {border-color:#fff; color:#fff;}
.mhtml .header .lang li{line-height:35px; padding:0 20px; margin-right:3px; border:1px solid #bdbdbd;}
.mhtml .header .lang li.on{background-color: #fff; color:#333;}


/* gnb */
.btn_gnb {position:absolute; top:37px; right:50px; cursor:pointer; z-index:900;}
.mbtngnb {display:none;}
.mhtml .mbtngnb {display:block;;}
.mhtml .pbtngnb {display:none;}
.btn_gnb_close {position:fixed; top:37px; right:50px; cursor:pointer; z-index:999; display:none;}

.mgnb {width:0; height:100%; position:fixed; top:0; right:0; background:#fff; text-align:left; display:none; z-index:990;}
.mgnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.mgnb .mgnb_1ul {height:100%; margin-top:100px; border-top:1px solid #f0f0f0; padding:50px 50px 0 50px;  background:#f5f5f5; position:relative;}
.mgnb .mgnb_1li .bg {display:none;}
.mgnb .mgnb_1 {width:50%; font-size:22px; color:#666; line-height:60px; cursor:pointer;}
.mgnb .mgnb_1li.on .mgnb_1 {color:#167ae0;}
.mgnb .mgnb_1::before {content:"+ ";}
.mgnb .mgnb_1 .arr {vertical-align:middle; float:right; margin:18px 50px 0 0; display:none;}
.mgnb .mgnb_1li.on .mgnb_1 .arr {display:block;}
.mgnb .mgnb_2ul {width:50%; height:100%; background:#fff; border-left:1px solid #e9e9e9; padding:50px 50px 0px 50px; display:none; position:absolute; top:0; left:50%;}
.mgnb .mgnb_2ul li {}
.mgnb .mgnb_2a {font-size:16px; color:#666; line-height:50px; display:block;}
.mgnb .mgnb_2a::before {content:"· ";}
.mgnb .mgnb_2a:hover {color:#000;}
.mgnb .hk {width:50%; position:absolute; left:0px; bottom:50px; padding:0 50px;}
.mgnb .hk li {position:relative; background:url('../img/ico_arr2.png') 85% 50% no-repeat;}
.mgnb .hk li a {display:block; border:1px solid #b0b0b0; padding:0 30px; margin-bottom:20px; line-height:50px;}



.subhead {}
.subhead h2 {font-size:45px; font-weight:700; color:#333; line-height:220px; background:url('../img/subhead.jpg') 100% 50% no-repeat;}

.subvisu {width:100%; height:320px; position:relative; text-align:center;}
/* .subvisu::after {content:""; width:1px; height:140px; background:#bbb; display:block; position:absolute; bottom:-70px; left:50%;} */
.sub1 {background:url('../img/sub1.jpg') 50% 50% no-repeat; background-size:cover;}
.sub2 {background:url('../img/sub2.jpg') 50% 50% no-repeat; background-size:cover;}
.sub3 {background:url('../img/sub3.jpg') 50% 50% no-repeat; background-size:cover;}
.sub4 {background:url('../img/sub4.jpg') 50% 50% no-repeat; background-size:cover;}
.sub5 {background:url('../img/sub5.jpg') 50% 50% no-repeat; background-size:cover;}
.subvisu .titwrap {width:100%;}
.subvisu .titwrap h2 {font-size:38px; font-weight:600; color:#fff; text-shadow:3px 4px 4px rgba(0, 0, 0, 0.65);}

/* .lnb {background:#fff url('../img/bg_lnb.gif') left bottom repeat-x; margin-top:-62px;}
.lnb li {}
.lnb li a {display:block; font-size:16px; color:#777; text-align:center; line-height:60px; border-left:1px solid #d8d8d8;}
.lnb li:last-child a {border-right:1px solid #d8d8d8;}
.lnb li a.on {border-bottom:2px solid #9acb34;} */

.lnbwrap {width:100%; height:70px; text-align: center;border-bottom: 1px solid #eeeeee;}
.lnb {display:inline-block;}
.lnb li {height:70px; position:relative;}
.lnb li::after {content:""; width:1px; height:16px; background:#dfdfdf; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.lnb li:last-child::after {display:none;}
.lnb li a {display:block; font-size:16px; color:#888; text-align:center; line-height:72px; padding:0 65px;}
.lnb li:last-child a {}
.lnb li a.on {font-weight:500; color:#0f5db1;}

.ftwrap {width:100%; background:#3d3d3d; padding:80px 0px; position:relative;}
.ftwrap .logowrap {display:inline-block; margin:0px 40px 0 0;}
.ftwrap .ftbox {display:inline-block; vertical-align:top;}
.ftwrap .ftbox .ftlink {margin-top:0px;}
.ftwrap .ftbox .ftlink li::after {content:'|'; color:#aeaeae; display:inline-block; margin:0px 20px;}
.ftwrap .ftbox .ftlink li:last-child::after {display:none;}
.ftwrap .ftbox .ftlink a {font-size:12px; color:#f77d11;}
.ftwrap .ftbox p {font-size:12px; color:#8c8c8c; line-height:180%;}
.ftwrap .ftbox p a {color:#8c8c8c;}
.ftwrap .ftbox p span {margin-right:10px;}
.ftwrap .ftbox .copy {font-size:12px; color:#7d7c7c; position:absolute; top:20px; right:0;}
.ftwrap .login {position:absolute; top:50px; right:50px;}
.ftwrap .login a {color:#666; margin-left:10px;}
.ftwrap .login a.logout {color:red;}

#top_btn {border-radius:100%;}
#top_btn:hover {border-color:#3059c7; background:#3059c7;}

/* common */
.ul2 > li {width:49%; margin-right:2%; margin-bottom:20px;}
.ul2 > li:nth-child(2n) {margin-right:0;}
.ul2 > li:nth-last-child(-n + 2) {margin-bottom:0;}

.ul3 > li {width:32%; margin-right:2%; margin-bottom:20px;}
.ul3 > li:nth-child(3n) {margin-right:0;}
.ul3 > li:nth-last-child(-n + 3) {margin-bottom:0;}

.ul4 > li {width:24%; margin-right:1.3333%; margin-bottom:40px;}
.ul4 > li:nth-child(4n) {margin-right:0;}

.ul5 > li {width:18%; margin-right:2.5%; margin-bottom:20px;}
.ul5 > li:nth-child(5n) {margin-right:0;}
.ul5 > li:nth-last-child(-n + 5) {margin-bottom:0;}

.ul6 > li {width:15%; margin-right:2%; margin-bottom:20px;}
.ul6 > li:nth-child(6n) {margin-right:0;}
.ul6 > li:nth-last-child(-n + 6) {margin-bottom:0;}

.ult1 li {padding-left:15px; position:relative;}
.ult1 li::before {content:''; width:5px; height:5px; display:inline-block; background:#ddd; border-radius:50%; position:absolute; top:9px; left:0;}


/* main */
a.btn1 {font-size:15px; font-weight:300; color:#9e9e9e; line-height:26px;}
a.btn1.t1 {color:#fff;}
a.btn1::after {content:url('../img/ico_arr.png'); vertical-align:middle; margin-left:10px;}

.onepage-pagination {position:absolute; right:2%; top:50%; transform:translateY(-50%); z-index:999;}
.onepage-pagination li {margin:15px 0px;}
.onepage-pagination li a{width:17px; height:17px; display:block;}
.onepage-pagination li a:before{content:''; position:absolute; width:15px; height:15px; background:url('../img/mlink.png') 50% 50% no-repeat;}
.onepage-pagination li a.active:before{width:17px; height:17px; background:url('../img/mlink_on.png') 50% 50% no-repeat;}

.mtit1 {font-size:56px; font-weight:900; color:#000; line-height:120%; margin-bottom:40px;}
.mtit1.t1 {color:#fff; margin-bottom:70px;}
.mp1 {font-size:15px;}

.mdiv {width:100%; height:100%; position:relative; overflow:hidden; background:#000;}
.mdiv1 video {width:120%; height:120%;}
.mdiv1 p {left:10%; font-size:30px; color:#fff;}
.mdiv1 p strong {font-size:98px; font-weight:700;}
.mdiv1 .btnscroll {bottom:50px;}

.btnscroll {animation-duration:1.5s; animation-name:move; animation-iteration-count:infinite;}
@keyframes move {
	0% {bottom:50px;}
	50% {bottom:60px;}
	100% {bottom:50px;}
}

.mdiv2 {background:url('../img/mb0.jpg') 50% bottom no-repeat; background-size:cover;}
.mdiv2 ul {width:100%; height:100%;}
.mdiv2 ul li {width:25%; height:100%; color:#fff; text-align:center; border-right:1px solid rgba(255,255,255,0.3); position:relative;}
.mdiv2 ul li:last-child {border:0;}
.mdiv2 ul li .mY {width:100%; padding:0 20px;}
.mdiv2 ul li .hks {margin-bottom:20px;}
.mdiv2 ul li .tit {font-size:48px; font-weight:700; word-break:keep-all; margin-bottom:60px;}
.mdiv2 ul li .exp {line-height:180%; margin-bottom:100px;}
.mdiv2 ul li .m2btn {}
.mdiv2 ul li .m2sh {display:none;}
.mdiv2 ul li.on {background:rgba(0, 0, 0, 0.8);}
.mdiv2 ul li.on .hks {color:#29aefd;}
.mdiv2 ul li.on .m2sh {display:block;}

.mdiv3 {background:url('../img/bg_mdiv3.png') right 35% no-repeat;}
.mdiv3 .mp1 strong {font-size:21px; color:#555; display:block; margin:30px 0 15px 0;}

.mdiv4 {background:url('../img/bg_mdiv4.jpg') right bottom no-repeat; background-size:contain;}
.mdiv4 .stab {width:200px;}
.mdiv4 .stab > li {width:208px; height:62px; cursor:pointer; color:#aaa; line-height:62px; padding-left:30px; margin-bottom:10px; background:url('../img/bg_stab.jpg') no-repeat;}
.mdiv4 .stab > li:last-child {margin-bottom:0;}
.mdiv4 .stab > li.stabOn {color:#fff;  background:url('../img/bg_stab_on.jpg') no-repeat;}
.mdiv4 .tabL {width:56%; height:500px; position:absolute; top:-50px; right:0; border-radius:30px 30px 0 0; overflow:hidden; z-index:-1;}
.mdiv4 .tabOn {z-index:1 !important;}

.mdiv5 {background:url('../img/bg_mdiv5.jpg') 50% bottom no-repeat; background-size:cover;}

.mdiv6 {background:url('../img/bg_mdiv6.jpg') 50% bottom no-repeat; background-size:cover;}
.mdiv6 .fL {width:68.75%;}
.mdiv6 .fR {width:25%;}
.mdiv6 .media {height:495px;}
.mdiv6 .media iframe {width:100%; height:100%;}
.mdiv6 .media a {display:block;}


/* slider */
.slick {width:100%; position:relative; padding-left:3%;}

/* slick slider detail */
.slick-loading .slick-list{background:#fff url('../js/slick/ajax-loader.gif') center center no-repeat;}
.slick .slick-list {}
.slick-slide {}
.slick .slickbox {}

.slick-active {}
.slick-center {}

.slick-arrow {width:72px; height:72px; position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999999px; font-size:0; line-height:0; border:0; cursor:pointer; z-index:1;}
.slick .slick-prev {left:-100px; background:url('../img/slick_prev.png') no-repeat;}
.slick .slick-next {right:-100px; background:url('../img/slick_next.png') no-repeat;}
        
.slick-dots {display:none !important;}
#Slider .playstop {display:none;}


/* contents */
.container {padding:150px 0 180px 0;}
.container p {word-break:keep-all;}
.bbsctt {font-size:14px;}

.tit1 {font-size:18px; font-weight:500; color:#0d4fa1; margin-bottom:70px;}
.tit1::before {content:""; width:24px; height:1px; background:#0d4fa1; display:inline-block; vertical-align:top; margin:12px 15px 0 0;}

.exp1 {font-size:38px; font-weight:600; color:#444; margin-bottom:50px;}
.exp2 {font-size:38px; font-weight:600; color:#333;}
.exp3 {font-size:38px; font-weight:600; color:#333; margin-bottom:50px;}
.exp4 {font-size:28px; font-weight:600; color:#333; margin-bottom:20px;}

.tbl1 {width:100%; border-top:2px solid #959595;}
.tbl1 th, .tbl1 td {padding:23px 20px; border-bottom:1px solid #e3e3e3;}
.tbl1 th {background:#f5f5f5; font-weight:500;}

.container .ul2.t1 {margin-bottom:50px;}
.container .ul2.t1 li {background:#f7f7f7; padding:30px 40px 30px 60px; position:relative;}
.container .ul2.t1 li::before {content:"·"; font-size:40px; color:#2470cf; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:40px;}

.container .ul2 img {width:100%;}
.container .ul3 img {width:100%;}

.container strong.ps {color:#317ad3;}

.comp2 .tblwrap {width:68%;}
.comp2 .c1 {height:530px; background:url('../img/bg_ab01.jpg') 50% 50% no-repeat; background-size:cover;}
.comp2 .history .cB {margin-bottom:90px;}
.comp2 .history .year {font-size:32px; font-weight:900; color:#126ec3; margin:20px 0;}
.comp2 .history li {margin-bottom:20px; position:relative;}
.comp2 .history .ctt.fR {padding-left:40px;}
.comp2 .history .ctt.fR li {padding-left:40px;}
.comp2 .history .ctt.fR li::before {content:"·"; position:absolute; top:0px; left:0px;}
.comp2 .history .ctt.fR li strong {position:absolute; top:0; left:10px;}
.comp2 .history .ctt.fL {padding-right:40px; text-align:right;}
.comp2 .history .ctt.fL li {padding-right:40px;}
.comp2 .history .ctt.fL li ::after {content:"·"; position:absolute; top:0; right:0;}
.comp2 .history .ctt.fL li strong {position:absolute; top:0; right:0; padding-right:10px;}

.comp4 .tblwrap {padding-left:320px; background:#0d4fa1 url('../img/img_ad01.jpg') left 50% no-repeat; border-radius:0 0 0 30px; overflow:hidden;}
.comp4 .tblwrap td {background:#fff;}

.comm3 .wrapper-inner {padding:150px 0; background:url('../img/bg_aa01.jpg') 50% 50% no-repeat; background-size:cover;}
.comm3 iframe {width:100%; height:730px;}


@media screen and (min-width: 1920px){
}

@media screen and (max-width:1630px){
    .wrapper.t1 {padding:0 15px;}

    .mdiv4 {background:url('../img/bg_mdiv4.jpg') right bottom no-repeat; background-size:50%;}

    .slick .slick-prev {left:0px;}
    .slick .slick-next {right:0px;}
}

@media screen and (max-width:1330px){
    .wrapper {min-width:320px; padding:0 15px;}

    .mdiv4 {background-size:50%;}
    .mdiv4 .tabL {right:15px;}
}

@media screen and (max-width:1200px){
    .subvisu .titwrap h2 {font-size:26px;}

    .ftwrap {text-align:center;}
    .ftwrap .logowrap {display:block; margin:0 0 30px 0;}
    .ftwrap .ftlink {display:inline-block;}
    .ftwrap .login {display:none;}
    .ftwrap .ftbox .copy {position:relative; top:initial; right:initial; margin-top:30px;}

    .btn_gnb {display:inline-block;}
    .gnb {display:none;}
    .mgnb {display:block;}
    
    .lnb {display:none;}
}


@media screen and (max-width:960px){
    .lnbwrap {display:none;}
}

@media screen and (max-width:700px){
    body {font-weight:normal;}

    #hd_pop {width:100% !important;}
    .hd_pops {top:0px !important; left:0 !important;}
    .hd_pops_con {height:auto !important;}

    .header .logo {margin:32px 0 0 15px;}
    .header .online {right:65px; display:none;}
    .header .lang {position:absolute; top:72px; right:0px;}
    .btn_gnb {right:15px;}
    .btn_gnb_close {right:15px;}

    .mgnb .mgnb_1ul {padding:20px 15px 0 15px;}
    .mgnb .mgnb_1 {width:50%; font-size:20px; line-height:40px;}
    .mgnb .mgnb_1li.on .mgnb_1 .arr {display:none;}
    .mgnb .mgnb_2ul {padding:20px 15px 0px 15px;}
    .mgnb .mgnb_2a {line-height:40px;}
    .mgnb .mgnb_2a::before {content:"· ";}
    .mgnb .mgnb_2a:hover {color:#000;}
    .mgnb .hk {width:100%; bottom:20px;}
    .mgnb .hk li {background:#fff url('../img/ico_arr2.png') 85% 50% no-repeat;}

    .mtit1 {font-size:30px; margin-bottom:30px;}

    .mdiv1 video {width:auto; height:100%;}
    .mdiv1 p {left:15px; font-size:20px; color:#fff;}
    .mdiv1 p strong {font-size:30px; font-weight:700;}
    .mdiv1 .btnscroll {display:none;}

    .mdiv2 ul {height:calc(100% - 100px); margin-top:100px;}
    .mdiv2 ul li {width:50%; height:50%;}
    .mdiv2 ul li:nth-child(-n+2) {border-bottom:1px solid rgba(255,255,255,0.3);}
    .mdiv2 ul li:nth-child(2n) {border-right:0;}
    .mdiv2 ul li .mY {padding:0 15px;}
    .mdiv2 ul li .hks {display:none;}
    .mdiv2 ul li .tit {font-size:30px; margin-bottom:20px;}
    .mdiv2 ul li .exp {display:none !important;}

    .mdiv3 .mY {margin-top:30px;}

    .mdiv4 .mY {margin-top:30px;}
    .mdiv4 .mp1 {display:none;}
    .mdiv4 .stab {width:100%; margin-bottom:20px;}
    .mdiv4 .stab > li {width:50%; float:left; background:#eee;}
    .mdiv4 .stab > li.stabOn {color:#fff;  background:#167ae0 url('../img/bg_stab_on.jpg') right top no-repeat;}
    .mdiv4 .tabL {width:100%; height:auto; position:relative; top:initial; right:initial;}

    .mdiv5 .mY {height:400px; margin-top:30px;}
    .slick .slick-list {height:230px;}
    
    .mdiv6 .mY {margin-top:50px;}
    .mdiv6 .mtit1 {display:none;}
    .mdiv6 .fL {width:100%; margin-bottom:30px;}
    .mdiv6 .fR {width:100%;}
    .mdiv6 .media {height:200px;}
    .mdiv6 .fR img {width:100px;}

    .ftwrap .ftbox p {margin-bottom:20px;}
    .ftwrap .ftbox span {display:block;}
    
    .slick {height:400px;}
    .slick .slickbox {height:400px;}
    
    .subhead h2 {font-size:40px; line-height:100px; background:none;}
    .subvisu {height:250px;}
    /* .subvisu::after {display:none;} */
    .subvisu .titwrap h2 {font-size:20px;}
    

    .exp1 {font-size:26px; font-weight:600; color:#444; margin-bottom:50px;}
    .exp2 {font-size:26px; font-weight:600; color:#333;}
    .exp3 {font-size:26px; font-weight:600; color:#333; margin-bottom:50px;}

    .container {padding:50px 0 80px 0;}
    .container .w44, .container .w56 {width:100%;}
    .container .w44.fL {margin-bottom:50px;}
    .container .mb100, .container .mb120, .container .mb150 {margin-bottom:50px !important;}

    .container .ul2.t1 {margin-bottom:20px;}
    .container .ul2.t1 li {width:100%; margin-right:0; padding:20px 20px 20px 40px;}
    .container .ul2.t1 li > li:nth-last-child(-n + 2) {margin-bottom:20px;}
    .container .ul2 > li:nth-last-child(-n + 2) {margin-bottom:20px;}
    .container .ul2.t1 li:last-child {margin-bottom:0;}
    .container .ul2.t1 li::before {top:0px; transform:initial; left:20px;}
    .ul2 > li:nth-last-child(-n + 2) {margin-bottom:0;}

    .comp2 .tblwrap {width:100%; margin-bottom:50px;}
    .comp2 .compinfo .fR {width:100%;}
    .comp2 .compinfo .fR img {width:100%;}

    .comp3 .ul4 > li {width:49%; margin-right:2%; margin-bottom:20px;}
    .comp3 .ul4 > li:nth-child(2n) {margin-right:0;}
    .comp3 .ul4 > li:nth-last-child(-n + 4) {margin-bottom:20px;}
    .comp3 .ul4 > li:nth-last-child(-n + 2) {margin-bottom:0px;}
    
    .comp4 .tblwrap {padding-left:0px; background:none; border-radius:0; overflow-x:scroll;}

    .comm3 iframe {height:250px;}

    .biz4 .ul4 > li {width:49%; margin-right:2%; margin-bottom:20px;}
    .biz4 .ul4 > li:nth-child(2n) {margin-right:0;}
    .biz4 .ul4 > li:nth-last-child(-n + 4) {margin-bottom:20px;}
    .biz4 .ul4 > li:nth-last-child(-n + 2) {margin-bottom:0px;}
}