/**/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: 'xeicon';
  src: url('../font/xeicon.woff2') format('woff2');
}
@font-face {
  font-family: 'preGOV';
  src: url('../font/PretendardGOVVariable.woff2') format('woff2');
  font-style:normal;
}

*{padding:0;margin:0;border:0;list-style:none;text-decoration:none;font-family:'preGOV',sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.02em;color:#333;word-break:keep-all;box-sizing:border-box;border-collapse:collapse;}
br.monly{display:none;}
.taC{text-align:center;}

:root {
  --mnblue:#2585f8;
  --mngreen:#03ddb1;
  --mnnavy:#091e4d;
}

@media (max-width: 1200px) {

  *{font-size:16px;}
  br.monly{display:block;}
}
@media (max-width: 375px) {

  *{font-size:15px;}
}



#header{position:fixed;top:0;left:0;width:100%;height:90px;background:#fff;z-index:10;}
#header .inner{height:100%;}
#header h1{position:absolute;top:50%;left:40px;transform:translateY(-50%);}
#header h1 a{display:block;width:220px;}
#header h1 a img{display:block;width:100%;}
#header .mnav_btn{display:none;}
#header nav{height:100%;}
#header nav .close{display:none;}
#header nav > ul{display:flex;justify-content:center;align-items:center;gap:54px;height:100%;}
#header nav .depth1{position:relative;height:100%;display:flex;align-items:center;}
#header nav .depth1:last-child{display:none;}
#header nav .depth1 > a{font-weight:600;}
#header nav .depth2{position:absolute;top:90px;left:50%;transform:translateX(-50%);padding:30px 42px;background:var(--mnnavy);text-align:center;z-index:1;display:none;}
#header nav .depth2 li{line-height:34px;}
#header nav .depth2 li a{font-size:0.8em;color:#fff}
#header nav .depth2 li a:hover{color:var(--mngreen);}
#header .admin{position:absolute;top:50%;right:40px;transform:translateY(-50%);}
#header .admin a{display:flex;justify-content:center;align-items:center;gap:6px;width:120px;height:40px;border-radius:40px;border:1px solid var(--mnblue);}
#header .admin img{display:block;width:14px;transition:all 0.3s;}
#header .admin a:hover img{transform:rotate(45deg);}
#header .admin span{font-size:0.7em;font-weight:500;color:var(--mnblue);}

@media (max-width: 1200px) {

  #header{height:60px;}
  #header h1{left:20px;}
  #header h1 a{width:150px;}
  #header .mnav_btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:block;}
  #header .mnav_btn span{display:block;width:24px;height:2px;background:#222;}
  #header .mnav_btn span + span{margin-top:5px;}
  #header nav{position:fixed;top:0;right:-90vw;width:90vw;z-index:11;background:var(--mnnavy);opacity:0;transition:all 0.3s;}
  #header nav.active{right:0;opacity:1;}
  #header nav .close{display:block;position:absolute;top:20px;right:20px;}
  #header nav .close i{font-size:1.8em;color:#fff;}
  #header nav > ul{display:block;padding-top:60px;}
  #header nav .depth1{height:auto;display:block;border-bottom:1px solid rgba(255,255,255,0.1);}
  #header nav .depth1 > a{display:block;padding:24px 24px;font-size:1.2em;color:#fff;}
  #header nav .depth2{position:unset;transform:none;background:none;text-align:left;border-top:1px solid rgba(255,255,255,0.1);}
  #header nav .depth2 li a{font-size:0.9em;}

  #header .admin{display:none;}
}


/* 매인컨텐츠 */
#main .main_con{
  opacity: 0;            
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease; 
}
#main .main_con.on{
  opacity: 1;           
  transform: translateY(0);
}
#main .main_con{padding:120px 0;}
#main .main_con .wrap{max-width:78%;margin:0 auto;}

@media (max-width: 1600px) {

  #main .main_con .wrap{max-width:90%;}
}
@media (max-width: 1024px) {

  #main .main_con{padding:70px 20px;}
  #main .main_con .wrap{max-width:100%;}
}

/* 메인-비주얼 */
#main .visual{position:relative;height:75vh;overflow:hidden;}
#main .visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
#main .visual .bg .item{width:100%;height:75vh;}
#main .visual .bg .item01{background:url(../images/mv.jpg) no-repeat center center/cover;}
#main .visual .bg .item02{background:url(../images/mv02.jpg) no-repeat center center/cover;}
#main .visual .txt{position:relative;z-index:1;height:100%;padding-left:20px;}
#main .visual .txt *{color:#fff;}
#main .visual .txt .wrap{display:flex;align-items:flex-end;height:100%;padding-bottom:8vh;}
#main .visual .txt p{padding-bottom:16px;font-size:1.8em;font-weight:200;}
#main .visual .txt h2{display:flex;align-items:flex-end;gap:12px;font-size:4.5em;font-family:'Montserrat';font-weight:700;letter-spacing:0;line-height:1;}
#main .visual .txt h2 i{display:block;transform:translateY(-8px);width:20px;height:20px;border-radius:50%;background:var(--mnblue);}

@media (max-width: 800px) {

  #main .visual{padding:0;}
  #main .visual .bg .item01{background-image:url(../images/mm.jpg)}
  #main .visual .bg .item02{background-image:url(../images/mm02.jpg)}
  #main .visual .txt .wrap{padding-bottom:10vh;}
  #main .visual .txt p{padding-bottom:8px;font-size:1.3em;}
  #main .visual .txt h2{font-size:3em;}
  #main .visual .txt h2 i{transform:translateY(-6px);width:14px;height:14px;}
}


/* 메인-게시판 */
#main .board{position:relative;padding:0;transform:translateY(-40px) !important;opacity:1;}
#main .board:after{content:'';position:absolute;top:28px;left:50%;display:block;width:1px;height:24px;background:#ddd;}
#main .board .wrap{display:flex;border-radius:24px;border:1px solid var(--mnblue);background:#fff;overflow:hidden;box-shadow:0px 20px 30px 0px rgba(0,0,0,0.08);}
#main .board .item{display:flex;align-items:center;gap:24px;width:50%;height:80px;padding:0 40px;}
#main .board .item h3{width:110px;font-size:0.9em;font-weight:700;color:var(--mnblue);}
#main .board .item .slider{width:calc(100% - 110px);}
#main .board .item .slider li a{display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.85em;}
#main .board .item .slider li a:hover{text-decoration:underline;text-underline-offset:3px;}

@media (max-width: 800px) {

  #main .board{transform:translateY(-30px) !important;padding:0 20px;}
  #main .board:after{top:50%;left:21px;width:calc(100% - 42px);height:1px;}
  #main .board .wrap{display:block;border-radius:12px;}
  #main .board .item{display:block;width:100%;padding:20px;height:auto;}
  #main .board .item h3{width:100%;padding-bottom:8px;font-size:1em;}
  #main .board .item .slider{width:100%;}
}


