@charset "utf-8"; 


@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSansKR';
    src: url('../font/NotoSansKR-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Outfit';
    src: url('../font/Outfit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Outfit';
    src: url('../font/Outfit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Outfit';
    src: url('../font/Outfit-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoFlex';
    src: url('../font/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../font/Poppins-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


/* 메인 컬러 - 전체 적용 */
:root{
  --outfit:'Outfit';
  --roboto:'RobotoFlex';
}


/* 기본 세팅 */
html{overflow-x: hidden;scroll-behavior: smooth;}
html,body{font-size: 20px; font-family: 'NotoSansKR';}
@media all and (max-width:1024px){
  html,body{font-size: 18px;}
}


/* 공통 */
.inner{max-width: 1440px; margin: 0 auto; width: 90%;}
img{max-width: 100%;}
li{list-style: none;}



/* 초기화 */
body{margin: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0;  font-family: 'NotoSansKR';} 
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family: 'NotoSansKR';} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 

ul, dl,dt,dd { margin:0; padding:0; list-style:none } 
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
label, input, button, select, img { vertical-align:middle; font-size:1em } 
input, button { margin:0; padding:0; font-family: 'NotoSansKR'; font-size:1em } 
input[type="submit"] { cursor:pointer } 
button { cursor:pointer } 

textarea, select { font-family: 'NotoSansKR'; font-size:1em } 
select { margin:0 } 
p { margin:0; padding:0; word-break:keep-all; font-family: 'NotoSansKR';} 
hr { display:none } 
pre { overflow-x:scroll; font-size:1.1em } 
a { color:#000; text-decoration:none } 


.chk_box input[type="checkbox"] + label{display: flex; align-items: center; padding-left: 0 !important; gap: 5px;}
.chk_box input[type="checkbox"] + label:hover{color: skyblue;}
.chk_box input[type="checkbox"]:checked + label span{
  background: url('/img/chk.png') no-repeat 50% 50% skyblue;
  border-color: skyblue;
  border-radius: 3px;
}
.all_chkinput[type="checkbox"] + label span,
.write_div .chk_box input[type="checkbox"] + label span, 
.bo_vc_w .chk_box input[type="checkbox"] + label span{position: inherit !important; top: inherit; left: inherit; margin-right: 0 !important;}


*, :after, :before { 
 -webkit-box-sizing:border-box; 
 -moz-box-sizing:border-box; 
 box-sizing:border-box; 
 } 

input[type=text],input[type=password], textarea { 
-webkit-transition:all 0.30s ease-in-out; 
-moz-transition:all 0.30s ease-in-out; 
-ms-transition:all 0.30s ease-in-out; 
-o-transition:all 0.30s ease-in-out; 
outline:none; 
 } 

.placeholdersjs { color:#aaa !important } 


/* 스크롤커스텀 */
body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-thumb { height: 30%;  background: #666;  border-radius: 10px;}
body::-webkit-scrollbar-track {background: rgba(51,51,51 .1); }

#hd_pops_1{position: absolute; left: 50% !important; transform: translateX(-50%);} 
.hd_pops_con{background: skyblue;}
.popup{position: relative; height: 100%; padding: 100px 0;}
.popup a{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 200px; height: 50px; line-height: 50px; border-radius: 50px; display: inline-block; background: #fff; color: #000; font-size: 16px; font-weight: 600; text-align: center;}
.popup .popuptxt{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 20px; gap: 20px;}
.popup p{font-size: 20px; color: #fff; text-align: center;}

@media all and (max-width:768px){
  #hd_pops_1{width: 90%; margin: 0 auto;}
  .hd_pops_con{width: 100% !important; height: auto !important;}
  .popup a{bottom: 30px; width: 150px; height: 45px; line-height: 45px; font-size: 14px;}
  .popup p{font-size: 16px;}
}






header{position: fixed !important;top: 0;left: 0;width: 100%;height: 100px;z-index: 1000;background: rgba(0, 0, 0, 0.8) !important;}
header .headBox{height: 100%;} 
header .headBox.scrolled{background: #fff;}
header .headBox .inner{height: 100%;}
header .top-bar {display: flex; justify-content: space-between; align-items: center;height: 100%;} 
header .top-bar .menuBox_pc{}
header .top-bar .menuBox_pc nav ul{display: flex;align-items: center;gap: 0 70px;}
header .top-bar .menuBox_pc nav ul li a{font-size: 1.10em;font-weight: 500;font-family: var(--outfit);color: #fff;position: relative;padding: 0 10px;}
header .top-bar .menuBox_pc nav ul li a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0;height: 2px;background: #fff;}

#toggle{display: none;}
#overlay{display: none;}
@media all and (max-width:1800px){
    #overlay nav ul{width: 90%;}
    header .location .tit{width: 90%;}
}
@media all and (max-width:1200px){
    header .top-bar .menuBox_pc nav ul{gap: 0 50px;}
    header .top-bar .menuBox_pc nav ul li a{font-size: 20px;}
    #overlay nav ul li a{padding: 10px 30px;}
    #overlay nav{bottom: 200px;}
}
@media all and (max-width:1024px){
    header .top-bar .menuBox_pc{display: none;}  
    header .headlogo{z-index: 1000;}

    #toggle { width: 30px; height: 21px; cursor: pointer; z-index: 1000;display: block;} 
    #toggle div.bar,
    #toggle div.bar:before,
    #toggle div.bar:after { width: 100%; height: 3px; background:#fff; } 
    #toggle div.bar { position: relative; transform: translateY(9px); transition: all 0.3s 0.3s ease; } 
    #toggle div.bar:before { content: " "; position: absolute; bottom: 9px; transition: bottom 0.3s 0.3s ease, transform 0.3s ease; } 
    #toggle div.bar:after { content: " "; position: absolute; top: 9px; transition: top 0.3s 0.3s ease, transform 0.3s ease; } 

    #toggle div.bar.animate { background: rgba(255, 255, 255, 0); } 
    #toggle div.bar.animate:after { top: 0; transform: rotate(45deg); transition: top 0.3s ease, transform 0.3s 0.3s ease; background: #fff;} 
    #toggle div.bar.animate:before { bottom: 0; transform: rotate(-45deg); transition: bottom 0.3s ease, transform 0.3s 0.3s ease; background: #fff;} 

    #overlay{display: block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; max-height: 0;overflow: hidden; transition: all 0.3s ease, max-height 0s 0.6s ease; z-index: 100; opacity: 1; background: #000;} 
    #overlay nav {width: 100%; position: absolute; left: 0; bottom: 50%; transform: translateY(50%); z-index: 100;} 
    #overlay nav ul { max-width: 1520px; margin: 0 auto; padding: 0; display: block; position: static; } 
    #overlay nav ul li { margin-bottom: 10px; opacity: 0; transition: all 0.9s 0s ease; margin-left: 60px; margin: 0; padding: 0; display: block; position: static; } 
    #overlay nav ul li a {font-size: 50px;font-weight: 700; text-decoration: none; position: relative; display: inline-block; color: #fff; transition: all 0.6s 0s ease; font-family:var(--outfit); padding: 10px 0;} 
    /* #overlay nav ul li a:after{content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(140deg, skyblue, #0068FF); z-index: -1;}
    #overlay nav ul li a:hover:after {width: 100%; opacity: 1; transition: all .3s ease-in;}
    #overlay nav ul li a:hover {color: #fff; }  */

    #page.overlay #overlay {position: fixed; top: 0; right: 0; left: 0; bottom: 0; max-height: 1200px; opacity: 1; z-index: 100; transition: all 0.3s ease;} 
    #page.overlay #overlay nav ul li { margin-left: 0; opacity: 1;}
    #page.overlay #overlay nav ul li:nth-child(1) {transition: all 0.9s 0.6s ease;} 
    #page.overlay #overlay nav ul li:nth-child(2) {transition: all 0.9s 0.8s ease;} 
    #page.overlay #overlay nav ul li:nth-child(3) {transition: all 0.9s 1.0s ease;} 
    #page.overlay #overlay nav ul li:nth-child(4) {transition: all 0.9s 1.2s ease;} 
    #page.overlay #overlay nav ul li:nth-child(5) {transition: all 0.9s 1.4s ease;}  

    #page.overlay #overlay .location{opacity: 1; transform: translateY(0);}
    #page.overlay #overlay .location h3{transition: all 0.9s 1.6s ease;}
    #page.overlay #overlay .location p{transition: all 0.9s 1.8s ease;}  

    header .location{opacity: 0; width: 100%; position: absolute; right: 0; bottom: 80px; transform: translateY(-30px); transition: all 0.9s ease;}
    header .location .tit{max-width: 1520px; margin: 0 auto; position: static;}
    header .location h3{font-size: 18px; color: #fff; font-weight: 600; text-align: right; position: static; margin-bottom: 15px;}
    header .location p{font-size: 18px; color: #fff; font-weight: 500; text-align: right; position: static;}
    header .location p:not(:last-child){margin-bottom: 5px;}
}
@media all and (max-width:768px){
    header{height: 80px;padding: 10px 0;}
    header .headlogo{height: 100%;}
    header .headlogo img{height: 100%;} 
    #page.overlay #overlay{max-height: 100vh !important;}
    #page.overlay #overlay .location{bottom: 50px;}
    #overlay nav{bottom: 50%; transform: translateY(50%);}
    #overlay nav ul li a{font-size: 45px;}
}
@media all and (max-width:500px){
    #overlay nav ul li a{font-size: 40px;}
    header .location h3{font-size: 16px;}
    header .location p{font-size: 16px;}
}
@media all and (max-width:440px){
    #overlay nav ul li a{font-size: 30px;}
    header .location h3{font-size: 14px;}
    header .location p{font-size: 14px;}
}







/* 푸터 */
footer{padding: 100px 0; background: #000; position: relative; z-index: 10;}
footer .inner{display: flex; justify-content: space-between; align-items: center; gap:60px;}
footer .inner .ftinfo{text-align: left;display: flex;gap: 0 150px;}
footer .inner .ftinfo .info_con{}
footer .inner .ftinfo p{font-size: 16px; font-weight: 700; color: #fff; margin-bottom:30px;}
footer .inner .ftinfo .ftlist li{position: relative; font-size: 16px; font-weight:400; color: #ddd;}
footer .inner .ftinfo .ftlist li:not(:last-child){padding-bottom: 5px;}
footer .inner .ftinfo .contact_con p{font-weight:600;font-family: var(--outfit);}
footer .inner .ftinfo .contact_con .ftlist li{font-family: var(--outfit);color: #ddd;line-height: 1.4;}
@media all and (max-width:1400px){
    footer .inner .ftinfo{gap: 0 100px;}
}
@media all and (max-width:1200px){
    footer .inner .ftinfo{gap: 0 60px;}
}
@media all and (max-width:1024px){
    footer .inner .ftlogo img{width: 180px;}
}
@media all and (max-width:960px){
    footer{padding: 60px 0;}
    footer .inner{flex-direction: column;align-items: start;}
    footer .inner .ftlogo img{width: 150px;}
    footer .inner .ftinfo{width: 100%;}
    footer .inner .ftinfo>div{width: 50%;}
}
@media all and (max-width:768px){
    footer .inner{gap:50px 0;align-items: center;}
    footer .inner .ftlogo img{width: 120px;}
    footer .inner .ftinfo{text-align: center;flex-direction: column;gap:30px 0;}
    footer .inner .ftinfo>div{width: 100%;}
    footer .inner .ftinfo p{margin-bottom: 15px;font-size: 14px;}
    footer .inner .ftinfo .ftlist li{font-size: 14px;}
}







/* 텍스트 공통 */
p.txt80{font-size: 4.00em;font-family: var(--outfit);font-weight: 600;color:#fff;line-height: 1.2;}
p.txt60{font-size: 3.00em;font-family: var(--roboto);font-weight:800;color: #000;line-height: 1;}
p.txt50{font-size: 2.50em;font-weight: 600;color: #fff;line-height: 1.2;}
p.txt45{font-size: 2.25em;font-weight: 600;color: #fff;line-height: 1.4;}
p.txt35{font-size: 1.75em;font-weight: 700;color: #000;line-height: 1;}
p.txt30{font-size: 1.50em;font-weight: 600;color: #fff;line-height: 1.4;}
p.txt25{font-size: 1.25em;font-family: var(--outfit);font-weight: 500;color: #fff;line-height: 1.4;}
p.txt22{font-size: 1.10em;font-weight: 400;color: #000;line-height: 1.4;}
p.txt20{font-size: 1.00em;font-weight: 400;color: #fff;line-height: 1.4;}
p.txt18{font-size: 18px;font-weight: 400;color: #000;line-height: 1.3;}
@media all and (max-width:1600px){
    p.txt80{font-size: 3.75em;}
    p.txt60{font-size: 2.90em;}
}
@media all and (max-width:1400px){
    p.txt80{font-size: 3.50em;}
    p.txt60{font-size: 2.80em;}
    p.txt45{font-size: 2.00em;}
    p.txt35{font-size: 1.50em;}
    p.txt30{font-size: 1.25em;}
}
@media all and (max-width:1200px){
    p.txt80{font-size: 3.25em;}
    p.txt60{font-size: 2.70em;}
    p.txt45{font-size: 1.75em;}
    p.txt35{font-size: 1.30em;}
}
@media all and (max-width:960px){
    p.txt80{font-size:50px;}
}
@media all and (max-width:768px){
    p.txt80{font-size: 40px;}
    p.txt60{font-size: 45px;}
    p.txt45{font-size: 24px;}
    p.txt30{font-size: 20px;}
    p.txt25{font-size: 20px;}
    p.txt22{font-size: 18px;}
}
@media all and (max-width:500px){
    p.txt80{font-size: 35px;}
    p.txt60{font-size: 40px;}
    p.txt45{font-size: 22px;}
    p.txt30{font-size: 18px;}
    p.txt25{font-size: 18px;}
    p.txt18{font-size: 16px;}
}




/* 메인페이지 */
#mainpage .mainbnr{height:100vh;position: relative;}
#mainpage .mainbnr .scroll_Box{position: absolute;left: 0;bottom: 100px;width: 100%;z-index: 100;}
#mainpage .mainbnr .scroll_Box .inner {text-align: right;}
#mainpage .mainbnr .scroll_Box a {padding-bottom: 60px;position: relative;writing-mode: vertical-rl;font-family: 'Poppins-Bold';font-size:26px;font-weight: 700;color: #FFF;}
#mainpage .mainbnr .scroll_Box a span {position: absolute;bottom: 0;left: 50%;width: 14px;height: 14px;margin-left: -12px;-webkit-transform: rotate(-45deg) translateX(50%);transform: rotate(-45deg) translateX(50%);-webkit-animation: scroll_down 2s infinite;animation: scroll_down 2s infinite;opacity: 0;box-sizing: border-box;}
#mainpage .mainbnr .scroll_Box a span:nth-of-type(1) {-webkit-animation-delay: 0s;animation-delay: 0s;border-left: 4px solid #fff;border-bottom: 4px solid #fff;}
#mainpage .mainbnr .scroll_Box a span:nth-of-type(2) {bottom: 16px;-webkit-animation-delay: .15s;animation-delay: .15s;border-left: 4px solid rgba(255,255,255,0.5);border-bottom: 4px solid rgba(255,255,255,0.5);}
#mainpage .mainbnr .scroll_Box a span:nth-of-type(3) {bottom: 32px;-webkit-animation-delay: .3s;animation-delay: .3s;border-left: 4px solid rgba(255,255,255,0.3);border-bottom: 4px solid rgba(255,255,255,0.3);}
@-webkit-keyframes scroll_down {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes scroll_down {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
#mainpage .mainbnr .swiper {width: 100%; height: 100%;}
#mainpage .mainbnr .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
#mainpage .mainbnr .swiper-slide .imgBox{width:100%;height: 100%;}
#mainpage .mainbnr .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

@keyframes colorChange {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
}
@media all and (max-width:1400px){
    #mainpage .mainbnr .scroll_Box {bottom: 60px;}
    #mainpage .mainbnr .scroll_Box a{font-size: 24px;}
}
@media all and (max-width:1200px){
    #mainpage .mainbnr .scroll_Box a{font-size: 22px;}
}
@media all and (max-width:1024px){
    #mainpage .mainbnr .scroll_Box a{font-size: 20px;}
    #mainpage .mainbnr .scroll_Box a span{width: 12px;height: 12px;margin-left: -10px;}
}
@media all and (max-width:768px){
    #mainpage .mainbnr .scroll_Box a{font-size: 18px;}
}
@media all and (max-width:500px){
    #mainpage .mainbnr{height: 700px;}
    #mainpage .mainbnr .scroll_Box a{font-size: 16px;padding-bottom: 40px;}
    #mainpage .mainbnr .scroll_Box a span{width: 10px;height: 10px;margin-left: -8px;}
    #mainpage .mainbnr .scroll_Box a span:nth-of-type(1),
    #mainpage .mainbnr .scroll_Box a span:nth-of-type(2),
    #mainpage .mainbnr .scroll_Box a span:nth-of-type(3){border-left-width:3px;border-bottom-width: 3px;}
    #mainpage .mainbnr .scroll_Box a span:nth-of-type(2){bottom: 10px;}
    #mainpage .mainbnr .scroll_Box a span:nth-of-type(3){bottom: 20px;}
}

#mainpage .missionBox{background: url('../img/img-mission_bg01.png') no-repeat right center / cover;padding: 250px 0 120px 0;}
#mainpage .missionBox .inner{display: flex;flex-direction: column;align-items: end;}
#mainpage .missionBox .title {}
#mainpage .missionBox .title .tit1{margin-bottom: 5px;font-size: 4.00em;font-family: var(--outfit);font-weight:600;color: #fff;line-height: 1.0;}
#mainpage .missionBox .title .txt22 {color: #fff;}
#mainpage .missionBox .conBox{max-width: 640px;width: 100%;margin-top: 90px;}
#mainpage .missionBox .conBox ul li{display: flex;justify-content: space-between;align-items: flex-end;gap: 0 50px;position: relative;}
#mainpage .missionBox .conBox ul li:not(:last-child){padding-bottom: 50px;}
#mainpage .missionBox .conBox ul li .left {flex: 0 0 auto;width: 60px;/* padding: 15px 30px 0; *//* background: #000; */position: relative;}
#mainpage .missionBox .conBox ul li .left::before {content: '';display: block;width: 1px;height: 90%;background: rgba(255,255,255,.5);position: absolute;bottom: 0;right: -25px;margin: auto;}
#mainpage .missionBox .conBox ul li .left p.txt45{font-family: var(--outfit);color: rgba(255,255,255,0.2);text-align: center;/* position: absolute; *//* left: -30px; *//* top: -30px; */}
#mainpage .missionBox .conBox ul li .left p.txt22 {color: #fff;font-weight: 500;line-height: 1.3;}
#mainpage .missionBox .conBox ul li .left p.txt22 > span {display: flex;justify-content: space-between;}
#mainpage .missionBox .conBox ul li .left p.txt22 > span > em {font-style: normal;}
#mainpage .missionBox .conBox ul li .right {width: calc(100% - 60px);}
#mainpage .missionBox .conBox ul li .right p.txt18 {color: #fff;}
#mainpage .missionBox .conBox ul li .right p.txt18 > span {display: block;margin-bottom: 8px;font-size: 1.33em;font-weight: 700;line-height: 1.2;}
@media all and (max-width:1200px){
    #mainpage .missionBox{padding: 220px 0 120px 0;}
    #mainpage .missionBox .title .tit1{font-size: 3.50em;}
}
@media all and (max-width:1024px){
    #mainpage .missionBox{padding: 150px 0;}
    #mainpage .missionBox .conBox ul li {gap: 30px;}
    #mainpage .missionBox .conBox ul li .left {width: 55px;}
    #mainpage .missionBox .conBox ul li .left::before {right: -15px;}
    #mainpage .missionBox .conBox ul li .right {width: calc(100% - 55px);}
}
@media all and (max-width:960px){
    #mainpage .missionBox{padding: 150px 0 50px;background-position: center;}
    /* #mainpage .missionBox .conBox ul li p.txt50{left: -20px;top: -25px;} */
}
@media all and (max-width:768px){  
    #mainpage .missionBox{padding: 100px 0 30px;position: relative;}  
    #mainpage .missionBox::before {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 0;}
    #mainpage .missionBox .inner {/* align-items: center; */position: relative;}
    #mainpage .missionBox .title {text-align: right;}
    #mainpage .missionBox .title .tit1{font-size: 56px;}
    #mainpage .missionBox .conBox{max-width: none;margin-top: 60px;}
    #mainpage .missionBox .conBox ul li {flex-direction: column;gap: 10px;}
    #mainpage .missionBox .conBox ul li:not(:last-child){padding-bottom: 40px;}
    #mainpage .missionBox .conBox ul li .left {display: flex;align-items: center;gap: 20px;width: auto;}
    #mainpage .missionBox .conBox ul li .left::before {display: none;}
    #mainpage .missionBox .conBox ul li .left p.txt45 {font-size: 34px;position: relative;}
    #mainpage .missionBox .conBox ul li .left p.txt45::after {content: '';display: block;width: 1px;height: 22px;background: rgba(255,255,255,.5);position: absolute;top: 0;bottom: 0;right: -10px;margin: auto;}
    #mainpage .missionBox .conBox ul li .left p.txt22 {font-size: 23px;}
    #mainpage .missionBox .conBox ul li .left p.txt22 > span {display: inline-block;}
    #mainpage .missionBox .conBox ul li .right {width: 100%;text-align: right;}
    #mainpage .missionBox .conBox ul li .right p.txt18 > span {font-size: 22px;}
}
@media all and (max-width:500px){    
    #mainpage .missionBox .inner{align-items: start;}
    #mainpage .missionBox .title{padding-right: 0;}
    #mainpage .missionBox .title .tit1{font-size: 50px;}
    #mainpage .missionBox .conBox{padding-left: 25px;}
    #mainpage .missionBox .conBox ul li:not(:last-child){padding-bottom: 40px;}
    #mainpage .missionBox .conBox ul li p.txt50{font-size: 40px;}
    #mainpage .missionBox .conBox ul li p.txt20{font-size: 16px;}
    #mainpage .missionBox .conBox ul li p.txt20 > br{display: none;}
}



/* portfolio */
#portfolio{padding:150px 0;background: #000;}
#portfolio.subpage{padding: 150px 0;background: #000;}
#portfolio .title{display: flex; justify-content: space-between; align-items: center;position: relative;margin-bottom: 10px;}
#portfolio .title select{cursor: pointer; border: 0; padding: 0 25px 0 15px; width: 230px; height: 65px; line-height: 65px; text-align: center; color: #000; font-size: 22px; border-radius: 50px; -webkit-appearance: none;  -moz-appearance: none;appearance: none; }
#portfolio .title select.renewal{background: url('../img/img-portfolio_img01.png') no-repeat 90% 50% #fff;}
#portfolio .title select:active,
#portfolio .title select:focus{outline: none; box-shadow: none; border: 0 !important;}
#portfolio .title select option{cursor: pointer;}

/* 게시판커스텀 */
#portfolio .chk_box{margin-bottom: 20px;}
#portfolio .chk_box label{font-size: 16px;}
#portfolio #bo_gall .bo_tit{font-size:1.10em;text-align: left; word-break: keep-all;}
#portfolio #bo_gall #gall_ul{margin:0; display: flex; flex-wrap: wrap; gap:100px 10px;}
#portfolio #bo_gall .gall_text_href{margin:16px 0 0;}
#portfolio #bo_gall .gall_text_href a{font-weight: 400;line-height: 1.2;}
#portfolio #bo_gall .gall_li{padding: 0; width: calc(100% / 3 - 7px);}
#portfolio #bo_gall .gall_li:hover .gall_hover{opacity: 1; transition: all .3s ease-in-out;}
#portfolio #bo_gall .gall_img{position: relative;border-bottom: 0;}
#portfolio #bo_gall .gall_img .gall_hover{opacity: 0; position: absolute; left: 0; top: 0; width:100%; height: 100%; background:linear-gradient(90deg, rgb(255, 0, 99, 0.4), rgb(0, 104, 255,0.4)); transition: width 0.3s ease-in-out;}
#portfolio #bo_gall .gall_img .gall_hover{display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 45px 35px;}
#portfolio #bo_gall .gall_img .gall_hover h3{font-size: var(--portfolio-tit); color: #fff; text-align: left; line-height: 1.2; word-break: keep-all;}
#portfolio #bo_gall .gall_img .gall_hover .gall_more{display: flex; justify-content: space-between; align-items: center;}
#portfolio #bo_gall .gall_img .gall_hover .gall_more h4{font-size: var(--portfolio-txt); color: #fff; font-weight: 400;}
#portfolio #bo_gall .gall_img .gall_hover .gall_more img{width: auto; height: auto !important;}
#portfolio #bo_gall .gall_img>a:first-child>img{height: auto; aspect-ratio: 16 / 9; object-fit: cover;}

#portfolio #bo_w .bo_w_select select:focus{box-shadow: none; border: 1px solid skyblue !important; outline: none;}
#portfolio #bo_w .write_div label{font-size: 16px;color: #fff;padding-bottom: 5px;display: block;}
#portfolio #bo_w .write_div.bo_w_flie label{display: inline;color: #000;}
#portfolio .btn_submit{background:#333;}
#portfolio .btn_submit:hover{background: skyblue;}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{box-shadow: none; border: 1px solid skyblue !important; outline: none;}
#portfolio .pjBox{padding: 0 50px;}
#portfolio .pjBox .pj_intro {position: relative;}
/* #portfolio .pjBox .pj_intro .imgcover{width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;} */
#portfolio .pjBox .pj_intro .imgBox{width:100%; height: 100vh;}
#portfolio .pjBox .pj_intro .imgBox img{max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
#portfolio .pjBox .pj_inform{padding-top: 60px;display: flex;align-items: start;justify-content: start;gap:0 300px;}
#portfolio .pjBox .pj_inform .titBox {flex: 0 0 auto;width: 42%;}
#portfolio .pjBox .pj_inform .titBox p.txt50{word-break: break-word;}
#portfolio .pjBox .pj_inform .txtBox {width: 100%;}
#portfolio .pjBox .pj_inform .txtBox ul li{list-style: none; display: flex; justify-content: start; align-items: center;gap:5px;flex-wrap: wrap;} 
#portfolio .pjBox .pj_inform .txtBox ul li:not(:last-child){margin-bottom: 10px;}
#portfolio .pjBox .pj_inform .txtBox ul li p.txt22{color:#fff; font-weight: 600;}
#portfolio .pjBox .pj_inform .txtBox ul li p.txt20{color:#fff; font-weight:300;}
#portfolio .pjBox .pj_inform .conBox{margin-top: 100px;}
#portfolio .pjBox .pj_inform .conBox p.txt20{font-weight: 300;line-height: 1.6;}
#portfolio .pjBox .pj_inform .copyBox{margin-top: 20px;}
#portfolio .pjBox .pj_inform .copyBox p.txt20{color: rgba(255,255,255,0.4);font-weight: 300;}
#portfolio .pjBox .pj_imgwrap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding-top: 150px;gap: 50px;}
#portfolio .pjBox .pj_imgwrap .imgBox{width:calc(50% - 25px);overflow: hidden;}
#portfolio .pjBox .pj_imgwrap .imgBox img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;}
#portfolio .pjBox .pj_imgwrap .imgBox:hover img{transform: scale(1.1);transition: all .3s ease-in-out;}

#portfolio .pj_slide .pjslide .swiper-slide{height: 100vh;}
#portfolio .pj_slide .pjslide .swiper-slide img{width: 100% !important; height: 100%; object-fit: cover;}
#portfolio .pj_slide .pjslide_thumb {margin-top: 40px;}
#portfolio .pj_slide .pjslide_thumb .swiper-slide {height: 330px; cursor: pointer;}
#portfolio .pj_slide .pjslide_thumb .swiper-slide img{max-width: 100% !important; width: 100%; height: 100%; object-fit: cover;}

/* 페이징 */
.pg_wrap {clear:both;display:inline-block; width: 100%; text-align: center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {display: none; background:#ddd; color:var(--bgwhite);font-size:1.083em;height:60px;line-height:58px;padding:0 5px;min-width:60px;text-decoration:none;border-radius:5px}
.pg_page:hover {color: #EC6519;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #1e1e1e;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/prevbtn.png') no-repeat 50% 50% #1e1e1e;padding:0; display: inline-block;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #1e1e1e;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/nextbtn.png') no-repeat 50% 50% #1e1e1e;padding:0; display: inline-block;}
/* .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} */

.pg_current {display:none;color:#EC6519;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}
@media all and (max-width:1600px){
    #portfolio .pjBox .pj_inform{gap: 200px;}
    #portfolio .pjBox .pj_inform .titBox p.txt50{font-size: 2.25em;}
}
@media all and (max-width: 1400px) {    
    #portfolio #bo_gall .bo_tit{font-size: 20px;}
    #portfolio #bo_gall .gall_img .gall_hover .gall_more img{width: 35px;}
    #portfolio .pjBox .pj_intro .imgBox{height: 100%;}
    #portfolio .pjBox .pj_inform{gap: 150px;}
    #portfolio .pjBox .pj_inform .titBox p.txt50{font-size: 2.00em;}
    #portfolio .pjBox .pj_inform .conBox{margin-top: 60px;}
    #portfolio .pjBox .pj_imgwrap{gap: 30px;}
    #portfolio .pjBox .pj_imgwrap .imgBox{width: calc(50% - 15px);}
    #portfolio .pj_slide .pjslide .swiper-slide{height:600px;}
    #portfolio .pj_slide .pjslide_thumb{margin-top: 20px;}
    #portfolio .pj_slide .pjslide_thumb .swiper-slide{height: auto;}
}
@media all and (max-width: 1200px) {
    #portfolio .pjBox .pj_inform{gap: 100px;}
    #portfolio #bo_gall #gall_ul li{width: calc(100% / 2 - 5px);}
    #portfolio #bo_gall .gall_img .gall_hover{padding: 30px 25px;} 
    #portfolio #bo_gall .gall_img .gall_hover .gall_more img{width: 30px;}
}
@media all and (max-width: 1024px) {
    #portfolio .title select{width: 180px; height: 45px; line-height: 45px; font-size: 20px;}
    #portfolio #bo_gall .gall_img .gall_hover .gall_more img{width: 25px;}    
    .gall_row .box_clear{clear: inherit !important;}
    #portfolio .pj_inform li{margin-bottom: 35px; gap: 50px;}
    #portfolio .pj_slide .pjslide .swiper-slide{height:500px;}
    #portfolio .pj_slide .pjslide_thumb .swiper-slide{height: 150px;}
}
@media all and (max-width:960px){
    #portfolio .pjBox{margin: 0 auto;width: 90%;padding: 0;}
    #portfolio .pjBox .pj_inform{flex-direction: column;gap: 60px;}
    #portfolio .pjBox .pj_inform .titBox {width: 100%;}
    #portfolio .pjBox .pj_inform .conBox{margin-top: 40px;}
}
@media all and (max-width: 768px) {
    #portfolio{padding: 100px 0;}
    #portfolio.subpage{padding: 100px 0;}
    #portfolio .title{flex-direction: column; align-items: start; gap: 20px;}
    #portfolio .title select{font-size: 18px;}
    #portfolio .title select.renewal{background-size: 15px;}
    .gall_row .col-gn-3{width:100% !important;}
    #portfolio #bo_gall #gall_ul{gap: 50px 10px;}
    #portfolio #bo_gall .gall_img>a:first-child>img{width: 100%;}
    .pg_page{min-width: 40px !important;height: 40px !important;line-height: 38px !important; background-size: 25% !important;}
    
    #portfolio .pjBox .pj_intro .titBox{padding-top: 50px;}
    #portfolio .pjBox .pj_inform{padding-top: 40px;gap: 40px;}
    #portfolio .pjBox .pj_imgwrap{padding-top: 100px;gap: 20px;}
    #portfolio .pjBox .pj_imgwrap .imgBox{width: calc(50% - 10px);}
    #portfolio .pj_slide .pjslide .swiper-slide{height:auto;}
    #portfolio .pj_slide .pjslide_thumb{margin-top: 15px;}
    #portfolio .pj_slide .pjslide_thumb .swiper-slide{ height: 100px;}
    #portfolio #bo_gall .gall_box{margin-bottom: 40px;}
}
@media all and (max-width: 500px) {
    #portfolio.subpage{padding: 60px 0;}
    #portfolio .title select{width: 150px;}
    #portfolio .pjBox .pj_intro .titBox{padding-top: 20px;}
    #portfolio .pjBox .pj_inform .txtBox ul li p.txt20{font-size: 16px;}
    #portfolio .pjBox .pj_inform .titBox p.txt50{font-size: 30px;}
    #portfolio .pjBox .pj_inform .conBox p.txt20{font-size: 16px;}
    #portfolio .pjBox .pj_inform .copyBox p.txt20{font-size: 16px;}
    #portfolio .pjBox .pj_imgwrap{gap: 10px;}
    #portfolio .pjBox .pj_imgwrap .imgBox{width: 100%;}
    #portfolio .pj_slide .pjslide_thumb{margin-top: 10px;}
    #portfolio #bo_gall .bo_tit{font-size: 18px;}
}
@media all and (max-width: 440px) {
    #portfolio .pjBox .pj_inform .titBox p.txt50{font-size: 26px;}
}

/* about */
.about{}
.about .bnr_con{background: #000;}
.about .bnr_con .title{text-align: center;padding: 250px 0 200px 0;}
.about .bnr_con .title p.txt80{color: #fff;padding-bottom: 20px;}
.about .bnr_con .title p.txt30{color: #fff;}

.about .bnr_con .conBox{padding: 246px 0;background: url(../img/img-about_img03.png) center center / cover no-repeat;position: relative;}
.about .bnr_con .conBox:before {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 0;}
.about .bnr_con .conBox ul {display: flex;justify-content: center;gap: 100px;position: relative;}
.about .bnr_con .conBox ul > li {max-width: 350px;width: 33.33%;padding: 45px 30px 30px;border: 3px solid #FFF;border-top: 0;text-align: center;position: relative;}
.about .bnr_con .conBox ul > li > .txt60 {margin-bottom: 30px;color: #fff;position: absolute;top: 0;left: 0;right: 0;margin: auto;transform: translateY(-50%);}
.about .bnr_con .conBox ul > li > .txt60::before,
.about .bnr_con .conBox ul > li > .txt60::after {content: '';display: block;width: 33%;height: 2px;background: #fff;position: absolute;top: 0;bottom: 0;margin: auto;}
.about .bnr_con .conBox ul > li > .txt60::before {left: -3px;}
.about .bnr_con .conBox ul > li > .txt60::after {right: -3px;}
.about .bnr_con .conBox ul > li > .txt-cont {}
.about .bnr_con .conBox ul > li > .txt-cont > .txt30 {margin-bottom: 15px;}
.about .bnr_con .conBox ul > li > .txt-cont > .txt18 {color: #fff;line-height: 1.4;}

.about .bnr_con .conBox .bnr_box{position: relative;}
.about .bnr_con .conBox .bnr_box::before {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 0;}
.about .bnr_con .conBox .bnr_box:not(:last-child){margin-bottom: 10px;}
.about .bnr_con .conBox .bnr_box .bnr_tit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;color: #fff;}
.about .bnr_con .conBox .bnr_box .bnr_tit p.txt45{padding-bottom: 50px;}

/* .about .bnr_con .conBox{}
.about .bnr_con .conBox .bnr_box{position: relative;}
.about .bnr_con .conBox .bnr_box::before {content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 0;}
.about .bnr_con .conBox .bnr_box:not(:last-child){margin-bottom: 10px;}
.about .bnr_con .conBox .bnr_box .bnr_tit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;color: #fff;}
.about .bnr_con .conBox .bnr_box .bnr_tit p.txt45{padding-bottom: 50px;} */

.about .chart_con{background: #000;padding: 200px 0;}
.about .chart_con .title{text-align: center;margin-bottom: 130px;}
.about .chart_con .title p.txt80{padding-bottom: 10px;}
.about .chart_con .conBox .chart_img{text-align: center;}
.about .credit_con{padding: 200px 0;}
.about .credit_con .title{text-align: center;margin-bottom: 100px;}
.about .credit_con .title p.txt80{color: #000;padding-bottom: 10px;}
.about .credit_con .title p.txt30{color: #000;}
.about .credit_con .conBox ul{display: flex;flex-wrap: wrap;justify-content:center;gap: 50px 35px;}
.about .credit_con .conBox ul li{text-align: center;}
.about .credit_con .conBox ul li .credit_tit{margin-top: 15px;}
.about .credit_con .conBox ul li .credit_tit p.txt20{font-weight:500;color: #000;}
@media all and (max-width: 1300px){
    .about .bnr_con .conBox ul {gap: 80px;}
}
@media all and (max-width:1200px){
    .about .bnr_con .conBox {padding: 150px 0;}
    .about .bnr_con .conBox ul {gap: 50px;}
    .about .bnr_con .conBox ul > li > .txt-cont > .txt18 > br {display: none;}
    .about .chart_con{padding: 150px 0;}
    .about .chart_con .title{margin-bottom: 100px;}
    .about .credit_con{padding: 150px 0;}
}
@media all and (max-width:1024px){
    .about .bnr_con .title{padding: 200px 0 160px 0;}
    .about .bnr_con .conBox {padding: 100px 0;}
    .about .bnr_con .conBox ul {flex-direction: column;align-items: center;gap: 100px;}
    .about .bnr_con .conBox ul > li {max-width: 690px;width: 100%;padding: 45px 110px 30px;}
}
@media all and (max-width:768px){
    .about .bnr_con .conBox ul > li {padding: 45px 60px 30px;}
    .about .chart_con{padding: 100px 0;}
    .about .chart_con .title{margin-bottom: 60px;}
    .about .chart_con .title p.txt80{padding-bottom: 20px;}
    .about .chart_con .title p.txt30 span.mo{display: block;}
    .about .credit_con{padding: 100px 0;}
    .about .credit_con .title{margin-bottom: 60px;}
}
@media all and (max-width:640px){
    .about .bnr_con .conBox ul > li > .txt-cont > .txt30 {font-size: 20px;}
    .about .credit_con .conBox ul{gap: 50px 20px;}
    .about .credit_con .conBox ul li{width:calc(50% - 10px);}
    .about .credit_con .conBox ul li .credit_tit p.txt20{font-size: 16px;}
}





/* contact */
.contact{padding: 200px 0 0;}
.contact .conBox{display: flex;justify-content: space-between;align-items: stretch;gap: 0 100px;}
.contact .conBox .map_con{width: 950px;min-height: 500px;}
.contact .conBox .map_tit{border-top: 1px solid #000;border-bottom: 1px solid #000;padding:70px 25px;}
.contact .conBox .map_tit p.txt35{padding-bottom: 35px;}
.contact .conBox .map_tit .txt p.txt18:not(:last-child){margin-bottom: 50px;}
.contact .title{padding: 200px 0;text-align: center;}
.contact .title p.txt60{padding-bottom: 30px;}
.contact .title p.txt22{line-height: 1.6;}
@media all and (max-width:1600px){
    .contact .conBox .map_con{width: calc(65% - 50px);}
    .contact .conBox .map_tit{width: calc(35% - 50px);}
}
@media all and (max-width:1400px){
    .contact .conBox{gap: 0 60px;}
    .contact .conBox .map_con{width: calc(65% - 30px);}
    .contact .conBox .map_tit{width: calc(35% - 30px);}
}
@media all and (max-width:1200px){
    .contact .title{padding: 150px 0;}
    .contact .conBox .map_con{min-height: 400px;}
    .contact .conBox .map_tit{padding: 60px 25px;}
    .contact .conBox .map_tit .txt p.txt18:nth-child(2) br{display: none;}
    .contact .conBox .map_tit .txt p.txt18:not(:last-child){margin-bottom: 30px;}
}
@media all and (max-width:1024px){
    .contact .conBox{gap: 0 40px;}
    .contact .conBox .map_con{min-height: 300px;}
    .contact .conBox .map_con{width: calc(65% - 20px);}
    .contact .conBox .map_tit{width: calc(35% - 20px);padding: 50px 20px;}
    .contact .conBox .map_tit p.txt35{padding-bottom: 30px;}
    .contact .conBox .map_tit .txt p.txt18:not(:last-child){margin-bottom: 20px;}
}
@media all and (max-width:960px){
    .contact .conBox{flex-direction: column;gap: 50px 0;}
    .contact .conBox .map_con{width:100%;height:300px;min-height: auto;}
    .contact .conBox .map_tit{width:100%;padding: 50px 20px;}
}
@media all and (max-width:768px){
    .contact .title{padding: 100px 0;}
}
@media all and (max-width:500px){
    .contact .title p.txt22 br{display: none;}
    .contact .title p.txt22 span.mo{display: block;padding-bottom: 10px;}
}







/* 개인정보처리방침 */
.ctt_admin{margin-top: 100px}
#ctt{padding:150px 0 !important;}
@media all and (max-width:768px){
  #ctt{padding:100px 0 !important;}
}



















/* 팝업레이어 */
#hd_pop { z-index:1000; position:relative; margin:0 auto; 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 img { max-width:100% } 
.hd_pops_con { } 
.hd_pops_footer { padding:0; background:#000; color:#fff; text-align:left; position:relative } 
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:"" } 
.hd_pops_footer button { padding:10px; border:0; color:#fff } 
.hd_pops_footer .hd_pops_reject { background:#000; text-align:left } 
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0 } 

/* 상단 레이아웃 */
#hd { background:#212020 } 
#hd_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#tnb { border-bottom:1px solid #383838; margin:0 auto } 
#tnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#tnb .inner { margin:0 auto } 

#hd_wrapper { position:relative; margin:0 auto; height:140px; zoom:1 } 
#hd_wrapper:after { display:block; visibility:hidden; clear:both; content:"" } 

#logo { float:left; padding:30px 0 0 } 

.hd_sch_wr { float:left; padding:30px 0; width:445px; margin-left:65px } 
#hd_sch h3 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#hd_sch { border-radius:30px; overflow:hidden } 
#hd_sch #sch_stx { float:left; width:385px; height:45px; padding-left:10px; border-radius:30px 0 0 30px; background:#2c2c2c; border:0; border-right:0; font-size:1.25em; color:#fff } 
#hd_sch #sch_submit { float:left; width:60px; height:45px; border:0; background:#2c2c2c; color:#fff; border-radius:0 30px 30px 0; cursor:pointer; font-size:16px } 

#hd_define { float:left } 
#hd_define:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_define li { float:left; font-size:1.083em; line-height:14px; border-right:1px solid #4a4a4a; position:relative; text-align:center; margin:15px 10px 15px 0; padding-right:10px } 
#hd_define li:last-child { padding-right:0; margin-right:0; border-right:0 } 
#hd_define li a { display:inline-block; color:#919191 } 
#hd_define li.active a { color:#fff } 


#hd_qnb { float:right; text-align:right } 
#hd_qnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_qnb li { float:left; font-size:1.083em; line-height:14px; border-right:1px solid #4a4a4a; position:relative; text-align:center; margin:15px 10px 15px 0; padding-right:10px } 
#hd_qnb li:last-child { padding-right:0; margin-right:0; border-right:0 } 
#hd_qnb li span { display:block; margin-top:5px; font-size:0.92em } 
#hd_qnb li a { display:inline-block; color:#919191 } 
#hd_qnb .visit .visit-num { display:inline-block; line-height:16px; padding:0 5px; margin-left:5px; border-radius:10px; background:#da22f5; color:#fff; font-size:10px } 


.hd_login { position:absolute; right:0; top:60px } 
.hd_login li { float:left; margin:0 5px; border-left:1px solid #616161; padding-left:10px; line-height:13px } 
.hd_login li:first-child { border-left:0 } 
.hd_login a { color:#fff } 


/* 메인메뉴 */
#gnb { position:relative; background:#fff } 
#gnb > h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#gnb .gnb_wrap { margin:0 auto; position:relative } 
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active { z-index:3 } 
#gnb #gnb_1dul { font-size:1.083em; padding:0; border-bottom:1px solid #e0e2e5; zoom:1 } 
#gnb ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#gnb .gnb_1dli { float:left; line-height:55px; padding:0px; position:relative } 
#gnb .gnb_1dli:hover > a { color:#3a8afd; 
-webkit-transition:background-color 2s ease-out; 
-moz-transition:background-color 0.3s ease-out; 
-o-transition:background-color 0.3s ease-out; 
transition:background-color 0.3s ease-out } 

.gnb_1dli .bg { position:absolute; top:24px; right:8px; display:inline-block; width:10px; height:10px; overflow:hidden; background:url('../img/gnb_bg2.gif') no-repeat 50% 50%; text-indent:-999px } 
.gnb_1da { display:block; font-weight:bold; padding:0 15px; color:#080808; text-decoration:none } 
.gnb_1dli.gnb_al_li_plus .gnb_1da { padding-right:25px } 
.gnb_2dli:first-child { border:0 } 
.gnb_2dul { display:none; position:absolute; top:54px; min-width:140px; padding-top:2px } 
.gnb_2dul .gnb_2dul_box { border:1px solid #e0e2e5; border-top:0; padding:0; 
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); 
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); 
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2) } 
.gnb_2da { display:block; padding:0 10px; line-height:40px; background:#fff; color:#080808; text-align:left; text-decoration:none } 
a.gnb_2da:hover { color:#3a8afd; background:#f7f7f8; 
-moz-transition:all 0.3s ease-out; 
-o-transition:all 0.3s ease-out; 
transition:all 0.3s ease-out } 

.gnb_1dli_air .gnb_2da { } 
.gnb_1dli_on .gnb_2da { } 
.gnb_2da:focus, .gnb_2da:hover { color:#fff } 
.gnb_1dli_over .gnb_2dul { display:block; left:0 } 
.gnb_1dli_over2 .gnb_2dul { display:block; right:0 } 
.gnb_wrap .gnb_empty { padding:10px 0; width:100%; text-align:center; line-height:2.7em; color:#080808 } 
.gnb_wrap .gnb_empty a { color:#3a8afd; text-decoration:underline } 
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a { color:#555 } 

#gnb .gnb_menu_btn { background:#4158d1; color:#fff; width:50px; height:55px; border:0; vertical-align:top; font-size:18px } 
#gnb .gnb_close_btn { background:#fff; color:#b6b9bb; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; position:absolute; top:0; right:0 } 
#gnb .gnb_mnal { float:right; padding:0 } 

#gnb_all { display:none; position:absolute; border:1px solid #c5d6da; width:100%; background:#fff; z-index:1000; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); 
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); 
box-shadow:0 2px 5px rgba(0,0,0,0.2) } 
#gnb_all h2 { font-size:1.3em; padding:15px 20px; border-bottom:1px solid #e7eeef } 
#gnb_all .gnb_al_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#gnb_all .gnb_al_ul > li:nth-child(5n+1) { border-left:0 } 
#gnb_all .gnb_al_li { float:left; width:20%; min-height:150px; padding:20px; border-left:1px solid #e7eeef } 
#gnb_all .gnb_al_li .gnb_al_a { font-size:1.2em; display:block; position:relative; margin-bottom:10px; font-weight:bold; color:#3a8afd } 
#gnb_all .gnb_al_li li { line-height:2em } 
#gnb_all .gnb_al_li li a { color:#555 } 
#gnb_all_bg { display:none; background:rgba(0,0,0,0.1); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999 } 

/* 중간 레이아웃 */
#wrapper { } 
#container_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_wr { margin:0 auto; zoom:1 } 
#aside { float:right; width:235px; padding:0; height:100%; margin:20px 0 20px 20px } 

#container { position:relative; float:left; min-height:500px; height:auto !important; margin:20px 0; font-size:1em; width:930px; zoom:1 } 
#container:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_title { font-size:1.333em; margin:0 auto; font-weight:bold } 
#container_title span { margin:0 auto 10px; display:block; line-height:30px } 

.lt_wr { width:32% } 
.lt_wr:nth-child(3n+1) { clear:both } 
.latest_wr { margin-bottom:20px } 
.latest_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.latest_top_wr { margin:0 -10px 20px } 
.latest_top_wr:after { display:block; visibility:hidden; clear:both; content:"" } 

/* 하단 레이아웃 */
#ft { background:#212020; margin:0 auto; text-align:center } 
#ft h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#ft_wr { max-width:1240px; margin:0; padding:40px 0; position:relative; display:inline-block; text-align:left } 
#ft_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#ft_wr .ft_cnt { width:25%; float:left; padding:0 20px } 

#ft_link { text-align:left } 
#ft_link a { display:block; color:#fff; line-height:2em; font-weight:bold } 
#ft_company h2 { font-size:1.2em; margin-bottom:20px } 
#ft_company { font-weight:normal; color:#e3e3e3; line-height:2em } 
#ft_catch { margin:20px 0 10px } 
#top_btn { position:fixed; bottom:20px; right:20px;text-align:center; font-size:15px; z-index:90; border: 0; background: transparent;} 
#top_btn:focus{outline: none;}

/* 게시물 선택복사 선택이동 */
#copymove { } 
#copymove .win_desc { text-align:center; display:block } 
#copymove .tbl_wrap { margin:20px } 
#copymove .win_btn { padding:0 20px 20px } 
.copymove_current { float:right; background:violet; padding:5px; color:#fff; border-radius:3px } 
.copymove_currentbg { background:#f4f4f4 } 

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden } 
.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; width:0; height: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 } 

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto } 

/* 캡챠 자동등록(입력)방지 기본 -pc */
#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 { height:40px; border:1px solid #898989; vertical-align:top; padding:0; margin:0 } 
#captcha #captcha_mp3 { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px } 
#captcha #captcha_reload { margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px } 
#captcha #captcha_key { margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top } 
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em } 

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px } 
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block } 
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px } 
#captcha.m_captcha #captcha_reload span { display:none } 
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px } 
#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em } 
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none } 

/* ckeditor 단축키 */
.cke_sc { margin:0 0 5px; text-align:right } 
.btn_cke_sc { display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer } 
.cke_sc_def { margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center } 
.cke_sc_def dl { margin:0 0 5px; text-align:left; zoom:1 } 
.cke_sc_def dl:after { display:block; visibility:hidden; clear:both; content:"" } 
.cke_sc_def dt, .cke_sc_def dd { float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9 } 
.cke_sc_def dt { width:20%; font-weight:bold } 
.cke_sc_def dd { width:30% } 

/* ckeditor 태그 기본값 */
#bo_v_con ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px } 
#bo_v_con ol { display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px } 
#bo_v_con li { display:list-item } 

/* 버튼 */
a.btn,.btn { line-height:35px; height:35px; padding:0 10px; text-align:center; font-weight:bold; border:0; font-size:1.4em; 
-webkit-transition:background-color 0.3s ease-out; 
-moz-transition:background-color 0.3s ease-out; 
-o-transition:background-color 0.3s ease-out; 
transition:background-color 0.3s ease-out } 

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:right } /* 서식단계 진행 */

.btn_submit { border:0; background:skyblue; color:#fff; cursor:pointer; border-radius:3px } 
.btn_submit:hover { background:skyblue } 
.btn_close { border:1px solid #dcdcdc; cursor:pointer; border-radius:3px; background:#fff } 
a.btn_close { text-align:center; line-height:50px } 

a.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle } 
button.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle } 
.btn_cancel:hover { background:#aaa } 
a.btn_frmline, button.btn_frmline { display:inline-block; width:128px; padding:0 5px; height:40px; border:0; background:#434a54; border-radius:3px; color:#fff; text-decoration:none; vertical-align:top } /* 우편번호검색버튼 등 */
a.btn_frmline { } 
button.btn_frmline { font-size:1em } 

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 { display:inline-block; color:#bababa; text-decoration:none; vertical-align:middle; border:0; background:transparent } 
.btn_b01:hover, .btn_b01:hover { color:#000 } 
a.btn_b02,.btn_b02 { display:inline-block; background:#253dbe; padding:0 10px; color:#fff; text-decoration:none; border:0; vertical-align:middle } 
a.btn_b02:hover, .btn_b02:hover { background:#0025eb } 
a.btn_b03, .btn_b03 { display:inline-block; background:#fff; border:1px solid #b9bdd3; color:#646982; text-decoration:none; vertical-align:middle } 
a.btn_b03:hover, .btn_b03:hover { background:#ebedf6 } 
a.btn_b04, .btn_b04 { display:inline-block; background:#fff; border:1px solid #ccc; color:#707070; text-decoration:none; vertical-align:middle } 
a.btn_b04:hover, .btn_b04:hover { color:#333; background:#f9f9f9 } 
a.btn_admin,.btn_admin { display:inline-block; color:#d13f4a; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover { color:#ff3746 } 


/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 5px; background:#fff; border-top:1px solid #ececec; border-bottom:1px solid #ececec } 
.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:20px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ececec; height:40px } 
.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; border-bottom:1px solid #e8e8e8 } 
.tbl_head01 td { color:#666; padding:10px 5px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all } 
.tbl_head01 tbody tr:hover td { background:#fafafa } 
.tbl_head01 a:hover { text-decoration:underline } 

.tbl_head02 { margin:0 0 10px } 
.tbl_head02 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head02 thead th { padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; 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; background:#fff } 
.tbl_head02 td { padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; 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:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left } 
.tbl_frm01 td { padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent } 
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input { border:1px solid #d0d3db; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; 
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); 
 } 
.tbl_frm01 textarea { padding:2px 2px 3px } 
.frm_input { height:40px } 

.full_input { width:100% } 
.half_input { width:49.5% } 
.twopart_input { width:385px; margin-right:10px } 
.tbl_frm01 textarea, .write_div textarea { width:100%; height:100px } 
.tbl_frm01 a { text-decoration:none } 
.tbl_frm01 .frm_file { display:block; margin-bottom:5px } 
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em } 

/*기본 리스트*/
.list_01 ul { border-top:1px solid #ececec } 
.list_01 li { border-bottom:1px solid #ececec; background:#fff; padding:10px 15px; list-style:none; position:relative } 
.list_01 li:nth-child(odd) { background:#f6f6f6 } 
.list_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.list_01 li:hover { background:#f9f9f9 } 
.list_01 li.empty_li { text-align:center; padding:20px 0; color:#666 } 

/*폼 리스트*/
.form_01 h2 { font-size:1.167em } 
.form_01 li { margin-bottom:10px } 
.form_01 ul:after,
.form_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.form_01 .left_input { float:left } 
.form_01 .margin_input { margin-right:1% } 
.form_01 textarea { height:100px; width:100% } 
.form_01 .frm_label { display:inline-block; width:130px } 

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

/* 필수입력 */
.required, textarea.required { background-image:url('../img/require.png') !important; background-repeat:no-repeat !important; background-position:right top !important } 

/* 테이블 항목별 정의 */
.td_board { width:80px; text-align:center } 
.td_category { width:80px; text-align:center } 
.td_chk { width:30px; text-align:center } 
.td_date { width:60px; text-align:center } 
.td_datetime { width:110px; text-align:center } 
.td_group { width:80px; text-align:center } 
.td_mb_id { width:100px; text-align:center } 
.td_mng { width:80px; text-align:center } 
.td_name { width:100px; text-align:left } 
.td_nick { width:100px; text-align:center } 
.td_num { width:50px; text-align:center } 
.td_numbig { width:80px; text-align:center } 
.td_stat { width:60px; text-align:center } 

.txt_active { color:#5d910b } 
.txt_done { color:#e8180c } 
.txt_expired { color:#ccc } 
.txt_rdy { color:#8abc2a } 

/* 새창 기본 스타일 */
.new_win { position:relative } 
.new_win .tbl_wrap { margin:0 20px } 
.new_win #win_title { font-size:1.3em; height:50px; line-height:30px; padding:10px 20px; background:#fff; color:#000; -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); 
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1); 
box-shadow:0 1px 10px rgba(0,0,0,.1) } 
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em } 
.new_win .win_ul { margin-bottom:15px; padding:0 20px } 
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_ul li { float:left; background:#fff; text-align:center; padding:0 10px; border:1px solid #d6e9ff; border-radius:30px; margin-left:5px } 
.new_win .win_ul li:first-child { margin-left:0 } 
.new_win .win_ul li a { display:block; padding:8px 0; color:#6794d3 } 
.new_win .win_ul .selected { background:#3a8afd; border-color:#3a8afd; position:relative; z-index:5 } 
.new_win .win_ul .selected a { color:#fff; font-weight:bold } 
.new_win .win_desc { position:relative; margin:10px; border-radius:5px; font-size:1em; background:#f2838f; color:#fff; line-height:50px; text-align:left; padding:0 20px } 
.new_win .win_desc i { font-size:1.2em; vertical-align:baseline } 
.new_win .win_desc:after { content:""; position:absolute; left:0; top:0; width:4px; height:50px; background:#da4453; border-radius:3px 0 0 3px } 
.new_win .frm_info { font-size:0.92em; color:#919191 } 
.new_win .win_total { float:right; display:inline-block; line-height:30px; font-weight:normal; font-size:0.75em; color:#3a8afd; background:#f6f6f6; padding:0 10px; border-radius:5px } 
.new_win .new_win_con { margin:20px 0; padding:20px } 
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .new_win_con2 { margin:20px 0 } 
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_btn { text-align:center } 
.new_win .cert_btn { margin-bottom:30px; text-align:center } 
.new_win .btn_close { padding:0 20px; height:45px; overflow:hidden; cursor:pointer } 
.new_win .btn_submit { padding:0 20px; height:45px; font-weight:bold; font-size:18px } 

/* 검색결과 색상 */
.sch_word { color:#fff; background:#ff005a; padding:2px 5px 3px; line-height:18px; margin:0 2px } 

/* 자바스크립트 alert 대안 */
#validation_check { margin:100px auto; width:500px } 
#validation_check h1 { margin-bottom:20px; font-size:1.3em } 
#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff } 

/* 사이드뷰 */
.sv_wrap { position:relative; font-weight:normal } 
.sv_wrap .sv { z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) } 
.sv_wrap .sv:before { content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #333 transparent } 
.sv_wrap .sv a { display:inline-block; margin:0; padding:0 10px; line-height:30px; width:100px; font-weight:normal; color:#bbb } 
.sv_wrap .sv a:hover { background:#000; color:#fff } 
.sv_member { color:#333 } 
.sv_on { display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto } 
.sv_nojs .sv { display:block } 


/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { 
-webkit-box-sizing:content-box; 
-moz-box-sizing:content-box; 
box-sizing:content-box; 
 } 

/* Mobile화면으로 */
#device_change { display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center }