@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; position:relative;}
.dlFl {zoom:1;}
.dlFl::after {display:block; visibility:hidden; clear:both; content:"";}
.dlFl > dt, .dlFl > dd {float:left; position:relative;}
.clear {clear:both;}
.hidden {display:none;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.tJ {text-align:justify;}
.mA {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;}
.vB {vertical-align:bottom;}
.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;}
.mt5 {margin-top:5px !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;}
.mb5 {margin-bottom:5px !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;}

.ml0 {margin-left:0px !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;}

.mr0 {margin-right:0px !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;}

.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pt120 {padding-top:120px !important;}
.pt150 {padding-top:150px !important;}
.pt160 {padding-top:160px !important;}
.pt180 {padding-top:180px !important;}
.pt200 {padding-top:200px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pb120 {padding-bottom:120px !important;}
.pb150 {padding-bottom:150px !important;}
.pb160 {padding-bottom:160px !important;}
.pb180 {padding-bottom:180px !important;}
.pb200 {padding-bottom:200px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.b0 {border:none !important;}
.bT0 {border-top:none !important;}
.bB0 {border-bottom:none !important;}
.bR0 {border-right:none !important;}
.bL0 {border-left:none !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 {}
body {font-family:'Noto Sans KR', 'sans-serif'; font-size:18px; 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:1280px; margin:0 auto; z-index:auto; position:relative;}
.wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
.wrapper.w_ {max-width:initial;}
.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:120px; position:absolute; z-index:1;}

.header {}
.header .logo {position:absolute; top:35px; left:0; z-index:999;}


/* gnb */
.gnb {width:100%; height:120px; position:relative;}
.gnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.gnb .gnb_1ul {display:inline-block; position:absolute; top:0; right:0;}
.gnb .gnb_1li {float:left; position:relative; cursor:pointer;}
.gnb .gnb_1li .bg {display:none;}
.gnb .gnb_1a {font-size:20px; font-weight:400; color:#fff; line-height:120px; padding:0px 60px;}
.gnb .gnb_1a:hover {}
.gnb .gnb_1li:hover > .gnb_2ul {}
.gnb .gnb_2ul {width:100%; padding:10px 0px 20px; position:absolute; top:120px; left:0; display:none;}
.gnb .gnb_2ul li {margin:5px 0px;}
.gnb .gnb_2a {font-size:16px; color:#666; text-align:center; display:block;}
.gnb .gnb_2a:hover {color:#111;}
.gnb_all_bg {width:100%; height:180px; background:rgba(255,255,255,0.95); position:absolute; top:120px; left:0px; display:none;}

.btn_gnb {position:absolute; top:36px; right:15px; font-size:40px; color:#000; cursor:pointer; z-index:900; display:none;}
.btn_gnb_close {position:fixed; top:30px; right:15px; font-size:30px; color:#fff; cursor:pointer; z-index:999; display:none;}

.mgnb {width:0; height:100%; position:fixed; top:0; right:0; background:#000; text-align:left; display:none; z-index:990;}
.mgnb > h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.mgnb .mgnb_1ul {margin-top:50px;}
.mgnb .mgnb_1li .bg {display:none;}
.mgnb .mgnb_1 {font-size:18px; color:#fff; line-height:200%; padding-left:20px; cursor:pointer;}
.mgnb .mgnb_2ul {width:100%; background:#eee; padding:10px 0px 15px 20px; display:none;}
.mgnb .mgnb_2ul li {margin:5px 0px;}
.mgnb .mgnb_2a {font-size:14px; color:#333; display:block;}
.mgnb .mgnb_2a:hover {color:#000;}


.subvisu {width:100%; height:480px; position:relative; text-align:center;}
.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;}
.subvisu .titwrap {}
.subvisu .titwrap h2 {font-size:58px; font-weight:500; color:#fff; margin-bottom:20px;}
.subvisu .titwrap .location {font-size:14px; font-weight:400; color:#fff; background:rgba(0, 0, 0, 0.3); padding:5px 10px; display:inline-block;}
.subvisu .titwrap .location img {vertical-align:top; margin-top:2px;}

.lnb {text-align:center; margin-top:20px;}
.lnb li {display:inline-block; margin:0 20px;}
.lnb li a {display:block; font-size:18px; color:#444; text-align:center; line-height:60px; padding:0 10px;}
.lnb li:last-child a {}
.lnb li a.on {border-bottom:2px solid #00a651; color:#00a651;}

.ftwrap {width:100%; background:#1d211f; padding:60px 0px; position:relative;}
.ftwrap .ftbox {display:inline-block; vertical-align:top;}
.ftwrap .ftbox p {font-size:14px; color:#6a706d; line-height:200%;}
.ftwrap .ftbox p a {color:#6a706d;}
.ftwrap .ftbox p span {margin-right:20px;}
.ftwrap .logowrap {display:inline-block; position:absolute; top:0px; right:0; text-align:right;}
.ftwrap .logowrap .copy {font-size:12px; color:#424845; margin-top:5px;}
.ftwrap .login {position:absolute; bottom:10px; left:0;}
.ftwrap .login a {color:#2b302d; margin-left:10px;}
.ftwrap .login a.logout {color:red;}

#top_btn {border-radius:100%;}
#top_btn:hover {border-color:#00a651; background:#00a651;}

/* 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:23%; margin-right:2.6666%; margin-bottom:20px;}
.ul4 > li:nth-child(4n) {margin-right:0;}
.ul4 > li:nth-last-child(-n + 4) {margin-bottom: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 */
.md {font-size:18px; color:#444;}

.md1 {margin:-100px auto 150px auto;}
.md1 li {width:50%;}

.md2 a {display:block;}

.md3 {width:100%; height:600px; padding-top:200px; text-align:center; color:#fff; background:url('../img/bg_md3.jpg') 50% 50% no-repeat; background-size:cover;}

.md4 .fL {padding-top:60px;}

.md5 .t1 {height:320px; background:url('../img/bg_d501.jpg') left bottom no-repeat; background-size:cover;}
.md5 .t2 {height:320px; background:url('../img/bg_d502.jpg') right bottom no-repeat; background-size:cover;}
.md5 .wrapper {}
.md5 a {font-size:28px; font-weight:500; color:#fff; line-height:60px; margin-top:-185px;}
.md5 a img {margin-left:300px;}

/* slider */
#Slider {position:relative;}
.slick {width:100%; height:800px; position:relative; overflow:hidden;}

/* 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 {height:800px; background-size:cover !important;}

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

.slick-arrow {width:66px; height:66px; 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:20px; background:url('../img/slick_prev.png') no-repeat;}
.slick .slick-next {right:20px; background:url('../img/slick_next.png') no-repeat;}
        
.slick-dots {display:inline-block; position:absolute; bottom:150px; left:50%; transform:translateX(-50%);}
.slick-dots li {display:inline-block; margin:0px 12px;}
.slick-dots li button {width:12px; height:12px; font-size:0; line-height:0; background:#fff; padding:0; cursor:pointer; border:0px; border-radius:50%;}
.slick-dots li.slick-active button {background:#00a651;}
.slick-dots li button:hover {background:#fff;}
.slick-dots li button:focus {background:#00a651;}

#Slider .playstop {display:none;}

.slicktext {font-size:18px; font-weight:500; color:#fff; word-break:keep-all;}
.slicktext strong {font-size:58px; font-weight:700; margin-bottom:30px; display:inline-block;}

/* contents */
.container {width:100%; min-height:600px; padding:130px 0 150px 0;}
.container p {word-break:keep-all;}
.bbsctt {font-size:14px;}

.tit1 {font-size:16px; font-weight:400; color:#00a651;}
.tit2 {font-size:48px; font-weight:600; color:#444; line-height:100%;}
.tit2::before {content:""; width:40px; height:1px; background:#6a6a6a; display:inline-block; vertical-align:top; margin:25px 15px 0 0;}
.tit3 {font-size:22px; font-weight:500; color:#fff; text-align:center; line-height:60px; padding:0 100px; border-radius:30px; background:#00a651; display:inline-block; position:relative; z-index:10;}
.tit4 {font-size:42px; font-weight:500; color:#333;}
.tit5 {font-size:26px; font-weight:500; color:#444;}

.exp1 {font-size:58px; font-weight:600; color:#000;}
.exp2 {font-size:58px; font-weight:600; color:#fff;}
.exp3 {font-size:46px; font-weight:600; color:#000;}
.exp4 {font-size:32px; font-weight:600; color:#00a651;}
.exp5 {font-size:24px; font-weight:400; color:#444;}
.exp6 {font-size:22px; font-weight:400; color:#333;}
.exp7 {font-size:32px; font-weight:500; color:#333;}

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

ul.exp {padding:50px 70px; background:#f8f8f8; border-radius:20px; text-align:left; color:#444;}
ul.exp li {background:url('../img/ico_dot2.png') left 4px no-repeat; padding-left:33px; margin-bottom:5px;}

.stab {text-align:center;}
.stab > li {display:inline-block; cursor:pointer; border:1px solid #ddd; padding:10px 20px;}
.stab > li.stabOn {background:#00a651; border:1px solid #00a651; color:#fff;}
.tabL {z-index:-1;}
.tabOn {z-index:1;}

.a01 .tbox {background:#f9f9f9; font-size:18px; padding:40px 0 100px; z-index:-1;}
.a01 .img {position:absolute; top:390px; left:0;}
.a01 .ceo {text-align:right;}
.a01 .ceo strong {font-size:26px; font-weight:400; text-align:right; display:inline-block; margin-left:20px;}

.a02 .d1 {padding:150px 0; background:url('../img/bg_ab01.jpg') 50% 50% no-repeat; background-size:cover;}
.a02 .d2 .sort img {margin:0 10px;}

.a03 {text-align:center;}
.a03 .d1 {background:#fafafa; padding:100px 0;}
.a03 li .exp6 {margin:40px 0 20px;}
.a03 .safe li {margin-bottom:20px;}
.a03 .safe li num {width:72px; height:72px; background:url('../img/bg_num.jpg') no-repeat; display:inline-block; padding:6px; margin-right:15px;}
.a03 .safe li num span {width:60px; height:60px; display:inline-block; font-size:20px; font-weight:500; color:#00a651; line-height:60px; text-align:center; background:#f8f8f8; border-radius:100%;}
.a03 .safe li p {width:calc(100% - 87px); display:inline-block; font-size:18px; line-height:72px; background:#f8f8f8; padding:0 30px; border-radius:10px;}
.a03 .name {font-size:16px; color:#888;}
.a03 .name .date {font-size:18px; color:#444;}
.a03 .name .ceo {font-size:26px; font-weight:500; color:#444;}

.a04 .hbox img {width:37.5%;}
.a04 .hctt {width:50%; font-size:18px;}
.a04 .hctt .tit2 {margin-bottom:100px;}
.a04 .hctt li {background:url('../img/ico_dot.jpg') left 12px no-repeat; padding-left:20px; margin-bottom:20px;}
.a04 .hctt li strong {font-weight:500; color:#333; display:inline-block; margin-right:40px;}
.a04 .hctt li span {display:inline-block; margin-left:118px;}

.a05 .map {width:100%;}

.b01 {text-align:center;}

.b02 {text-align:center;}
.prc {background:#fafafa; padding:120px 0; margin-top:-30px;}

.b03 {text-align:center;}
.b03 ul li p {margin-top:20px;}

.c01 .d1 {width:42%; padding-top:100px;}
.c01 .tit4 {height:150px; position:relative; display:block;}
.c01 .tit4::after {content:""; width:1px; height:40px; background:#515151; display:inline-block; position:absolute; top:80px; left:10px;}

.d01 .map {width:100%;}
.d01 .d1 {height:412px; padding:50px 0 50px 80px; border:1px solid #e3e3e3;}
.d01 .d1 .ctt {margin-bottom:20px;}
.d01 .d1 .ctt span {font-size:13px; color:#bdbdbd; background:url('../img/ico_dot.jpg') left 50% no-repeat; padding-left:12px;}


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

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

    .header .logo {left:15px;}

    .gnb .gnb_1a {padding:0px 30px;}

    .ftwrap .logowrap {right:15px;}

    .md5 a img {margin-left:100px;}

    .a01 .img {left:15px;}
}

@media screen and (max-width:1100px){
    .slicktext strong {font-size:42px;}

    .exp1 {font-size:42px;}
    .exp2 {font-size:42px;}
    .exp3 {font-size:42px;}
    
    .ftwrap {text-align:center;}
    .ftwrap .logowrap {position:relative; top:initial; right:initial; text-align:center; margin-top:20px;}
    
    .container .mb120 {margin-bottom:50px !important;}

    .a01 .img {position:relative; left:initial; top:initial; margin-bottom:30px;}
    .a01 .w50 {width:100%;}
}

@media screen and (max-width:900px){
    .ftwrap .ftbox {display:block;}
    .ftwrap .login {display:none;}
    .ftwrap .ftbox p span {display:block; margin-right:0px;}

    .btn_gnb {display:inline-block;}
    .gnb {display:none;}
    .mgnb {display:block;}
    
    .lnb {display:none;}
    
    .md1 li {width:100%; text-align:center;}

    .md4 {text-align:center;}
    .md4 .w50 {width:100%;}
    .md4 .fR {margin-top:100px;}

    .md5 {display:none;}

    .imgwrap {width:1000px;}
    
    .a03 .safe li num {margin-bottom:10px;}
    .a03 .safe li p {width:100%; line-height:120%; padding:20px 30px;}

    .a02 .d1 {display:none;}

    .a04 .hbox img {width:auto; margin-bottom:50px;}
    .a04 .hctt {width:100%;}
    .a04 .hctt .tit2 {margin-bottom:50px;}
    .a04 .fL, .a04 .fR {float:none;}
    
    .ul4 > li {width:49%; margin-right:2%; margin-bottom:20px;}
    .ul4 > li:nth-child(2n) {margin-right:0;}
    .ul4 > li:nth-last-child(-n + 4) {margin-bottom:20px;}
    .ul4 > li:nth-last-child(-n + 2) {margin-bottom:0;}
    
    .c01 .w50 {width:100%;}
    .c01 .d1 {width:100%; padding-top:100px;}

    .d01 .w58, .d01 .w40 {width:100%;}
}

@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;}

    .mb150 {margin-bottom:50px !important;}

    .header .logo {top:25px;}
    
    .slick {height:400px;}
    .slick .slickbox {height:400px;}
    
    .md1 {margin:-100px auto 50px auto;}

    .subvisu {height:250px;}
    .subvisu .titwrap .location {font-size:14px; text-shadow:none;}
    .subvisu .titwrap h2 {font-size:16px; text-shadow:none;}
    .subvisu .titwrap h3 {font-size:30px; text-shadow:none;}
    
    .tit3 {padding:0; display:block;}

    .exp1 {font-size:36px;}
    .exp2 {font-size:36px;}
    .exp3 {font-size:36px;}
    
    ul.exp {padding:20px; background:#f8f8f8; border-radius:20px; text-align:left; color:#444;}
    ul.exp li {background:url('../img/ico_dot2.png') left 4px no-repeat; padding-left:33px; margin-bottom:5px;}

    .container {padding:50px 0 80px 0;}

    .a04 .hctt li strong {display:block; margin-right:0px;}
    .a04 .hctt li span {margin-left:0px;}
    
    .d01 .d1 {height:auto; padding:50px 0 50px 50px;}

}