/* 메인-소개 */
#main .intro{padding-top:80px;overflow:hidden;}
#main .intro .mq{animation:marquee 20s linear infinite;}
#main .intro .mq p{width:4630px;font-size:6em;font-family:'Montserrat';font-weight:700;letter-spacing:0.1em;color:#f5f5f5;}
#main .intro .txt{padding-top:70px;font-size:0.85em;line-height:170%;text-align:center;color:#666;}
#main .intro .txt b{font-size:inherit;font-weight:600;color:var(--mnblue);}
#main .intro .link{position:relative;display:flex;justify-content:space-between;align-items:center;margin:60px auto 0;width:260px;height:70px;padding:0 30px;border:1px solid #333;overflow:hidden;}
#main .intro .link:after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#333;transition:all 0.3s;}
#main .intro .link:hover:after{width:100%;z-index:-1;}
#main .intro .link span{font-size:0.8em;font-weight:600;}
#main .intro .link:hover span{color:#fff;}
#main .intro .link:hover i{color:#fff;}
@keyframes marquee {
  0% {transform: translateX(0%);}
  100% {transform: translateX(-100%);}
}
@media (max-width: 1024px) {

  #main .intro{padding-top:30px;}
  #main .intro .mq p{width:2160px;font-size:3.5em;}
  #main .intro .txt{padding-top:40px;}
  #main .intro .link{margin:30px auto 0;width:180px;height:50px;padding:0 20px;}
}


/* 메인-퀵메뉴 */
#main .quick{padding:0;background:#f1f4fa;}
#main .quick ul{display:flex;justify-content:center;gap:5.5vw;height:250px;}
#main .quick li{display:flex;align-items:center;height:100%;}
#main .quick li a{display:block;text-align:center;}
#main .quick li a img{display:block;width:50px;margin:0 auto;}
#main .quick li a span{display:block;padding-top:26px;font-size:0.85em;}

@media (max-width: 800px) {

  #main .quick{padding:40px 20px;}
  #main .quick ul{flex-wrap:wrap;justify-content:center;gap:40px 0;height:auto;}
  #main .quick li{width:25%;}
  #main .quick li a{width:100%;}
  #main .quick li a img{width:34px;}
  #main .quick li a span{padding-top:10px;}
}


/* 메인-서비스 */
#main .boxes .wrap{display:flex;justify-content:center;gap:50px;}
#main .boxes .box{height:460px;padding:60px;border-radius:24px;overflow:hidden;}
#main .boxes .box h4{font-size:1.4em;font-weight:600;color:#fff;}

#main .boxes .box01{display:flex;gap:50px;width:60%;background:var(--mnnavy) url(../images/bg.jpg) no-repeat center center/cover;}
#main .boxes .box01 > div{width:calc(50% - 25px);}
#main .boxes .box01 h4 + p{padding-top:10px;font-size:0.7em;color:rgba(255,255,255,0.4);}
#main .boxes .box01 ul{padding-top:40px;}
#main .boxes .box01 li + li{padding-top:8px;}
#main .boxes .box01 li a{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 20px;border:1px solid rgba(255,255,255,0.12);transition:all 0.3s;}
#main .boxes .box01 li a:hover{border-color:#fff;}
#main .boxes .box01 li a span{font-size:0.8em;color:#fff;}
#main .boxes .box01 li a i{font-size:0.8em;color:#fff;opacity:0.5;}

#main .boxes .box02{width:40%;background:var(--mnblue)}
#main .boxes .box02 form{padding-top:30px;}
#main .boxes .box02 form ul{display:flex;gap:1px;}
#main .boxes .box02 form li{width:50%;}
#main .boxes .box02 form li input{display:none;}
#main .boxes .box02 form li input + label{display:flex;justify-content:center;align-items:center;height:50px;font-size:0.75em;background:rgba(255,255,255,0.1);color:#fff;cursor:pointer;}
#main .boxes .box02 form li input:checked + label{font-weight:600;border:1px solid #222;background:#fff;color:#222;}
#main .boxes .box02 form > div{padding:24px 12px;}
#main .boxes .box02 form dl{display:flex;align-items:center;}
#main .boxes .box02 form dl + dl{padding-top:10px;}
#main .boxes .box02 form dt{width:74px;font-size:0.8em;font-weight:500;color:#fff;}
#main .boxes .box02 form dd{width:calc(100% - 74px);display:flex;align-items:center;gap:5px;color:#fff;}
#main .boxes .box02 form dd input{width:100%;background:none;line-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,0.25);font-size:0.8em;color:#fff;}
#main .boxes .box02 form dd input::placeholder{font-size:inherit;color:#fff;}
#main .boxes .box02 form dd select{width:100%;background:none;height:34px;line-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,0.25);font-size:0.8em;color:#fff;}
#main .boxes .box02 form dd.num input{width:25%;text-align:center;}
#main .boxes .box02 form button{display:block;width:100%;height:54px;margin-top:20px;font-size:0.85em;font-weight:500;border-radius:4px;background:rgba(0,0,0,0.6);color:#fff;cursor:pointer;}

@media (max-width: 1500px) {

  #main .boxes .wrap{gap:12px;}
  #main .boxes .box{padding:60px 30px;}
}
@media (max-width: 1280px) {

  #main .boxes .wrap{display:block;}
  #main .boxes .box01{width:100%;}
  #main .boxes .box02{width:100%;margin-top:20px;}
}
@media (max-width: 1024px) {

  #main .boxes .box{height:auto;padding:32px 20px;border-radius:12px;}
  #main .boxes .box h4{font-size:1.1em;}
  #main .boxes .box01{gap:10px;}
  #main .boxes .box01 > div{width:calc(100% - 5px);}
  #main .boxes .box01 ul{padding-top:16px;}
  #main .boxes .box01 li + li{padding-top:4px;}
  #main .boxes .box01 li a{height:36px;padding:0 14px;}
  #main .boxes .box02 form{padding-top:18px;}
  #main .boxes .box02 form li{text-align:center;}
  #main .boxes .box02 form > div{padding:16px 10px;}
  #main .boxes .box02 form dl + dl{padding-top:8px;}
  #main .boxes .box02 form dt{width:60px;}
  #main .boxes .box02 form dd{width:calc(100% - 60px);}
  #main .boxes .box02 form dd input{height:28px;}
  #main .boxes .box02 form button{height:42px;}
}


