@charset "UTF-8";
/**********************************************
note : webfonts
**********************************************/

@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/* 폰트 추가 */
.font-noto {font-family:'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/* 더보기 추가 */
.box-skin .header > a.btm-Kor2 {background-image:url('/image/btm-kor2.png')}

/* 박스스킨 design-2 */
.box-skin.design-2 .header::before {top:45%;border-top:3px solid rgba(0,0,0,.4)}
.box-skin.design-2 .header > .icon {display:none}

/**********************************************
note : design custom style page
**********************************************/
/* 하단스타일-커스텀 */
#footer-wrap {position:relative;box-sizing:border-box;border-right:1px solid #bcbcbc;border-left:1px solid #bcbcbc;}
#user-footer {padding:.75rem 1rem;} 
#user-footer.user-style-default {background:#fff !important;border-top:2px solid rgba(0,0,0,.85);}
#user-footer .footer-menu {padding:.85rem 0 1rem 0;margin-bottom:0}

/* menu */
#user-footer .footer-menu .footer-columns.user-logo {float:none;width:220px;padding-right:1.5rem}
#user-footer .footer-menu .user-nav a {padding:0;font-size:.8rem;color:#777}

/* address */
#user-footer .user-address {text-align:center !important;letter-spacing:-0.08em}
#user-footer .user-address ul {margin-bottom:0}
#user-footer .user-address ul li {float:none;display:inline-block !important;line-height:1.2em}
#user-footer .user-address ul p {margin:0;padding:0;line-height:0;}

/* footer-sns */
#user-footer .footer-menu .footer-sns {position:absolute;right:1rem;top:2rem;}
#user-footer .footer-menu .footer-sns ul {list-style:none;}
#user-footer .footer-menu .footer-sns ul li {float:left;padding-left:.425rem}
#user-footer .footer-menu .footer-sns ul li a{display:inline-block;padding-top:.35rem;width:2rem;height:2rem;border-radius:50%;vertical-align:middle;text-align:center;font-size:.95rem;color:#fff;background:#ccc;transition:all .3s ease}
#user-footer .footer-menu .footer-sns ul li a:hover{background:#888;}

.footer-banner {position:absolute;right:0;top:1rem;z-index:3;border:1px solid #eee;padding:.938rem;background:#fff}

/**********************************************
note : 자동박스
**********************************************/
/* mr03(import) */
.auto-mr03 {position:relative;height:48px;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.1)}
.auto-mr03 .auto-titles {float:left;padding:.6rem .85rem 0;font-size:1.45rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.auto-mr03 .auto-container {margin-top:.8rem;padding-right:1rem}
.auto-mr03 .photo-btn {width:40px;height:20px;font-size:1.25rem;color:rgba(0,0,0,.45);left:inherit;right:0;text-align:center}
.auto-mr03 .photo-btn:hover {color:rgba(0,0,0,.9)}
.auto-mr03 .photo-btn.auto-prev {top:-10px}
.auto-mr03 .photo-btn.auto-next {top:7px}

/* ha07(head) */
.auto-ha07 {position:relative;}
.auto-ha07 .more-btn {position:absolute;bottom:135px;right:5px;font-size:.8rem;z-index:3;}

/* ha08(head) */
.auto-ha08 {position:relative;}
.auto-ha08 .more-btn {position:absolute;top:5px;right:5px;font-size:.8rem;z-index:3;}

/* ma04(head) */
.auto-ma04 .auto-content:not(:first-child) {float:right;width:calc(100% - 260px)}
.auto-ma04 .auto-titles {float:left;max-width:calc(100% - 15px)}
.auto-ma04 .auto-names {overflow:hidden;float:right;width:80px;margin-top:.2rem;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap;text-align:right}

/* dl06 */
.auto-dl06 {position:relative}
.auto-dl06 .photo-titbg {transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-o-transition:all .15s}

/* dp01-1 */
.auto-dp01-1 {position:relative}
.auto-dp01-1 .auto-dp01-1-box {border:1px solid #ddd;padding:.35rem 1rem;border-top:0;}

/* pr03(photo) */
.auto-pr03 {position:relative}
.auto-pr03 .photo-btn {width:15px;height:15px;top:-39px;font-size:0.6rem;color:#fff;background-color:transparent;border:1px solid #c3c3c3;text-align:center}
.auto-pr03 .photo-btn.auto-prev {right:30px;border-radius:2px 0 0 2px}
.auto-pr03 .photo-btn.auto-next {right:16px;border-radius:0 2px 2px 0}

/* pr08(photo) */
.auto-pr08 {position:relative}
.auto-pr08 .auto-content {padding:8px 30px 0}
.auto-pr08 .photo-btn {top:45px;font-size:2rem;color:#000;text-align:center}
.auto-pr08 .photo-btn.auto-prev {left:5px}
.auto-pr08 .photo-btn.auto-next {right:5px}
.auto-pr08 .auto-pager {line-height:1;margin-top:.6rem}


/**********************************************
note : 박스 스킨
**********************************************/
/* 박스-custom */
.box-skin.line.custom-line {padding:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 1px #ccc;}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.line {padding:.625rem}
}

/* 박스 롤오버시 백그라운드 컬러 */
.box-skin.line.custom-line:hover.custom-back-blue {background:#a7caeb;}
.box-skin.line.custom-line:hover.custom-back-red {background:#ffdcde;}
.box-skin.line.custom-line:hover.custom-back-yellow {background:#ffeec9;}
.box-skin.line.custom-line:hover.custom-back-green {background:#cde084;}
.box-skin.line.custom-line:hover.custom-back-gray {background:#bbbbbc;}
.box-skin.line.custom-box {background-color:#505152;}

/* custom-title-bg */
.custom-title-bg1 {width:100%;height:4rem;background:url("/image/box/custom-bg1-img.png") no-repeat;}
.custom-title-bg2 {width:100%;height:4rem;background:url("/image/box/custom-bg2-img.png") no-repeat;}
.custom-title-bg3 {width:100%;height:4rem;background:url("/image/box/custom-bg3-img.png") no-repeat;}
.custom-title-bg4 {width:100%;height:4rem;background:url("/image/box/custom-bg4-img.png") no-repeat;}
.custom-title-bg1 strong,.custom-title-bg2 strong,.custom-title-bg3 strong,.custom-title-bg4 strong {color:#fff;font-size:2rem;font-weight:600;line-height:3.75rem;letter-spacing:2rem;text-align:center}


.custom-title-txt strong {color:#bc1212;font-size:1.125rem;font-weight:500;line-height:1.25rem;letter-spacing:.125rem;}
.custom-title-txt i {color:#777;font-size:1.125rem;}
/**********************************************
note : 소개페이지
**********************************************/
/* 소개 */
.com-content {width:100%;height:auto;background:url("/com/image/com1-img2.gif") no-repeat}
.com-title {padding:25px 30px 15px 0;text-align:left;}
.com-title h3 {font-size:2.25rem;color:#222;letter-spacing:-1.6px;font-weight:600;padding:20px 0;}

.info-contitle {width:100%;margin-bottom:25px;}
.info-conleft {float:left;width:5%;height:40px;padding-right:10px;font-size:1.35rem;}
.info-conright {width:95%;font-size:1rem;color:#777;letter-spacing:-.6px;}
.info-conright strong {font-size:1.125rem;color:#233c7f;letter-spacing:-1px;}
.info-content {float:center;margin:auto;font-size:1rem;text-align:left;font-weight:600;}
.info-content i {color:#233c7f;padding-right:5px}

/* 찾아오시는길 */
.info-map p {line-height:140%;letter-spacing:0;font-size:.9em;color:#777;letter-spacing:-.6px;}
.info-map strong {letter-spacing:0;color:#bc1212;font-size:1.2em;padding-right:20px;font-weight:600;}

/**********************************************
note : 메인(PC) default_line
**********************************************/
.index-wrap.default-line-wrap {background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 1.25rem}
.index-wrap.default-line .index-columns.grid-5 {padding-left:.938rem;padding-right:.938rem}
.index-wrap.default-line .index-columns.grid-6 {padding-left:1.875rem}







/**********************************************
note : 2017 리뉴얼 - 임시메인 
**********************************************/
/* 포토버튼-over type */
.auto-article .photo-btn.over {top:0;bottom:0}
.auto-article .photo-btn.over .btn-inner {width:4rem;height:4rem;padding-top:.5rem;font-size:2.2rem;background:#fefefe;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s}
.auto-article:hover .photo-btn.over .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-article .photo-btn.over.auto-prev {left:-2rem}
.auto-article .photo-btn.over.auto-next {right:-2rem}

/* hr07(headline) */
.auto-hr07 {position:relative;background:url('/image/auto-hr07.jpg') no-repeat right top;background-size:auto 100%}
.auto-hr07 .auto-for {float:left;width:calc(100% - 300px)}
.auto-hr07 .auto-content {overflow:hidden;float:left;width:300px;min-height:360px;padding:1.5rem;background-color:rgba(0,6,19,.86)}
.auto-hr07 .auto-mores {position:absolute;z-index:2;font-size:.75rem;font-weight:700;right:1.5rem;bottom:2rem;border:1px solid rgba(255,255,255,.5)}
.auto-hr07 .auto-mores a {display:block;padding:.35rem 1rem;background:rgba(0,0,0,.2)}
.auto-hr07 .auto-mores .fa {margin-left:.5rem}

#admin-wrap .edit-level1 {min-height:10px}

/* 이승현 / 1213930 / 20221107 */
.auto-hr07-2 {position:relative;background:url('/image/auto-hr07.jpg') no-repeat right top;background-size:auto 100%}
.auto-hr07-2 .auto-for {float:left;width:calc(100% - 300px)}
.auto-hr07-2 .auto-content {overflow:hidden;float:left;width:300px;min-height:360px;padding:1.5rem;background-color:rgba(24,40,76,.86)}
.auto-hr07-2 .auto-mores {position:absolute;z-index:2;font-size:.75rem;font-weight:700;right:1.5rem;bottom:2rem;border:1px solid rgba(255,255,255,.5)}
.auto-hr07-2 .auto-mores a {display:block;padding:.35rem 1rem;background:rgba(0,0,0,.2)}
.auto-hr07-2 .auto-mores .fa {margin-left:.5rem}
.auto-hr07-2 .auto-relation strong {font-weight: 600;}
.auto-hr07-2 .auto-fontJ {color: rgba(255,255,255,.6) !important;}
.auto-hr07-2 .auto-relation::before { content: '';  position: absolute; z-index: 1; width: 6px; height: 6px;border-left: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; left: 0.5rem; top: 50%;  transform: translateY(-50%);}


/* 배진희 / 1227194 / 20221220 */
.footer-banner02 {position:absolute;right:-235px;top:1rem;z-index:3;border:1px solid #eee;padding:.938rem;background:#fff}

/* 이승현 / 1269871 / 20230515 */
.rolling-bn .roll-btns { overflow: hidden; position: absolute;  z-index: 1; top: 50%;  width: 30px; height: 30px;  font-size: 1.2rem;  cursor: pointer; outline: 0;  -ms-transform: translateY(-50%); transform: translateY(-50%);}
.rolling-bn .roll-btns.btn-prev {right:98.5%;}
.rolling-bn .roll-btns.btn-next {left:98.5%;}
.rolling-bn .slick-arrow {text-align: center;}


/* 홍경아 / 1270576 / 20230516 */
.auto-mp02 .auto-columns a::before {border: 0px;}
.auto-mp02 .auto-content {padding: 0.9375rem 0;}
.box-skin .auto-dot {border-top:0px}
.index-wrap.default-line .index-columns.grid-2 { border-left: 0px;}
.index-wrap.default-line .index-columns.grid-4 { border-right: 0px;}

/* 배진희 / 1272005 / 20230519 */
.auto-article.auto-pr03-1 .photo-btn{bottom:auto;top:0;}

/* 임희은 / 1272884 / 20230523 */
.auto-article.auto-pr03-2 .photo-btn {top:45%;width:3rem;height:3rem;padding-top:0;font-size:1.5rem;background:#fefefe;color:#000;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity: 0;transition: all .35s;}
.auto-article.auto-pr03-2:hover .photo-btn {transform: scale3d(1, 1, 1);opacity:1}
.auto-article.auto-pr03-2 .photo-btn.auto-prev {left:-1rem}
.auto-article.auto-pr03-2 .photo-btn.auto-next {right:-1rem}


.auto-hr07-2 .thumb { overflow: hidden; float: left; position: relative; width: 800px; height: 360px; text-align: center;}
.auto-hr07-2 .thumb>img { position: absolute; z-index: 1; left: 0;top: 0; width: 100%; height: 100%;}

/* 강수현 / 1389474 / 20240711 */
.auto-hr07-2 .auto-images {background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center center}