@charset "UTF-8";
/**********************************************
note : webfonts
**********************************************/
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /* 본고딕 */
@import url("/css/voteBanner.css"); /* 선거배너 */
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}

/**********************************************
note : design custom style page
**********************************************/

.off-canvas-wrapper {overflow:inherit}
.article-veiw-body.view-page .photo-layout {margin-bottom:0}
.article-veiw-body.view-page p.byline {text-align:left}

/**********************************************
note : 사이트기본설정
**********************************************/





/**********************************************
note : 리뉴얼
**********************************************/

/* 기존css수정 */
#admin-wrap button{letter-spacing:0}
.view-aside{z-index:9}
.box-skin .header > strong, .box-skin .header > a,.box-skin .header .skin-column > strong, .box-skin .header .skin-column > a {line-height:1.3rem}
.box-skin .header{vertical-align:top}
.auto-images.cover {background-position:center top;background-repeat:no-repeat;background-size:cover}
.auto-sol2 {border-top:2px solid rgba(0,0,0,.12)}

/* 그리드 */
.index-wrap .index-columns.grid-5 {padding-right:10px}
.index-wrap .index-columns.grid-6 {padding-right:10px; padding-left:10px;}
.index-wrap .index-columns.grid-7 {padding-left:10px;}

/* 관리자 */
#admin-wrap .article-recog .recog-send-color{color:#3d5afe}
#admin-wrap .article-recog .recog-send-color.point{color:#d50000}