/* 메인-이용절차 */
#main .steps{padding-top:0;padding-left:11%;}
#main .steps .tt{display:flex;align-items:center;gap:30px;padding-bottom:50px;}
#main .steps .tt h3{font-size:2.2em;font-weight:200;}
#main .steps .tt h3 b{font-size:inherit;font-weight:700;}
#main .steps .controls{display:flex;gap:14px;}
#main .steps .controls button{display:block;width:38px;height:38px;background:url(../images/arr.png) no-repeat center center/contain;cursor:pointer;}
#main .steps .controls .arr_next{transform:rotate(180deg);}
#main .steps .slider .item{width:320px;margin-right:20px;padding:70px 40px 0;aspect-ratio:320 / 340;border-radius:24px;background:#f6f6f8;}
#main .steps .slider .item em{display:block;font-size:2.1em;font-family:'Montserrat';font-weight:700;font-style:normal;color:#dfdfdf;}
#main .steps .slider .item h6{padding-top:24px;font-size:1.2em;font-weight:700;}
#main .steps .slider .item p{padding-top:14px;font-size:0.85em;line-height:160%;color:#666;}
#main .steps .slider .item p a{font-size:inherit;color:var(--mnblue);text-decoration:underline;}

@media (max-width: 1600px) {

  #main .steps{padding-left:5%;}
}
@media (max-width: 1024px) {

  #main .steps{padding:0 0 70px 20px;}
  #main .steps .tt{display:block;padding-bottom:40px;}
  #main .steps .controls{padding-top:20px;}
  #main .steps .slider .item{width:240px;padding:40px 26px 0;border-radius:12px;margin-right:14px;}
  #main .steps .slider .item em{font-size:1.7em;}
}


/* 메인-하단게시판 */
#main .bottom{padding:70px 0;background:#f6f9ff;}
#main .bottom .wrap{display:flex;}
#main .bottom .box{width:33.33%;padding:0 40px;border-right:1px solid rgba(0,0,0,0.08);}
#main .bottom .box h4{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;font-size:1em;font-weight:700;}
#main .bottom .box h4 i{font-weight:600;}
#main .bottom .box li + li{padding-top:10px;}
#main .bottom .box li a{display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.8em;}
#main .bottom .box03 p{font-size:1.8em;font-weight:700;color:var(--mnblue);}
#main .bottom .box03 ul{padding-top:14px;}
#main .bottom .box03 li{font-size:0.7em;color:#777;}
#main .bottom .box03 li + li{padding-top:7px;}

@media (max-width: 800px) {

  #main .bottom{padding:20px 20px;}
  #main .bottom .wrap{display:block;}
  #main .bottom .box{width:100%;padding:30px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.08);}
}


/* 푸터 */
#footer{padding:70px 0;background:#121619;text-align:center;}
#footer .nav{display:flex;justify-content:center;gap:24px;}
#footer .nav li a{font-size:0.8em;color:#fff;}
#footer .nav li:first-child a{color:var(--mngreen);}
#footer .info{padding-top:40px;}
#footer .info li{font-size:0.8em;color:rgba(255,255,255,0.4);}
#footer .info li + li{padding-top:10px;}
#footer cite{display:block;padding-top:30px;font-size:0.7em;font-style:normal;color:rgba(255,255,255,0.25);}

@media (max-width: 800px) {
  
  #footer{padding:40px 0;}
  #footer .nav{gap:10px;}
  #footer .info{padding-top:20px;}
  #footer .info li + li{padding-top:6px;}
  #footer cite{padding-top:20px;}
}


/* 서브공통 */
#sub{margin-top:90px;}
#sub .subtop{display:flex;justify-content:center;align-items:center;height:250px;background:url(../images/subtop.jpg) no-repeat center center/cover;}
#sub .subtop .txt{text-align:center;}
#sub .subtop .txt h2{font-size:2.2em;font-weight:700;color:#fff;}
#sub .subtop .txt p{padding-top:14px;font-size:0.85em;color:rgba(255,255,255,0.6);}

#sub .cont .depth3{padding:60px 0 20px;}
#sub .cont .depth3 ul{display:flex;justify-content:center;gap:8px;}
#sub .cont .depth3 li a{display:flex;justify-content:center;align-items:center;width:220px;height:64px;border-radius:12px 12px 0 0;border:3px solid #e2e2e2;border-bottom:0;}
#sub .cont .depth3 li.active a{border-color:var(--mnblue);}
#sub .cont .depth3 li a span{font-size:0.9em;font-weight:500;}
#sub .cont .depth3 li.active a span{color:var(--mnblue);}

#sub .cont .wrap{max-width:78%;margin:0 auto;}
#sub .cont article{padding:100px 0;}
#sub .cont article.pt0{padding-top:0;}
#sub .cont article.bg_blue{background:#f1f4fa;}
#sub .cont article.bg_gray{background:#f5f5f7;}
#sub .cont article.bg_yellow{background:#faf6f2;}
#sub .cont article .tt{padding-bottom:50px;}
#sub .cont article .tt em{display:block;padding-bottom:14px;font-size:0.65em;font-family:'Montserrat';font-weight:600;letter-spacing:0.3em;font-style:normal;color:var(--mnblue);}
#sub .cont article .tt h3{font-size:2.2em;font-weight:200;line-height:130%;}
#sub .cont article .tt h3 b{font-size:inherit;font-weight:700;line-height:inherit;}
#sub .cont article .tt p{padding-top:24px;font-size:0.9em;line-height:160%;}
#sub .cont article .tt p b{font-size:inherit;font-weight:600;}
#sub .cont article .tt p b.color{color:var(--mnblue);}
#sub .cont article .picbox{max-width:700px;margin:0 auto;border-radius:24px;overflow:hidden;}
#sub .cont article .picbox img{display:block;width:100%;}
#sub .cont article .pic_responsive{position:relative;}
#sub .cont article .pic_responsive img{display:block;max-width:100%;margin:0 auto;}
#sub .cont article .pic_responsive a{position:absolute;bottom:0;right:0;display:none;}
#sub .cont article .tbl table{width:100%;text-align:center;box-shadow:0 3px 1px 0 rgba(0,0,0,0.05);}
#sub .cont article .tbl table td,
#sub .cont article .tbl table th{padding:20px 14px;border:1px solid #d6dde6;font-size:0.9em;line-height:140%;}
#sub .cont article .tbl table th{font-weight:600;}
#sub .cont article .tbl table thead th{background:var(--mnnavy);color:#fff;}
#sub .cont article .infobox{max-width:1200px;margin:0 auto;padding:40px;border:1px solid #222;border-radius:24px;background:#fff;box-shadow:0 3px 1px 0 rgba(0,0,0,0.05);}
#sub .cont article .infobox > div{display:flex;align-items:center;gap:40px;}
#sub .cont article .infobox .icon{width:70px;margin-left:20px;}
#sub .cont article .infobox .icon img{display:block;width:100%;}
#sub .cont article .infobox p{font-size:0.9em;line-height:160%;color:#555;}

