@charset "utf-8";
@import url( //fonts.googleapis.com/earlyaccess/nanumgothic.css );
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;   font-family: "Noto Sans KR", sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;font-family: "Noto Sans KR", sans-serif;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;font-family: "Noto Sans KR", sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
div,
p{word-break:keep-all; word-wrap:break-word;}
.car-detail3{width:100%;}
.car-iwrap{width:70%;box-sizing: border-box;}

/* default */
body {margin:0;padding:0;font-size:12px;  font-family: "Noto Sans KR", sans-serif;}
table{font-family:"dotum";}
a{color:#404040; text-decoration:none;}
img{vertical-align:top;}
input{vertical-align:middle;}
select{height:21px; font:12px "dotum"; color:#909090; border:1px solid #d0d0d0; vertical-align:middle;}
/* //default */

/* common */
.fLeft{float:left !important;}
.fRight{float:right !important;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.pB20{padding-bottom:20px;}
.dn{display:none;}

.ftit{font-weight:bold; font-size:14px;}

.nav-section{height:30px; margin-bottom:20px; border-bottom:1px solid #202020;}
.nav-section:after{clear:both; content:""; display:block;}
.nav-section h1{float:left;}
.nav-section span{margin-top:10px; float:right; font-size:11px; color:#707070;}

.bar{padding:0 5px;}

#demo-box{bottom:5px; right:5px; position:fixed;}
/* //common */

/* layout */
#wrap{ width: 100%; /* 부모 요소에 딱 맞춤 */
   margin: 0 auto;
    box-sizing: border-box;}
    #wrap::after {
        content: "";
        display: block;
        clear: both;
      }
#footer{background:#353535; clear:both;}
/* //layout */

/* header */
#header{height:200px;}
#header #tnb{height:80px; border-bottom:1px solid #d7d7d7; background:#f7f7f7;font-size: 18PX;color: #333;display: flex; align-items: center;}
#header #lnb{position:relative;}
/* //header */

/* container */
#container{width: 100%;
    
    box-sizing: border-box; /* 패딩 포함 계산 */
    margin: 0 auto; /* 중앙 정렬 */}
#container:after{content:""; display:block;clear:both; }
#container #contents{width:100%; margin:0 auto;}
#container #contents:after{clear:both; content:""; display:block;}
#container #contents #snb{width:255px; margin-top:60px; float:left; overflow:hidden;}
#container #contents .content{width:835px; margin-top:60px; float:right; overflow:hidden;}

/* //container */

/* footer */

.foot-banner {background:#be0202; padding:24px 0; position:static;}
.foot-banner.fixed {position:fixed; width:100%; left:0; bottom:0; z-index:20;}
.foot-banner .contain {display:flex;}
.foot-banner .group.left {display:flex; flex: 1 1 auto; min-width: 0; width: 1%; align-items:center; padding-right:20px;}
.foot-banner .group.left .tit {font-family: 'GmarketSans'; font-size:18px; font-weight:700; line-height:1.4em; color:#fff; letter-spacing:-0.04em; margin-right:30px; margin-top: -30px;}
.foot-banner .group.left a {display:block; white-space: nowrap;margin-top: -30px;}
.foot-banner .group.left .tel {font-family: 'GmarketSans'; display:block; font-size:40px; font-weight:700; line-height:1em; letter-spacing:-0.04em; color:#fff; margin-right:14px;margin-top: -30px;} 
.foot-banner .group.right form {display:flex;}
.foot-banner .group.right .item {margin-left:8px;}
.foot-banner .group.right .item:last-child {margin-left:20px;}
.foot-banner .group.right .item:first-child {margin-left:0;}
.foot-banner .group.right input {height:58px; border-radius:3px;}
.foot-banner .group.right .form-btn {background:#201e1e; color:#fff; width:100%; max-width:250px; height:38px; line-height:38px; border:0; display:block;}
.foot-banner .group.right .checkbox {font-size:14px; color:#fff;}
.foot-banner .group.right .checkbox label:before {border-radius:3px;}
.foot-banner .group.right .pop_privacy {color:#cee3ea; font-size:14px;}
.contain {position:relative; width:100%; max-width:1400px; padding-left:30px;padding-right:30px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}



.pop-complete {background:#fff; padding:80px 10px; border-radius:10px; text-align:center; max-width:660px;}
.pop-complete .icon {margin-bottom:20px;}
.pop-complete .t1 {font-family: 'GmarketSans';  font-size:32px; font-weight:700; line-height:1.4em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:25px;}
.pop-complete .t2 {font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-bottom:42px;}
.pop-complete a {display:inline-block; padding:15px 80px; background:#000435; font-size:18px; font-weight:500; line-height:1em; letter-spacing:-0.04em; color:#fff; border-radius:100vh;}
.pop-apply .fancybox-close {display:none;}




#footer .copyright{width:1100px; margin:0 auto; padding:30px 0;}
#footer .copyright .box01{padding-bottom:20px; border-bottom:1px solid #ccc;}
#footer .copyright .box01:after{clear:both; content:""; display:block;}
#footer .copyright .box01 h2{font-weight:600; font-size:16px; color:#aaa; display:block;}
#footer .copyright .box01 p{margin-top:10px; font-size:14px; line-height:22px; color:#ccc;}
#footer .copyright .box01 a{color:#ccc;}
#footer .copyright .box01 .inbox01{width:300px; float:left;}
#footer .copyright .box01 .inbox01 span{font-weight:600; color:#66ff00;}
#footer .copyright .box01 .inbox02{width:300px; float:left;}
#footer .copyright .box01 .inbox03{width:500px; float:left;}
#footer .copyright .box01 .inbox03 .location{width:500px; height:200px; margin-top:10px; overflow:hidden; position:relative;}
#footer .copyright .box01 .inbox03 .location .root_daum_roughmap{width:100%; top:0; left:0; position:absolute;}
#footer .copyright .box02{padding-top:20px; font-size:13px; line-height:22px; color:#ccc; position:relative;}
#footer .copyright .box02 .blogo{top:20px; right:0; position:absolute;}

/* //footer */

.logo{padding:10px 0; text-align:center;}
.tnb-section{width:1400px; height:44px; margin:0 auto; line-height:47px;}

.tnb-section .fLeft{}
.tnb-section .fLeft ul {
    list-style: none; /* 불릿 제거 */
    padding: 0;
    margin: 0;
    float:left;
    gap: 10%; /* li 간격 */
   
}

.tnb-section .fLeft ul li {
    
    padding:0;
    margin-right:20px; float:left;
    position: relative; /* 의사 요소 기준 배치 */
    display: inline-block; /* 텍스트 길이에 맞게 크기 설정 */
    font-size: 18px;
    cursor: pointer;
    background: linear-gradient(to right, #333 0%, #333 100%); /* 초기 글자 색상 */
    background-size: 200%; /* 배경 크기를 2배로 설정 */
    background-position: 0% 0%; /* 초기 상태: 왼쪽에서 시작 */
    -webkit-background-clip: text; /* 배경을 텍스트로 클립 */
    -webkit-text-fill-color: transparent; /* 텍스트 색상을 투명으로 */
    transition: background-position 0.5s ease; /* 배경 위치 전환 애니메이션 */
    color:#333!important
}

.tnb-section .fLeft ul li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* 전체 길이 */
    height: 2px; /* 두께 */
    background-color: #eb0707; /* 색상 */
    transform: scaleX(0); /* 초기 상태 */
    transform-origin: left; /* 왼쪽에서 시작 */
    transition: transform 0.3s ease; /* 부드러운 확장 애니메이션 */
    
}


.tnb-section .fLeft ul li:hover::after {
    transform: scaleX(1); /* hover 시 줄 확장 */
}





.tnb-section .fLeft ul li.cc02{ display: none; line-height: 47px;color: #fff;padding: 0 20px;}
.tnb-section .fLeft ul li.cc03{line-height: 47px;color: #333;padding: 0 20px;}


.tnb-section .fRight{}
.tnb-section .fRight a span::after{content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* 전체 길이 */
    height: 2px; /* 두께 */
    background-color: #eb0707; /* 색상 */
    transform: scaleX(0); /* 초기 상태 */
    transform-origin: left; /* 왼쪽에서 시작 */
    transition: transform 0.3s ease; /* 부드러운 확장 애니메이션 */}


    .tnb-section .fRight a span:hover::after{transform: scaleX(1); /* hover 시 줄 확장 */
    }

.tnb-section .fRight a span{ float: left;
    line-height: 47px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #333; /* 초기 글자 색상 */
    background-color: #fff; /* 초기 배경색 */
    border-radius: 5px;
    animation: blinkEffect 1.5s infinite; /* 애니메이션 적용 */
}



@keyframes blinkEffect {
    0% {
      background-color: rgb(255, 94, 66); /* 노란 배경 */
      color: #ffffff; /* 검은 글씨 */
    }
    50% {
      background-color: #ffffff; /* 검은 배경 */
      color:#333; /* 노란 글씨 */
    }
    100% {
      background-color: rgb(255, 94, 66); /* 다시 노란 배경 */
      color: #fff; /* 다시 검은 글씨 */
    }
  }

.gh{margin-right: 20px;}
.tnb-section .fRight a:last-child{ padding:0 10px; border-left:1px solid #d7d7d7; display:block;line-height: 47px;color: #333;
    list-style: none; /* 불릿 제거 */
  
    margin: 0;
    margin-left:10px;
    float:right;
   
}
.tnb-section .fRight a:last-child{border-left:0;border-radius: 0;line-height: 47px;color: #333;background: none; font-size: 15px; margin-right: 0;}
.lnb-section{border-top:1px solid #d7d7d7;}
.lnb-section .lnb-area{max-width:1400px; margin:0 auto; position:relative; width:100%}
.lnb-section ul.lnb-ul{width:100%;}
.lnb-section ul.lnb-ul li{width:16.6666%; float:left; }
.lnb-section .gnb_1da{margin:11px 0; padding:0 15px; font-weight:500; font-size:17px; line-height:38px; text-align:center; color:rgb(70, 70, 70); display:block;background-color: rgba(248, 219, 185, 0.2);border-radius:20px;}
.lnb-section .gnb_1da:hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}
.lnb-section .gnb_1da_hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}

#snb{padding-bottom:20px; display: none;}
#snb h1{height:80px; padding:20px 0 0 20px; font-weight:600; font-size:24px; color:#fff; background:url("../img/snb_bg.gif") no-repeat top right;}
#snb h1 span{margin-bottom:5px; font-weight:600; font-size:14px; color:#67ff02; display:block;}
#snb .snb-list{width:255px; float:left;}
#snb .snb-list li{width:253px; height:54px; border:1px solid #02203a; border-top:0; float:left;}
#snb .snb-list li a{padding-left:20px; font-weight:600; font-size:16px; line-height:54px; background:url("../img/snb_bul.png") no-repeat right center; display:block;}
#snb .snb-list li.curr-snb a{color:#fff; background:#37c2d7 url("../img/snb_bulr.png") no-repeat right center;}
#snb .lbanner{width:254px; float:left;}
#snb .lbanner ul{}
#snb .lbanner ul li{margin-top:10px; float:left;}

.svisual{width:100%; height:198px; background:url("../img/svisual_bg.jpg") no-repeat top center; overflow:hidden; max-width: 1100px; margin: 0 auto;}
.svisual .svisual-box{width:1100px; height:198px; margin:0 auto; position:relative;}
.svisual .svisual-box:after{clear:both; content:""; display:block;}
.svisual .svisual-box .timg{float:left; display: none;}
.svisual .svisual-box .timg img{vertical-align:middle; float:left;}
.svisual .svisual-box .count-box{width:310px; height:70px; top:35px; right:40px; padding:30px; background:rgba(0,0,0,0.5); position:absolute;}
.svisual .svisual-box .count-box h3{font-weight:600; font-size:16px; text-align:center; color:#fff; display:block;}
.svisual .svisual-box .count-box p{font-weight:600; font-size:24px; line-height:60px; text-align:center; color:#00ff42;}
.svisual .svisual-box .box01{width:154px; height:70px; border-right:1px solid #777; float:left;box-sizing: border-box;}
.svisual .svisual-box .box02{width:155px; height:70px; float:left;}


#quick{width:127px; top:102px; right:-270px; z-index:100001; position:absolute;}
#quick .quick-input{width:125px; height:145px; border:1px solid #478ed1; background:#fff; float:left;}
#quick .quick-btn{width:127px; margin-top:5px; float:left;}

#quick .quick-input h1{padding-top:10px; font-weight:600; font-size:14px; text-align:center; color:#478ed1; display:block;}
#quick .quick-input ul{padding:3px 6px 6px; float:left;}
#quick .quick-input ul li{margin-top:3px; float:left;}
#quick .quick-input ul li input{width:106px; height:22px; padding-left:6px; border:1px solid #e2e2e2; background:#fbfbfb;}
#quick .quick-input span{margin-right:1px; position:relative; _display:inline; float:left;}
#quick .quick-input span label{top:5px; left:6px; position:absolute; letter-spacing:-1px; color:#999;}
#quick .quick-input div{width:127px; float:left;}
#quick .quick-input div input{width:127px; height:29px; font-weight:600; color:#fff; border:0; background:#478ed1;}

/* button */
.btn_,
.btn_ a,
.btn_ input{margin:0; padding:0; border:0; font-size:12px; font-family:dotum,"돋움"; font-weight:bold; color:#fff !important; cursor:pointer; display:inline-block; overflow:visible; position:relative; background:url("/img/buttonBg.png") no-repeat; text-decoration:none !important; vertical-align:top; white-space:nowrap;}

.stype{height:30px !important; padding-right:1px; background-position:right 0; vertical-align:middle}
.stype a{height:30px; padding:3px 17px 0;background-position:0 0; line-height:27px !important;}
.stype input{height:30px; padding:0 17px 3px; line-height:18px; background-position:0 0;}
.stype.color1{background-position:right 0;}
.stype.color1 a,
.stype.color1 input{color:#fff !important;  background-position:0 0;}
.stype.color2{background-position:right -40px;}
.stype.color2 a,
.stype.color2 input{color:#fff !important; background-position:0 -40px;}
.stype.color3{background-position:right -80px;}
.stype.color3 a,
.stype.color3 input{color:#404040 !important; background-position:0 -80px;}
.stype.color4{background-position:right -120px;}
.stype.color4 a,
.stype.color4 input{color:#fff !important; background-position:0 -120px;}
.stype.color5{background-position:right -160px;}
.stype.color5 a,
.stype.color5 input{color:#404040 !important; background-position:0 -160px;}

.mtype{height:40px !important; padding-right:1px; background-position:right 0; vertical-align:middle;}
.mtype a{height:40px !important; padding:2px 25px 0 !important; font-size:14px !important; background-position:0 -200px; line-height:35px !important;}
.mtype input{height:40px !important; padding:0 25px 3px !important; font-size:14px !important; background-position:0 -200px;}
.mtype.color1{background-position:right -200px;}
.mtype.color1 a,
.mtype.color1 input{color:#fff !important;  background-position:0 -200px; text-align:center !important;}
.mtype.color2{background-position:right -250px;}
.mtype.color2 a,
.mtype.color2 input{color:#fff !important; background-position:0 -250px;}
.mtype.color3{background-position:right -300px;}
.mtype.color3 a,
.mtype.color3 input{color:#404040 !important; background-position:0 -300px;}
.mtype.color4{background-position:right -350px;}
.mtype.color4 a,
.mtype.color4 input{color:#fff !important; background-position:0 -350px;}
.mtype.color5{background-position:right -400px;}
.mtype.color5 a,
.mtype.color5 input{color:#404040 !important; background-position:0 -400px;}
/* //button */

.contents-section{width:825px; float: right;}
.contents-section:after{clear:both; content:""; display:block;}
.contents-section .nav-area{width:825px; height:52px; margin-top:60px; float:right;}
.contents-section .nav-area h1{font-weight:600; font-size:30px; color:#4d4c4c; float:left;}
.contents-section .nav-area span{height:15px; padding-left:5px; font-size:15px; display:block; float:right; color:#707070; background:url("/img/icon_home.gif") no-repeat 0 center;}
.contents-section .nav-area span em{height:15px; padding:0 10px 0 15px; display:block; float:left;}
.contents-section .nav-area span .curr{font-weight:600; background:url("/img/icon_bul.gif") no-repeat 0 center;}
.contents-section .contents{width:825px; padding:20px 0; float:right; }
#contents{display: flex; justify-content: center;}

.scontents-section{}
.scontents-section:after{clear:both; content:""; display:block;}
.scontents-section .nav-area{height:52px; margin-top:60px;}
.scontents-section .nav-area h1{font-weight:600; font-size:30px; color:#4d4c4c; float:left;}
.scontents-section .nav-area span{height:15px; padding-left:5px; font-size:15px; display:block; float:right; color:#707070; background:url("/img/icon_home.gif") no-repeat 0 center;}
.scontents-section .nav-area span em{height:15px; padding:0 10px 0 15px; display:block; float:left;}
.scontents-section .nav-area span .curr{font-weight:600; background:url("/img/icon_bul.gif") no-repeat 0 center;}
.scontents-section .contents{width:1100PX; padding:20px 0; float:none; max-width:1100px}


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border:1px solid #d7d7d7;background:#fafafa;color:#333;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;background:#fafafa;border:1px solid #d7d7d7;}
.tbl_head01 td {padding:8px 5px;border:1px solid #d7d7d7;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:10px 5px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background:#fafafa;color:#333;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #d7d7d7;background:#fafafa;text-align:left}
.tbl_frm01 td {padding:7px 10px;border:1px solid #d7d7d7;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

#device_change {width:100% !important; display:block;margin:0 auto;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}


@media screen and (min-width:930px) and (max-width:1500px) {
    
    #quick{
         display:none;
     }
     .lnb-section ul.lnb-ul li{width:30%; float:left; margin-right: 5%;}
     .lnb-section ul.lnb-ul li:nth-child(3n){margin-right:0;width:30%; float:left;}

     .box02{width:100%;}
     .blog{width:100%;}
     #footer .copyright{width:100%; margin:0 auto; padding:30px 0;}
     
     #footer .copyright .box01 .inbox03{display:none}
 
     #device_change{width:100%;}

     .ccc-list li.box{width:30%;}

     .svisual .svisual-box .count-box{width:310px; height:70px; top:35px; right:50%;margin-right: -25%; padding:30px; background:rgba(0,0,0,0.5); position:absolute;}
 }

 @media screen and (min-width:700px) and (max-width:929px) {
    
    #quick{
         display:none;
     }

    .lnb-section{border-top:1px solid #d7d7d7;}
.lnb-section .lnb-area{width:100%;  position:relative;}
.lnb-section ul.lnb-ul{width:100%; margin: 0 auto; }
.lnb-section ul.lnb-ul li{width:20%; float:left; }
.lnb-section ul.lnb-ul li a {font-size: 100%; }

.lnb-section .gnb_1da{margin:11px 0; padding:0 15px; font-weight:500; font-size:17px; line-height:38px; text-align:center; color:rgb(70, 70, 70); display:block;background-color: rgba(248, 219, 185, 0.2);border-radius:20px;}
.lnb-section .gnb_1da:hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}
.lnb-section .gnb_1da_hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}

    
    
    ul.lnb-ul li a {
        font-size: 10px;
    }

     .box02{width:100%;}
     .blog{width:100%;}
     #footer .copyright{width:100%; margin:0 auto; padding:30px 0;}
     
     #footer .copyright .box01 .inbox03{display:none}
 
     #device_change{width:100%;}

     .fLeft{width:50%;  float: left!important;}
     .fLeft li {font-size: 12px !important; line-height: 47px;}



     .fRight{ float:right !important ; } 
     

     .ccc-list li.box{width:30%;}



 .tnb-section .fLeft ul li {margin-right:0px !important;}
 .svisual .svisual-box .count-box{width:310px; height:70px; top:35px; right:50%;margin-right: -25%; padding:30px; background:rgba(0,0,0,0.5); position:absolute;}
}


 @media screen and (min-width:598px) and (max-width:699px) {
    
    #quick{
         display:none;
     }

    .lnb-section{border-top:1px solid #d7d7d7;}
.lnb-section .lnb-area{width:100%;  position:relative;}
.lnb-section ul.lnb-ul{width:100%; margin: 0 auto; }
.lnb-section ul.lnb-ul li{ width: calc(100% / 3); /* 3개를 균등하게 나눔 */
    box-sizing: border-box; /* 패딩과 테두리 포함 */ }
.lnb-section ul.lnb-ul li a {font-size: 100%; }

.lnb-section .gnb_1da{margin:11px 0; padding:0 15px; font-weight:500; font-size:17px; line-height:38px; text-align:center; color:rgb(70, 70, 70); display:block;background-color: rgba(248, 219, 185, 0.2);border-radius:20px;}
.lnb-section .gnb_1da:hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}
.lnb-section .gnb_1da_hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}

    
    
    ul.lnb-ul li a {
        font-size: 10px;
    }

     .box02{width:100%;}
     .blog{width:100%;}
     #footer .copyright{width:100%; margin:0 auto; padding:30px 0;}
     
     #footer .copyright .box01 .inbox03{display:none}
 
     #device_change{width:100%;}

     .fLeft ul li{ font-size: 10px!important; }
     .fLeft ul{width:100%;  }

     .fLeft{width:50%;}

    


     .fRight{   float:right !important ; font-size: 7px!important; width:50%;} 
     .fRight a {float:right !important ; display:block !important; width:15%; font-size: 7px!important;} 
     .fRight a span{display: inline-block; font-size: 7px!important;}

   

 }


 @media screen and (max-width:598px) {
    
    #quick{
         display:none;
     }

    .lnb-section{border-top:1px solid #d7d7d7;}
.lnb-section .lnb-area{width:100%;  position:relative;}
.lnb-section ul.lnb-ul{width:100%; margin: 0 auto; }
.lnb-section ul.lnb-ul li{ width: calc(100% / 3); /* 3개를 균등하게 나눔 */
    box-sizing: border-box; /* 패딩과 테두리 포함 */ }
.lnb-section ul.lnb-ul li a {font-size: 100%; }

.lnb-section .gnb_1da{margin:11px 0; padding:0 15px; font-weight:500; font-size:17px; line-height:38px; text-align:center; color:rgb(70, 70, 70); display:block;background-color: rgba(248, 219, 185, 0.2);border-radius:20px;}
.lnb-section .gnb_1da:hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}
.lnb-section .gnb_1da_hover{color:#fff; border-radius:20px; background-color:rgba(235, 7, 7, 0.6); transition: 0.3s;}

    
    
    ul.lnb-ul li a {
        font-size: 10px;
    }

     .box02{width:100%;}
     .blog{width:100%;}
     #footer .copyright{width:100%; margin:0 auto; padding:30px 0;}
     
     #footer .copyright .box01 .inbox03{display:none}
 
     #device_change{width:100%;}

     .fLeft ul li{ font-size: 30%!important; width:50% }
     .fLeft ul{width:100%;  }

     .fLeft{width:50%;}

    


     .fRight{   float:right !important ; font-size: 7px!important; width:50%;} 
     .fRight a {float:right !important ; display:block !important; width:15%; font-size: 7px!important;} 
     .fRight a span{display: inline-block; font-size: 7px!important;}



   
 }