/* 타이틀 */
.main-title{float:left; margin-bottom:0 !important; width:50%; text-align:center; color:#333 !important; font-size:1.6rem !important; letter-spacing:0; line-height:1; font-family:Georgia,Gabriola,"Helvetica Neue",Helvetica,Roboto,Arial,'Nanum Myeongjo','Malgun Gothic','돋움','dotum',sans-serif !important;}
.main-title span{color:#28288C}
.main-title2{color:#c28019 !important}
.main-title3{position:relative; top:-16px; width:70%; padding:7px; margin:0 auto; text-align:center; color:#fff !important;}
.main-title3.bg01{background:#92c1e8;}
.main-title3.bg02{background:#60c198;}
.main-title3.bg03{background:#09b5cb;}
.main-title4 i{font-size:1.5rem; color:#ed174c;}
.main-title5{float:left; width:48%; padding:.4rem 0; border-radius:2rem; border:1px solid #28288C; font-size:1.1rem !important; line-height:1; text-align:center; color:#28288C !important; }
.main-title6{font-size:2rem !important; color:#28288C}

/**********************************************
note : 일반
**********************************************/
/* 검색 */
.main-search {display:inline-block;width:100%}
.main-search::after {content:'';display:table;clear:both}
.main-search input {float:left;width:calc(100% - 45px);height:45px;margin:0;padding:0 .8rem;font-size:.9rem;letter-spacing:-0.05em;background:transparent;border-color:#d5d5d5;box-shadow:none;border-radius:0}
.main-search button {overflow:hidden;float:right;width:45px;height:45px;padding-top:.2rem;padding-left:.1rem;font-size:1.7rem;font-weight:400;color:#fff;background:#28288C;cursor:pointer}

/* dacus01 */
.auto-dacus01{}

/* dacus02 */
.auto-dacus02{}

/* dpcus01 */
.auto-dpcus01{}

/* dpcus02 */
.auto-dpcus02 .auto-section{position:absolute; top:0; left:0; padding:.3rem .5rem; font-size:.75rem; color:#fefefe; line-height:1; z-index:7}

/* dpcus03 */
.auto-dpcus03 .auto-columns {position:relative}
.auto-dpcus03 .auto-columns a {display:block}
.auto-dpcus03 .auto-columns a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.auto-dpcus03 .auto-section {font-size:.8rem;text-align:left}
.auto-dpcus03 .auto-section.noimage {position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:400;text-align:center}
.auto-dpcus03 .auto-section.noimage::before {content:'';position:absolute;z-index:1;width:30%;max-width:3rem;border-bottom:1px solid rgba(0,0,0,.12);left:50%;top:100%;transform:translateX(-50%)}
.auto-dpcus03 .auto-images {position:relative}
.auto-dpcus03 .auto-images::before {content:'';position:absolute;z-index:1;border-color:transparent;border-top-color:rgba(0,0,0,.1);top:inherit;visibility:visible}
.auto-dpcus03 .auto-content {position:relative;padding:.9375rem; background:#333}
.auto-dpcus03 .auto-content::after {content:'';display:table;clear:both}
.auto-dpcus03 .auto-fontAAA{color:#aaa}
.auto-dpcus03 .auto-font-icon{color:#5cbbf3}

/* dpcus04 */
.auto-dpcus04 .auto-section{position:absolute; top:0; left:0; padding:.3rem .5rem; font-size:.75rem; color:#fefefe; line-height:1; z-index:7}

/* dlcus01 */
.auto-dlcus01{}

/* drcus01 */
.auto-drcus01.border-none{border:none !important}
.auto-drcus01 {position:relative;padding:.625rem;background-color:#f2f2f2;border:1px solid #d5d5d5; transition:none}
.auto-drcus01 .auto-btn {float:right;position:relative;z-index:2;width:18px;height:18px;margin-top:3px;margin-left:5px;font-size:.7rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-bottom-color:rgba(0,0,0,.25);cursor:pointer}
.auto-drcus01 .open-spread{width:100%; position:absolute; left:0; top:0; padding:.625rem; background-color:#f2f2f2; border:1px solid #d5d5d5;  z-index:9}
.auto-drcus01 .open-spread .spread-title.open-title{float:none; margin-right:0; margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid #28288C}
.auto-drcus01 .spread-title{float:left; margin-right:15px; color:#28288C; font-weight:600}
.auto-drcus01 .spread-title span{margin-right:5px}
.auto-drcus01 .slick-slide > div:first-child{margin-top:0}
.auto-drcus01 .slick-slide > div{margin-top:9px;}

/* auto-dr02 */
.auto-dr02 .slick-list{margin:0 -10px}
.auto-dr02 .slick-slide:nth-child(3),.auto-dr02 .slick-slide:nth-child(6),.auto-dr02 .slick-slide:nth-child(9){border-right:0}
.auto-dr02 .slick-slide{margin:0 5px; padding:0 5px; border-right:1px solid #eee}
.auto-dr02 .slick-dotted.slick-slider{margin:0}
.auto-dr02 .auto-pager{display:none !important; margin-top:1rem}


/**********************************************
note : 모바일
**********************************************/
/* auto-ir01 */
.auto-ir01 .slick-list{margin:0 -10px}
.auto-ir01 .slick-slide{margin:0 10px}
.auto-ir01 .slick-dotted.slick-slider{margin:0}
.auto-ir01 .auto-pager{display:none !important; margin-top:1rem}


/**********************************************
note : 포토
**********************************************/
/* pr05(photo) */
.auto-pr05 .auto-nav .auto-cursor .auto-images::before {content:'';position:absolute;z-index:2;border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0;visibility:visible}
.auto-pr05 .auto-nav .auto-cursor.active::after{content:''; position:absolute; top:0;left:0;right:0;bottom:0; border:3px solid #ed174c}

/* prcus01(photo) */
.auto-prcus01 {position:relative}
.auto-prcus01 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-prcus01 .photo-titbg {padding:.9375rem; background-color:rgba(0,0,0,.85); z-index:50}
.auto-prcus01 .photo-titbg .auto-relation::before{border-color:#fff;}
.auto-prcus01 .photo-btn {top:0;bottom:0;}
.auto-prcus01 .photo-btn .btn-inner {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-prcus01:hover .photo-btn .btn-inner {opacity:1}
.auto-prcus01:hover .photo-btn.auto-prev, .auto-prcus01:hover .photo-btn.auto-next{font-size:7rem;}
.auto-prcus01:hover .photo-btn.auto-prev {left:10px; margin-left:0}
.auto-prcus01:hover .photo-btn.auto-next {right:10px; margin-right:0}
.auto-prcus01 .photo-btn.auto-prev, .auto-prcus01 .photo-btn.auto-next{font-size:0; transition:margin 0.5s}
.auto-prcus01 .photo-btn.auto-prev {left:0; margin-left:-30px}
.auto-prcus01 .photo-btn.auto-next {right:0; margin-right:-30px}
.auto-prcus01 .line-height-3-x{line-height:1.5em}
.auto-prcus01 .auto-font-icon{color:#5cbbf3}

/* prcus02(photo) */
.auto-prcus02 .auto-title{width:15%; height:193px; margin:4px 2% 0 0; padding:20px; background:#28288C; font-size:1.4rem; color:#fff; line-height:1}
.auto-prcus02 .slick-list{margin:0 -.9375rem}
.auto-prcus02 .auto-column {margin:4px 15px 0}
.auto-prcus02 .auto-column .auto-images {transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-prcus02 .auto-column:hover .auto-images {transform:translateY(-5px);
box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12)}
.auto-prcus02:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-prcus02 .auto-pager{position:absolute; bottom:10px; left:-160px}
.auto-prcus02 .auto-pager li[id*="slick-"] button[data-role] {width:10px;height:10px;margin-left:.2rem;margin-right:.2rem; background-color:#fff}
.auto-prcus02 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e7316e !important}
.auto-prcus02 p, .auto-prcus02 li{font-size:.9rem; color:#fff}
.auto-prcus02 a{color:#fff}

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

/**********************************************
note : 헤드
**********************************************/
/* hrcus01(headline) */
.auto-hrcus01 {position:relative}
.auto-hrcus01 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-hrcus01 .photo-titbg {padding:.9375rem; z-index:50}
.auto-hrcus01 .photo-titbg .auto-relation::before{border-color:#fff;}
.auto-hrcus01 .photo-btn {top:0;bottom:0;}
.auto-hrcus01 .photo-btn .btn-inner {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-hrcus01:hover .photo-btn .btn-inner {opacity:1}
.auto-hrcus01:hover .photo-btn.auto-prev, .auto-hrcus01:hover .photo-btn.auto-next{font-size:7rem;}
.auto-hrcus01:hover .photo-btn.auto-prev {left:10px; margin-left:0}
.auto-hrcus01:hover .photo-btn.auto-next {right:10px; margin-right:0}
.auto-hrcus01 .photo-btn.auto-prev, .auto-hrcus01 .photo-btn.auto-next{font-size:0; transition:margin 0.5s}
.auto-hrcus01 .photo-btn.auto-prev {left:0; margin-left:-30px}
.auto-hrcus01 .photo-btn.auto-next {right:0; margin-right:-30px}
.auto-hrcus01 .line-height-3-x{line-height:1.5em}

/* hrcus02(headline) */
.auto-hrcus02 {position:relative}
.auto-hrcus02 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-hrcus02 .photo-titbg {padding:.9375rem; z-index:50}
.auto-hrcus02 .photo-titbg .auto-relation::before{border-color:#fff;}
.auto-hrcus02 .photo-btn {top:0;bottom:0;}
.auto-hrcus02 .photo-btn .btn-inner {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-hrcus02:hover .photo-btn .btn-inner {opacity:1}
.auto-hrcus02:hover .photo-btn.auto-prev, .auto-hrcus02:hover .photo-btn.auto-next{font-size:7rem;}
.auto-hrcus02:hover .photo-btn.auto-prev {left:10px; margin-left:0}
.auto-hrcus02:hover .photo-btn.auto-next {right:10px; margin-right:0}
.auto-hrcus02 .photo-btn.auto-prev, .auto-hrcus02 .photo-btn.auto-next{font-size:0; transition:margin 0.5s}
.auto-hrcus02 .photo-btn.auto-prev {left:0; margin-left:-30px}
.auto-hrcus02 .photo-btn.auto-next {right:0; margin-right:-30px}
.auto-hrcus02 .line-height-3-x{line-height:1.5em}

/* ha07(headline) */
.auto-ha07 {position:relative}
.auto-ha07 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-ha07 .photo-titbg {padding:.9375rem; z-index:50}
.auto-ha07 .photo-titbg .auto-relation::before{border-color:#fff;}
.auto-ha07 .photo-btn {top:0;bottom:0;}
.auto-ha07 .photo-btn .btn-inner {color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-ha07:hover .photo-btn .btn-inner {opacity:1}
.auto-ha07:hover .photo-btn.auto-prev, .auto-ha07:hover .photo-btn.auto-next{font-size:7rem;}
.auto-ha07:hover .photo-btn.auto-prev {left:10px; margin-left:0}
.auto-ha07:hover .photo-btn.auto-next {right:10px; margin-right:0}
.auto-ha07 .photo-btn.auto-prev, .auto-ha07 .photo-btn.auto-next{font-size:0; transition:margin 0.5s}
.auto-ha07 .photo-btn.auto-prev {left:0; margin-left:-30px}
.auto-ha07 .photo-btn.auto-next {right:0; margin-right:-30px}
.auto-ha07 .line-height-3-x{line-height:1.5em}

/**********************************************
note : 중요
**********************************************/
/* macus01(import) */
.auto-macus01 .auto-columns {position:relative}
.auto-macus01 .auto-columns a {display:block}
.auto-macus01 .auto-columns a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.auto-macus01 .auto-columns:hover .onload{color:#d3231a !important; text-decoration:underline}
.auto-macus01 .auto-content {position:relative;padding:.9375rem}
.auto-macus01 .auto-content::after {content:'';display:table;clear:both}
.auto-macus01 .cont-box{position:absolute; width:250px}
.auto-macus01 .cont-box:nth-child(1){top:0; left:0}
.auto-macus01 .cont-box:nth-child(2){top:0; left:calc(250px + 26px)}
.auto-macus01 .cont-box:nth-child(3){top:256px;left:calc(250px + 26px)}
.auto-macus01 .cont-box:nth-child(4){top:0; left:calc(500px + 52px)}
.auto-macus01 .cont-box:nth-child(5){top:0; right:0}
.auto-macus01 .cont-box:nth-child(6){top:101px; right:0}
.auto-macus01 .cont-box:nth-child(7){bottom:0; left:0}
.auto-macus01 .cont-box:nth-child(8){bottom:0; left:calc(250px + 26px)}
.auto-macus01 .cont-box:nth-child(9){bottom:0; left:calc(500px + 52px)}
.auto-macus01 .cont-box:nth-child(10){bottom:0; right:0}
.auto-macus01 .cont-box:nth-child(3),.auto-macus01 .cont-box:nth-child(5),.auto-macus01 .cont-box:nth-child(7){background:#f2f2f2}

/* macus02(import) */
.auto-macus02{}
.auto-macus02 .auto-content {width:calc(50% - 15px);margin-left:15px;margin-bottom:15px}
.auto-macus02 .auto-content:first-child{width:50%;margin-left:0;clear:both}

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

/* macus04(import) */
.auto-macus04 .auto-content:not(:first-child) {float:right;width:calc(100% - 180px);}
.auto-macus04 .auto-titles {float:left;max-width:calc(100% - 8px);white-space:normal}


/* mpcus01(import) */
.auto-mpcus01 .auto-columns {position:relative}
.auto-mpcus01 .auto-columns a {display:block}
.auto-mpcus01 .auto-columns a::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.auto-mpcus01 .auto-section {font-size:.8rem;text-align:left}
.auto-mpcus01 .auto-section.noimage {position:relative;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:400;text-align:center}
.auto-mpcus01 .auto-section.noimage::before {content:'';position:absolute;z-index:1;width:30%;max-width:3rem;border-bottom:1px solid rgba(0,0,0,.12);left:50%;top:100%;transform:translateX(-50%)}
.auto-mpcus01 .auto-images {position:relative}
.auto-mpcus01 .auto-images::before {content:'';position:absolute;z-index:1;border-color:transparent;border-top-color:rgba(0,0,0,.1);top:inherit;visibility:visible}
.auto-mpcus01 .auto-content {position:relative;padding:.9375rem; background:#333}
.auto-mpcus01 .auto-content::after {content:'';display:table;clear:both}
.auto-mpcus01 .auto-fontAAA{color:#aaa}
.auto-mpcus01 .auto-font-icon{color:#5cbbf3}

/* d06(normal) */
.auto-d06 .auto-list{width:calc(100% - 186px)}


/**********************************************
note : 회사소개
**********************************************/
.com-tab.tabs{border:0}
.com-tab li{width:25%; text-align:center}
.com-tab li a{color:#333; background:#f1f1f1; font-size:.85rem; font-weight:600}
.com-tab li.is-active a{color:#fff; background:#333}

.com-content.tabs-content{border:0}
.com-content .tabs-panel{padding:2rem 0}
.com-content h2::after{content:''; display:block; position:absolute; top:4px; left:0; bottom:0; width:4px; height:20px; background:#28288C}
.com-content h2{display:block; position:relative; padding-left:10px; margin-bottom:20px; font-size:1.2rem; font-weight:600}
.com-content h3{font-size:1.1rem; font-weight:600}
.com-content h4{font-size:1rem; font-weight:600}
.com-content p, .com-content li{font-size:.9rem; color:#777}

.com-content .com-line{border:1px solid #ddd; padding:1rem 0}
.com-content .columns.no-padding{padding:0}

@media screen and (max-width: 39.9375em) {
	.com-content .id-photo{margin-bottom:.8rem}
	.com-content .id-name{text-align:center}
	.com-tab li{width:100%}
}

/* 인사말 */
.user-com-about.ceo{background:url('/image/company/com-1_230314.jpg') no-repeat right top;width:90%;margin-top:4rem;margin-left:auto !important;margin-right:auto !important}
.user-com-about.ceo .header {position:relative;margin-bottom:2rem;padding:4rem 18rem 2rem 0;text-align:center}
.user-com-about.ceo .header .ceo-name{position:absolute;right:0;bottom:0;font-size:.75rem; width:250px; text-align:center;}
.user-com-about.ceo .header .header-titles {margin:.9rem 0;font-size:1.375rem;line-height:1.4;letter-spacing:-.08rem;text-align:center;color:rgba(0,0,0,.7)}
.user-com-about.ceo .header p {font-size:1rem;line-height:1.625em;color:rgba(0,0,0,.65)}
.user-com-about.ceo .header p small {color:rgba(0,0,0,.35)}
.user-com-about.ceo .header [class*="fa-"] {font-size:2.5rem;color:rgba(0,0,0,.2)}
.user-com-about.ceo .com-content p{font-size:1rem;letter-spacing:-.07rem}

@media screen and (max-width: 39.9375em) {
.user-com-about.ceo{background-position:right 125px;background-size:200px}
.user-com-about.ceo .header .ceo-name{top:370px}
.user-com-about.ceo .header{padding:0 0 8rem 0;text-align:left}
.user-com-about.ceo .header .header-titles{text-align:left}
.mobile-auto-martop{margin-top:2rem}
}

/* 미디어소개 */
.user-com-about.intro .titles{position:relative;font-size:1.25rem;text-align:center;font-weight:400;letter-spacing:-.1rem;margin:3rem 0;color:rgba(0,0,0,.9);padding-bottom:2rem}
.user-com-about.intro .titles::after{content:'';position: absolute;width:2px;height:20px;background-color:#28288C;bottom:0;left:50%}
.user-com-about.intro p,.user-com-about.yunri p{position:relative;padding-left:.625rem}
.user-com-about.intro p::before,.user-com-about.yunri p::before{content: '';position: absolute;width: 3px;height: 3px;background-color: rgba(0,0,0,.35);border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}

.user-com-about.yunri .text-box{padding:2rem;background:rgba(0,0,0,.05);margin-top:2rem;letter-spacing:-.07rem}


/**********************************************
note : 모바일뷰 sns
**********************************************/

/* 상단옵션 - sns */
.article-sns-group-bottom {letter-spacing:-0.05em}
.article-sns-group-bottom::after {content:'';display:table;clear:both}
/* .article-sns-group-bottom .sns-btns {float:left;width:calc(20% - 10px);margin:0 5px;padding:.625rem 0;font-size:.75rem;text-align:center;color:rgba(0,0,0,.4);cursor:pointer;transition:all .15s ease;-moz-transition:all .15s ease;-webkit-transition:all .15s ease;-o-transition:all .15s ease} */
.article-sns-group-bottom .sns-btns {float:left;width:calc(16% - 10px);margin:0 5px;padding:.625rem 0;font-size:.75rem;text-align:center;color:rgba(0,0,0,.4);cursor:pointer;transition:all .15s ease;-moz-transition:all .15s ease;-webkit-transition:all .15s ease;-o-transition:all .15s ease}
.article-sns-group-bottom .sns-btns:hover {color:#fefefe;background-color:rgba(0,0,0,.5)}
.article-sns-group-bottom .sns-btns:nth-child(5n + 1) {clear:both}
.article-sns-group-bottom .sns-btns .sns-btn-icons {margin-bottom:.5rem;padding:.625rem 0;font-size:1.25rem;color:#fff;background-color:rgba(0,0,0,.2)}
.article-sns-group-bottom .sns-btns .sns-btn-icons.facebook {background-color:#3a5795}
.article-sns-group-bottom .sns-btns .sns-btn-icons.twitter {background-color:#0084b4}
.article-sns-group-bottom .sns-btns .sns-btn-icons.google {background-color:#db4a39}
.article-sns-group-bottom .sns-btns .sns-btn-icons.story {background-color:#ffdc00}
.article-sns-group-bottom .sns-btns .sns-btn-icons.talk {background-color:#ffdc00;color:#3b1e1e}
.article-sns-group-bottom .sns-btns .sns-btn-icons.band {background-color:#44d592}
.article-sns-group-bottom .sns-btns .sns-btn-icons.blog {background-color:#2db400}
.article-sns-group-bottom .sns-btns .sns-btn-icons.post {background-color:#2db400}
.article-sns-group-bottom .sns-btns .sns-btn-icons.pholar {background-color:#6f6cf7}
.article-sns-group-bottom .sns-btns .sns-btn-icons.cyworld {background-color:#ff6500}
.article-sns-group-bottom .sns-btns .sns-btn-icons.vingle {background-color:#ee0000}
.article-sns-group-bottom .sns-btns .sns-btn-icons.pinterest {background-color:#bd081b}
@media screen and (max-width: 39.9375em) {
	.row .article-sns-group-bottom .sns-btns {width:(25% - 1px)}
	.row .article-sns-group-bottom .sns-btns:nth-child(5n) {width:(25% - 1px)}
	.row .article-sns-group-bottom .sns-btns:nth-child(5n + 1) {clear:none}
}

/**********************************************
note : 우측 최하단 날개배너
**********************************************/
.view-aside2 {position:absolute;z-index:1000;width:auto;height:auto;top:620px}
.view-aside2::after {content:'';display:table;clear:both}
.view-aside2 img {max-width:inherit !important}
.view-aside2.right-wing {left:calc(100% + 15px)}

/* 관련기사 */
.article-relation .title {line-height:1em;letter-spacing:-0.05em}
.article-relation .container::after, .article-relation .contents::after {content:'';display:table;clear:both}
.article-relation .contents {margin-bottom:.4rem}
.article-relation .contents .list-title {display:inline-block;position:relative;margin-right:1rem;padding-left:1.5rem;font-size:1.000em;font-weight:400;letter-spacing:-0.05em;}
.article-relation .contents .list-title::before {content:'';position:absolute;z-index:1;width:8px;height:8px;border-left:1px solid rgba(0,0,0,.85);border-bottom:1px solid rgba(0,0,0,.85);left:.5rem;top:50%;transform:translateY(-50%)}
.article-relation .contents .button {margin-bottom:0}


/**********************************************
note : 기사리스트 상단 6.13선거 키워드 타이틀
**********************************************/
.vote-article-list{position:relative}
.vote-article-list-top{width:100%; padding:1.2rem 1rem; background:url('/image/user/vote_title_bg_mobile.png') right 0 no-repeat; text-align:left}
.vote-article-list-date{position:absolute; top:1.3rem; right:5.6rem; font-size:.9rem; color:#fff; font-weight:600}
.vote-article-list-dday{position:absolute; top:1.2rem; right:.625rem; display:inline-block; background:#0060aa; padding:.2rem 1.2rem; font-size:.9rem; color:#fff661; font-weight:600}
.vote-article-list-title{display:block; font-weight:600; font-size:1.1rem; color:#fff; letter-spacing:-.09rem; text-decoration:none}




/**********************************************
note : 리뉴얼(유시은)
**********************************************/

/* 단수정 */
.index-wrap.custom .index-columns.grid-1 {padding-right:1.25rem}
.index-wrap.custom .index-columns.grid-2 {padding-left:1.25rem}
.index-wrap.custom .index-columns.grid-3 {padding-left:1.25rem}
.index-wrap.custom .index-columns.grid-4 {padding-right:1.25rem;border-right:1px solid #e7e7e7}
.index-wrap.custom .index-columns.grid-5 {padding-left:1.25rem;border-left:1px solid #e7e7e7;padding-right:1.25rem;border-right:1px solid #e7e7e7}
.index-wrap.custom .index-columns.grid-6 {padding-left:1.25rem;border-left:1px solid #e7e7e7}
.index-wrap.custom.index-columns-flex{background-color: #555655}

/* 기사박스 */
.box-skin.design-8{border:1px solid rgba(0,0,0,.12)}
.box-skin.design-8 .header{padding: .9375rem .9375rem 0 .9375rem}
.box-skin.design-8 .header strong{padding-bottom: .9375rem;border-bottom:1px solid #000}
.box-skin.design-8 .content{padding: .9375rem}
.box-skin.design-9 .header{margin-bottom:.5rem}
.box-skin.design-9 .content{background:#F05A3F;padding:.5375rem}
.box-skin.design-10 .content{background:#FCD2C0;padding:.5375rem}
.box-skin.design-11 .header{position:relative;height:30px;background-color:#A7A9AB}
.box-skin.design-11 .header::before{position:absolute;content:'';top:0;right:0;background:#fff;width:90px;height:30px}
.box-skin.design-11 .header::after{position:absolute;content:'';top:0;right:90px; width: 0;  height: 0; border-bottom: 30px solid transparent; border-right: 30px solid #fff}
.box-skin.design-11 .content{padding:.9375rem;border:1px solid rgba(0,0,0,.3)}
.box-skin .header > a.btm-Icon2{position:relative}
.box-skin .header > a.btm-Icon2 span{margin-left:40px;line-height:1.7;font-weight:400}
.box-skin .header > a.btm-Icon2::before{position:absolute;top:0;left:0;content:'+';font-size:1.3rem;line-height:1.4;padding-left:.6rem;color:#fff;background:#656565;width:30px;height:30px}

.box-skin .header > a,.box-skin.header-line .header{margin-bottom:.5rem}

/* hrcus03(headline) */
.auto-hrcus03{background:rgba(0,0,0,.2);padding:1.35rem 1.35rem 1rem 1.35rem}
.auto-hrcus03 .auto-images.cover{transition:all .5s ease 0s;overflow:hidden !important}
.auto-hrcus03 .auto-images.cover:hover {transform:scale(1.1, 1.1)}

/* da05-4 */
.auto-da05-4 .label{background:#fff !important;border-width:1px;border-style:solid;border-radius:.2rem}

/* da05-1 */
.auto-da05-1 .label{background:#fff !important;border:1px solid rgba(0,0,0,.5);border-radius:.2rem}

/* ds01-2 
.auto-ds01-2 > ul > li:first-child a,.auto-ds01-2 > ul > li.auto-dot:nth-of-type(5) a{color:#d3231a !important}
.auto-ds01-2 > ul > li.auto-dot:nth-of-type(3) a,.auto-ds01-2 > ul > li.auto-dot:nth-of-type(9) a{color:#0143ff !important}
*/

/* dbr03-2 */
.auto-dbr03-2 .auto-dot.bottom{position:relative}
.auto-dbr03-2 .number {position:absolute;z-index:1004;left:.5rem;bottom:.5rem;margin-right:1rem;width:20px;height:20px;border-radius:50%;background:#F05A3F;font-size:.813rem;font-weight:700;text-align:center}
.auto-dbr03-2 .auto-pager {line-height:1;text-align:right}
.auto-dbr03-2 .auto-pager li[id*="slick-"]:last-child button[data-role] {margin-right:0}
.auto-dbr03-2 .photo-btn {width:15px;height:15px;top:-43px;font-size:0.7rem;color:#5b5d6c;background-color:#fff;border:1px solid #c3c3c3;text-align:center;border-radius:50%}
.auto-dbr03-2 .photo-btn.auto-prev {right:18px}
.auto-dbr03-2 .photo-btn.auto-next {right:0}
.auto-dbr03-2 .auto-dot.bottom{margin-bottom:.75rem;padding-bottom:.75rem}
.auto-dbr03-2 .slick-slide > div:last-child .auto-dot.bottom{border-bottom:0;margin-bottom:0;padding-bottom:0}

/* dl02-2 */
.auto-dl02-2 .auto-reset {position:relative;overflow:hidden}
.auto-dl02-2 .auto-reset .auto-images {position:relative}
.auto-dl02-2 li:nth-child(2){font-weight:700}
.auto-dl02-2 .auto-section {position:absolute;z-index:10;padding:.3rem .5rem;font-size:.875rem;line-height:1;color:#fefefe;left:0;top:0}
.auto-dl02-2 .auto-images.cover {transition:all .5s ease 0s;overflow:hidden !important}
.auto-dl02-2 .auto-images.cover:hover {transform:scale(1.1, 1.1)}

/* da08 */
.auto-da08{height:66px}

/* p01-1 */
.auto-p01-1 .auto-images.cover{margin-left:-1.25rem;margin-right:-1.25rem}

/* p04 */
.m-auto-p04{margin-left:-1.25rem;margin-right:-1.25rem}

/* c03-1 /* 윤미정 / 1154354 / 20220421 주석처리
.auto-c03-1 li:first-child a,.auto-c03-1 li:nth-of-type(5) a{color:#d3231a !important}
.auto-c03-1 li:nth-of-type(3) a,.auto-c03-1 li:nth-of-type(9) a{color:#0143ff !important}*/

/* i05-2 */
.auto-i05-2 .label {background: #fff !important;border:1px solid rgba(0,0,0,.5);border-radius: .2rem;color:rgba(0,0,0,.5);margin-bottom:.5rem}

/* mr03 */
.auto-mr03 {position:relative;/*padding:8px*/border:1px solid #ccc;}
.auto-mr03 .slick-list{padding-right:2rem}
.auto-mr03 .slick-list a{margin-top:.5rem}
.auto-mr03 .slick-list > div > div > div:last-child > div > a {padding-bottom:.7rem}
.auto-mr03 .slick-list > div:first-child > div > a,.auto-mr03 .slick-list > div > div > div:first-child > div > a{margin-top:0}
.auto-mr03::after {content:'';display:table;clear:both}
.auto-mr03 .auto-btns {position:absolute;z-index:1;border-width:4px;border-style:solid;border-color:#727d92 transparent transparent transparent;right:10px;top:20px;transform:translateY(-50%);cursor:pointer}
.auto-mr03 .user-point {color:#c30713 !important}


/* d04-2 */
.auto-d04-2 {position:relative;background:#FCD2C0}
.auto-d04-2 .number {float:left;min-height:65px;margin-right:1rem;font-size:1rem;font-weight:700;line-height:1.4em;text-align:center}
.auto-d04-2 .number.default-point {color:#808080}
.auto-d04-2 .auto-info {overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:nowrap}
.auto-dbr02 .auto-info > a {display:inline-block;font-size:.75rem}
.auto-d04-2 .auto-info > a.user-point {margin-right:.25rem}
.auto-d04-2 .auto-pager {line-height:2;text-align:center}
.auto-d04-2 .auto-pager li[id*="slick-"]:last-child button[data-role] {margin-right:0}
.auto-d04-2 .auto-pager li[id*="slick-"].slick-active button[data-role]{background-color:#F05A3F !important}

.auto-d04-2 .title-news{background:#F05A3F;padding:.5375rem;color:#fff}
.auto-d04-2 .title-news a{color:#fff !important}

/* n03 */
.m-auto-n03 {padding:8px;border-top:6px solid #eaeaea;border-bottom:6px solid #eaeaea;margin-left:-1.25rem;margin-right:-1.25rem}
.m-auto-n03::after {content:'';display:table;clear:both}
.m-auto-n03 .auto-btns {position:relative;z-index:5;line-height:1.3em;padding:5px 25px 5px 10px;background-color:#e7316e;color:#fff;letter-spacing:-0.05rem;border-radius:.25rem;cursor:pointer}
.m-auto-n03 .auto-btns::after {content:'';position:absolute;z-index:1;border-width:3px;border-style:solid;border-color:#fff transparent transparent transparent;right:10px;top:50%;transform:translateY(-50%)}


/* 푸터 */
#user-footer.user-style-default{padding-top:1rem}
#user-footer.user-style-default.custom .user-logo{margin-right:1.5rem}
#user-footer.user-style-default.custom .user-logo img{width:80px}
#user-footer.user-style-default.custom{background:none}
#user-footer.user-style-default.custom .footer-menu{border-bottom:1px solid rgba(0,0,0,.15);padding:0 1rem .7rem 1rem}
#user-footer.user-style-default.custom .user-address{padding-left:130px}

/* 모바일 */
.index-wrap.mobile.custom .box-skin.design-9 .header > strong,.index-wrap.mobile.custom .box-skin.design-8 .header > strong,.index-wrap.mobile.custom .box-skin.header-bg .header > strong{margin-bottom:0}
.index-wrap.mobile .box-skin .header > strong.label-group{margin-bottom:0}


/* 기사리스트 */
.user-section {display:table-cell;width:150px;vertical-align:top;padding-right:20px}
.user-section p{border-bottom:2px solid #444444;margin-bottom:0;padding-bottom:.5rem;font-weight:700}

/* 신경훈 / 981426 / 20200903 */
.user-section .sub-section ul.depth2-ul{list-style:none;margin-left:0}
.user-section .sub-section ul li.depth2-li{padding:10px 0;border-bottom:1px solid #E0E0E0}
.user-section .sub-section ul.depth3-ul{list-style:none;margin-left:0; padding-top:15px}
.user-section .sub-section ul li.depth3-li{padding:7px 0 7px 5px;}
.user-section .sub-section ul li.depth3-li a{color:#777}
.user-section .sub-section ul li a{padding:0}
.user-section .is-accordion-submenu-parent>a:after{border:4px inset; border-bottom-width:0; border-top-style:solid; border-color:#1779ba transparent transparent}

/* 기사뷰 */
.box-skin .header > a.btm-Icon strong.label-group{display:block}
.user-aside .box-skin .auto-da05-2 .auto-dot{border-top:0;margin-top:0 !important}

/* SNS */
.user-sns{text-align:left; vertical-align:bottom}
.user-sns p{margin-bottom:.5rem}
.user-sns i{font-size:1rem;border-width:1px;border-radius:50%;border-style:solid;width:30px;height:30px;text-align:center;padding-top:.3rem}
.user-sns a:hover i{color:#fff !important}
.user-sns a:hover i.facebook{background:#216db6 !important;border-color:#216db6 !important}
.user-sns a:hover i{color:#fff !important}
.user-sns a:hover i.twitter{background:#66cae6 !important;border-color:#66cae6 !important}
.user-sns a:hover i{color:#fff !important}
.user-sns a:hover i.blog{background:#00c33b !important;border-color:#00c33b !important}
.user-sns a:hover i{color:#fff !important}
.user-sns a:hover i.rss{background:#ffc20e !important;border-color:#ffc20e !important}
.user-sns a:hover i{color:#fff !important}
.user-sns a:hover i.mobile{background:#a5a5a5 !important;border-color:#a5a5a5 !important}

.user-sns span{font-size:.813rem;padding-left:1rem}

/* 설문조사 */
.poll-view.poll-weiget .poll-view-titles{white-space:normal}
.poll-view.poll-weiget .poll-view-state{padding:1rem .75rem}

/* 기사뷰 */
.article-veiw-body.view-page{font-family:"Noto Sans KR","Nanum Gothic","Malgun Gothic","돋움",dotum,sans-serif,AppleGothic}
.article-veiw-body.view-page p{color:#3b3b3c}

.view-page-p{margin: 0 0 1em 0;font-weight: 400;line-height: 1.625em;letter-spacing: -0.05em;color: #3b3b3c;font-size: 1.063rem;text-align: justify;word-break: normal;word-wrap: break-word;}


/* auto-hl01_3 */

.auto-hl01_3 .auto-section {position:absolute;z-index:10;left:0;top:-1px}
.auto-hl01_3 .auto-section::after{content:''; background:#4694d1; padding:.3rem .5rem;font-size:.775rem;line-height:1;color:#fefefe;}
.auto-hl01_3 li:nth-child(1) .auto-section::after{content:'경제';}
.auto-hl01_3 li:nth-child(2) .auto-section::after{content:'이슈';}
.auto-hl01_3 li:nth-child(3) .auto-section::after{content:'기업';}
.auto-hl01_3 li:nth-child(4) .auto-section::after{content:'부동산';}

/* 최은비 / 918449 / 20200211 */
.auto-mr03 .titst{/* background-color:#4494d0; */padding:10px 14px;margin-right:20px;}
.auto-mr03 .titst2{position: absolute;width: 0px;height: 0px;border-top: 19.5px solid transparent;border-bottom: 19.5px solid transparent;border-right: 19.5px solid transparent;
/* border-left: 19.5px solid #4494d0; */top: 0;left: 89px;}




#admin-wrap .edit-level1 {min-height:10px}
/* 김민희 / 921232 / 20200219 */
.auto-mr03 .titst{background-color:#c12f2f;}
.auto-mr03 .titst2{border-left: 19.5px solid #c12f2f;}


/**********************************************
note : 리뉴얼모드 메인 수정작업
name : 권오석
**********************************************/
.auto-fontO {color:rgba(255,255,255,.65)!important}

/* 폰트 */
.font-Roboto {font-family: 'Roboto', sans-serif;}
.font-noto {font-family: 'Roboto','Noto Sans KR', sans-serif;}
.font-weight-100 {font-weight:100}
.font-weight-300 {font-weight:300}
.font-weight-400 {font-weight:400}
.font-weight-500 {font-weight:500}
.font-weight-700 {font-weight:700}
.font-weight-800 {font-weight:800}
.font-weight-900 {font-weight:900}

/**********************************************
note : 자동박스 수정
**********************************************/
.auto-valign {display:block;font-size:0}
.auto-valign > .for-middle {display:inline-block;vertical-align:middle}

/* hr04-4 (Headline) */
.auto-hr04-4 {position:relative;font-family: 'Roboto','Noto Sans KR', sans-serif;background-color:#333}
.auto-hr04-4 .auto-roll {float:left;width:calc(100% - 320px)}
.auto-hr04-4 .auto-roll .slick-slide .auto-images.cover {background-position:center -1rem}
.auto-hr04-4 .auto-roll .slick-slide.slick-current .auto-images.cover {background-position:center top}
.auto-hr04-4 a .auto-images.cover {overflow:hidden;transition:all .3s ease-in-out}
.auto-hr04-4 a:hover .auto-images.cover {transform:scale3d(1.1, 1.1, 1.1)}

.auto-hr04-4 .photo-titbg {left:0;bottom:0;width:100%;height:300px;background:-webkit-linear-gradient(10deg, #000 30%, transparent 70%);background:-moz-linear-gradient(10deg, #000 30%, transparent 70%);background:-o-linear-gradient(10deg, #000 30%, transparent 70%);background:linear-gradient(10deg, #000 30%, transparent 70%)}
.auto-hr04-4 .photo-titbg .auto-inner {position:absolute;left:1.5rem;bottom:1.5rem;width:60%;transition:all .3s ease-in-out}
.auto-hr04-4 a:hover .photo-titbg .auto-inner {bottom:2.5rem}

.auto-hr04-4 .auto-nav {float:left;width:320px}
.auto-hr04-4 .auto-nav::before {content:'TOP NEWS';display:block;padding:1.5rem 1.25rem .9375rem;letter-spacing:-0.04em;font-size:1rem;color:#287bbf;font-weight:700}
.auto-hr04-4 .auto-nav .auto-content {position:relative;width:320px !important;height:54px;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);cursor:pointer;opacity:.5;transition:all .3s ease-in-out}
.auto-hr04-4 .auto-nav .auto-content.slick-current {padding-left:1.75rem;opacity:1}
.auto-hr04-4 .auto-nav .auto-content::before {content:'';position:absolute;z-index:-1;top:0;left:-1px;width:0;height:54px;background-color:#287bbf}
.auto-hr04-4 .auto-nav .auto-content.slick-current::before {width:320px;transition:all .5s}

.auto-hr04-4 .auto-nav .auto-content:first-child {border-top:none}
.auto-hr04-4 .auto-nav .auto-content:after {content:'';display:table;clear:both}
.auto-hr04-4 .auto-mores {position:absolute;z-index:11;right:1.25rem;bottom:2rem;font-size:.8rem;font-weight:300;color:rgba(255,255,255,.5)}
.auto-hr04-4 .auto-mores a {color:rgba(255,255,255,.5)}

/* ma04-1 */
.auto-ma04-1 .item {float:left;width:50%;margin-top:12px}
.auto-ma04-1 .item > a {position:relative;display:block}
.auto-ma04-1 .item.for-photo > a::before {content:'';position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.92) 80%)}
.auto-ma04-1 .item:nth-child(1), .auto-ma04-1 .item:nth-child(2), .auto-ma04-1 .item:nth-child(3) {margin-top:0}
.auto-ma04-1 .item.for-photo {width:25%;padding-right:10px}
.auto-ma04-1 .item:not(.for-photo) {padding-left:10px}
.auto-ma04-1 .auto-images {display:block}
.auto-ma04-1 .for-photo .auto-titles {position:absolute;z-index:10;left:10px;bottom:10px;right:10px}
.auto-ma04-1 .auto-titles {display:block;font-weight:normal}

/* pr08 */
.auto-pr08 .auto-content {position:relative;float:left;width:calc(25% - 1px);margin-left:1px;margin-bottom:1px;text-align:center}
.auto-pr08 .auto-content:first-child,.auto-pr08 .auto-content:nth-child(5n + 1) {width:50%;margin-left:0;clear:both}
.auto-pr08 .auto-titles {position:absolute;z-index:10;left:10px;right:10px;bottom:10px;font-weight:normal}
.auto-pr08 .auto-content:first-child .auto-titles, .auto-pr08 .auto-content:nth-child(5n + 1) .auto-titles {left:20px;right:20px;bottom:15px}
.auto-pr08 .photo-titbg.gradient {background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.92) 80%);text-shadow:none}

/* pr03-1(photo) */
.auto-pr03-1 {position:relative}
.auto-pr03-1 .auto-images, .auto-pr03-1 .auto-titles {display:block}
.auto-pr03-1 .auto-pager {position:absolute;right:0;top:-30px}

/* mr01-1(import) */
.auto-mr01-1 {position:relative;height:50px;padding-right:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}
.auto-mr01-1::before {content:'ISSUE NOW';float:left;height:50px;padding:1.063rem .9rem 0;margin:-1px 1rem -1px -1px;font-size:.9rem;font-weight:700;line-height:1;letter-spacing:-0.05em;color:#fff;background-color:#c00}
.auto-mr01-1 .auto-container {margin-top:.9rem}
.auto-mr01-1 .photo-btn {width:25px;height:25px;top:-2px;font-size:0.75rem;color:#5b5d6c;background-color:#fff;border:1px solid #c3c3c3;text-align:center}
.auto-mr01-1 .photo-btn.auto-prev {right:26px;border-radius:2px 0 0 2px}
.auto-mr01-1 .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}

/**********************************************
note : 모바일웹스킨(시즌4)
Name : 김종화
Date : 2019.03.21
**********************************************/
/* 공통선언 */
.mobile .auto-sol {border-top:1px solid rgba(0,0,0,.04)}
.mobile .auto-sol-bold {border-top:10px solid rgba(0,0,0,.04)}

/* ta01-b*/
.m-auto-ta01-b ul > li {padding:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.12)}

/* tb04 */
.m-auto-tb04 .auto-num > span {float:left;border-top:3px solid #111;padding-top:10px;font-size:1rem;font-weight:800;line-height:1}

/* tb01 */
.m-auto-tb01 .auto-num {width:18px;line-height:1.6em;color:#fefefe;letter-spacing:-0.05rem;text-align:center}
.m-auto-tb01 .auto-num.default-bg {background-color:rgba(0,0,0,.3)}

/* tr03 */
.m-auto-tr03 {padding:8px;background-color:#ecf0f1}
.m-auto-tr03::after {content:'';display:table;clear:both}
.m-auto-tr03 .auto-btns {position:relative;z-index:5;line-height:1.3em;padding:5px 25px 5px 10px;background-color:#e7316e;color:#fefefe;letter-spacing:-0.05rem;border-radius:.25rem;cursor:pointer}
.m-auto-tr03 .auto-btns::after {content:'';position:absolute;z-index:1;border-width:3px;border-style:solid;border-color:#fefefe transparent transparent transparent;right:10px;top:50%;transform:translateY(-50%)}

/* tr04 */
.m-auto-tr04 {padding:.75rem 1rem;background-color:#f8f8f8;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.m-auto-tr04 > .user-bg,.m-auto-tr04 > .auto-container {float:left}
.m-auto-tr04 > .user-bg {width:60px;padding:.5rem;border-radius:5rem;font-size:.75rem;color:#fff;text-align:center;line-height:1}
.m-auto-tr04 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04 > .auto-container > div {padding-top:4px}

/* tr04-1 */
.m-auto-tr04-1 > .user-bg,.m-auto-tr04-1 > .auto-container {float:left}
.m-auto-tr04-1 > .user-bg {width:60px;padding:.5rem;border-radius:5rem;font-size:.75rem;color:#fff;text-align:center;line-height:1}
.m-auto-tr04-1 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04-1 > .auto-container > div {padding-top:4px}

/* tr04-2 */
.m-auto-tr04-2 {position:relative;overflow:hidden;padding:.75rem 1rem}
.m-auto-tr04-2::after {content:'';z-index:1;position:absolute;right:0;top:0;width:50%;height:100px;background:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.92) 100%);}
.m-auto-tr04-2 > .auto-title,.m-auto-tr04-2 > .auto-container {float:left}
.m-auto-tr04-2 > .auto-title {width:60px;padding:.5rem;border-radius:5rem;background-color:rgba(255,255,255,.94);font-size:.75rem;text-align:center;line-height:1}
.m-auto-tr04-2 > .auto-container {width:calc(100% - 60px);padding-left:.75rem}
.m-auto-tr04-2 > .auto-container > div {z-index:999;padding-top:4px}

/* tr05 */
.m-auto-tr05 {position:relative;float:left;width:100%;padding:1rem;background:linear-gradient(130deg, #0250c5 0%, #d43f8d 100%)}
.m-auto-tr05::before {content:'신속한 뉴스서비스를 제공하겠습니다.';position:absolute;right:1rem;top:1rem;width:80%;font-size:.75rem;color:rgba(255,255,255,.48);text-align:right}
.m-auto-tr05 > .auto-title,.m-auto-tr05 > .auto-container {overflow:hidden;float:left;width:100%}
.m-auto-tr05 > .auto-title {margin-bottom:.5rem;font-size:1rem;font-weight:800;color:#fff;line-height:1}
.m-auto-tr05 > .auto-container > div {padding-top:4px}
.m-auto-tr05 > .auto-container > div a.auto-fontF {color:rgba(255,255,255,.82)!important}

/* tr06 */
.m-auto-tr06 {position:relative}
.m-auto-tr06 .photo-titbg {padding-bottom:1.8rem}
.m-auto-tr06 .auto-title {z-index:20;position:absolute;left:0;right:0;bottom:14px;padding:1.625rem}
.m-auto-tr06 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:.5rem}

/* tr07 */
.m-auto-tr07 {position:relative}
.m-auto-tr07 .photo-titbg {padding-bottom:1.8rem}
.m-auto-tr07 .auto-title {z-index:20;position:absolute;width:76%;left:0;bottom:0;padding:1.625rem}
.m-auto-tr07 .auto-pager {position:absolute;z-index:12;right:1.625rem;bottom:1.625rem;padding:.5rem .875rem;background-color:rgba(0,0,0,.76);border-radius:3rem;line-height:1}
.m-auto-tr07 .auto-pager > li {display:none}
.m-auto-tr07 .auto-pager > li.slick-active {display:block;color:rgba(255,255,255,.64)}

/* tr08-1 */
.m-auto-tr08-1 {position:relative}
.m-auto-tr08-1 .auto-pager {overflow:hidden;height:8px;margin-top:.75rem;line-height:1}
.m-auto-tr08-1 .auto-pager li[id*="slick-"] button[data-role] {background-color:rgba(255,255,255,.64)}

/* tl03 */
.m-auto-tl03 ul > li {height:220px;padding:1rem 0;border-top:3px solid #111}

/* tp01-1 */
.m-auto-tp01-1 li {position:relative;padding-bottom:3rem}
.m-auto-tp01-1 .auto-title {z-index:99;position:absolute;left:3%;bottom:0;width:94%;padding:1rem 1rem 0;background:#fff}

/* tp05-1 */
.m-auto-tp05-1 > ul > li {width:49.5%}
.m-auto-tp05-1 .auto-title {z-index:99;position:absolute;left:0;bottom:0;padding:1rem}

/* tp05-3 */
.m-auto-tp05-3 .auto-title {z-index:99;position:absolute;left:0;bottom:0;padding:1rem}

/* tp06 */
.m-auto-tp06 .auto-images.movie::after {font-size:2.5rem}

/* tp07-2 */
.m-auto-tp07-2 ul > li {float:left;width:47%}
.m-auto-tp07-2 ul > li:nth-child(2n-1) {float:right}
.m-auto-tp07-2 ul > li:first-child {width:100%}

/* tp09 (고태윤 / PC&Mobile 겸용) */
.m-auto-tp09 .auto-columns {float:left;position:relative;width:48.5%;margin-top:2.5%}
.m-auto-tp09 .auto-columns:nth-child(2n) {float:right}
.m-auto-tp09 .auto-columns:nth-child(2n + 1) {clear:both}
.m-auto-tp09 .auto-columns:nth-child(1),.m-auto-tp09 .auto-columns:nth-child(2) {margin-top:0}  
.m-auto-tp09 .auto-columns a {display:block;}
.m-auto-tp09 .auto-columns a::after {content:'';display:table;clear:both}
.m-auto-tp09 .auto-columns .auto-images {position:relative;z-index:5;margin-left:auto;margin-right:auto}
.m-auto-tp09 .auto-columns .auto-content {margin-top:-2rem;padding:2.25rem 1.25rem 1.25rem;background-color:#e1e1e1;border-radius:1rem 0}
.m-auto-tp09 .auto-columns .auto-fontD {color:#8c9eff !important;text-align:center}
@media screen and (max-width: 39.9375em) {
    .row .m-auto-tp09 .auto-columns:nth-child(n) {float:none;width:auto;margin-top:5%}
    .row .m-auto-tp09 .auto-columns:first-child {margin-top:0}
}

/* ts01-1(김유진) */
.m-auto-ts01-1 .section {color:#0586f0}
.m-auto-ts01-1 .auto-relation::before {border-color:#f3003d;top:.375rem;transform:inherit}

/* ts03(김유진) */
.m-auto-ts03 .title {cursor:pointer}
.m-auto-ts03 .auto-relation::before {border-color:#f3003d;top:.375rem;transform:inherit}

/* tp07-1 */
.m-auto-tp07-1 .auto-sol {border-top-color:rgba(255,255,255,.12)}

/* tv01 */
.m-auto-tv01 .auto-title {z-index:99;position:absolute;left:0;right:0;bottom:0;padding:1.125rem}

/* tv02(김유진) */
.m-auto-tv02 {padding:.5rem 1rem .125rem;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);background-color:#fffcdc;line-height:1}
.m-auto-tv02 .play {float:left;margin-right:.5rem;font-size:1.875rem;color:#ff0000}

/* tp01-2(권오석) */
.m-auto-tp01-2 .auto-more {margin:1rem 1rem 0;border:1px solid rgba(0,0,0,.12);text-align:center;clear:both}
.m-auto-tp01-2 .auto-more::after {content:'';display:table;clear:both}
.m-auto-tp01-2 .more-btns {display:block;width:100%;padding:.5rem 1rem;font-size:.9rem;font-weight:700;line-height:1.25rem;letter-spacing:-.05em;text-align:center;cursor:pointer}

/* ta02(권오석) */
.m-auto-ta02 .auto-more {margin-top:1rem;border:1px solid rgba(0,0,0,.12);text-align:center;clear:both}
.m-auto-ta02 .auto-more::after {content:'';display:table;clear:both}
.m-auto-ta02 .more-btns {display:block;width:100%;padding:.5rem 1rem;font-size:.9rem;font-weight:700;line-height:1.25rem;letter-spacing:-.05em;text-align:center;cursor:pointer}

/**********************************************
note : 기사박스 수정
**********************************************/
.box-skin.new .header > strong , .box-skin.new .header > a {font-size:1.125rem;letter-spacing:-.1em;font-weight:700;line-height:1}

/**********************************************
note : 모바일판 수정
**********************************************/
#user-wrap.mobile .index-wrap.custom01-mobile {margin:-.9375rem -1.25rem 0;padding-top:.9375rem;padding-bottom:.9375rem}
.index-wrap.custom01-mobile {background-color:#fefefe}




/* 황자연 / 937039 / 20200402 */
.chongson415 {width:260px; height:50px; background:url('/image/bg4_chongson415.jpg') 0 0 no-repeat;}
.chongson415 p{margin:0 0 0 186px; padding:5px 0 0 0; font-size:1.9rem; letter-spacing:.1rem; color:#000; text-align:left; height:34px; line-height:34px; font-weight:bold;}


/* 김민희 / 937369 / 20200402 */
a.underlinenone {text-decoration:none;}

/* 김민희 / 967206 / 20200715 디자인박스12*/
.box-skin.bg02 {background-color: #f4ebda !important;border-color: rgba(0,0,0,.09);}

/* 배진희 / 971100 / 20200728 */
.article-view-header .article-header-wrap .article-head-title{font-size:33px;}
.article-veiw-body.view-page p{font-size:18px;}
.article-head-sub{font-size:18px;}

/* 배진희 / 1014051 / 20201221 */
.user-canvas .user-canvas-navs .menu li:nth-child(9) ul.menu.nested li:nth-child(5) a{display:none;}

/* 배진희 / 1055010 / 20210512 */
.covid19-table-pc{height:40px;line-height:40px;text-align:center;background:#273470;color:#fff;letter-spacing:-.07em;}
.covid19-table-pc .point{color:#ffae00;}
.covid19-table-pc .header{float:left;width:240px;font-size:23px;background:url('/bannerpop/uploads/image/16207825681457858155.jpg') left center no-repeat;padding:0 40px;text-align:right;}
.covid19-table-pc .header .tit{}
.covid19-table-pc .contain{float:right;width:calc( 100% - 240px );}
.covid19-table-pc .contain .date{float:left;width:160px;text-align:right;font-size:13px;color:rgba(255,255,255,.85);}
.covid19-table-pc .contain .wrap{float:right;width:calc( 100% - 160px );}
.covid19-table-pc .contain .wrap .inner{display:inline-block;width:32%;}
.covid19-table-pc .contain .wrap .inner .division{}
.covid19-table-pc .contain .wrap .inner .count{font-weight:bold;}
.covid19-table-pc .contain .wrap .inner .etc .point{font-weight:bold;}

.covid19-table-m{text-align:center;background:#273470;color:#fff;letter-spacing:-.07em;margin-left:-1.25rem;margin-right:-1.25rem;}
.covid19-table-m .point{color:#ffae00;}
.covid19-table-m .header{height:40px;line-height:40px;font-size:23px;background:url('/bannerpop/uploads/image/1620783126586762923.jpg') left center no-repeat;padding:0 40px;text-align:right;}
.covid19-table-m .header .tit{}
.covid19-table-m .contain{padding:10px 0;}
.covid19-table-m .contain .date{position:relative;margin-bottom:10px;padding-bottom:10px;font-size:13px;color:rgba(255,255,255,.85);}
.covid19-table-m .contain .date:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:80px;height:1px;background:rgba(255,255,255,.2);}
.covid19-table-m .contain .wrap{}
.covid19-table-m .contain .wrap .inner{display:inline-block;width:32%;font-size:15px;}
.covid19-table-m .contain .wrap .inner .division{display:block;}
.covid19-table-m .contain .wrap .inner .count{font-weight:bold;}
.covid19-table-m .contain .wrap .inner .etc .point{font-weight:bold;}


/**********************************************
note : 리뉴얼 스타일
name : 김지수
date : 2021-11-19 ~
**********************************************/

/* 메인 단수정 */
#idx-renewal {margin-top:-1.875rem}
#idx-renewal .index-columns.grid-1 {padding:0 1.25rem 0 0}
#idx-renewal .index-columns.grid-2 {padding:0 0 0 1.25rem}
#idx-renewal .index-columns.grid-3 {padding:0 1.188rem 0 0;border-right:1px solid rgba(0,0,0,.12)}
#idx-renewal .index-columns.grid-4 {padding:0 0 0 .625rem}
#idx-renewal .index-columns-flex {background-color: #555655}

/**********************************************
note : 박스스킨
**********************************************/

/* 단독뉴스 */
.box-skin.for-exclusive .header {background-color:#102039}
.box-skin.for-exclusive .header > strong, .box-skin.for-exclusive .header > a, .box-skin.for-exclusive .header strong > a {margin:0;color:#fff;line-height:40px;text-align:center}
.box-skin.for-exclusive .content {padding:1rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-top:0}


/**********************************************
note : 자동박스
**********************************************/

/* mr02-1(import) */
.auto-mr02-1 {position:relative;font-size:0;border:1px solid rgba(0,0,0,.1)}
.auto-mr02-1 > [class*="auto-"] {display:inline-block;vertical-align:middle}
.auto-mr02-1 .auto-title {width:100px;font-size:.875rem;line-height:1;color:#fff;line-height:40px;letter-spacing:-.05em;background-color:#636a70;text-align:center}
.auto-mr02-1 .auto-title .point {color:#ffe92e}
.auto-mr02-1 .auto-roll {width:calc(100% - 100px);padding:0 3rem 0 1.25rem }
.auto-mr02-1 .auto-roll .slick-slide {padding-right:.5rem}
.auto-mr02-1 .photo-btn {position:absolute;z-index:1;top:50%;border:6px solid transparent;transform:translateY(-50%)}
.auto-mr02-1 .photo-btn.auto-prev {right:30px;border-right-width:8px;border-right-color:#333}
.auto-mr02-1 .photo-btn.auto-next {right:10px;border-left-width:8px;border-left-color:#333}

/* mp03-1(import) */
.auto-mp03.tiles-4x .auto-titles {font-family:'Noto Sans KR',sans-serif;font-weight:500}

/* da05-6(normal) */
.auto-da05-6 .item > a {font-size:0}
.auto-da05-6 .auto-titles {display:block;padding:0}
.auto-da05-6 .frame, .auto-da05-6 .frame + .auto-titles {display:inline-block;vertical-align:middle}
.auto-da05-6 .frame {width:120px}
.auto-da05-6 .frame + .auto-titles {width:calc(100% - 120px);padding-left:1rem}

/* da05-7(normal) */
.auto-da05-7 .item > a {font-size:0}
.auto-da05-7 .auto-titles, .auto-da05-7 .frame {display:inline-block;vertical-align:middle}
.auto-da05-7 .auto-titles {width:calc(100% - 100px);padding-right:1rem}
.auto-da05-7 .item.no-img .auto-titles {width:100%;padding-right:0}
.auto-da05-7 .frame {width:100px}

/* pr06-2(photo) */
.auto-pr06-2 .auto-column {padding:.3rem .9375rem 0}
.auto-pr06-2 .auto-column .auto-images {transition:all .35s}
.auto-pr06-2 .auto-column:hover .auto-images {transform:translateY(-5px);box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12), 0 4px 4px 0 rgba(0, 20, 61, .08), 0 16px 16px 0 rgba(0, 20, 61, .08), 0 32px 32px 0 rgba(0, 20, 61, .08), 0 0 0 1px rgba(0, 20, 61, .08);}
.auto-pr06-2 .photo-btn {top:50%;width:64px;height:64px;font-size:35px;color:#222;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0;transition:all .35s;}
.auto-pr06-2:hover .photo-btn {opacity:1}
.auto-pr06-2 .photo-btn.auto-prev {left:-32px}
.auto-pr06-2 .photo-btn.auto-next {right:-32px}

/* 배진희 / 1121584 / 20211227 */
#user-footer .user-nav a{padding:0 0.4rem;}

/* 배진희 / 1143379 / 20220316 */
.auto-article.dp01-5 .auto-images{height:0;padding-bottom:60%;}

/* 배진희 / 1143501 / 20220317 */
.auto-article.hl01-6 .auto-images{border-radius:8px;}
.auto-article.hl01-6 .auto-rela{text-align:center;}
.auto-article.hl01-6 .auto-rela a{display:inline-block;}
.auto-article.auto-da04-2 .auto-images{border-radius:8px;}

/* 배진희 / 1143847 / 20220318 */
.auto-article.hl01-7{padding:15px;background:#ccc;}
.auto-article.hl01-7 .auto-images{border-radius:0;}
.auto-article.hl01-6 .auto-rela{text-align:left;}

/* 김민희 / 1148680 / 20220404 */
.m-auto-border {padding: 8px; border-bottom: 6px solid #eaeaea; margin-left: -1.25rem; margin-right: -1.25rem;}


.main-table-vote{margin:0; list-style:none}
.main-table-vote li{float:left; width:50%}
.main-table-vote li div{display:inline-block; width:250px; text-align:center}


/* 김민희 / 967206 / 20200715 디자인박스12*/
.box-skin.bg02-m {background-color: #f4ebda !important;border-color: rgba(0,0,0,.09);padding: 0.9375rem !important;}



/* 윤미정 / 1215237 / 20221109 */
.checkbox-group {float:left;}
@media screen and (max-width: 39.9375em) {
	.checkbox-group {float:initial;}
}

/* 최은비 / 1216067 / 20221114 */
@media screen and (max-width: 39.9375em) {
	.panel-header {height:107px;}
}



/* 윤미정 / 1237188 / 20230126 */
.auto-hl01_3 li:nth-child(5) .auto-section::after{content:'생활유통';}

/* 임희은 / 1243724 / 20230220 */
.auto-hl01_3 li:nth-child(6) .auto-section::after{content:'신아 PIC';}

/* 최은비 / 1277147 / 20230608 */
#roll_420{overflow:hidden}
#roll_420 .slick-list{margin: 0 -0.9375rem;}


/* 윤미정 / 1278582 / 20230613 */
.auto-article.tiles-4x.auto-mp01 .auto-columns:nth-child(4n + 1), .auto-article.tiles-4x.auto-mp01 > :nth-child(4n + 1) {margin-left: 0;clear: both;}
.auto-article.tiles-4x.auto-mp01 .auto-columns:nth-child(1), .auto-article.tiles-4x.auto-mp01 .auto-columns:nth-child(2), .auto-article.tiles-4x.auto-mp01 .auto-columns:nth-child(3), .auto-article.tiles-4x.auto-mp01 .auto-columns:nth-child(4), .auto-article.tiles-4x.auto-mp01 > :nth-child(1), .auto-article.tiles-4x.auto-mp01 > :nth-child(2), .auto-article.tiles-4x > :nth-child(3), .auto-article.tiles-4x.auto-mp01 > :nth-child(4) {margin-top: 0;}
.auto-article.tiles-4x.auto-mp01 .auto-columns, .auto-article.tiles-4x.auto-mp01 .item {width: 22.75%;margin-left: 3%;}

/* 이승현 / 1330107 / 20231212 */
.user-point2 {color: #0064d5 !important;}
.user-point3 {color: #cb002d !important;}



/* 박종훈 / 광고관리 스위치 미노출로 인하여 css 추가 */
.nd-switch {
    position: relative;
    margin-bottom: 1rem;
    font-size: .875rem;
    font-weight: 700;
    color: #fefefe;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nd-switch input[type=checkbox],.nd-switch input[type=radio] {
    position: absolute!important;
    margin: 0;
    opacity: 0
}

.nd-switch input[type=checkbox]~label,.nd-switch input[type=radio]~label {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 18px;
    padding: 0;
    margin: .5rem 0;
    background-color: #c6cbd3;
    border-radius: 2rem;
    -webkit-transition: all .25s ease-out
}

.nd-switch input[type=checkbox]~label::before,.nd-switch input[type=radio]~label::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: #c6cbd3;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease-out
}

.nd-switch input[type=checkbox]~label::after,.nd-switch input[type=radio]~label::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.7);
    border-radius: 2rem;
    -webkit-transition: all .25s ease-out
}

.nd-switch input[type=checkbox]:checked~label,.nd-switch input[type=radio]:checked~label {
    background-color: #2199e8
}

.nd-switch input[type=checkbox]:checked~label::before,.nd-switch input[type=radio]:checked~label::before {
    left: 20px;
    background-color: #2199e8
}

.nd-switch,.nd-switch input,.nd-switch input~label,.nd-switch input~label::after,.nd-switch input~label::before {
    outline: 0!important;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.nd-switch.for-ios input[type=checkbox]~label,.nd-switch.for-ios input[type=radio]~label,.switch-group.for-ios>.nd-switch input[type=checkbox]~label,.switch-group.for-ios>.nd-switch input[type=radio]~label {
    width: 60px;
    height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    background: #f0f1f3;
    border: 1px solid rgba(0,0,0,.1)
}

.nd-switch.for-ios input[type=checkbox]~label::before,.nd-switch.for-ios input[type=radio]~label::before,.switch-group.for-ios>.nd-switch input[type=checkbox]~label::before,.switch-group.for-ios>.nd-switch input[type=radio]~label::before {
    background-color: #fefefe!important;
    box-shadow: 2px 1px 1px rgba(0,0,0,.15)
}

.nd-switch.for-ios input[type=checkbox]:checked~label,.nd-switch.for-ios input[type=radio]:checked~label,.switch-group.for-ios>.nd-switch input[type=checkbox]:checked~label,.switch-group.for-ios>.nd-switch input[type=radio]:checked~label {
    background-color: #2199e8
}

.nd-switch.for-ios input[type=checkbox]:checked~label::before,.nd-switch.for-ios input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch input[type=radio]:checked~label::before {
    left: 28px;
    box-shadow: none
}

.nd-switch.for-ios input[type=checkbox]:checked~label::after,.nd-switch.for-ios input[type=radio]:checked~label::after,.switch-group.for-ios>.nd-switch input[type=checkbox]:checked~label::after,.switch-group.for-ios>.nd-switch input[type=radio]:checked~label::after {
    display: none;
    background: 0 0!important;
    opacity: 0
}

.nd-switch.tiny input[type=checkbox]~label,.nd-switch.tiny input[type=radio]~label,.switch-group.tiny>.nd-switch input[type=checkbox]~label,.switch-group.tiny>.nd-switch input[type=radio]~label {
    width: 32px;
    height: 10px
}

.nd-switch.tiny input[type=checkbox]~label::before,.nd-switch.tiny input[type=radio]~label::before,.switch-group.tiny>.nd-switch input[type=checkbox]~label::before,.switch-group.tiny>.nd-switch input[type=radio]~label::before {
    width: 20px;
    height: 20px
}

.nd-switch.tiny input[type=checkbox]:checked~label::before,.nd-switch.tiny input[type=radio]:checked~label::before,.switch-group.tiny>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.tiny>.nd-switch input[type=radio]:checked~label::before {
    left: 12px
}

.nd-switch.small input[type=checkbox]~label,.nd-switch.small input[type=radio]~label,.switch-group.small>.nd-switch input[type=checkbox]~label,.switch-group.small>.nd-switch input[type=radio]~label {
    width: 40px;
    height: 14px
}

.nd-switch.small input[type=checkbox]~label::before,.nd-switch.small input[type=radio]~label::before,.switch-group.small>.nd-switch input[type=checkbox]~label::before,.switch-group.small>.nd-switch input[type=radio]~label::before {
    width: 24px;
    height: 24px
}

.nd-switch.small input[type=checkbox]:checked~label::before,.nd-switch.small input[type=radio]:checked~label::before,.switch-group.small>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.small>.nd-switch input[type=radio]:checked~label::before {
    left: 16px
}

.nd-switch.large input[type=checkbox]~label,.nd-switch.large input[type=radio]~label,.switch-group.large>.nd-switch input[type=checkbox]~label,.switch-group.large>.nd-switch input[type=radio]~label {
    width: 58px;
    height: 22px
}

.nd-switch.large input[type=checkbox]~label::before,.nd-switch.large input[type=radio]~label::before,.switch-group.large>.nd-switch input[type=checkbox]~label::before,.switch-group.large>.nd-switch input[type=radio]~label::before {
    width: 34px;
    height: 34px
}

.nd-switch.large input[type=checkbox]:checked~label::before,.nd-switch.large input[type=radio]:checked~label::before,.switch-group.large>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.large>.nd-switch input[type=radio]:checked~label::before {
    left: 24px
}

.nd-switch.tiny.for-ios input[type=checkbox]~label,.nd-switch.tiny.for-ios input[type=radio]~label,.switch-group.for-ios.tiny>.nd-switch input[type=checkbox]~label,.switch-group.for-ios.tiny>.nd-switch input[type=radio]~label,.switch-group.for-ios>.nd-switch.tiny input[type=checkbox]~label,.switch-group.for-ios>.nd-switch.tiny input[type=radio]~label {
    width: 42px;
    height: 22px
}

.nd-switch.tiny.for-ios input[type=checkbox]:checked~label::before,.nd-switch.tiny.for-ios input[type=radio]:checked~label::before,.switch-group.for-ios.tiny>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.for-ios.tiny>.nd-switch input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.tiny input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.tiny input[type=radio]:checked~label::before {
    left: 20px
}

.nd-switch.small.for-ios input[type=checkbox]~label,.nd-switch.small.for-ios input[type=radio]~label,.switch-group.for-ios.small>.nd-switch input[type=checkbox]~label,.switch-group.for-ios.small>.nd-switch input[type=radio]~label,.switch-group.for-ios>.nd-switch.small input[type=checkbox]~label,.switch-group.for-ios>.nd-switch.small input[type=radio]~label {
    width: 50px;
    height: 26px
}

.nd-switch.small.for-ios input[type=checkbox]:checked~label::before,.nd-switch.small.for-ios input[type=radio]:checked~label::before,.switch-group.for-ios.small>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.for-ios.small>.nd-switch input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.small input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.small input[type=radio]:checked~label::before {
    left: 24px
}

.nd-switch.large.for-ios input[type=checkbox]~label,.nd-switch.large.for-ios input[type=radio]~label,.switch-group.for-ios.large>.nd-switch input[type=checkbox]~label,.switch-group.for-ios.large>.nd-switch input[type=radio]~label,.switch-group.for-ios>.nd-switch.large input[type=checkbox]~label,.switch-group.for-ios>.nd-switch.large input[type=radio]~label {
    width: 68px;
    height: 36px
}

.nd-switch.large.for-ios input[type=checkbox]:checked~label::before,.nd-switch.large.for-ios input[type=radio]:checked~label::before,.switch-group.for-ios.large>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.for-ios.large>.nd-switch input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.large input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.large input[type=radio]:checked~label::before {
    left: 32px
}

.nd-switch.secondary input[type=checkbox]:checked~label,.nd-switch.secondary input[type=checkbox]:checked~label::before,.nd-switch.secondary input[type=radio]:checked~label,.nd-switch.secondary input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.secondary input[type=checkbox]:checked~label,.switch-group.for-ios>.nd-switch.secondary input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.secondary input[type=radio]:checked~label,.switch-group.for-ios>.nd-switch.secondary input[type=radio]:checked~label::before,.switch-group.secondary>.nd-switch input[type=checkbox]:checked~label,.switch-group.secondary>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.secondary>.nd-switch input[type=radio]:checked~label,.switch-group.secondary>.nd-switch input[type=radio]:checked~label::before {
    background-color: #727d92
}

.nd-switch.success input[type=checkbox]:checked~label,.nd-switch.success input[type=checkbox]:checked~label::before,.nd-switch.success input[type=radio]:checked~label,.nd-switch.success input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.success input[type=checkbox]:checked~label,.switch-group.for-ios>.nd-switch.success input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.success input[type=radio]:checked~label,.switch-group.for-ios>.nd-switch.success input[type=radio]:checked~label::before,.switch-group.success>.nd-switch input[type=checkbox]:checked~label,.switch-group.success>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.success>.nd-switch input[type=radio]:checked~label,.switch-group.success>.nd-switch input[type=radio]:checked~label::before {
    background-color: #3adb76
}

.nd-switch.warning input[type=checkbox]:checked~label,.nd-switch.warning input[type=checkbox]:checked~label::before,.nd-switch.warning input[type=radio]:checked~label,.nd-switch.warning input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.warning input[type=checkbox]:checked~label,.switch-group.for-ios>.nd-switch.warning input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.warning input[type=radio]:checked~label,.switch-group.for-ios>.nd-switch.warning input[type=radio]:checked~label::before,.switch-group.warning>.nd-switch input[type=checkbox]:checked~label,.switch-group.warning>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.warning>.nd-switch input[type=radio]:checked~label,.switch-group.warning>.nd-switch input[type=radio]:checked~label::before {
    background-color: #ffae00
}

.nd-switch.alert input[type=checkbox]:checked~label,.nd-switch.alert input[type=checkbox]:checked~label::before,.nd-switch.alert input[type=radio]:checked~label,.nd-switch.alert input[type=radio]:checked~label::before,.switch-group.alert>.nd-switch input[type=checkbox]:checked~label,.switch-group.alert>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.alert>.nd-switch input[type=radio]:checked~label,.switch-group.alert>.nd-switch input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.alert input[type=checkbox]:checked~label,.switch-group.for-ios>.nd-switch.alert input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.alert input[type=radio]:checked~label,.switch-group.for-ios>.nd-switch.alert input[type=radio]:checked~label::before {
    background-color: #ec5840
}

.nd-switch.nd-pink input[type=checkbox]:checked~label,.nd-switch.nd-pink input[type=checkbox]:checked~label::before,.nd-switch.nd-pink input[type=radio]:checked~label,.nd-switch.nd-pink input[type=radio]:checked~label::before,.switch-group.for-ios>.nd-switch.nd-pink input[type=checkbox]:checked~label,.switch-group.for-ios>.nd-switch.nd-pink input[type=checkbox]:checked~label::before,.switch-group.for-ios>.nd-switch.nd-pink input[type=radio]:checked~label,.switch-group.for-ios>.nd-switch.nd-pink input[type=radio]:checked~label::before,.switch-group.nd-pink>.nd-switch input[type=checkbox]:checked~label,.switch-group.nd-pink>.nd-switch input[type=checkbox]:checked~label::before,.switch-group.nd-pink>.nd-switch input[type=radio]:checked~label,.switch-group.nd-pink>.nd-switch input[type=radio]:checked~label::before {
    background-color: #e73f72
}