@media (max-width: 1600px) {

  #sub .cont .wrap{max-width:90%;}
  #sub .cont .depth3 li a{width:180px;height:50px;}
}
@media (max-width: 1200px) {

  #sub{margin-top:60px;}
  #sub .subtop{height:160px;}
  #sub .subtop .txt h2{font-size:1.6em;}
  #sub .subtop .txt p{padding-top:10px;}
}
@media (max-width: 1024px) {

  #sub .cont .depth3{padding:30px 0 20px;}
  #sub .cont .depth3 ul{flex-direction:column;align-items:center;gap:4px;}
  #sub .cont .depth3 li a{width:250px;height:40px;border-radius:0;border:1px solid #ddd;}
  #sub .cont .depth3 li.active a{background:var(--mnblue);}
  #sub .cont .depth3 li.active a span{color:#fff;}

  #sub .cont .wrap{max-width:100%;}
  #sub .cont article{padding:60px 20px;}
  #sub .cont article .tt{padding-bottom:34px;}
  #sub .cont article .tt em{padding-bottom:10px;font-size:0.55em;}
  #sub .cont article .tt h3{font-size:1.7em;}
  #sub .cont article .tt p{padding-top:16px;}
  #sub .cont article .pic_responsive a{display:block;width:98px;height:30px;line-height:30px;border:1px solid #333;background:rgba(255,255,255,0.7);color:#333;font-size:0.8em;font-weight:500;text-align:center;}
  #sub .cont article .tbl table td,
  #sub .cont article .tbl table th{padding:12px 8px;font-size:0.8em;}
  #sub .cont article .infobox{padding:30px 20px;border-radius:12px;}
  #sub .cont article .infobox > div{display:block;text-align:center;}
  #sub .cont article .infobox .icon{width:50px;margin:0 auto;}
  #sub .cont article .infobox p{padding-top:16px;font-size:0.85em;}
}
@media (max-width: 600px) {
  #sub .cont .artc01 .tt p br{display:none;}
}


/* 서브입력폼 */
#sub article .form_wrap{padding-top:80px;}
#sub article h4{padding-bottom:30px;font-size:1.2em;font-weight:700;}
#sub article .formbox .field{border-top:3px solid #dee2e9;}
#sub article .formbox .field.bdn{border:0;}
#sub article .formbox .field .half{display:flex;width:100%;}
#sub article .formbox .field .half dl{width:50%;}
#sub article .formbox .field dl{display:flex;align-items:stretch;border-bottom:1px solid #dee2e9;}
#sub article .formbox .field dt{display:flex;justify-content:center;align-items:center;width:240px;text-align:center;background:#f2f6fc;}
#sub article .formbox .field dt span{font-size:0.9em;font-weight:600;}
#sub article .formbox .field dd{width:calc(100% - 240px);padding:14px 20px;}
#sub article .formbox .field dd input[type="text"],
#sub article .formbox .field dd select{width:300px;height:45px;line-height:45px;padding:0 8px;border:1px solid #ced1d5;font-size:0.9em;}
#sub article .formbox .field dd input.taR{text-align:right;}
#sub article .formbox .field dd input[type="text"].short,
#sub article .formbox .field dd select.short{width:120px;}
#sub article .formbox .field dd textarea{display:block;width:100%;height:180px;padding:14px 8px;border:1px solid #ced1d5;font-size:0.9em;resize:none;}
#sub article .formbox .field dd span{display:block;font-size:0.85em;line-height:35px;}
#sub article .formbox .field dd button{display:block;height:45px;padding:0 14px;font-size:0.85em;border-radius:4px;background:#333;color:#fff;cursor:pointer;}
#sub article .formbox .field .chks ul{display:flex;gap:12px;}
#sub article .formbox .field .chks input{display:none;}
#sub article .formbox .field .chks label{position:relative;display:flex;gap:5px;font-size:0.8em;}
#sub article .formbox .field dt .chks label{font-size:0.9em;font-weight:600;}
#sub article .formbox .field .chks .chk label:before{content:'';display:block;width:18px;height:18px;background:url(../images/chkbox.png) no-repeat center center/contain;cursor:pointer;}
#sub article .formbox .field .chks .chk input:checked + label:before{background-image:url(../images/chkbox_on.png);}
#sub article .formbox .field .chks .radio label:before{content:'';display:block;width:18px;height:18px;background:url(../images/radio.png) no-repeat center center/contain;cursor:pointer;}
#sub article .formbox .field .chks .radio input:checked + label:before{background-image:url(../images/radio_on.png);}
#sub article .formbox .field dd p{padding-left:10px;font-size:0.8em;line-height:140%;color:#4b5563;}
#sub article .formbox .field dd > div{display:flex;align-items:center;gap:5px;}
#sub article .formbox .field dd > div + div{padding-top:10px;}
#sub article .formbox .agree + .agree{padding-top:40px;}
#sub article .formbox .agree .item{height:220px;margin-bottom:20px;overflow-y:scroll;padding:30px 20px;border:1px solid #ddd;}
#sub article .formbox .agree .item pre{font-size:0.8em;line-height:140%;white-space:pre-wrap;word-wrap:break-word;color:#666;}
#sub article form .btn_wrap{display:flex;justify-content:center;gap:14px;padding-top:50px;}
#sub article form .btn_wrap button{display:flex;justify-content:center;align-items:center;padding:0 40px;height:60px;cursor:pointer;}
#sub article form .btn_wrap button.blue{background:var(--mnblue);}
#sub article form .btn_wrap button.gray{background:#aaa;}
#sub article form .btn_wrap button span{font-size:0.9em;font-weight:500;color:#fff;}

@media (max-width: 1400px) {

  #sub article .formbox .field .half{display:block;}
  #sub article .formbox .field .half dl{width:100%;}
  #sub article .formbox .field dt{width:180px;}
  #sub article .formbox .field dd{width:calc(100% - 180px);}
  #sub article .formbox .field dt span{font-size:0.85em;}
}
@media (max-width: 1024px) {

  #sub article .form_wrap{padding-top:50px;}
  #sub article h4{padding-bottom:22px;}
  #sub article .formbox .field dl{display:block;}
  #sub article .formbox .field dt{display:block;width:100%;padding:10px 14px;text-align:left;}
  #sub article .formbox .field dd{width:100%;padding:12px 14px;}
  #sub article .formbox .field dd input[type="text"],
  #sub article .formbox .field dd select{width:200px;height:38px;line-height:38px;}
  #sub article .formbox .field dd input[type="text"].short,
  #sub article .formbox .field dd select.short{width:60px;}
  #sub article .formbox .field dd button{height:38px;}
  #sub article .formbox .field .chks ul{flex-wrap:wrap;}
  #sub article .formbox .field dd > div{flex-wrap:wrap;}
  #sub article .formbox .agree + .agree{padding-top:30px;}
  #sub article .formbox .agree .item{height:160px;padding:20px;margin-bottom:16px;}
  #sub article form .btn_wrap{gap:8px;padding-top:30px;}
  #sub article form .btn_wrap button{padding:0 16px;height:42px;}
}


