@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&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}

/* 250배너 라인 */
.old-line {border:1px solid #ddd;padding:15px 25px 10px 25px;margin-bottom:1.25rem;background:#f8f8f8;text-align:center}

/* 롤링배너 */
.dnbanner {float:left;width:100%;padding:.5rem .25rem .5rem .25rem;border:1px solid #dfdfdf;background:#f8f8f8}
.dnbanner .title {width:250px;float:left;font-size:.938rem;font-weight:600;line-height:2rem;padding-left:1.5rem}
#roll_dnbanner {margin:0}

/**********************************************
note : 탭박스
**********************************************/
/* G type */
.tabs-wrap.type-J .tabs-header {float:left;font-size:.813rem;margin-bottom:.5rem;font-weight:700;color:#EC7A21}
.tabs-wrap.type-J .tabs-navs {float:right;width:75%;text-align:right}
.tabs-wrap.type-J .tabs-navs::before {display:none;right:inherit;border-top:transparent}
.tabs-wrap.type-J .tabs-navs .tabs-item {display:inline-block;float:left;position:relative}
.tabs-wrap.type-J .tabs-navs .tabs-item::before {content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.12)}
.tabs-wrap.type-J .tabs-navs .tabs-item:first-child::before {display:none;border-left:transparent} 
.tabs-wrap.type-J .tabs-navs .tabs-item a {padding:0 .25rem;line-height:1em;border:none}
.tabs-wrap.type-J .tabs-navs .tabs-item.active a {font-weight:700;border-bottom-color:transparent}
.tabs-wrap.type-J .tabs-panel {border-top:1px solid rgba(0,0,0,.12);clear:both}
.tabs-wrap.type-J .tabs-navs .tabs-item a {font-size:.688rem;letter-spacing:-.065rem;}

/**********************************************
note : 자동박스
**********************************************/
/* mp01-7 */
.auto-mp01-7 {position:relative}
.auto-mp01-7 .photo-btn {top:0;bottom:0}
.auto-mp01-7 .photo-btn .btn-inner {width:50px;height:60px;padding-top:.5rem;font-size:3.75rem;color:#000}
.auto-mp01-7 .photo-btn.auto-prev {left:-60px}
.auto-mp01-7 .photo-btn.auto-next {right:-35px}
.auto-mp01-7 .slick-list {margin:0 -10px}
.auto-mp01-7 .slick-slide{margin:0 10px; cursor:pointer}

.auto-article .auto-images.noimage {background-size:50% auto !important}

/* hr14 */
.auto-hr14 {overflow:hidden;position:relative;margin-left:-1px}
.auto-hr14 .auto-for .photo-titbg {text-align:center}
.auto-hr14 .auto-nav .slick-slide {overflow:hidden;position:relative;cursor:pointer}
.auto-hr14 .auto-nav .slick-slide .photo-titbg {-webkit-transition:all .25s;transition:all .25s}
.auto-hr14 .auto-nav .slick-slide.slick-current .photo-titbg {visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}
.auto-hr14 .auto-nav .auto-images.line::before {border-width:5px;border-color:transparent}
.auto-hr14 .auto-nav .slick-slide.slick-current .auto-images.line::before {border-color:#e73f72}
.auto-hr14 .photo-btn {overflow:hidden;top:50%;width:82px;height:82px;font-size:2.5rem;color:#fefefe;background-color:rgba(0,0,0,.35);text-align:center;outline:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background .25s;transition:background .25s}
.auto-hr14 .photo-btn:hover {background-color:rgba(0,0,0,.8)}
.auto-hr14 .photo-btn.auto-prev {left:0}
.auto-hr14 .photo-btn.auto-next {right:0}

.auto-dp03 .auto-columns .auto-content {min-height:70px;padding:1.25rem 2rem 0 2rem}
.auto-dp03 .auto-columns .auto-section {bottom:60px;padding:.25rem .75rem}

/* da08(import) */
.auto-da08 .auto-content:not(:first-child) {float:right;width:calc(100% - 125px)}
.auto-da08 .auto-titles {float:left;max-width:calc(100% - 10px)}

/**********************************************
note : 회사소개
**********************************************/
/* 인사말 */
.com-wrap {width:100%;padding:2rem 3rem;padding-bottom:0px;min-height:663px;border:1px solid #eee}
.com-wrap .com-wrap::after {clear:both;content:"";display:block}
.com-wrap .com-sub {margin:1rem 0;font-size:1.425rem;letter-spacing:-.09rem;text-align:center}
.com-wrap .com-txt {font-size:1.725rem;line-height:1.5;letter-spacing:-.08rem;text-align:center;font-style:italic}

.com-wrap .com-list {margin:2.5rem 1rem;font-size:1.063rem;height:2.2}
.com-wrap .com-list {background:url('/image/com1_ceo.jpg') top right no-repeat;margin-right:5.5rem}
.com-wrap .com-list strong {line-height:2}
.com-wrap .com-list ul {list-style:none}
.com-wrap .com-list ul li {margin:.125rem 0 0 0}
.com-wrap .com-list ul li em {font-size:2.25rem;color:#ccc;display:inline-block;vertical-align:top;}
.com-wrap .com-list ul li p {display:inline-block;width:370px;font-size:.813rem;color:#000;margin-left:5px;letter-spacing:-.04rem}

.com-wrap .com-form {border-top:1px solid #444;margin-bottom:70px;font-size:12px;}
.com-wrap .com-form dl {border-bottom:1px solid #e6e6e6;height:40px;line-height:38px}
.com-wrap .com-form dt {float:left;width:160px;color:#333;background:#fafafa;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd}
.com-wrap .com-form dd {float:left;color:#666;text-indent:28px}
.com-wrap .com-form dl,.com-wrap .com-form dt,.com-wrap .com-form dd {margin-bottom:0}
.com-wrap .com-form dl.last {height:70px;}
.com-wrap .com-form dl.last dt {height:69px;padding-top:1rem}
.com-wrap .com-form dl.last dd {height:69px;line-height:1.5;text-indent:0;padding:.5rem 0 0 1.5rem}

.com-list-num span {color:#888;margin-top:.5rem;text-align:center}

/* 연혁 */
.com-history {margin:1rem 1.75rem;}
.com-history .com-year {font-size:1.5rem;font-family:Roboto,Arial,sans-serif}
.com-history .com-year strong {color:#e01480}
.com-history .com-cont p {line-height:1.3rem;letter-spacing:-0.1em;font-size:.875em;color:#777}
.com-history .com-cont p.com-cont {padding-left:60px;}
.com-history .com-cont strong {letter-spacing:-.02em;font-size:1em;color:#032e5e;padding-right:17px;}

/* 조직도 */
.com-group {border:1px solid #ddd;text-align:center;padding:2rem}

.outline-sns-m {font-size:0;float: right;}
.outline-sns-m {margin-top:0rem;text-align:right}
.outline-sns-m::after {content:'';display:table;clear:both}
.outline-sns-m > .sns {display:inline-block;width: 32px;height: 32px;line-height: 35px;margin-right: 5px;border-radius: 30px;font-size:1.125rem;color:#fefefe;background-color:#000;border:0 !important;outline-width:0;}
.outline-sns-m > .sns.pr {background-color:#0d2da2}
.outline-sns-m > .sns.fb {background-color:#2d68a2}
.outline-sns-m > .sns.tw {background-color:#45b5e7}
.outline-sns-m > .sns.kt {background-color:#ffdc00;color: #3b1e1e;}
.outline-sns-m > .sns.ks {background-color:#ffd800}
.outline-sns-m > .sns.nb {background-color:#48c77a}
.outline-sns-m > .sns.gg {background-color:#de4b39}
.outline-sns-m > .sns.blog {background-color:#2db400}
.outline-sns-m > :last-child {margin-right:0}


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