/* 전자결제-서비스개요-서비스소개 */
#sub.pay_intro .artc02 .con ul{display:flex;justify-content:center;gap:20px;text-align:center;}
#sub.pay_intro .artc02 .con li{width:200px;padding:40px 0;border-radius:24px;border:1px solid #ddd;}
#sub.pay_intro .artc02 .con li i{display:block;font-size:1.6em;color:#aaa;}
#sub.pay_intro .artc02 .con li span{display:block;padding-top:20px;font-size:0.85em;font-weight:500;line-height:140%;}
#sub.pay_intro .artc03 .wrap{display:flex;justify-content:space-between;}
#sub.pay_intro .artc03 .con{display:flex;gap:30px;}
#sub.pay_intro .artc03 .con li{position:relative;padding:24px 0 24px 54px;min-width:480px;border-bottom:1px solid rgba(0,0,0,0.08);}
#sub.pay_intro .artc03 .con li:before{content:'';position:absolute;top:28px;left:20px;display:block;width:16px;height:14px;background:url(../images/chk.png) no-repeat center center/contain;}

@media (max-width: 1400px) {

  #sub.pay_intro .artc03 .con li{min-width:380px;}
}
@media (max-width: 1200px) {

  #sub.pay_intro .artc02 .con li{width:150px;}
  #sub.pay_intro .artc03 .wrap{display:block;}
  #sub.pay_intro .artc03 .con{display:block;}
  #sub.pay_intro .artc03 .con li{min-width:unset;width:100%;}
}
@media (max-width: 1024px) {

  #sub.pay_intro .artc01 .tt p br{display:none;}
  #sub.pay_intro .artc02 .con ul{flex-direction:column;gap:10px;}
  #sub.pay_intro .artc02 .con li{width:100%;padding:18px 24px;border-radius:12px;}
  #sub.pay_intro .artc02 .con li div{display:flex;align-items:center;gap:20px;}
  #sub.pay_intro .artc02 .con li span{padding-top:0;text-align:left;}
  #sub.pay_intro .artc02 .con li span br{display:none;}
  #sub.pay_intro .artc03 .con li{padding:16px 0 16px 24px;font-size:0.9em;}
  #sub.pay_intro .artc03 .con li:before{top:20px;left:0;width:12px;height:10px;}
}


/* 전자결제-서비스개요-정산프로세스 */
#sub.pay_intro02 .artc01 .con{display:grid;grid-template-columns:repeat(4, minmax(auto, 400px));justify-content:center;gap:14px;}
#sub.pay_intro02 .artc01 .con .item{padding:60px 40px;border-radius:24px;background:#fff;}
#sub.pay_intro02 .artc01 .con .item dt{font-size:1.1em;font-weight:600;}
#sub.pay_intro02 .artc01 .con .item dd{padding-top:20px;font-size:0.85em;line-height:150%;color:#666;}

@media (max-width: 1400px) {

  #sub.pay_intro02 .artc01 .con{grid-template-columns:repeat(2, minmax(auto, 400px));}
}
@media (max-width: 800px) {

  #sub.pay_intro02 .artc01 .con{grid-template-columns:1fr;}
  #sub.pay_intro02 .artc01 .con .item{padding:30px 20px;border-radius:12px;}
  #sub.pay_intro02 .artc01 .con .item dd{padding-top:12px;}
}


/* 전자결제-결제수단안내-신용카드 */
#sub.pay_payment .artc02 .con ul{max-width:900px;margin:0 auto;}
#sub.pay_payment .artc02 .con li{position:relative;display:flex;align-items:center;height:80px;padding:0 24px 0 74px;border:1px solid #e2e2e2;border-radius:24px;}
#sub.pay_payment .artc02 .con li:before{content:'';position:absolute;top:20px;left:24px;display:block;width:34px;height:34px;background:url(../images/chk02.png) no-repeat center center/contain;}
#sub.pay_payment .artc02 .con li + li{margin-top:14px;}
#sub.pay_payment .artc02 .con li span{font-size:0.9em;line-height:150%;}

@media (max-width: 800px) {

  #sub.pay_payment .artc02 .con li{display:block;height:auto;padding:28px 20px;border-radius:12px;text-align:center;}
  #sub.pay_payment .artc02 .con li:before{position:unset;margin:0 auto 12px;width:24px;height:24px;}
  #sub.pay_payment .artc02 .con li + li{margin-top:10px;}
}

#sub.pay_payment .artc03 .con .list{max-width:900px;margin:0 auto;padding:30px 20px;text-align:center;background:#fff;}
#sub.pay_payment .artc03 .con .list li{padding-bottom:6px;font-size:0.9em;line-height:140%;}
#sub.pay_payment .artc03 .con .list li:last-child{padding-bottom:0;}
#sub.pay_payment .artc03 .con .steps{display:flex;justify-content:center;gap:40px;padding-top:60px;text-align:center;}
#sub.pay_payment .artc03 .con .steps .item{position:relative;display:flex;justify-content:center;align-items:center;width:260px;height:200px;border-radius:24px;background:var(--mnblue);}
#sub.pay_payment .artc03 .con .steps .item:before{content:'';position:absolute;top:90px;left:-30px;display:block;width:18px;height:22px;background:url(../images/steps.png) no-repeat center center/contain;}
#sub.pay_payment .artc03 .con .steps .item:first-child:before{display:none;}
#sub.pay_payment .artc03 .con .steps .item:last-child{background:var(--mnnavy);}
#sub.pay_payment .artc03 .con .steps .item dt{font-size:1.2em;font-family:'Montserrat';font-weight:700;color:#fff;}
#sub.pay_payment .artc03 .con .steps .item dd{padding-top:14px;color:#fff;}

@media (max-width: 1024px) {

  #sub.pay_payment .artc03 .con .steps{flex-direction:column;gap:30px;max-width:80%;margin:0 auto;padding-top:40px;}
  #sub.pay_payment .artc03 .con .steps .item{width:100%;height:auto;padding:34px 20px;border-radius:12px;}
  #sub.pay_payment .artc03 .con .steps .item:before{top:-24px;left:50%;transform:translateX(-50%) rotate(90deg);width:14px;height:17px;}
}


/* 전자결제-서비스신청-서비스이용안내 */
#sub.pay_apply .controls{display:flex;gap:20px;}
#sub.pay_apply .controls button{display:block;width:50px;height:50px;background:url(../images/arr.png) no-repeat center center/contain;cursor:pointer;}
#sub.pay_apply .controls .arr_next{transform:rotate(180deg);}
#sub.pay_apply .con{padding-top:50px;padding-left:11%;}
#sub.pay_apply .con .slider .item{width:380px;margin-right:20px;padding:70px 40px 0;aspect-ratio:1;border-radius:24px;background:#fff;}
#sub.pay_apply .con .slider .item em{display:block;font-size:2.1em;font-family:'Montserrat';font-weight:700;font-style:normal;color:#dfdfdf;}
#sub.pay_apply .con .slider .item h6{padding-top:24px;font-size:1.2em;font-weight:700;}
#sub.pay_apply .con .slider .item p{padding-top:14px;font-size:0.85em;line-height:160%;color:#666;}
#sub.pay_apply .con .slider .item p a{font-size:inherit;color:var(--mnblue);text-decoration:underline;}

@media (max-width: 1600px) {

  #sub.pay_apply .con{padding-left:5%;}
}
@media (max-width: 1024px) {

  #sub.pay_apply .controls{padding-top:0;}
  #sub.pay_apply .controls button{width:40px;height:40px;}
  #sub.pay_apply .con{padding-left:0;}
  #sub.pay_apply .con .slider .item{width:260px;padding:40px 24px 0;border-radius:12px;margin-right:14px;}
  #sub.pay_apply .con .slider .item em{font-size:1.7em;}
}


/* 부가서비스-에스크로 */
#sub.service_escrow .artc02 .con li{height:auto;padding:20px 24px 20px 74px;}
#sub.service_escrow .artc02 .tbl{padding-top:60px;}

@media (max-width: 800px) {
  #sub.service_escrow .artc02 .con li{padding:28px 20px;}
  #sub.service_escrow .artc02 .tbl{padding-top:30px;}
}


/* 부가서비스-전자보증 */
#sub.service_ins .bothcon{display:flex;justify-content:center;gap:30px;}
#sub.service_ins .bothcon .item{width:450px;}
#sub.service_ins .bothcon .item h6{display:flex;justify-content:center;align-items:center;height:70px;border-radius:24px;background:var(--mnnavy);}
#sub.service_ins .bothcon .item:last-child h6{background:var(--mnblue);}
#sub.service_ins .bothcon .item h6 span{font-size:1.1em;font-weight:600;color:#fff;}
#sub.service_ins .bothcon .item .txt{margin-top:20px;padding:40px 24px;border-radius:24px;background:#fff;}
#sub.service_ins .bothcon .item .txt p{font-size:0.9em;line-height:150%;text-align:center;color:#666;}
#sub.service_ins .bothcon .item .txt p + p{padding-top:30px;margin-top:30px;border-top:1px dashed #d2d2d2;}
#sub.service_ins .bothcon .item .txt p strong{display:block;padding-bottom:5px;font-size:inherit;font-weight:600;}

@media (max-width: 800px) {

  #sub.service_ins .bothcon{display:block;}
  #sub.service_ins .bothcon .item{width:100%;}
  #sub.service_ins .bothcon .item + .item{margin-top:30px;}
  #sub.service_ins .bothcon .item h6{height:42px;border-radius:12px;margin:0 auto;}
  #sub.service_ins .bothcon .item h6 span{font-size:0.9em;}
  #sub.service_ins .bothcon .item .txt{margin-top:12px;padding:24px 20px;border-radius:12px;}
  #sub.service_ins .bothcon .item .txt p{text-align:left;}
  #sub.service_ins .bothcon .item .txt p + p{padding-top:20px;margin-top:20px;}
  #sub.service_ins .bothcon .item .txt p br{display:none;}
}

/* 부가서비스-현금영수증 */
#sub.service_cash .artc02 .list li span a{font-size:0.9em;color:var(--mnblue);text-decoration:underline;}
#sub.service_cash .artc03 .bothcon .item .txt{border:1px solid #ddd;}


/* 고객센터-결제내역조회 */
#sub.customer_history .help{margin-top:40px;padding:40px;background:#f5f5f7;}
#sub.customer_history .help li{position:relative;padding-left:14px;padding-bottom:10px;line-height:140%;font-size:0.8em;color:#666;}
#sub.customer_history .help li:before{content:'';position:absolute;top:10px;left:0;display:block;width:2px;height:2px;border-radius:50%;background:#666;}
#sub.customer_history .help li:last-child{padding-bottom:0;}

@media (max-width: 800px) {
  #sub.customer_history .help{margin-top:30px;padding:30px 20px;}
  #sub.customer_history .help li:before{top:8px;}
}


/* 게시판 */
#sub.board .board_wrap{max-width:1200px;margin:0 auto;padding:100px 0;}
#sub.board .board_wrap .search{display:flex;justify-content:center;max-width:500px;margin:0 auto 60px;}
#sub.board .board_wrap .search form{display:flex;gap:8px;}
#sub.board .board_wrap .search select,
#sub.board .board_wrap .search input{display:block;height:48px;padding:0 14px;font-size:0.9em;border:1px solid #222;border-radius:50px;}
#sub.board .board_wrap .search select{appearance:none;}
#sub.board .board_wrap .search button{display:flex;justify-content:center;align-items:center;width:48px;aspect-ratio:1;border-radius:50%;background:var(--mnnavy);cursor:pointer;}
#sub.board .board_wrap .search button img{width:40px;}

#sub.board .board_list table{width:100%;text-align:center;}
#sub.board .board_list thead th{padding:24px 0;font-size:0.85em;font-weight:600;background:var(--mnnavy);color:#fff;}
#sub.board .board_list tbody tr:hover{background:#f7f7fa;}
#sub.board .board_list tbody td{padding:24px 10px;font-size:0.85em;border-bottom:1px solid #eee;}
#sub.board .board_list tbody td.taL{text-align:left;}
#sub.board .board_list tbody td a{display:block;width:90%;font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#sub.board .paging{padding-top:50px;display:flex;justify-content:center;gap:5px;}
#sub.board .paging a{display:flex;justify-content:center;align-items:center;width:40px;aspect-ratio:1;font-size:0.8em;border-radius:50%;background:#fff;cursor:pointer;}
#sub.board .paging a:hover{background:#f7f7f7;}
#sub.board .paging a.arr{border:1px solid #ddd;}
#sub.board .paging a.arr i{font-size:inherit;color:#777;}
#sub.board .paging a.on{font-weight:500;color:var(--mnblue);}

#sub.board .board_view{border-top:3px solid var(--mnnavy);}
#sub.board .board_view .tit{padding:30px 20px;text-align:center;border-bottom:1px solid #ddd;}
#sub.board .board_view .tit p{font-size:1.1em;font-weight:600;}
#sub.board .board_view .info{border-bottom:1px solid #333;}
#sub.board .board_view .info ul{display:flex;gap:20px;}
#sub.board .board_view .info li{padding:16px 0;font-size:0.8em;text-align:center;color:#666;}
#sub.board .board_view .content{padding:50px 0;}
#sub.board .board_view .btns{display:flex;justify-content:center;padding-top:20px;}
#sub.board .board_view .btns a{display:block;width:150px;height:60px;line-height:60px;font-size:0.9em;font-weight:500;background:#444;text-align:center;color:#fff;cursor:pointer;}

@media (max-width: 1024px) {

  #sub.board .board_wrap{padding:60px 20px;}
  #sub.board .board_wrap .search{margin:0 auto 30px;}
  #sub.board .board_wrap .search select,
  #sub.board .board_wrap .search input{height:38px;padding:0 12px;}
  #sub.board .board_wrap .search input{width:150px;}
  #sub.board .board_wrap .search button{width:38px;}
  #sub.board .board_wrap .search button img{width:34px;}

  #sub.board .board_list table{border-top:2px solid var(--mnnavy)}
  #sub.board .board_list .num{display:none;}
  #sub.board .board_list thead{display:none;}
  #sub.board .board_list tbody tr{display:block;padding:18px 0;border-bottom:1px solid #eee;}
  #sub.board .board_list tbody td{display:block;padding:10px 8px 0;border:0;text-align:left;}
  #sub.board .board_list tbody td.taL{padding-top:0;}

  #sub.board .paging{padding-top:30px;}
  #sub.board .paging a{width:32px;}

  #sub.board .board_view .tit{padding:22px 14px;}
  #sub.board .board_view .content{padding:40px 0;}
  #sub.board .board_view .btns a{width:120px;height:48px;line-height:48px;}
}


/* 준비중 */
#sub article.none .box{max-width:800px;margin:0 auto;padding:80px;border:1px solid #333;border-radius:24px;}
#sub article.none .box img{display:block;width:150px;margin:0 auto;}
#sub article.none .box p{padding-top:50px;font-size:0.9em;line-height:170%;text-align:center;}
#sub article.none .box p b{font-size:1.2em;font-weight:600;color:var(--mnblue);}

@media (max-width: 800px) {

  #sub article.none .box{padding:50px 20px;}
  #sub article.none .box img{width:90px;}
  #sub article.none .box p{padding-top:30px;}
}


/* 회사소개-기업개요 */
#sub.company_intro .artc01{display:flex;justify-content:space-between;align-items:center;gap:70px;}
#sub.company_intro .artc01 .txt{padding-left:13%;}
#sub.company_intro .artc01 .txt h4{font-size:1.5em;font-weight:700;}
#sub.company_intro .artc01 .txt h4 b{display:block;padding-top:12px;font-size:3em;font-weight:800;font-family:'Montserrat';color:var(--mnblue);}
#sub.company_intro .artc01 .txt p{padding-top:20px;font-size:0.85em;line-height:170%;}
#sub.company_intro .artc01 .pic{width:calc(100% - 13% - 800px);height:600px;border-radius:80px 0 0 80px;background:url(../images/company_intro.jpg) no-repeat center center/cover;}

@media (max-width: 1600px) {

  #sub.company_intro .artc01 .txt{padding-left:5%;}
  #sub.company_intro .artc01 .pic{width:calc(100% - 5% - 800px);}
}
@media (max-width: 1280px) {

  #sub.company_intro .artc01 .pic{width:calc(100% - 5% - 650px);}
}
@media (max-width: 1024px) {

  #sub.company_intro .artc01{display:block;}
  #sub.company_intro .artc01 .txt{padding-left:0;}
  #sub.company_intro .artc01 .txt h4{font-size:1em;}
  #sub.company_intro .artc01 .txt h4 b{padding-top:0;font-size:2.8em;}
  #sub.company_intro .artc01 .txt p{padding-top:0;}
  #sub.company_intro .artc01 .txt p br{display:none;}
  #sub.company_intro .artc01 .pic{width:100%;height:210px;border-radius:20px 0 0 20px;margin-top:40px;}
}

#sub.company_intro .artc02{padding-top:0;}
#sub.company_intro .artc02 .wrap{display:flex;flex-wrap:wrap;border-top:1px solid #eaeaea;border-left:1px solid #eaeaea;}
#sub.company_intro .artc02 .item{display:flex;justify-content:center;align-items:center;width:25%;aspect-ratio:1 / 0.6;padding:30px 20px;text-align:center;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
#sub.company_intro .artc02 .item dt{font-weight:600;}
#sub.company_intro .artc02 .item dd{padding-top:20px;font-size:0.85em;line-height:150%;color:#666}

@media (max-width: 1024px) {

  #sub.company_intro .artc02 .item{width:50%;padding:24px 14px;}
  #sub.company_intro .artc02 .item dd{padding-top:12px;}
}


/* 회사소개-CEO인사말 */
#sub.company_ceo .artc01 .txt h4{font-size:1.5em;font-weight:700;}
#sub.company_ceo .artc01 .txt h4 b{display:block;font-size:3em;font-weight:800;font-family:'Montserrat';color:var(--mnblue);}
#sub.company_ceo .artc01 .txt p{padding-top:20px;font-size:0.85em;line-height:170%;}
#sub.company_ceo .artc01 .txt .sign{display:flex;align-items:center;gap:20px;padding-top:40px;}
#sub.company_ceo .artc01 .txt .sign b{font-size:0.9em;font-weight:600;}
#sub.company_ceo .artc01 .txt .sign img{width:200px;}

@media (max-width: 1024px) {

  #sub.company_ceo .artc01 .txt h4{font-size:1em;}
  #sub.company_ceo .artc01 .txt h4 b{font-size:2.8em;}
  #sub.company_ceo .artc01 .txt p br{display:none;}
  #sub.company_ceo .artc01 .txt p br.m{display:block;}
  #sub.company_ceo .artc01 .txt .sign{padding-top:30px;gap:14px;}
  #sub.company_ceo .artc01 .txt .sign img{width:120px;}
}


/* 회사소개-회사연혁 */
#sub.company_history .artc01 dl{position:relative;}
#sub.company_history .artc01 dt{position:absolute;top:0;left:60px;font-size:2.5em;font-weight:700;color:var(--mnblue);font-family:'Montserrat';}
#sub.company_history .artc01 dd{position:relative;margin-left:258px;padding:0 0 60px 56px;}
#sub.company_history .artc01 dd:before{content:'';position:absolute;top:14px;left:0;width:1px;height:100%;background:#c5ced7;}
#sub.company_history .artc01 dd:after{content:'';position:absolute;top:14px;left:-12px;width:14px;height:14px;border-radius:50%;background:var(--mnblue);border:6px solid #dce8f3;}
#sub.company_history .artc01 dd em{font-size:0.9em;font-style:normal;color:#888;}
#sub.company_history .artc01 dd p{font-weight:500;padding-top:12px;}
#sub.company_history .artc01 .year:last-child dl:last-child dd:last-child:before{display:none;}

@media (max-width: 1024px) {

  #sub.company_history .artc01 dt{font-size:1.4em;left:0;}
  #sub.company_history .artc01 dd{margin-left:80px;padding:0 0 30px 34px}
  #sub.company_history .artc01 dd:after{left:-7px;width:8px;height:8px;border-width:4px;}
}


/* 회사소개-CIBI */
#sub.company_ci .artc01 .wrap{display:flex;justify-content:center;gap:30px;}
#sub.company_ci .artc01 .item{width:520px;border:1px solid #ddd;}
#sub.company_ci .artc01 .item img{display:block;width:100%;}
#sub.company_ci .artc01 .item02{display:flex;align-items:center;padding:0 40px;}
#sub.company_ci .artc01 .item02 dl{display:flex;gap:20px;}
#sub.company_ci .artc01 .item02 dl + dl{padding-top:12px;}
#sub.company_ci .artc01 .item02 dt{width:40px;height:40px;border-radius:50%;background:var(--mnblue);}
#sub.company_ci .artc01 .item02 .green dt{background:var(--mngreen);}
#sub.company_ci .artc01 .item02 .black dt{background:#2c2d2f;}
#sub.company_ci .artc01 .item02 dd b{display:block;padding-bottom:12px;font-size:0.9em;font-weight:600;}
#sub.company_ci .artc01 .item02 dd p{font-size:0.85em;line-height:150%;color:#666;}

@media (max-width: 1024px) {

  #sub.company_ci .artc01 .wrap{display:block;}
  #sub.company_ci .artc01 .item{width:80%;margin:0 auto;}
  #sub.company_ci .artc01 .item02{margin-top:12px;padding:24px;justify-content:left;}
  #sub.company_ci .artc01 .item02 dl{gap:12px;}
  #sub.company_ci .artc01 .item02 dl + dl{padding-top:14px;}
  #sub.company_ci .artc01 .item02 dt{width:24px;height:24px;}
}


/* 회사소개-제휴업체 */
#sub.company_partner .artc01 .con ul{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
#sub.company_partner .artc01 .con li{border:1px solid #d5d5d8;border-radius:12px;overflow:hidden;}
#sub.company_partner .artc01 .con li img{display:block;}

@media (max-width: 1024px) {

  #sub.company_partner .artc01 .con ul{gap:10px;}
  #sub.company_partner .artc01 .con li img{width:120px;}
}


/* 회사소개-오시는길 */
#sub.company_location .address{padding-bottom:60px;font-size:1.4em;font-weight:500;text-align:center;}
#sub.company_location .address img{display:block;width:60px;margin:0 auto 30px;}
#sub.company_location .wmap{width:100%;height:450px;background:#eee;}
#sub.company_location .wmap .wrap_map,
#sub.company_location .wmap .root_daum_roughmap{width:100% !important;height:100% !important;}

@media (max-width: 1024px) {

  #sub.company_location .address{padding-bottom:40px;font-size:1.1em;}
  #sub.company_location .address img{width:30px;margin:0 auto 14px;}
  #sub.company_location .wmap{height:240px;}
}


/* 기타-개인정보취급방침 */
#sub.etc_privacy .con{padding:60px;background:#f5f5f7;}
#sub.etc_privacy .con pre{font-size:0.8em;line-height:140%;color:#555;white-space:pre-wrap;word-wrap:break-word;}

@media (max-width: 1024px) {

  #sub.etc_privacy .con{padding:30px 20px;}
}


/* 기타-이용약관 */
#sub.etc_use h5{font-size:1.2em;font-weight:700;padding-bottom:30px;}
#sub.etc_use .con{padding:60px;height:300px;overflow-y:scroll;background:#f5f5f7;}
#sub.etc_use .con pre{font-size:0.8em;line-height:140%;color:#555;white-space:pre-wrap;word-wrap:break-word;}
#sub.etc_use article + article{padding-top:0;}

@media (max-width: 1024px) {
  
  #sub.etc_use h5{font-size:1.1em;padding-bottom:20px;}
  #sub.etc_use .con{padding:30px 20px;height:240px;}
}


/* 기타-이메일무단수집거부 */
#sub.etc_email .con{padding:60px;background:#f1f4fa;}
#sub.etc_email .con p{font-size:0.9em;line-height:160%;text-align:center;}
#sub.etc_email .con p b{font-size:inherit;font-weight:600;color:var(--mnblue);}


/* 기타-사이트맵 */
#sub.etc_sitemap .nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:14px;}
#sub.etc_sitemap .depth1 > a{display:block;padding:22px 18px;font-size:0.9em;font-weight:600;border-radius:24px;background:var(--mnblue);color:#fff;}
#sub.etc_sitemap .depth1:nth-child(1) > a{}
#sub.etc_sitemap .depth1:nth-child(2) > a{background:#1873e0;}
#sub.etc_sitemap .depth1:nth-child(3) > a{background:#0e65ce;}
#sub.etc_sitemap .depth1:nth-child(4) > a{background:#0751a9;}
#sub.etc_sitemap .depth1:nth-child(5) > a{background:#004495;}
#sub.etc_sitemap .depth1:nth-child(6) > a{background:var(--mnnavy);}
#sub.etc_sitemap .depth2{margin-top:12px;padding:20px 18px;border-radius:24px;background:#fff;}
#sub.etc_sitemap .depth2 li{padding-bottom:10px;}
#sub.etc_sitemap .depth2 li a{font-size:0.85em;line-height:140%;}
#sub.etc_sitemap .depth2 li a:hover{font-weight:500;color:var(--mnblue);}

@media (max-width: 1024px) {

  #sub.etc_sitemap .nav{grid-template-columns:1fr 1fr 1fr 1fr;gap:24px 14px;}
}
@media (max-width: 800px) {

  #sub.etc_sitemap .nav{grid-template-columns:1fr 1fr;gap:20px 10px;}
  #sub.etc_sitemap .depth1 > a{border-radius:12px;padding:14px 18px;}
  #sub.etc_sitemap .depth2{border-radius:12px;}
}