@charset "utf-8"; 

* {-webkit-text-size-adjust:none;}

html,body {width:100%; height:100%; min-height:100%;  margin:0; padding:0; position:relative;} /* 파킹 페이지 포지션에 따른 height:100% 추가 */
div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a {margin:0; padding:0;}
body {font-weight:500; font-family:'Noto Sans CJK TC', Apple SD Gothic Neo, sans-serif; font-size:14px; font-weight:400; color:#333; word-wrap:break-word}
table {width:100%;border:0;border-spacing:0;border-collapse:collapse; }
table caption,
form legend{visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
button::-moz-focus-inner {padding:0;border:0;}
button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; margin:0; padding:0; cursor:pointer; border:0; background:transparent;outline:none;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=image]{vertical-align:top;}
input, select, textarea, button {font-family:'Noto Sans CJK TC', Apple SD Gothic Neo, sans-serif; font-size:1rem;color:#333; border-radius:0;}
li {list-style:none;}
img, fieldset {border:none; vertical-align:top;}
hr {display:none;}
em, address, cite {font-style:normal;}

.news .contain-aside {display:none;}

input {margin:0;padding:0;outline:none;}
input::-webkit-input-placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}
input[type='text'], 
input[type='number'],
input[type='password'] {padding:0 0 0 10px;height:32px;border:1px solid #ccc; vertical-align:middle; font-size:12px; color:#666} /* 2017-11-20 수정*/
input[type='submit'] {cursor:pointer;  vertical-align:middle;}

/* 각 버튼 리스트 간격 */
.btn-type1 + .btn-type1,
input + select,
select + input,
select + select,
input[type='text'] + .btn-type1,
input[type='text'] + .btn-type2,
input[type='text'] + .btn-type3,
input[type='text'] + input[type='text'],
input[type='text'] + input[type='password'],
input[type='text'] + input[type='submit'],
input[type='text'] + .btn, 
input[type='password'] + .btn, 
input[type='submit'] + .btn {margin-left:5px;}

.radio.checked {display:inline-block; color:#4f5eaf;background:url(../images/common/img_form_radio_on.png) no-repeat left 50%;}
.radio {display:inline-block;position:relative;overflow:hidden;margin:0 0 0 0;padding:0 0 0 30px;height:32px;line-height:32px;font-size:16px;color:#333;text-align:left;background:url(../images/common/img_form_radio.png) no-repeat left 50%;}
.radio input[type='radio'] {position:absolute;left:-1000000px;top:0;}

.checkbox {display:inline-block;position:relative;overflow:hidden;margin:0 0 0 0;padding:0 0 0 30px;height:32px;line-height:32px;font-size:16px;color:#333;text-align:left;background:url(../images/common/img_form_checkbox.png) no-repeat left 50%;}
.checkbox input[type='checkbox'] {position:absolute;left:-1000000px;top:0;}
.checkbox.checked {color:#4f5eaf;background:url(../images/common/img_form_checkbox_on.png) no-repeat left 50%;}

.checkbox.type2 {padding:0 0 0 25px; background:url(../images/common/img_form_checkbox_type2.png) no-repeat left 50%;}
.checkbox.type2.checked {color:#333; background:url(../images/common/img_form_checkbox_type2_on.png) no-repeat left 50%;}

select {
  vertical-align:middle;
  padding:0 34px 0 10px;height:34px;font-size:14px;color:#666;border:1px solid #ccc;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
  -ms-appearance: none  \9;
  appearance:none; 
  background:#fff url(../images/common/img_form_selectbox.png) no-repeat right 50%;
}
select::-ms-expand {
  display: none;
}
select.full{width:100%}
a{color:#333; text-decoration:none;}
/* 171202 개발요청(경고 메시지 문제) 주석처리 > 모정훈 */ 
a:link {text-decoration:none;}
/* a:visited {text-decoration:none;} */
a:hover {text-decoration:underline;}
/*a:focus {text-decoration:none;}*/
/*a:active {text-decoration:none;}*/

li a:hover span{text-decoration:underline;} 

a:hover .box-icon,
.hash-tag a:hover  {text-decoration:none !important;} 

strong.underline,
span.underline {text-decoration:underline}

/* 셀렉트 박스 */
.selector {position: relative; display:inline-block;vertical-align:middle;border: 1px solid #ccc; z-index: 1; background:#fff;} 
.selector:before {content: ""; position: absolute; top: 0; right: 0;height:32px; width: 40px; background:url('../images/common/img_form_selectbox.png') right center no-repeat;} 
.selector label { position: absolute; top: 0;left: 10px; line-height:30px;/* padding: .8em .5em; */color: #666; z-index: -1; } 
.selector select {width:100%; height: 32px; line-height: normal;border: 0; opacity: 0;  filter:alpha(opacity=0);}
.selector.full{width:100%;}
.selector + .selector,
.selector + input,
.selector + span[class^='btn'] {margin-left:5px;}

/* 테이블 셀렉트 */
table th .selector label, 
table td .selector label {height:44px; line-height:44px;}
table th .selector:before, 
table td .selector:before {height:44px; line-height:44px;}
/* .table-type1.list */
.table-type1.list td .selector label {height:32px; line-height:32px;}
.table-type1.list td .selector:before {height:32px; line-height:32px;}

/* 리스트 셀렉트 */
.list-type1 li .selector + .selector {margin-left:10px;}
.list-type1 li .selector select {height:40px !important;}
.list-type1 li .selector label {height:40px; line-height:43px;}
.list-type1 li .selector:before {height:40px; line-height:43px;}
.inp-area .selector + input {margin-left:10px !important;} 



.blind{display:none;}

/* margin */
.mt5 {margin-top:5px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt80 {margin-top:80px !important;}
.mt130 {margin-top:130px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb150 {margin-bottom:150px !important;}
.mb200 {margin-bottom:200px !important;}

.ml0 {margin-left:0 !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}

.mr0 {margin-right:0 !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}

.mgt_0{margin-top:0!important;}
.mgb_0{margin-bottom:0!important;}
.mgb_20{margin-bottom:20px!important;}
.mgb_60{margin-bottom:60px!important;}

/* padding */
.pd0{padding:0px!important;}
.pdt_0{padding-top:0px!important;}
.pdt_30{padding-top:30px!important;}
.pdr_0{padding-right:0px!important;}
.pdb_0{padding-bottom:0px!important;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}

.text-right {text-align:right !important;}
.text-center {text-align:center !important;}

.w-1200{width:1200px!important;margin:0 auto;}
.w-1280{width:1280px!important;margin:0 auto;}


/* etc common */
.border-bnone {border-bottom:none !important;}
.astar {display:inline-block; font-size:14px; color:#d62727;}
a.moresee {line-height:14px; font-size:14px; color:#4f5eaf;}

/* input file 인풋 파일 */
.file-box .file-name {display:inline-block;height:34px !important;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #ccc;background-color:#fff;vertical-align:middle}
.file-box .btn-file {display:inline-block;text-align:center; color:#fff; font-size:16px; width:110px; padding:6px 0px 7px; background:#4f5eaf;vertical-align:middle; border-radius:3px; }
.file-box .btn-file.type2 {background:#8c92a0;}
.file-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* .file-box input[type="text"] + label.btn-file.type2 {margin-left:5px;} */
.file-box input[type="text"] + label.btn-file {margin-left:5px;}
.file-box.images {text-align:left;}
.photo-profile {border:1px solid #ccc; width:165px; height:194px; margin-top:15px}
/* p.txt-file {margin-top:5px; text-align:left;} */
.txt-file {margin-top:5px; text-align:left; color:#333; }
.txt-file a {vertical-align:middle;}
.txt-file .file {display:inline-block; vertical-align:middle; margin-right:10px; width:12px; height:15px; background:url(../images/common/img_icon01.png) no-repeat center 0;}


/* font-color */
.font-color01 {color:#000 !important;} /* 블랙 */
.font-color02 {color:#4f5eaf !important;}  /* 스카이블루 */
.font-color03 {color:#d62727 !important;} /* 레드 */
.font-color04 {color:#505eaf !important;} /* 스카이블루 2 */
.font-color05 {color:#3a72e5 !important;} /* 스카이블루 3 */
.font-color06 {color:#666 !important;} /* 그레이 1 */
.font-color07 {color:#999 !important;} /* 그레이 2 */

/* hash-tag02 > 공통 해쉬태그 */
.hash-tag02 {display:inline-block;}
.hash-tag02 + .hash-tag02 {margin-left:5px;}
.hash-tag02:before {content:'#'; display:inline-block;}

/* box-icon */
.box-icon {display:inline-block; font-family:'dotum', Apple SD Gothic Neo, sans-serif; font-weight:normal; padding:0 5px 0; font-size:11px; height:20px; line-height:21px; color:#fff; background:#ff6666; vertical-align: middle; margin:0 10px 5px 0px}
.box-icon.type02 {background:#3e73e7;}
.box-icon.type03 {background:#CCC;}
.box-icon.type04 {background:#8c92a0;}
.box-icon.type05 {color:#3c3f50; background:#ffd800;}
.box-icon.type06 {background:#009dde;}
.box-icon.type07 {background:#a8a8a9;}
.box-icon.type08 {background:rgba(236, 98, 157, 0.5);}

.box-icon01 {display:block; position:absolute; /* width:50px; */ height:50px; text-align: center; box-sizing:border-box; top:0; left:0; padding:18px 11px 19px; font-size:12px; font-family:'dotum', Apple SD Gothic Neo, sans-serif; background:#d65a5d; color:#fff; opacity: 0.8} 
.box-icon01.type2 {background:#3b56cb;}

.bx-notice {display:block; width:56px; height:28px; line-height:28px; text-align:center; font-family:'Dotum'; font-weight:normal; font-size:12px; opacity:0.8;}
.bx-notice.type1 {background:#ec629d; color:#fff;}
.bx-notice.type2 {background:#ffd800; color:#3c3f50;}

.box-broadcast{position:absolute;top:0;left:0;font:12px dodum,'돋움';width:70px;height:28px;line-height:28px;text-align:center;color:#3c3f50;}
.box-broadcast.bg-yellow{background:rgba(255,216,0,0.8);}
.box-broadcast.bg-red{color:#fff;background:rgba(236,98,157,0.7);}




/* box icon 
.icon {display:block; position:absolute; width:50px; height:50px; text-align: center; box-sizing:border-box; top:0; left:0; padding:18px 0 19px; font-size:12px; font-family:'dotum', Apple SD Gothic Neo, sans-serif; background:#d65a5d; color:#fff; opacity: 0.8} 
/* .icon.type2 {background:#3b56cb;} 

*/


/* 이미지 상단 플래이 아이콘*/
.icon-play {display:block; width:70px; height:70px; border-radius:35px; background:#fff url(../images/common/play_icon.png) no-repeat 25px center; position:absolute; bottom:21px; right:21px; opacity:0.8;}
.icon-play.medium {width:31px; height:31px; border-radius:16px; background:#fff url(../images/common/play_icon02.png) no-repeat 11px center; bottom:10px; right:10px; opacity:0.8;}
.icon-play.small {width:20px; height:20px; border-radius:100%; background:#fff url(../images/common/play_icon02.png) no-repeat 55% center; background-size:40%; bottom:5px; right:5px; opacity:0.8;}



/* 버튼 재 정의 2017-10-10 
.btn + .btn {margin-left:5px;}
.btn {height:50px; min-width:160px; line-height:50px; background:#fff; color:#4f5eaf; border:1px solid #4f5eaf; border-radius:3px; display:inline-block; font-size:16px; text-align:center; box-sizing:border-box; vertical-align:middle;}
.btn:hover {background:#eef1f6;}
.btn.type2 {background:#fff; color:#666; border:1px solid #ccc }
.btn.type2:hover  {background:#f7f7f7;}
.btn.type3 { background:#4f5eaf; color:#fff; border:none;}
.btn.type3:hover  {background:#253175;}
.btn.type4 { background:#ffd800; color:#4f5eaf; border:none;}
.btn.type4:hover  {background:#ffd800;}


/* 스몰 버튼
.btn.small1,
.btn.small2,
.btn.small3,
.btn.small4 {height:34px; line-height:33px; font-size:14px; min-width:110px;}
.btn.small2 {color:#666;  border:1px solid #ccc}
.btn.small2:hover  {background:#f7f7f7;}
.btn.small3 {background:#4f5eaf; color:#fff; border:none;}
.btn.small3:hover  {background:#253175;}
 */

 

/* 통합 검색 버튼 영역 */
.btn-area .btn + .btn {margin-left:5px;}
.btn-area .btn  {display:inline-block; height:38px; line-height:38px; padding:0 22px 0; border:1px solid #ccc; border-radius:3px; vertical-align: middle; min-width:auto; font-size:14px}
.btn-area .btn:hover {background:#4f5eaf; border:1px solid #4f5eaf; color:#fff;}
.btn-area .btn.type1  {padding:0; width:38px ; font-size:0; height:38px; background: url(../images/search/btn_icon01.png) no-repeat center 7px; text-align:center; }
.btn-area .btn.type1:hover {background:#4f5eaf url(../images/search/btn_icon01_on.png) no-repeat center 7px;}
.btn-area .btn.type2  {padding:0; width:38px; font-size:0; height:38px; background: url(../images/search/btn_icon02.png) no-repeat center 7px; text-align:center; }
.btn-area .btn.type2:hover {background:#4f5eaf url(../images/search/btn_icon02_on.png) no-repeat center 7px;}
.btn-area .btn .icon {display:inline-block; width:8px; height:11px; background: url(../images/search/btn_icon03.png) no-repeat 0 0; margin-right:8px;}
.btn-area .btn .icon4 {display:inline-block; width:8px; height:11px; background: url(../images/search/btn_icon06.png) no-repeat 0 0; margin-right:8px;}
.btn-area .btn:hover .icon {background: url(../images/search/btn_icon03_on.png) no-repeat 0 0;}
.btn-area .btn.type3  {background:#8c92a0 ; color:#fff;border:1px solid #8c92a0;}
.btn-area .btn.type3 .icon2 {display:inline-block; vertical-align:middle; width:10px; height:18px; background: url(../images/search/btn_icon04.png) no-repeat 0 0; margin-right:8px;}
.btn-area .btn.type3 .icon3 {display:inline-block; vertical-align:middle; width:14px; height:10px; background: url(../images/search/btn_icon05.png) no-repeat 0 0; margin-right:8px;}
.btn-area .btn.type3:hover {border:1px solid #8c92a0;background:#4f5eaf; }
.btn-area .btn.full{width:100%!important;box-sizing:border-box;text-align:center;}
.btn-area .inner{text-align:center;}
.btn-area .inner-left{text-align:left;}
.btn-area .inner-right{text-align:right;}

/* btn */
.btn-p{display:inline-block;margin-bottom:8px;height:28px;line-height:26px;padding:0 10px 0 25px;color:#666;font-size:12px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;}
.btn-p + .btn-p{margin-left:9px;}
.btn-p.icon01{background:url('../images/popup/icon_p_01_off.png') 10px center no-repeat;}
.btn-p.icon02{background:url('../images/popup/icon_p_02_off.png') 10px center no-repeat;}
.btn-p.icon03{background:url('../images/popup/icon_p_03_off.png') 10px center no-repeat;}
.btn-p.on{color:#4f5eaf;border:1px solid #4f5eaf;}
.btn-p.on.icon01{background:url('../images/popup/icon_p_01_on.png') 10px center no-repeat;}
.btn-p.on.icon02{background:url('../images/popup/icon_p_02_on.png') 10px center no-repeat;}
.btn-p.on.icon03{background:url('../images/popup/icon_p_03_on.png') 10px center no-repeat;}


/* 스몰 버튼 height=24px */
.sort01{display:inline-block;height:24px; line-height:22px; font-size:14px; min-width:66px;text-align:center;color:#666;border-radius:3px;border:1px solid #ccc}
.sort01:hover  {background:#f7f7f7;}

/* img plus btn */
.btn-ico.plus{position:absolute;top:0;right:0;overflow:hidden;width:39px;height:39px;text-indent:-999999em;background:url('../images/common/btn_more.png') center center no-repeat;}


/* 버튼 패딩값으로 조정시 */

.btn-area .btn.short {padding:0 12px 0 !important; min-width:auto}


/* title */
.title01{position:relative;font-size:28px;color:#000;margin-top:6px; padding:0; font-weight:700;}
.title02{position:relative;font-size:24px;color:#4F5EAF;margin-bottom:15px; padding:0; font-weight:600;}
.title03{position:relative;font-size:22px;color:#000;margin-bottom:15px; padding:0; font-weight:600;}
.title04{position:relative;font-size:20px;color:#4F5EAF;margin-bottom:15px; padding:0; font-weight:600;}
.title05{position:relative;font-size:18px;color:#000;margin-bottom:10px; padding:0; font-weight:600;text-align:left;}

















/* Layout */
/*header.header {position:absolute;left:0;top:0;z-index:10;width:100%;} */

.contain-util {background:#f7f7f7;}
.contain-util .inner {margin:0 auto;width:1200px;height:34px;}
.contain-util button {font-family:'dotum', Apple SD Gothic Neo, sans-serif;font-size:12px;color:#666;outline:none;}
.contain-util .box-links {float:left;line-height:34px;}
.contain-util .box-links span,
.contain-util .box-links a {display:block;float:left;margin:0 0 0 11px;padding:0 0 0 12px;font-family:'dotum', Apple SD Gothic Neo, sans-serif;font-size:12px;color:#666;background:url(../images/common/img_bar_header_util.png) no-repeat left 10px;}
.contain-util .box-links span:first-child,
.contain-util .box-links a:first-child {margin:0;padding:0;background:none;}
.contain-util .box-member {float:right;line-height:34px; position:relative;}
.contain-util .box-member span,
.contain-util .box-member a {display:block;float:left;margin:0 0 0 12px;padding:0;font-family:'dotum', Apple SD Gothic Neo, sans-serif;font-size:12px;color:#666;}
.contain-util .box-member a:first-child {margin:0; padding:0 12px 0 0; background:url(../images/common/img_bar_header_util.png) no-repeat right 10px;}
.contain-util .box-member .top-ad-btn {width:34px; height:34px; position:absolute; top:-1px; right:-40px;}
.contain-util .box-member .top-ad-btn span {font-size:0; background:url(../images/common/top_add_off.png) no-repeat 0 0; width:34px; height:34px;  margin-left:0; display:none}







header .header {position:relative;}
header .header-sub {position:relative;}



.top-banner-area {height:125px; background:#365bb3 url(../images/common/top_banner_bg.png) no-repeat center 0; position:relative; overflow:hidden; }
.top-banner-area .banner-slider {width:1200px; margin:0 auto;  position:relative;}
.top-banner-area .banner-slider .top-ad-btn {display:block; position:absolute; right:-40px; bottom:0; background: url(../images/common/top_add_on.png) no-repeat 0 0; width:34px; height:34px; font-size:0;}
.top-banner-area .banner-slider ul li {height:125px}
.top-banner-area .banner-slider ul li:after {display:block; content:""; clear:both;}
.top-banner-area .banner-slider ul li .box-banner:first-child {/*padding-left:167px;*/ background:url(../images/common/top_add_line.png) no-repeat right center;}
.top-banner-area .banner-slider ul li .box-banner {float:left; width:50%; height:126px; padding:0px 80px 25px 80px; box-sizing:border-box; overflow:hidden;}

/* .top-banner-area .banner-slider ul li .box-banner.img-banner {padding:0; height:125px; box-sizing:border-box; padding-left:10px; max-width:440px; margin:0 auto; border:1px solid red;}
.top-banner-area .banner-slider ul li .box-banner.img-banner a {padding:0; background:none;}
.top-banner-area .banner-slider ul li .box-banner.img-banner a img {width:100%; height:125px;}
.top-banner-area .banner-slider ul li .box-banner.img-banner:first-child {padding-right:10px; padding-left:0;}
.top-banner-area .banner-slider ul li .box-banner.img-banner:first-child a {background:none; padding-left:0;} */
/* .top-banner-area .banner-slider ul li.img-banner {display:table}
.top-banner-area .banner-slider ul li.img-banner .box-banner {display:table-cell; width:50%; padding:0 !important; text-align:center;} 
.top-banner-area .banner-slider ul li.img-banner .box-banner img {width:440px; height:126px; margin:0 auto}  */

.top-banner-area .banner-slider ul li .box-banner.text {padding-top:20px;}

.top-banner-area .banner-slider ul li .box-banner:first-child a {display:block;  /*padding-left:60px; background:url(../images/common/top_add_num01.png) no-repeat left center;*/}
.top-banner-area .banner-slider ul li .box-banner a {display:block; width:438px; margin:0 auto; text-align:left;}
.top-banner-area .banner-slider ul li .box-banner a span.title {display:block; font-size:20px; color:#fff; margin-bottom:10px}
.top-banner-area .banner-slider ul li .box-banner a span.txt {display:block; font-size:16px; color:#96aad9; line-height:22px; overflow:hidden;}
.top-banner-area .banner-slider .bx-prev {left:-15px;top:35px;width:46px;height:46px;background:url(../images/news/btn_prev_roll2.png) no-repeat 50%;}
.top-banner-area .banner-slider .bx-next {right:-50px;top:35px;width:46px;height:46px;background:url(../images/news/btn_next_roll2.png) no-repeat 50%;}








/* 상단 2단 배너 임시 영역 */
.ui-top-banner {height:90px; /*background:#ccc; */text-align:center; line-height:80px;}





/* 통합 GNB */
.combine-area .top-menu:after {display:block; content:""; clear:both;}
.combine-area .top-menu {width:1200px; margin:0 auto; height:70px; text-align:left; position:relative;}
.combine-area .logo{display:inline-block; vertical-align:middle; width: 130px; height: 70px; line-height: 70px; background: url(../images/common/img_logo_small.png) no-repeat 50%;}
.combine-area .top-menu p.title {display:inline-block; vertical-align:middle;  background: url(../images/common/combine_line_top_bg.png) no-repeat right center; padding-right:15px; margin-left:20px; font-size:26px; color:#000; font-weight:bold;}
.combine-area .top-menu p.title.no-bg{background:none!important}

.combine-area .top-menu .center-title {text-align:center; font-size:28px; line-height:68px; font-weight:bold; color:#4f5eaf; }

.combine-area .top-menu p.s-title{display:inline-block; vertical-align:middle; margin-left:15px; font-size:16px; color:#999;}

.combine-area .left-box {/*float:left;*/ position:absolute; left:0; top:0px;}
.combine-area .right-box {/*float:right; */  position:absolute; right:0; top:0px; padding-top:20px;box-sizing:border-box}
.combine-area .right-box li {float:left;}
.combine-area .right-box li a{display:inline-block; width:105px; height:30px; font-size:14px; background:#5a69bd; color:#fff; padding:5px 0 10px 10px; box-sizing:border-box; position:relative}
.combine-area .right-box li a:after {display:inline-block; content:"+"; text-align:right; margin-left:10px; position:absolute; right:10px; opacity:0.5;}
.combine-area .right-box li:nth-child(2) a{background:#f04f4f;}
.combine-area .right-box li:nth-child(3) a{background:#4992cf;}
.combine-area .right-box li:nth-child(4) a{background:#3c2ede;}
.combine-area .gnb-area{height:60px; background:url(../images/common/combine_bg.png) no-repeat center; }
.combine-area .gnb-area > ul {width:1200px; margin:0 auto; text-align:left; }
.combine-area .gnb-area > ul > li:after {display:block; content:""; clear:both;}
.combine-area .gnb-area > ul > li:first-child {margin-left:0;}
.combine-area .gnb-area > ul > li {float:left; margin-left:25px; position:relative;}
.combine-area .gnb-area > ul > li > a {display:block; padding:16px 0 18px; font-size:18px; font-weight:500; color:#fff; box-sizing:border-box}
.combine-area .sub-menu {display:none; position:absolute; top:60px; left:50%; margin-left:-96px; width:192px; border:1px solid #4469af;background:#fff ; border-top:0; z-index:11; padding:30px; box-sizing:border-box}
.combine-area .sub-menu .arrow {display:block; width:18px; height:9px; position:absolute; top:-9px; left:50%; margin-left:-5px; background: url(../images/common/combine_arrow_bg.png) no-repeat 0 0;}
.combine-area .sub-menu ul li:first-child {padding-top:0;}
.combine-area .sub-menu ul li {padding-top:15px;}
.combine-area .sub-menu ul li a {font-size:16px; color:#000; letter-spacing:-1px; }
.combine-area > .gnb-area > ul > li:hover > .sub-menu {display:block;}




body.main .contain-search .inner { text-align:center;}
body.main .contain-search > .inner {height:70px; text-align:center;}
body.main .contain-search .logo {position:static;left:50%;top:0; display:block; width:190px; margin-left:-85px; margin:0 auto; height:70px;line-height:70px;text-align:center;overflow:hidden;background:url(../images/common/img_logo.png) no-repeat 50%;}
body.customer .contain-search .logo, 
body.mypage .contain-search .logo,
body.search .contain-search .logo,
body.member .contain-search .logo {left:0;}
.contain-search h1.title,
.contain-search p.title,
.contain-search p.logotitle {width:100%;height:70px;line-height:70px;text-align:center;font-size:32px;color:#3c5284;overflow:hidden;}
body.main .contain-search h1.title,
body.main .contain-search p.title {display:none;}
body.customer .contain-search h1.title,
body.mypage .contain-search h1.title,
body.search .contain-search h1.title,
body.member .contain-search h1.title {padding:0 0 0 168px;text-align:left;font-size:23px;color:#004b8d;background:url(../images/common/img_bar_title_h1.png) no-repeat 149px 27px;}
.contain-search h1.title .text-add,
.contain-search p.title .text-add {display:none;font-size:14px;color:#999;font-weight:300;}
body.customer .contain-search h1.title .text-add.customer,
body.mypage .contain-search h1.title .text-add.mypage,
body.search .contain-search h1.title .text-add.search,
body.member .contain-search h1.title .text-add.member {display:inline-block;}
.contain-search .block-ad {position:absolute;right:40px;top:10px;height:50px;background:#ececec;}

.contain-search .btn-sitemap {display:block;position:absolute;left:0;top:20px;z-index:2;width:30px;height:30px;background:url(../images/common/btn_sitemap.png) no-repeat 50%;overflow:hidden;}
.contain-search .btn-sitemap.on {background:url(../images/common/btn_sitemap_close.png) no-repeat 50%;overflow:hidden;}
.contain-search .btn-sitemap button {display:block;width:30px;height:30px;text-indent:-10000px;outline:none;}




body.customer .contain-search .btn-sitemap, 
body.mypage .contain-search .btn-sitemap,
body.search .contain-search .btn-sitemap,
body.member .contain-search .btn-sitemap {display:none;}


.contain-search {position:relative;top:0;z-index:32;width:100%;border-bottom:1px solid #999;background:#fff; overflow:hidden;}/* Top :102 */
.contain-search .inner {position:relative;margin:0 auto;width:1200px;}
.contain-search .logo {position:absolute;left:50px;top:0;z-index:1;width:130px;height:70px;line-height:70px;background:url(../images/common/img_logo_small.png) no-repeat 50%;}


.contain-search .btn-globalsearch {display:block;position:absolute;right:0;top:18px;z-index:2;width:30px;height:30px;background:url(../images/common/btn_search.png) no-repeat 50%;overflow:hidden;}
.contain-search .btn-globalsearch button {display:block;width:30px;height:30px;text-indent:-10000px;outline:none;}
.contain-search .box-search-global {position:absolute;right:0;top:0;z-index:2;overflow:hidden;padding:15px 0;width:0;background:#fff;}/*width:319px;*/
.contain-search .box-search-global .inner {overflow:hidden;width:319px;background:#ebe9ea;}
.contain-search .box-search-global input[type='text'] {display:block;padding:0 0 0 14px;width:255px;height:40px;float:left;border:none;background:none;}
.contain-search .box-search-global .btn-type-search {display:block;float:left;width:50px;height:40px;background:#8c92a0 url(../images/common/btn_search_on.png) no-repeat 50%;}
.contain-search .box-search-global .btn-type-search button {display:block;width:50px;height:40px;text-indent:-10000px;}

.contain-navigation {height:60px;background:#fff;border-bottom:1px solid #ebe9ea;}
.contain-navigation .inner {position:relative;margin:0 auto;width:1200px;}
.contain-navigation .navigation-global {float:left; max-width:980px !important;}
.contain-navigation .navigation-global >ul {}
.contain-navigation .navigation-global >ul >li {position:relative;float:left;margin-left:25px;line-height:60px;}
.contain-navigation .navigation-global >ul >li.line {background:url(../images/common/navigation_global_line_bg.png) no-repeat 0 50%; padding-left:25px}
.contain-navigation .navigation-global >ul >li:first-child {margin-left:0;}
.contain-navigation .navigation-global >ul >li >a {font-size:18px;color:#000;font-weight:500;}
.contain-navigation .navigation-global >ul >li.divLine >a {width:1px; background-color:#d9d9d9; overflow:hidden; height:18px; /*margin-right:22px; */display:block; margin-top:21px; cursor: default;}
.contain-navigation .navigation-global >ul >li.typeB >a {font-size:17px; color:#666666}
.contain-navigation .navigation-global >ul >li >a:hover {color:#4f5eaf;}
.contain-navigation .navigation-global >ul >li.on >a {color:#4f5eaf;}
.contain-navigation .navigation-global >ul >li >ul {display:none; position:absolute;left:50%;top:60px;z-index:6;margin:0;padding:20px ;min-width:195px;  margin-left:-70px;background:#eef1f6; box-sizing:border-box;}
.contain-navigation .navigation-global >ul >li >ul >li {position:relative;margin:0;padding:0;line-height:100%;}
.contain-navigation .navigation-global >ul >li >ul >li >a {display:inline-block;margin:0;padding:10px 0;line-height:120%;font-size:16px;color:#4f5eaf;font-weight:400; white-space:nowrap;}
.contain-navigation .navigation-global >ul >li >ul >li >a:hover {color:#4f5eaf;}
.contain-navigation .navigation-global >ul >li >ul >li.on >a {color:#4f5eaf;font-weight:400; }
.contain-navigation .navigation-global >ul >li >ul >li.on >a::before {content:'';display:block;position:absolute;left:-12px;top:18px;width:5px;height:5px;background:url(../images/common/img_icon_gnb_on.png) no-repeat 50%;}











.contain-navigation .links-service {float:right;}
.contain-navigation .links-service a {display:block;float:left;margin-left:18px;padding:0 0 0 30px;background:#ececec;line-height:60px;font-size:15px;color:#727d96;font-weight:500;background:url(../images/common/img_linkservice1_header.png) no-repeat left 50%;}
.contain-navigation .links-service a + a {background:url(../images/common/img_linkservice2_header.png) no-repeat left 50%;}
.contain-navigation .links-service a + a + a {background:url(../images/common/img_linkservice3_header.png) no-repeat left 50%;}

.contain-navigation .links-service a.join {background:url(../images/common/img_linkservice5_header.png) no-repeat left 50%; display:none;}
.contain-navigation .links-service a.join img.joinblink {display: none; position: absolute; margin-left: -56px; margin-top: -5px; z-index: 33;}
.contain-navigation .links-service a.hankyung {background:url(../images/common/img_linkservice4_header.png) no-repeat left 50%; display:none;}
.contain-navigation .links-service a.cabletv {background:url(../images/common/img_linkservice1_header.png) no-repeat left 50%;}
.contain-navigation .links-service a.tvschedule {background:url(../images/common/img_linkservice2_header.png) no-repeat left 50%;}
.contain-navigation .links-service a.tvonair {background:url(../images/common/img_linkservice3_header.png) no-repeat left 50%; display:none;}

.contain-navigation .links-service a:first-child {margin-left:0;}
.contain-navigation .links-family {display:none;float:right;}
.contain-navigation .links-family a {display:block;float:left;margin-left:10px;padding:0 0 0 11px;background:#ececec;line-height:60px;font-size:16px;color:#666;font-weight:500;background:url(../images/common/img_bar_header_link_family.png) no-repeat left 50%;}
.contain-navigation .links-family a:first-child {margin:0;padding:0;background:none;}
body.customer .contain-navigation .links-service,
body.mypage .contain-navigation .links-service,
body.search .contain-navigation .links-service,
body.member .contain-navigation .links-service {display:none;}
body.customer .contain-navigation .links-family,
body.mypage .contain-navigation .links-family,
body.search .contain-navigation .links-family,
body.member .contain-navigation .links-family {display:block;}

.contain-newsnstock {background:#f7f7f7;border-bottom:1px solid #ebe9ea; border-top:1px solid #f7f7f7;}
.contain-newsnstock .inner {position:relative;margin:0 auto;width:1200px;height:40px; /*overflow:hidden; */}
.contain-newsnstock:after {display:block; content:""; clear:both;}
.contain-newsnstock .inner:after {display:block; content:""; clear:both;}
.box-breaknews {float:left;}
.box-breaknews dl {position:relative;padding-left:10px; overflow:hidden; width:400px; height:42px;}
.box-breaknews dl dt {position:absolute;left:0;top:10px;padding:0 8px 0 0;color:#4f5eaf;font-size:15px;font-weight:700;background:url(../images/common/img_bar_header_breaknews.png) no-repeat right 50%;}
.box-breaknews dl dd {margin:0 0 0 40px;box-sizing:border-box;}
.box-breaknews a {display:block;line-height:40px;font-size:14px;color:#666;}
.box-breaknews.list-slick dd{position:relative;width:680px}
.box-breaknews.list-slick dd ul{position:absolute;top:0;left:0}
.box-breaknews.list-slick dd ul li{overflow:hidden;height:40px;}
.box-breaknews.list-slick dd ul li a{display:block; width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box-breaknews.list-slick dd marquee{height:40px;}
.box-stock {float:right;font-family:'roboto', sans-serif;}
.box-stock dl {float:left;margin:0 0 0 10px;padding:0 0 0 11px;line-height:42px;font-size:14px;color:#333;background:url(../images/common/img_bar_division1.png) no-repeat left 15px;}
.box-stock dl dt {float:left;font-weight:700;}
.box-stock dl dd {float:left;margin-left:10px; }
.box-stock dl dd,
.box-stock dl dd.symbol::before {display:inline-block;vertical-align:top;}
.box-stock dl:first-child {margin:0;padding:0;background:none;}

/* 비트코인 */
.bitcoin-area {float:right; position:relative; background: url(../images/common/img_bar_division1.png) no-repeat left 15px; margin-left:10px; padding-left:10px;}
.bitcoin-area:after {display:block; content:""; clear:both;}

.bitcoin-area .bitcoin-box {overflow:hidden; width:260px; height:42px; float:left; }
.bitcoin-area .bitcoin-box .box {position:relative;}
.bitcoin-area .bitcoin-box:after {display:block; content:""; clear:both;}
.bitcoin-area .bitcoin-box ul{position:absolute;top:0;left:0px; width:260px; overflow:hidden ;}
.bitcoin-area .bitcoin-box ul li{overflow:hidden; height:40px;  width:100%; line-height:42px;}
/* .bitcoin-area .bitcoin-box ul li span {margin-right:5px;} */
.bitcoin-area .bitcoin-box ul li.up {color:#ff3333}
.bitcoin-area .bitcoin-box ul li.up span:before {display:inline-block; content:"+";}
.bitcoin-area .bitcoin-box ul li.down {color:#3a72e5}
/* .bitcoin-area .bitcoin-box ul li.down span:before {display:inline-block; content:"-";} */

.bitcoin-area .bitcoin-box ul li:after {display:block; content:""; clear:both;}
.bitcoin-area .bitcoin-box ul li strong.tit {float:left; color:#333 !important; font-weight: 700 !important; margin-right:10px;}
.bitcoin-area .bitcoin-box ul li p.text {float:right; padding-right:5px;}

.bitcoin-area .bitcoin-box ul li p.text span:first-child {color:#333  !important;}
.bitcoin-area .bitcoin-box ul li p.text span:first-child:before {display:none !important;}

/* .bitcoin-area  dl:after {display:block; content:""; clear:both;} */
/* .bitcoin-area  div.kosdaq dt {float:left; font-weight:700 !important; background: url(../images/common/img_bar_division1.png) no-repeat left 15px; margin-left:10px; padding-left:10px;} */
/* .bitcoin-area  div.kosdaq dd {float:left;position:relative;} */
/* .bitcoin-area  dl.kosdaq dd ul li a{display:block; border:1px solid red; width:100px;} */
.bitcoin-area .bitcoin-btn {float:right; display:block; width:20px; height:20px; background: url(../images/common/bitcoin_btn01.png) no-repeat 0 0; font-size:0; margin-top:12px;}


.bitcoin-area .bitcoin-detail {display:none;; background:#fff; position:absolute; top:0; right:0;z-index:50; width:345px; border:1px solid #505eaf; box-sizing:border-box; }
.bitcoin-area .bitcoin-detail.on {display:block;}

.bitcoin-area .btn-box {border-top:1px solid #ebe9ea; padding:15px 20px 15px; box-sizing:border-box}
.bitcoin-area .btn-box:after {display:block; content:""; clear:both;}
.bitcoin-area .btn-box span {float:left; font-size:12px; color:#999}
.bitcoin-area .btn-box .close-btn {float:right; color:#000; background: url(../images/common/bitcoin_btn02.png) no-repeat 0 center; padding-left:15px; }
.bitcoin-area .title:after {display:block; content:""; clear:both;}
.bitcoin-area .title {padding:15px 20px 15px; box-sizing:border-box}
.bitcoin-area .title strong {font-size:16px; display:block; float:left; }
.bitcoin-area .title a {display:block; margin-top:2px; float:right; color:#666666; font-size:13px; letter-spacing:-1px; background: url(../images/common/bitcoin_btn03.png) no-repeat right center; padding-right:10px; }


/* 비트코인 리스트 */
.bitcoin-area .bitcoin-list { padding:0px 20px 15px;}
.bitcoin-area .bitcoin-list ul li:after {display:block; content:""; clear:both;}
.bitcoin-area .bitcoin-list ul li strong.tit {float:left; color:#333 !important; font-weight: 700 !important; margin-right:10px; vertical-align:middle; }
.bitcoin-area .bitcoin-list ul li strong.tit .icon:before {display:none !important;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon {display:inline-block; width:18px; height:18px;  background: url(../images/common/bitcoin_icon_sp01.png) no-repeat 0 0; vertical-align:middle; margin-right:5px; margin-bottom:5px;}

.bitcoin-area .bitcoin-list ul li strong.tit .icon.btc {background-position:0 0;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.eth {background-position:0 -36px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.bch {background-position:0 -72px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.xrp {background-position:0 -108px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.ltc {background-position:0 -144px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.dash {background-position:0 -180px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.xmr {background-position:0 -215px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.eos {background-position:0 -251px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.btg {background-position:0 -287px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.qtum {background-position:0 -323px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.etc {background-position:0 -359px;}
.bitcoin-area .bitcoin-list ul li strong.tit .icon.zec {background-position:0 -395px;}



.bitcoin-area .bitcoin-list ul li p.text {float:right;}
.bitcoin-area .bitcoin-list ul li {overflow:hidden; height:36px;  width:100%; line-height:36px;font-size:15px;}

.bitcoin-area .bitcoin-list ul li span {/*margin-right:5px;*/}
.bitcoin-area .bitcoin-list ul li.up {color:#ff3333}
.bitcoin-area .bitcoin-list ul li.up span:before {display:inline-block; content:"+";}
.bitcoin-area .bitcoin-list ul li.down {color:#3a72e5}

/* .bitcoin-area .bitcoin-list ul li.down span:before {display:inline-block; content:"-";} */

.bitcoin-area .bitcoin-list ul li p.text span:first-child {color:#333  !important;}
.bitcoin-area .bitcoin-list ul li p.text span:first-child:before {display:none !important;}



/* 우측 베너 비트코인 리스트 */
.right-bitcoin { margin:45px 0 20px;}
.right-bitcoin .title04 {position: relative; font-size: 16px;color: #000; margin-bottom: 15px;padding: 0; font-weight: 600; margin-bottom:5px}
.right-bitcoin .title04 .more-btn {background:none; display:block; font-size:14px !important; font-weight:300; width:auto; padding-top:0;}
.right-bitcoin .title04 .more-btn:after {display:none !important;}



.bitcoin-slider .bitcoin-list { padding:0px; }
.bitcoin-slider .bitcoin-list ul {margin-top:15px;}
.bitcoin-slider .bitcoin-list ul li:after {display:block; content:""; clear:both;}
.bitcoin-slider .bitcoin-list ul li strong.tit {float:left; color:#333 !important;font-weight: 400 !important;  margin-right:10px; vertical-align:middle;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon:before {display:none !important;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon {display:inline-block; width:18px; height:18px;  background: url(../images/common/bitcoin_icon_sp01.png) no-repeat 0 0; vertical-align:middle; margin-right:5px; margin-bottom:3px;}



.bitcoin-slider .bitcoin-list ul li strong.tit .icon.btc {background-position:0 0;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.eth {background-position:0 -36px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.bch {background-position:0 -72px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.xrp {background-position:0 -108px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.ltc {background-position:0 -144px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.dash {background-position:0 -180px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.xmr {background-position:0 -215px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.eos {background-position:0 -251px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.btg {background-position:0 -287px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.qtum {background-position:0 -323px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.etc {background-position:0 -359px;}
.bitcoin-slider .bitcoin-list ul li strong.tit .icon.zec {background-position:0 -395px;}




.bitcoin-slider .bitcoin-list ul li p.text {float:right;}
.bitcoin-slider .bitcoin-list ul li {overflow:hidden; height:36px;  width:100%; line-height:36px; font-weight: 400 !important; font-size:14px; }
.bitcoin-slider .bitcoin-list ul li span {margin-right:5px;}
.bitcoin-slider .bitcoin-list ul li.up {color:#ff3333}
.bitcoin-slider .bitcoin-list ul li.up span:before {display:inline-block; content:"+";}
.bitcoin-slider .bitcoin-list ul li.down {color:#3a72e5}
/* .bitcoin-slider .bitcoin-list ul li.down span:before {display:inline-block; content:"-";} */

.bitcoin-slider .bitcoin-list ul li p.text span:first-child {color:#333  !important;}
.bitcoin-slider .bitcoin-list ul li p.text span:first-child:before {display:none !important;}



.bitcoin-slider a div{position:absolute;bottom:18px;left:20px;color:#fff; }
.bitcoin-slider a div strong{display:block;font-size:18px;font-weight:500;}
.bitcoin-slider a div p{margin-top:1px;font-size:16px;line-height:22px;height:44px;overflow:hidden;}
.bitcoin-slider .bx-wrapper .bx-pager.bx-default-pager a{width:8px;height:8px;margin:0 4px;background:#ccc;}
.bitcoin-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#4f5eaf}
.bitcoin-slider .bx-wrapper .bx-pager, 
.bitcoin-slider .bx-wrapper .bx-controls-auto{bottom:-9px;text-align:center;}
.bitcoin-slider .bx-controls{position:absolute;top:0;right:0;width:50px;}
.bitcoin-slider .bx-wrapper .bx-controls-direction a{margin-top:-0px;width:16px;height:10px;}
.bitcoin-slider .bx-wrapper .bx-prev{left:0; background:url('../images/news/btn_news_leftRight.png') 0 0 no-repeat;}
.bitcoin-slider .bx-wrapper .bx-next{right:0; background:url('../images/news/btn_news_leftRight.png') -16px 0 no-repeat;}
 
.right-bitcoin .bottom-text { text-align:right; font-size:12px; color:#999999; border-top:1px solid #eef1f6; margin-top:5px; padding-top:5px; } 



.contain-sitemap {position:absolute;left:0;top:104px;z-index:33;width:100%;height:0;background:#4f5eaf;overflow:hidden;}
.contain-sitemap.t195 {top:195px;}
.contain-sitemap .inner {margin:0 auto; width:1200px; position:relative;}
.contain-sitemap .inner dl:first-child {margin-left:0;}
/*.contain-sitemap .inner dl {float:left;margin:0 0 30px 24px; width:150px;}*/
.contain-sitemap .inner dl {float:left;margin:0 0 30px 24px; width:calc(16.66% - 20px);}
.contain-sitemap .inner dt {margin-bottom:12px;border-bottom:1px solid #7b86c3;}
.contain-sitemap .inner dt span,
.contain-sitemap .inner dt a {display:block;padding:7px 0;font-size:20px;color:#fff;font-weight:400;}
.contain-sitemap .inner dd a {display:block;padding:3px 0;font-size:13px;color:#fff;font-weight:300; line-height:20px}
.contain-sitemap .inner dd a:hover {color:#ffd800;}
.contain-sitemap .inner dd:on a {color:#ffd800;}
.contain-sitemap .inner .box-sitemap {position:relative;top:100px;padding:20px 0 0 0;width:auto;opacity:0; min-height:460px;}
.contain-sitemap .inner .box-sitemap:after {display:block; content:""; clear:both;}
.contain-sitemap .inner .box-adverticement {margin:0;padding:0; position:absolute; right:0; bottom:20px;}
.contain-sitemap .inner .box-adverticement >div {width:225px;display:block;height:100px;background:#eef1f6; margin-left:0px; margin-top:10px;}/* 임시 */



/* body >.wrap {margin:0 auto;padding:0px 100px 60px;width:1400px;box-sizing:border-box;}
body >.wrap.type2 {padding:0;} */
body .wrap {margin:0 auto; /*padding:0px 0px 60px;  2018-01-22 No Youngil 바텀 Padding 제거  */width:1200px;box-sizing:border-box;}

body .wrap.type2 {padding:0;}
body.ir .wrap {width:990px/* 2018-01-22 No Youngil 좌우 scroll 제거 위한 width 조절 */}
.wrap::after {content:'';display:block;width:100%;clear:both;}
.contain-content:after {display:block; content:""; clear:both;}
.contain-content {position:relative;margin:0;padding:15px 0 60px 0;}
.location-page {position:absolute;right:0;top:16px;font-size:14px;color:#ccc;}
.location-page {/*display:inline-block;*/ display:none;}
.location-page ul li {display:inline-block;}
.location-page span {display:inline-block;margin:0 0 0 5px;padding:0 0 0 15px;color:#ccc;background:url(../images/common/img_arrow_location.png) no-repeat left 50%;overflow:hidden; cursor:pointer;}
.location-page .home {margin:0;padding:0;width:14px;text-indent:-1000px;background:url(../images/common/img_home_location.png) no-repeat 50%;}
.location-page .current {color:#666;}
.contain-content h1.title,
.contain-content p.title {position:relative; margin:0 0 30px 0;padding:0;font-size:30px;color:#000;font-weight:700;}
.contain-content h1.title .btn-view-more {position:absolute;right:0;top:0;}
.contain-content h2.title,
.contain-content p.searchtitle,
.contain-content p.title {position:relative;margin:0 0 15px 0;padding:0;font-size:18px;color:#000;font-weight:700;}
.contain-content p.searchtitle .sub-tit ,
.contain-content h2.title .sub-tit {font-weight:400; color:#666;}
.contain-content p.searchtitle .btn-view-more ,
.contain-content h2.title .btn-view-more {position:absolute;right:0;top:-4px;}
.contain-content p.searchtitle .btn-view-more span.btn-type2 a ,
.contain-content h2.title .btn-view-more span.btn-type2 a {padding:0 15px;}
.contain-content p.searchtitle .add-text ,
.contain-content h2.title .add-text {font-size:14px;color:#333;font-weight:400;}
.contain-content h3.title {margin:0 0 10px 0;padding:0;font-size:18px;color:#000;font-weight:700;}
.section-common h3.title {margin:0 0 10px 0;padding:0;font-size:14px;color:#333;font-weight:500;}
.contain-content h4.title {margin:0 0 10px 0;padding:0;font-size:16px;color:#333;font-weight:700;}

/* 푸터 */
.footer {padding:0 0 20px 0;/*border-top:1px solid #ebe9ea;*/}
.footer .inner {position:relative;margin:0 auto;width:1200px;}
.footer .contian-util {height:55px;border-bottom:1px solid #ebe9ea; border-top:1px solid #ebe9ea;}
.footer .contian-util .box-links-footer a {display:inline-block;margin:0 0 0 11px;padding:0 0 0 14px;line-height:55px;font-size:16px;color:#666;font-weight:400;background:url(../images/common/img_bar_links_footer.png) no-repeat left 21px;}
.footer .contian-util .box-links-footer a:first-child {margin:0;padding:0;background:none;}
.footer .contian-util .box-links-footer a:nth-child(5) { font-weight:bold;}/* 개인정보 처리방침 */
.footer .contian-util .box-familysite {position:absolute;right:0;top:0;}
.footer .contian-util .box-familysite .btn-familysite {display:block;height:55px;background:#f7f7f7;}
.footer .contian-util .box-familysite .btn-familysite button {display:block;padding:0 14px;width:200px;height:55px;text-align:left;font-size:16px;color:#666;box-sizing:border-box;}
.footer .contian-util .box-familysite .btn-familysite button::after {content:'';display:block;position:absolute;right:20px;top:20px;z-index:2;width:19px;height:19px;background:url(../images/common/btn_familysite.png) no-repeat 50%;}
.footer .contian-util .box-familysite .btn-familysite.on button::after {content:'';display:block;position:absolute;right:20px;top:20px;z-index:2;width:19px;height:19px;background:url(../images/common/btn_familysite_close.png) no-repeat 50%;}

.footer .contain-information .box-information-contents {margin:27px 0 25px 0;padding:0 0 0 170px;background:url(../images/common/img_logo_footer.png) no-repeat left 8px;}
.footer .contain-information .box-information-contents p {font-size:14px;color:#999;}
.footer .contain-information .box-information-site {width:640px;overflow:hidden;}
.footer .contain-information .box-information-site p {display:inline-block;margin:0 16px 0 -9px;padding:0 0 0 10px;line-height:28px;font-size:14px;color:#999;background:url(../images/common/img_bar_information_site.png) no-repeat left 7px;}
.footer .box-information-cs {position:absolute;right:0;top:-7px;padding:15px 30px 20px 30px;border:1px solid #ebe9ea;}

.footer .box-information-cs dl dt {font-size:16px;color:#666;font-weight:500;}
.footer .box-information-cs dl dd {font-size:14px;color:#666;}
.footer .box-information-cs dl dd span {font-family:'roboto', sans-serif;}
.footer .box-information-cs dl dd.tel {margin:0 0 10px 0;padding:0 0 6px 0;font-size:26px;border-bottom:1px solid #ccc;}
.contain-familysite {position:absolute;left:0;top:0;z-index:1;width:100%;background:#f7f7f7;overflow:hidden;height:0;}
.contain-familysite .inner {padding:20px 40px 45px 40px;box-sizing:border-box;}
.contain-familysite .title {margin:0 0 20px 0;font-size:22px;color:#000;font-weight:500;}
.contain-familysite dl {margin:0;padding:14px 0;overflow:hidden;border-bottom:1px solid #ebe9ea;}
.contain-familysite dt {float:left;width:120px;font-size:16px;color:#4f5eaf;}
.contain-familysite dd {float:left;width:800px;}
.contain-familysite dd a {display:inline-block;margin:0 15px 0 0;font-size:16px;color:#666;}

.section-type1 {margin:25px 0;}
.section-type1 h2.title,
.section-type1 p.title{margin-bottom:15px;font-size:20px;color:#000;}

/* Layout - 금융 */
.finance .contain-aside {float:left;width:180px;}
.finance .contain-aside .title {display:table;height:91px;font-size:24px;font-weight:700;color:#4f5eaf;}
.finance .contain-aside .title span {display:table-cell;padding:0 0 12px 0;vertical-align:bottom;line-height:120%;box-sizing:border-box;}
.finance .contain-aside .navigation-local >ul {background:#f7f7f7;border-top:1px solid #4f5eaf;}
.finance .contain-aside .navigation-local ul li a,
.finance .contain-aside .navigation-local ul li span {display:block;margin:0;padding:10px 20px;font-size:14px;color:#333;font-weight:400;border-bottom:1px solid #ebe9ea;cursor:pointer;}
.finance .contain-aside .navigation-local >ul >li.on >a,
.finance .contain-aside .navigation-local >ul >li.on >span {color:#fff;background:#4f5eaf;}
.finance .contain-aside .navigation-local ul li ul {display:none;padding:13px 20px;border-bottom:1px solid #ebe9ea;}
.finance .contain-aside .navigation-local ul li.on ul {display:block;}
.finance .contain-aside .navigation-local ul li ul li a {padding:8px 10px;border-bottom:none;}
.finance .contain-aside .navigation-local ul li ul li.on a {color:#4f5eaf;}
.finance .contain-content {position:relative;float:right;margin:0;padding:47px 0 60px 0;width:970px;}
.finance .contain-content.main {position:relative;float:none;margin:0;padding:0 0 60px 0;width:1200px;}

/* Layout - 뉴스 */
.news .contain-content {position:relative;margin:0;padding:47px 0 0 0;width:1200px;}
.news > .wrap.type2 > .contain-content {padding:0; height:55px;}
.news .contain-detail-reporter + .wrap > .contain-content {padding:30px 0 60px 0}

/* Layout - 통합지원센터 */
.customer .contain-aside {float:left;width:180px;}
.customer .contain-aside .title {display:table;height:91px;font-size:23px;font-weight:700;color:#4f5eaf;}
.customer .contain-aside .title span {display:table-cell;padding:0 0 12px 0;vertical-align:bottom;line-height:120%;box-sizing:border-box;}
.customer .contain-aside .navigation-local >ul {background:#f7f7f7;border-top:1px solid #4f5eaf;}
.customer .contain-aside .navigation-local ul li a,
.customer .contain-aside .navigation-local ul li span {display:block;margin:0;padding:10px 20px;font-size:14px;color:#333;font-weight:400;border-bottom:1px solid #ebe9ea;cursor:pointer;}
.customer .contain-aside .navigation-local >ul >li.on >a,
.customer .contain-aside .navigation-local >ul >li.on >span {color:#fff;background:#4f5eaf;}
.customer .contain-aside .navigation-local ul li ul {display:none;padding:13px 20px;border-bottom:1px solid #ebe9ea;}
.customer .contain-aside .navigation-local ul li.on ul {display:block;}
.customer .contain-aside .navigation-local ul li ul li a {padding:8px 10px;border-bottom:none;}
.customer .contain-aside .navigation-local ul li ul li.on a {color:#4f5eaf;}
.customer .contain-content {position:relative;float:right;margin:0;padding:47px 0 60px 0;width:970px;}
.customer .contain-content.main {position:relative;float:none;margin:0;padding:0 0 60px 0;width:1200px;}


/* Text Style */
.text-normal {font-size:16px;color:#666;}
.text-normal span.title {color:#999;}
.text-number {font-family:'roboto', sans-serif;}
.text-type-blt1 {padding:0 0 0 8px;font-size:14px;color:#666;background:url(../images/common/blt_list_type1.png) no-repeat left 10px;}
body.finance .text-type-blt1 {margin-top:12px;}
.text-type-blt1 .emphasize {color:#4f5eaf;}

.data-normal {color:#000;font-family:'roboto', sans-serif;}
.data-up {position:relative;color:#ff3333;font-family:'roboto', sans-serif;}
.data-down {position:relative;color:#3a72e5;font-family:'roboto', sans-serif;}
.data-up.icon::before {display:inline-block;content:'▲';margin-right:3px;padding-bottom:2px;font-size:.8em;vertical-align:middle;font-family:'Noto Sans CJK TC', sans-serif;}
.data-down.icon::before {display:inline-block;content:'▼';margin-right:3px;padding-bottom:3px;font-size:.8em;vertical-align:middle;font-family:'Noto Sans CJK TC', sans-serif;}
.data-up.symbol::before {display:inline-block;content:'+';margin-right:3px;margin-top:1px;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-down.symbol::before {display:inline-block;content:'-';margin-right:3px;margin-top:-1px;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}

.data-up.max::before {display:inline-block;content:'↑';margin-right:3px;margin-top:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-down.min::before {display:inline-block;content:'↓';margin-right:3px;margin-top:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-equals {position:relative; color:#000; font-family:'roboto', sans-serif;}
.data-equals::before {display:inline-block;content:'=';margin-right:3px;margin-top:0;vertical-align:top;font-size:1em;font-family:'Noto Sans CJK TC', sans-serif;}
.data-stop {display:block; width:100%; font-weight:500; font-size:36px; color:#000;}

.data-sell {color:#d62727;}
.data-buying {color:#3a72e5;}

/* List Style */
.list-type1 {}
.list-type1 li {margin:0 0 0 0;padding:0 0 0 10px;font-size:16px;color:#666;background:url(../images/common/blt_list_type1.png) no-repeat left 12px;box-sizing:border-box;}
.list-type1 li.on a {color:#4f5eaf;}

.list-type1.noti-type li {padding:0 0 0 25px; background:url(../images/common/ico_notice2.png) no-repeat left 4px;} 

.list-type1.small li{font-size:14px; color:#666; background-position:left 12px;}

.list-type2 {}
.list-type2 li {margin:0 0 0 0;padding:0 0 0 10px;font-size:16px;color:#333;background:url(../images/common/blt_list_type2.png) no-repeat left 12px;box-sizing:border-box;}
.list-type2 li.on a {color:#4f5eaf;}
.list-type2.num li {padding:0; background:none}
.list-type2 li span.underline {color:#333; text-decoration:underline}

.list-type2.small ul li {font-size:14px; color:#666; background-position:left 9px;}

.list-type3 li {margin:0 0 0 0;padding:0 0 0 10px; line-height:32px; font-size:16px;color:#333;  box-sizing:border-box; text-indent:-10px;}
.list-type3 li span.underline {text-decoration:underline}

.list-type4 li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-type4 li a{font-size:16px;line-height:31px;color:#000;}

.list-type5 li {width:100%;}
.list-type5 li:after {content:''; display:block; clear:both;}
.list-type5 li span.mark {float:left; display:inline-block; padding-right:5px;}
.list-type5 li .cont {float:left; display:inline-block;}


.list-type-news {}
.list-type-news ul li {overflow:hidden;margin:8px 30px 8px 0;}
.list-type-news ul li a{display:block;font-size:16px;color:#000;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.list-type-topic1 {position:relative;padding:10px 0 0 0}
.list-type-topic1 ul {}
.list-type-topic1 li {padding:13px 0 13px 0;border-bottom:1px solid #ebe9ea;}
.list-type-topic1 li a {display:inline-block; width:calc(100% - 200px); font-size:16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-type-topic1 li > * {font-size:16px;}
.list-type-topic1 .date {float:right;color:#999;}
.list-type-topic1 .category {float:right;color:#4f5eaf;}
.list-type-topic1 .code {color:#999;}
.list-type-topic1 .name {float:right; margin-right:50px; color:#999;}
.list-type-topic1 .wname {float:right; display:inline-block; width:120px; text-align:right; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.list-type-thumnail {overflow:hidden;}
.list-type-thumnail ul {width:120%;}
.list-type-thumnail ul li {float:left;margin:0 25px 25px 0;width:250px;height:221px;}
.list-type-thumnail ul li .title {display:block;margin:3px 0 15px 0;font-size:18px;color:#333;}
.list-type-thumnail ul li .date {display:block;font-size:16px;color:#999;font-family:'roboto',sans-serif;}
/* 공통영역 */
.list-type-thumnail.small ul li {height:230px;}
.list-type-thumnail.small ul li a {display:block;}
.list-type-thumnail.small ul li .title {margin:15px 0 13px 0;font-size:14px;}
.list-type-thumnail.small ul li .date {font-size:13px;}
.list-type-thumnail.small.row {padding-top:30px;border-top:1px solid #333;}
.list-type-thumnail.small.row li {margin:0 0 30px 0;padding:0 0 20px 0;height:auto;border-bottom:1px solid #ebe9ea;}
/* 롤링 */
.list-type-thumnail.bxslider ul li {margin:0;}
.list-type-thumnail.bxslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:10px;}
.list-type-thumnail.bxslider .bx-wrapper .bx-pager.bx-default-pager a {margin:0 3px;width:8px;height:8px;background:#fff;border:1px solid #9e9e9e;border-radius:100%;}
.list-type-thumnail.bxslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .list-type-thumnail.bxslider  .bx-wrapper .bx-pager.bx-default-pager a.active, .list-type-thumnail.bxslider  .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#999;}
.list-type-thumnail.bxslider .bx-wrapper .bx-pager {text-align:right;}

/* Containers & Box */
.contain-group-checkbox {margin:0 0 20px 0;padding:43px 50px 27px 50px;border:1px solid #ebeaea;overflow:hidden;}
.contain-group-checkbox .checkbox {margin-bottom:18px;}
.box-select-radio {padding:30px 0 45px 0;text-align:center;border-top:1px solid #ebeaea;}
.box-select-radio .radio {width:90px;}

.box-top-type1 {margin:0 0 20px 0;overflow:hidden;}
.box-top-type1:after {content:""; display:block; clear:both;}
.box-top-type1 .inner-left {float:left;}
.box-top-type1 .inner-right {float:right;}
.box-top-type1 .text-state {vertical-align:bottom;}
.box-top-type1 .text-state-color {display:block;margin:5px 0 0 0;font-size:14px;color:#888;}
.box-top-type1 input[type="text"] {vertical-align:top;}

.search-local.date {display:inline-block;overflow:hidden;vertical-align:top;border:1px solid #ccc;border-radius:2px;}
.search-local.date input[type='text'] {display:block;float:left;padding-left:10px;width:160px;height:30px;font-size:14px;color:#999;border:none;outline:none;}
.search-local.date span.btn-calendar {display:block;float:right;background:url(../images/common/btn_calendar.png) no-repeat 50%;}
.search-local.date span.btn-calendar button {display:block;width:46px;height:30px;text-indent:-10000px;overflow:hidden;outline:none;}

.contain-diff-stock {display:table;width:100%;border-collapse:collapse;}
.contain-diff-stock .box-detail-graph {display:table-cell;}
.contain-diff-stock .box-detail-graph .inner {padding:50px 30px;border:1px solid #ebeaea;border-left:none;}
.contain-diff-stock .box-detail-graph:first-child .inner {padding:50px 30px;border-left:1px solid #ebeaea;}

.wrap-adbox-right {overflow:hidden;}
.wrap-adbox-right:after {content:''; display:block; clear:both;}
.wrap-adbox-right .section-cont {float:left;width:870px;padding:0;box-sizing:border-box;}
.wrap-adbox-right .section-ad {float:right;width:250px;}
.wrap-adbox-right .section-common {float:right;width:250px;}

.box-information1 {margin:0 0 40px 0;padding:18px 40px;background:#f7f7f7;}
.box-information1 .list-type2 li {margin:7px 0;font-size:14px;color:#666;background-position:left 8px;}
.box-information1 .list-type2 li.inform {line-height:32px;background-position:left 16px;}

.box-scroll {position:relative;border:1px solid #ebeaea;overflow:auto;}
.box-scroll .inner {position:relative;padding:20px;overflow:auto;}

.box-infor-text {padding:30px;font-size:16px;color:#333;border:1px solid #ebeaea;}

/* Colum Box */
.contain-block {position:relative;}
.contain-cols {position:relative;}
.col2::after {content:'';display:table;width:100%;clear:both;}
.col2 >* {float:left;width:50%;box-sizing:border-box;}
.col2 >.contain-cols {padding:0 25px 0 0;}
.col2 >.contain-cols + .contain-cols {padding:0 0 0 25px;}
.col3::after {content:'';display:table;width:100%;clear:both;}
.col3 >* {float:left;width:33.3%;box-sizing:border-box;} 
.col3.tabs4 >* {width:25%;} 
.col4::after {content:'';display:table;width:100%;clear:both;}
.col4 >* {float:left;width:25%;box-sizing:border-box;}
.col5::after {content:'';display:table;width:100%;clear:both;}
.col5 >* {float:left;width:20%;box-sizing:border-box;}
.col6::after {content:'';display:table;width:100%;clear:both;}
.col6 >* {float:left;width:16.666%;box-sizing:border-box;}
.col7::after {content:'';display:table;width:100%;clear:both;}
.col7 >* {float:left;width:14.2857%;box-sizing:border-box;}
.col8::after {content:'';display:table;width:100%;clear:both;}
.col8 >* {float:left;width:12.5%;box-sizing:border-box;}
.col9::after {content:'';display:table;width:100%;clear:both;}
.col9 >* {float:left;width:11.111%;box-sizing:border-box;}
.contain-cols {padding:0 25px 0 0;}
.contain-cols + .contain-cols {padding:0 0 0 25px;}

/* Division Box */
hr.division0 {display:block;margin:0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division1 {display:block;margin:0 0 10px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division2 {display:block;margin:0 0 20px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division3 {display:block;margin:0 0 30px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division4 {display:block;margin:0 0 40px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division5 {display:block;margin:0 0 50px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division6 {display:block;margin:0 0 60px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.division7 {display:block;margin:0 0 70px 0;padding:0;overflow:hidden;height:1px;border:none;border-top:1px solid #ddd;}
hr.no-border {border:none;}

span.division1 {display:inline-block;margin:0 10px;width:1px;height:11px;background:url(../images/common/img_bar_division3.png) no-repeat 50% 50%;}
span.division2 {display:inline-block;margin:0 10px;width:1px;height:11px;background:url(../images/common/img_bar_division4.png) no-repeat 50% 50%;}

/* Tab Style */
.tab-type1 {margin:0 0 38px 0; position:relative}
.tab-type1 a {display:block;padding:14px 0;font-size:16px;text-align:center;background:#fff;outline:none;}
.tab-type1 > ul {padding:0 0 1px 0;overflow:hidden;border-left:1px solid #cccccc;}
.tab-type1 > ul > li {margin:0 0 -1px 0;border:1px solid #cccccc;border-left:none;box-sizing:border-box;}
.tab-type1 > ul > li.on {border:1px solid #4f5eaf;}
.tab-type1 > ul > li.on > a {color:#fff;background:#4f5eaf;border-color:#4f5eaf;}

.tab-type1.main-font a {font-size:18px !important;}
.tab-type2 {overflow:hidden;margin:0 0 10px 0;}
.tab-type2 a {display:block; padding:11px 0; font-size:16px;text-align:center; color:#666/*color:#999; */} /* 2018-01-15 고차장님 요청으로 인한 텝 폰트 컬러 동일 적용*/
.tab-type2 > ul:after {content:""; display:block; clear:both;}
.tab-type2 > ul > li {float:left;margin:0;border:1px solid #ebe9ea;border-left:none;border-bottom:1px solid #999;box-sizing:border-box;}
.tab-type2 >ul >li.on {position:relative;z-index:1;margin-bottom:0;border:1px solid #999;border-left:none;border-bottom:1px solid #fff;}
.tab-type2 >ul >li.on >a {margin-left:-1px;padding-left:1px;width:100%;color:#666;border-left:1px solid #999;}
.tab-type2 >ul >li:first-child {border-left:1px solid #ebe9ea;}
.tab-type2 >ul >li:first-child.on a {margin-left:0;padding-left:0;width:auto;}

/* .tab-type2.temp3 {position:relative;}
.tab-type2.temp3:before {content:''; display:block; float:right; width:calc(100% - 540px); height:46px; border-bottom:1px solid #999;}
.tab-type2.temp3:after {content:''; display:block; clear:both;}
.tab-type2.temp3 ul {float:left;}
.tab-type2.temp3 li {width:270px;} */


.tab-listType1{margin-bottom:10px;}
.tab-listType1 .box{position:relative;}
.tab-listType1 .box li{float:left;margin-right:30px;}
.tab-listType1 .box li span,
.tab-listType1 .box li a{position:relative;display:block; font-size:18px; height:52px;color:#000;font-weight:700;padding-top:11px;box-sizing:border-box;}
.tab-listType1 .box li span em,
.tab-listType1 .box li a em{display:none;position:absolute;top:0;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:3px;background:#4c5cbd;}
.tab-listType1 .box li.on span em,
.tab-listType1 .box li.on a em {display:block;}
.tab-listType1 .box li.on span,
.tab-listType1 .box li.on a {color:#4f5eaf}
.tab-listType1 .box > span,
.tab-listType1 .box > a {position:absolute;bottom:0;right:0;overflow:hidden;width:39px;height:39px;text-indent:-99999999em;background:url('../images/tv/btn_more.png') right 3px no-repeat;}


.box-type01{margin-top:60px;}
.box-type01{overflow:hidden;padding:40px;background:#f7f7f7;}
.box-type01 > div.above-news .txt{overflow:hidden;font-size:16px;line-height:23px;margin-top:8px;}
.box-type01 > div.above-news > div{float:left;width:285px;height:160px;}
.box-type01 > div.above-news > div + div{padding-left:40px;box-sizing:border-box;}
.box-type01 .box-webDrama-slider{overflow:hidden;float:right;width:490px;height:160px;}
.box-type01 .box-webDrama-slider img {width:490px; height:160px;}
.box-type01 .box-webDrama-slider .bx-wrapper .bx-controls-direction a{width:26px;height:40px;margin-top:-20px}
.box-type01 .box-webDrama-slider .bx-wrapper .bx-prev{left:0;background:url('../images/tv/btn_tvDrama_prevNext.png') no-repeat 0 0;}
.box-type01 .box-webDrama-slider .bx-wrapper .bx-next{right:0;background:url('../images/tv/btn_tvDrama_prevNext.png') no-repeat -26px 0;}
.box-type01 .box-img{overflow:hidden;float:left;}
.box-type01 .box-img > a{float:left;overflow:hidden;width:244px;/* height:203px; */}
.box-type01 .box-img > a > div{position:relative;width:244px;height:137px;}
.box-type01 .box-img > a > div img {width:244px;height:137px;}
.box-type01 .box-img > a + a{margin-left:19px;}
.box-type01 .box-img > a > span{overflow:hidden;display:block;max-height:49px;font-size:16px;}
.box-type01 .box-img > a > p{overflow:hidden;max-height:49px;}
.box-type01 .box-img > a > p,
.box-type01 .box-img-chart > a > p{font-size:16px;color:#000;padding-top:10px;}
.box-type01 .box-img-chart{float:left;margin-left:40px;}
.box-type01 .box-img-chart > a > p{overflow:hidden;max-height:49px;}
.box-type01 .box-img-chart > a,
.box-type01 .box-img-chart div.box{position:relative;float:left;width:274px;color:#666;font-size:16px;}
.box-type01 .box-img-chart > a img {width:274px; height:154px;}
.box-type01 .box-img-chart > a > div,
.box-type01 .box-img-chart > div > div{position:relative;width:274px;height:154px;}
/* .box-type01 .box-img-chart > div > div img {width:274px !important;height:154px !important;} */
.box-type01 .box-img-chart > a + div{margin-left:22px;width:225px;}
.box-type01 .box-img-chart > div ul{border-bottom:1px solid #ddd;line-height:30px;padding-bottom:10px;}
.box-type01 .box-img-chart > div ul li b{display:inline-block;color:#000;margin-right:10px;}
.box-type01 .box-img-chart > a + div > div{padding:25px 0;margin-top:18px;height:auto;}
.box-type01 .box-img-chart > div span{display:block;font-size:14px;position:absolute;}
.box-type01 .box-img-chart > div .box-chart{height:6px;background:#ccc;}
.box-type01 .box-img-chart > div .box-chart p{height:6px;background:#d42426;}
.box-type01 .box-img-chart > div > div .txt-parget{top:0;left:0;}
.box-type01 .box-img-chart > div > div .txt-percent{top:0;right:0;}
.box-type01 .box-img-chart > div > div .txt-num{bottom:0;left:0;}
.box-type01 .box-img-chart > div > div .txt-day{bottom:0;right:0;}
.box-type01.type01 .box-img > a{width:153px;}
.box-type01.type01 div.box-img-txt{position:relative;width:156px;height:147px; overflow:hidden;}
.box-type01.type01 div.box-img-txt img {/*width:153px;height:153px;*/width:100%; position:relative; left:0; background-color:#dadada; width:auto; height:130px; max-width:none; left:-20px;}
.box-type01.type01 div.box-img-txt .img-txt{position:absolute;left:0;bottom:30px;display:block;width:63px;height:21px;}
.box-type01.type01 div.box-img-txt .img-txt.icon01{background:url('../images/common/ico_state_small_broadcast_membership_new.gif') 0 0 no-repeat}
.box-type01.type01 div.box-img-txt .img-txt.icon02{background:url('../images/common/ico_state_small_broadcast_membership_onnew.gif') 0 0 no-repeat}
.box-type01.type01 div.box-img-txt .img-txt.icon03{background:url('../images/common/ico_state_small_broadcast_nomembership_onnew.gif') 0 0 no-repeat}
.box-type01.type01 div.box-img-txt .img-txt.icon04{background:url('../images/common/ico_state_small_broadcast_nomembership_new.gif') 0 0 no-repeat}
.box-type01.type01 div.box-img-txt .blank-bar{position:absolute;bottom:0;left:0;height:30px;line-height:30px;padding:0 5px 0 10px;width:100%;background:#2b2b2b;border:0px solid #170f0f;box-sizing:border-box;}
.box-type01.type01 div.box-img-txt .blank-bar:after{content:'';clear:both;display:block;overflow:hidden;visibility:hidden;}
.box-type01.type01 div.box-img-txt .blank-bar .txt{float:left;color:#fff;font-size:13px;}
.box-type01.type01 div.box-img-txt .blank-bar .num{float:right;color:#e32000;font-size:13px;font-family:'roboto', sans-serif;}
.box-type01.type01 .box-img > a{width:153px;}
.box-type01.type01 .box-img .broadcast-box {border:1px solid #cccccc; padding:27px 15px 27px;}
.box-type01.type01 .box-img .broadcast-box:after {display:block; content:""; clear:both;}
.box-type01.type01 .box-img .broadcast-box a:first-child {margin-left:0;}
.box-type01.type01 .box-img .broadcast-box a {display:block; float:left; margin-left:20px;}


.icon-position .img-txt{position:absolute;left:0;bottom:0px;display:block;width:63px;height:21px;}
.icon-position .img-txt.icon01{background:url('../images/common/ico_state_small_broadcast_membership_new.gif') 0 0 no-repeat}
.icon-position .img-txt.icon02{background:url('../images/common/ico_state_small_broadcast_membership_onnew.gif') 0 0 no-repeat}
.icon-position .img-txt.icon03{background:url('../images/common/ico_state_small_broadcast_nomembership_onnew.gif') 0 0 no-repeat}
.icon-position .img-txt.icon04{background:url('../images/common/ico_state_small_broadcast_nomembership_new.gif') 0 0 no-repeat}








.box-type01.type01 .box-img > a > p > span{display:block;color:#666}
.box-type01.type01 .box-img-chart > .box{position:relative;padding:27px 15px 27px;width:540px;height:203px;border:1px solid #ccc;box-sizing:border-box;}
.box-type01.type01 .box-img-chart > .box div{width:auto;height:150px;}
.box-type01.type01 .box-img-chart > .box div.box-img-txt{float:left;position:relative;width:153px;height:150px;margin-right:20px; background-color:#dadada; padding-top:20px;}
.box-type01.type01 .box-img-chart > .box div.box-img-txt .blank-bar span{position:relative}
.box-type01.type01 .box-img-chart > .box div.obj{float:left;width:326px;}
.box-type01.type01 .box-img-chart > .box div.obj > p{font-size:18px;font-weight:700;color:#4f5eaf;padding-bottom:5px;}
.box-type01.type01 .box-img-chart > .box div.obj > strong{display:block;padding-bottom:15px;font-size:22px;color:#000;border-bottom:1px solid #ccc;}
.box-type01.type01 .box-img-chart > .box div.obj > div{margin-top:15px}
.box-type01.type01 .box-img-chart > .box div.obj > div ul{padding-left:142px;border-bottom:none;line-height:28px; margin-left:10px;}
.box-type01.type01 .box-img-chart > .box div.obj > div > span{overflow:hidden;font-size:32px;width:142px;line-height:54px;height:54px;}
.box-type01.type01 .box-img-chart > .box .bx-wrapper {max-width:508px !important;}
.box-type01.type01 .box-img-chart > .box .bx-wrapper > div > div > div {width:508px !important;}
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-pager{right:21px;top:-73px;}
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-controls-direction a{top:-62px;margin-top:0;}
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-prev{left:auto;right:85px;width:18px;height:26px;background:url('../images/news/btn_wow_prevNext.png') 0 0 no-repeat}
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-next{right:0;width:18px;height:26px;background:url('../images/news/btn_wow_prevNext.png') -18px 0 no-repeat}
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-pager.bx-default-pager a{background:#ccc;}
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-pager.bx-default-pager a.active, 
.box-type01.type01 .box-img-chart > .box .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#4f5eaf}
.box-type01.type02 > .box-img{position:relative;width:519px;}
.box-type01.type02 > .box-img div.obj-cont{position:relative;overflow:hidden;height:251px}
.box-type01.type02 > .box-img div.obj-cont div.cont a{float:left;display:block;overflow:hidden;width:540px;height:251px}
.box-type01.type02 > .box-img div.obj-cont div.cont a + a{margin-left:19px;}
.box-type01.type02 > .box-img div.obj-cont div.cont a p{display:block;width:250px;}
.box-type01.type02 > .box-img div.obj-cont div.cont a p span{display:block;color:#666;}
.box-type01.type02 > .box-img div.obj-cont div.cont a > span{overflow:hidden;display:block;height:49px;font-size:16px;}
.box-type01.type02 > .box-img div.obj-cont div.cont a > p{overflow:hidden;max-height:49px;font-size:16px;color:#000;padding-top:10px;}
.box-type01.type02 .bx-viewport{height:auto!important;}
.box-type01.type02 > .box-img .bx-wrapper .bx-pager{right:20px;top:-50px;bottom:auto}
.box-type01.type02 > .box-img .bx-wrapper .bx-controls-direction a{top:-34px;margin-top:0;}
.box-type01.type02 > .box-img .bx-wrapper .bx-prev{left:auto;right:85px;width:18px!important;height:26px;background:url('../images/news/btn_wow_prevNext.png') 0 0 no-repeat}
.box-type01.type02 > .box-img .bx-wrapper .bx-next{right:0;width:18px!important;height:26px;background:url('../images/news/btn_wow_prevNext.png') -18px 0 no-repeat}
.box-type01.type02 > .box-img .bx-wrapper .bx-pager.bx-default-pager a{background:#ccc; width:10px; }
.box-type01.type02 > .box-img .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.box-type01.type02 > .box-img .bx-wrapper .bx-pager.bx-default-pager a.active, 
.box-type01.type02 > .box-img .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#4f5eaf}


.box-type01.type02 > .box-img + .box-img-txt{margin-left:41px;}
.box-type01.type02 > .box-img-txt{float:left;width:560px;}
.box-type01.type02 > .box-img-txt li{height:58px;line-height:58px;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.box-type01.type02 > .box-img-txt li a{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.tab-body.tab_script .tab-box{display:none}
.tab-body.tab_script .tab-box.on{display:block; width:100%; }
/*20180221 와우넷, 와우파, 와우스타 css 추가*/
.tab-body.tab_script.wow-tab .tab-box.on .box-type01{height:250px;}


.box-type01 .type-obj{float:left;width:578px;padding:0 8px;box-sizing:border-box;}
.box-type01 .type-obj .title01{line-height:30px;margin-top:-4px; font-size:24px;}
.box-type01 .type-obj strong{display:block;font-size:35px;color:#000;padding-top:20px; padding-bottom:10px;}
.box-type01 .type-obj p{overflow:hidden;height:52px;font-size:16px;line-height:26px;padding-top:4px;border-bottom:1px solid #ebe9ea; margin-top:9px;}
.box-type01 .type-obj .exp{overflow:hidden;height:55px;color:#999;padding-top:18px;box-sizing:border-box;}
.box-type01 .type-obj .exp > .txt{float:left;width:364px;}
.box-type01 .type-obj .exp > div{float:right;}
.box-type01 .type-obj .exp > div a{overflow:hidden;display:inline-block;width:34px;height:24px;text-indent:-9999999em;background:url('../images/tv/icon_facebook.png');}
.box-type01 .type-obj .exp > div a + a{margin-top:7px;background:url('../images/common/ico_sns_channel_youtube.png');}
.box-type01 .type-obj .exp > div a + a + a{background:url('../images/tv/icon_kakao.png');}
.box-type01 .type-obj .exp > div a + a + a + a{background:url('../images/tv/icon_africa.png');}
.box-type01 .img-area{position:relative;float:right;}
.box-type01 .img-area a{width:490px;height:276px;}
.box-type01 .img-area a img {width:490px;height:276px;}

.box-type-t{}

.box-img-gray {margin-top:20px; /*background:#f7f7f7;*/ width:320px; height:auto;}
.box-img-gray img {width:300px; height:auto}

.box-img-gray2 {margin-top:20px; /*background:#f7f7f7;*/ width:300px; height:auto;}
.box-img-gray2 img {width:300px;}

.sub-type1 {margin-bottom:40px;}
.sub-type1:after {display:block; content:""; clear:both;}
.sub-type1 li {border:none !important; background:none; float:left; padding:20px 15px 15px 15px;}


.sub-type1 li a {display:block; font-size:14px; height:33px; padding-top:15px}
.sub-type1 li.on {background:url(../images/common/sub_tab_bg.png) no-repeat center 20px }
.sub-type1 li.on a{background:none; color:#4f5eaf}
.sub-type1 .box {display: none;}
.sub-type1 .box.on {display:block}
.sub-type1 .box.center {text-align:center;}
.sub-type1 .box.right {text-align:right;}
.sub-type1 .box.col4-tab3 {margin-left:25%; text-align:center;}
.sub-type1 ul {display:inline-block;}
 
.tab-type3 {margin:0 0 20px 0;}
.tab-type3 a {display:block;padding:5px 0;font-size:12px;text-align:center;color:#999;}
.tab-type3 ul:after {content:""; display:block; clear:both;}
.tab-type3 ul li {float:left;margin:0;border:1px solid #ebe9ea;border-left:none;border-bottom:1px solid #999;box-sizing:border-box;}
.tab-type3 >ul >li.on {position:relative;z-index:1;margin-bottom:0;border:1px solid #999;border-left:none;border-bottom:1px solid #fff;}
.tab-type3 >ul >li.on >a {margin-left:-1px;padding-left:1px;width:100%;color:#666;border-left:1px solid #999;}
.tab-type3 >ul >li:first-child {border-left:1px solid #ebe9ea;}
.tab-type3 >ul >li:first-child.on a {margin-left:0;padding-left:0;width:auto;}

/* Table Style */
.table-type1 {border-top:1px solid #333; margin-bottom:40px;}
.table-type1 table {width:100%;}
.table-type1 tr:first-child th {border-right:1px solid #ebe9ea;}
.table-type1 tr th:first-child {border-right:1px solid #ebe9ea;}
.table-type1 tr th:last-child {border-right:0;}
.table-type1 th {padding:15px 10px;height:50px;font-size:14px;text-align:center;font-weight:400;background:#f7f7f7;border-left:1px solid #ebe9ea;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.table-type1 tr:first-child td {border-right:1px solid #ebe9ea;}
.table-type1 tr td:first-child {border-right:1px solid #ebe9ea;}
.table-type1 tr td:last-child {border-right:0;}
.table-type1 td {padding:15px 10px;height:50px;font-size:14px;text-align:center;font-weight:400;background:#fff;border-left:1px solid #ebe9ea;  border-bottom:1px solid #ebe9ea;box-sizing:border-box;vertical-align: middle;}
.table-type1 th:first-child,
.table-type1 td:first-child {border-left:none;}
/* .table-type1 th.bd-left,
.table-type1 td.bd-left {border-left:1px solid #ebe9ea;} */ /* 171030 모정훈 */
.table-type1 td .search-local {vertical-align:middle; }
.table-type1 td .search-local input[type="text"] {height:48px;vertical-align:middle;}

.table-type1 td {text-align:center;}
.table-type1 td .search-local .btn-calendar {margin:0; }
.table-type1 td .space {display:inline-block; width:20px; color:#666; text-align:center;}
.table-type1 td .btn-type1 {display:inline-block;}
.table-type1 td .btn-type1 button{display:inline-block; height:auto; margin-top:-1px}
.table-type1 td .btn-type4 {display:inline-block;}
.table-type1 td .btn-type4 button{display:inline-block; height:auto; margin-top:-1px; }
.table-type1 td .btn-type1.on,
.table-type1 td .btn-type2.on,
.table-type1 td .btn-type3.on,
.table-type1 td .btn-type4.on {background:#4f5eaf; border:1px solid #4f5eaf}
.table-type1 td .btn-type1.on button,
.table-type1 td .btn-type2.on button,
.table-type1 td .btn-type3.on button,
.table-type1 td .btn-type4.on button{color:#fff}


.table-type1 th.text,
.table-type1 td.text {text-align:left;}
.table-type1 td.number {text-align:right; font-family:'roboto', sans-serif;}
.table-type1 td.text a.type{font-size:14px;font-weight:400;color:#333;padding:0;text-align:left;} 
.table-type1 td.text span.day {padding-right:25px;}
.table-type1 td.text2 {padding-left:30px; text-align:left; color:#999;}
.table-type1 td.text2 a.link {color:#999;}

.table-type1 td select {vertical-align:middle;}
.table-type1 td textarea {width:100%; resize:none; border:1px solid #ccc; padding:10px; box-sizing:border-box; font-size:12px; color:#666}
.table-type1 td input[type='text'] {margin:-8px 0; vertical-align:middle;}
.table-type1 td span[class^='btn'],
.table-type1 td span[class^='btn'],
.table-type1 td input[type='submit'] {margin:-7px 0;}
/* .table-type1 td span[class^='btn'] + span[class^='btn'], */
.table-type1 td span[class^='btn'] + .search-local.date, 
.table-type1 td .search-local.date + span[class^='btn'],
.table-type1 td input[type="text"] + span[class^='btn'] {margin-left:5px}
.table-type1 td span.btn-close-accordion {margin:0;}
.table-type1.row5 tbody tr:nth-child(5n) td {border-bottom:1px solid #ccc;}
.table-type1.row5-accordion tbody tr:nth-child(10n) td {border-bottom:1px solid #ccc;}
.table-type1 tr.on td {background:#f7f7f7;}
.table-type1 td.graph-data {padding:0;text-align:left;}
.table-type1 td .graph-horizon {display:inline-block;height:10px;}
.table-type1 td.graph-data.up .graph-horizon {display:inline-block;height:10px;background:#d62727;}
.table-type1 td.graph-data.down .graph-horizon {display:inline-block;height:10px;background:#3a72e5;}
.table-type1 td.graph-up {padding:0;text-align:right;}
.table-type1 td.graph-up .graph-horizon {display:inline-block;height:10px;background:#d62727;}
.table-type1 td.graph-down {padding:0;text-align:left;}
.table-type1 td.graph-down .graph-horizon {display:inline-block;height:10px;background:#3a72e5;}
.table-type1 td.empty {border:none;}
.table-type1 td.data-down {color:#3a72e5;font-family:'roboto', sans-serif;background:#f5f8fe;border:1px solid #ebe9ea;}
.table-type1 td.data-down:last-child {border-right:none;}
.table-type1 td.data-down:first-child {border-left:none;}
.table-type1 td.data-up {color:#d62727;font-family:'roboto', sans-serif;background:#fdf4f4;border:1px solid #ebe9ea;}
.table-type1 td.data-up:last-child {border-right:none;}
.table-type1 td.data-up:first-child {border-left:none;}
.table-type1 td .tbl-btn a {min-width:auto;}
.table-type1 td .title-btn-area {display:inline-block; vertical-align:middle; width:220px; height:34px;}
.table-type1 td .title-btn-area:after {content:''; display:block; clear:both;}
.table-type1 td .title-btn-area strong.tit {float:left; display:inline-block; line-height:30px; }
.table-type1 td .title-btn-area .tbl-btn {float:right; display:inline-block; margin:0;}
.table-type1 tfoot th,
.table-type1 tfoot td {border:1px solid #ebe9ea}
.table-type1 tfoot th:last-child,
.table-type1 tfoot td:last-child {border-right:none;}
.table-type1 tfoot th:first-child,
.table-type1 tfoot td:first-child {border-left:none;}
.table-type1 td a {padding:0;}

.accordion >td {position:static;padding:0;height:0;border:none;}
.accordion .title-accordion {padding:5px 0 5px 10px;text-align:left;font-size:13px;color:#fff;background:#4f5eaf;}
.accordion .table-type1 {display:none;/* position:absolute;left:0;top:0;*/ margin-bottom:0;width:100%; border:1px solid #4f5eaf;overflow:hidden; position:relative}
.accordion .table-type1 table {margin:0 0 -1px 0;}
.accordion.on .table-type1 {display:block;}

.table-type2 {border-top:1px solid #333;}
.table-type2 table {width:100%;}
.table-type2 th {position:relative;padding:15px 10px;height:50px;font-size:14px;text-align:center;font-weight:400;background:#f7f7f7;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.table-type2 td {padding:15px 10px;height:50px;font-size:14px;text-align:center;font-weight:400;/* background:#fff; */border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.table-type2 td.text {text-align:left;}
.table-type2 td.number {text-align:right;}

/* view */
.table-type2.view {border-top:1px solid #333; margin-bottom:30px;}
.table-type2.view table {width:100%;}
.table-type2.view th {position:relative; padding:30px; font-size:18px;text-align:left;font-weight:700;background:#f7f7f7;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.table-type2.view td {padding-left:30px; padding-right:30px; height:50px;font-size:14px;text-align:left;font-weight:400;background:#fff;border-bottom:1px solid #ebe9ea;box-sizing:border-box; position:relative}
.table-type2.view tr:first-child td {border-bottom:1px solid #ebe9ea; background:none}
.table-type2.view td .data-area {position:absolute; top:12px; right:30px;}
.table-type2.view td .data-area:after {display:block; content:""; clear:both;}
.table-type2.view td .data-area li{float:left; margin-left:10px; }
.table-type2.view td .data-area li + li:after {display:block; content:""; float:left; width:1px; height:12px; background:#d3d3d3; margin-right:10px; margin-top:5px;}
.table-type2.view td .name {margin-left:10px;}
.table-type2.view td.view {font-size:16px; color:#666; padding:60px 30px 60px}
.table-type2.view td a.attach {display:inline-block; padding-left:18px; font-size:14px; color:#666; background:url(../images/common/bg_attach.png) left center no-repeat;}
.table-type2.view td a.attach span {padding-left:10px;}
.table-type2.view th .th-area {position:relative; }
.table-type2.view th .th-area span.temp {display:block; line-height:1em; font-weight:800; font-size:16px; color:#4f5eaf;}
.table-type2.view th .th-area strong.tit {display:block; line-height:1.5em; font-weight:600; font-size:28px; color:#000;}
.table-type2.view th .th-area span.name {display:block; margin-top:15px; line-height:1em; font-weight:500; font-size:16px; color:#111;}
.table-type2.view th .th-area .btn-print {position:absolute; top:0; right:0;}
/* .table-type2.view th .th-area .btn-print {display:block; width:38px; height:38px; text-indent:-99999em; font-size:0; border-radius:3px; border:1px solid #ccc; background:#fff url(../images/common/btn_print.png) center center no-repeat; box-sizing:border-box;} */




/* table board list */
.table-type2.list {-moz-border-top-colors:1px solid #cecece;}
.table-type2.list table { width:100%; table-layout:fixed;} /* table-layout:fixed; IR 게시판 리스트의 링크로 인한 처리*/
.table-type2.list thead th{background:none; padding:15px 10px;height:65px;font-size:16px;text-align:center;font-weight:400;border-bottom:1px solid #cecece; color:#000}
.table-type2.list tbody td{padding:15px 10px;height:60px;font-size:16px; font-weight:400;background:#fff;border-bottom:1px solid #cecece;box-sizing:border-box; color:#666}

.table-type2.list tbody td.text a {display:block; width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  }
.table-type2.list tr.lock,
.table-type2.list tr.lock a{color:#d62727; vertical-align:middle;}
.table-type2.list .icon_lock{display:inline-block; vertical-align:middle; margin-left:10px; font-size:0; width:13px; height:16px;background:url(../images/common/img_icon02.png) no-repeat 0 0}
.table-type2.list tr.answer a {color:#4f5eaf;}
.table-type2.list tr.answer .icon_re {display:inline-block; vertical-align:middle; margin-right:10px; font-size:0; width:9px; height:9px; background:url(../images/common/img_icon03.png) no-repeat 0 0}
.table-type2.list tr.answer .txt-bx {display:inline-block; vertical-align:top; background:#4f5eaf; color:#fff; font-family:'Dotum'; padding:5px 10px 5px; font-size:11px; }

.table-type3 {}
.table-type3 table {width:100%;}
.table-type3 table th {padding:28px 0 5px 0;text-align:center;font-size:14px;color:#333;border-bottom:1px solid #333;}
.table-type3 table td {padding:10px 0;text-align:center;font-size:12px;color:#666;border-bottom:1px solid #ebe9ea;}
.table-type3 table th.em,
.table-type3 table td.em {color:#505eaf;}

.section-common .table-type3 {border-top:1px solid #ebe9ea;}
.section-common .table-type3 table th {padding:28px 0 5px 0;text-align:center;font-size:14px;color:#333;border-bottom:1px solid #ebe9ea;}
.section-common .table-type3.no-header table th {display:none;}
.section-common .table-type3 table td {padding:10px 0;text-align:center;font-size:12px;color:#999;border-bottom:1px solid #ebe9ea;}
.section-common .table-type3 table td.text {text-align:left;}
.section-common .table-type3 table td.number {text-align:right;}

.table-type-row1 {}
.table-type-row1 table {width:100%;}
.table-type-row1 th {padding:15px 30px;height:50px;font-size:16px;text-align:left;font-weight:400;background:#f7f7f7;border:1px solid #ebe9ea;border-right:none;box-sizing:border-box;}
.table-type-row1 td {padding:15px 10px;height:50px;font-size:16px;text-align:center;font-weight:400;background:#fff;border:1px solid #ebe9ea;border-left:none;box-sizing:border-box;}
.table-type-row1 td >ul.list-type-row li {background:url(../images/finance/img_bar_stock_detail.png) no-repeat left 50%;}
.table-type-row1 td >ul.list-type-row li:first-child {background:none;}

.box-chart-type1 {margin:0;}
.box-chart-type1 table {width:100%;height:200px;}
.box-chart-type1 table th {text-align:center;height:33px;font-size:14px;color:#666;font-weight:400;border-top:1px solid #505eaf;}
.box-chart-type1 table td {padding:0;height:165px;text-align:center;vertical-align:bottom;font-size:12px;font-weight:300;color:#666;background:url(../images/finance/bg_table_chart1.png) repeat 50% bottom;}
.box-chart-type1 table td .graph-vertical {margin:5px auto 0 auto;width:9px;background:#505eaf;}

/* table-type4 */
.table-type4 table {width:100%; border-top:1px solid #cecece;}
.table-type4 table th {position:relative; height:51px; font-weight:400; font-size:16px; color:#000; text-align:center; background:#fff; box-sizing:border-box;}
.table-type4 table td {position:relative; height:51px; font-weight:400; font-size:16px; color:#666; text-align:center; border-bottom:1px solid #ebe9ea; background:#fff; box-sizing:border-box;}
.table-type4 table th.bg-grey {background:#f7f7f7;}
.table-type4 table th.bg-grey.num {font-family:'roboto', sans-serif; font-weight:bold;}
.table-type4 table thead th {border-bottom:1px solid #cecece;}
.table-type4 table tbody th {border-bottom:1px solid #ebe9ea;}
.table-type4 table thead th + th.bg-grey,
.table-type4 table tbody td + th.bg-grey {border-left:1px solid #ebe9ea;} 
.table-type4 table td.font-color03 {border-left:1px solid #ebe9ea; color:#d62727;}

/* Paginate */
.box-paginate {padding:30px 0 0 0;text-align:center; margin-bottom:30px}
.box-paginate a {display:inline-block;margin:0 4px;width:26px;height:26px;font-size:14px;color:#666;line-height:26px;text-indent:-1000px;background:#fff;border:1px solid #ebe9ea;overflow:hidden;border-radius:100%;}
.box-paginate span {margin:0 8px;}
.box-paginate span a {width:28px;height:28px;text-indent:0;border:none;}
.box-paginate span a.on {color:#fff;background:#4f5eaf;}
.box-paginate a.first {background:url(../images/common/img_paginate_first.png) no-repeat 6px 6px;background-size:13px auto;}
.box-paginate a.prev {background:url(../images/common/img_paginate_prev.png) no-repeat 8px 7px;background-size:7px auto;}
.box-paginate a.next {background:url(../images/common/img_paginate_next.png) no-repeat 10px 7px;background-size:7px auto;}
.box-paginate a.last {background:url(../images/common/img_paginate_last.png) no-repeat 7px 6px;background-size:13px auto;}


/* Button Box */
.box-button {overflow:hidden;text-align:center;vertical-align:top; /*margin-bottom:40px*/}
.button-right {overflow:hidden;text-align:right;vertical-align:top;}
.button-left {overflow:hidden;text-align:left;vertical-align:top;}
.box-button span {vertical-align:top;height:50px;}
.box-button .inner-left {float:left;}
.box-button .inner-right {float:right;}
.box-button span[class^='btn'] a,
.box-button span[class^='btn'] button,
.box-button input[type='submit'] {min-width:160px;height:50px;line-height:50px;font-size:16px;font-weight:500;box-sizing:border-box;}
.box-button span[class^='btn'] + span[class^='btn'] {margin-left:5px;}
.box-button span[class^='btn'] a span.ico-inq {display:inline-block; margin-right:13px; background:url(../images/common/bg_ico_inq.png) 0 50% no-repeat;}

.section-common .box-button {}
.section-common .box-button span {margin:0 5px;height:32px;}
.section-common .box-button span[class^='btn'] a,
.section-common .box-button span[class^='btn'] button,
.section-common .box-button input[type='submit'] {min-width:68px;height:32px;line-height:32px;font-size:12px;}
.section-common .box-button span[class^='btn'].on,
.section-common .box-button span[class^='btn'].on {background:#eef1f6;}


/* Button Box small*/
.box-button span.small[class^='btn'] {display:inline-block; margin:0; padding:0; height:32px; background:#fff; border:1px solid #4f5eaf; border-radius:3px;}
.box-button span.small[class^='btn'] button {display:inline-block; margin:0; padding:0 10px; min-width:50px; height:32px; font-size:14px; text-align:center; line-height:30px; color:#4f5eaf;box-sizing:border-box;}






.btn-type1 {display:inline-block; vertical-align:middle;margin:0;padding:0;height:32px;background:#4f5eaf;border:1px solid #4f5eaf;border-radius:3px;}
.btn-type1 a,
.btn-type1 button {display:block;margin:0;padding:0 10px;min-width:50px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#fff;box-sizing:border-box;}
input.btn-type1 {display:inline-block;margin:0;padding:0 10px;min-width:50px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#fff;box-sizing:border-box;background:#4f5eaf;border:1px solid #4f5eaf;border-radius:3px;}
.btn-type2 {display:inline-block; vertical-align:middle;margin:0;padding:0;height:32px;background:#fff;border:1px solid #4f5eaf;border-radius:3px;}
.btn-type2 a,
.btn-type2 button {display:block;margin:0;padding:0 10px;min-width:50px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#4f5eaf;box-sizing:border-box;}
.btn-type2 a span{display:block;padding-right:22px;background:url('../images/common/icon_movie_open.png') right center no-repeat;}
input.btn-type2 {display:inline-block;margin:0;padding:0 10px;min-width:50px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#4f5eaf;box-sizing:border-box;background:#fff;border:1px solid #4f5eaf;border-radius:3px;}
.btn-type3 {display:inline-block; vertical-align:middle;margin:0;padding:0;height:32px;background:#8c929f;border:1px solid #8c929f;border-radius:3px;}
.btn-type3 a,
.btn-type3 button {display:block;margin:0;padding:0 10px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#fff;box-sizing:border-box;}
input.btn-type3 {display:inline-block;margin:0;padding:0 10px;min-width:50px;height:34px;font-size:14px;text-align:center;line-height:32px;color:#fff;box-sizing:border-box;background:#8c929f;border:1px solid #8c929f;border-radius:3px;}
.btn-type4 {display:inline-block;  vertical-align:middle; margin:0;padding:0;height:32px;background:#fff;border:1px solid #ccc;border-radius:3px;}
.btn-type4 a,
.btn-type4 button {display:block;margin:0;padding:0 10px;min-width:50px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#666;box-sizing:border-box;}
input.btn-type4 {display:inline-block;margin:0;padding:0 10px;min-width:50px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#666;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:3px;}

.btn-type-reload {display:inline-block;margin:0;padding:0;width:32px;height:32px;background:#fff;border-radius:3px;background:url(../images/common/btn_reload_finance.png) no-repeat 50%;overflow:hidden;}
.btn-type-reload a,
.btn-type-reload button {display:block;margin:0;padding:0;width:32px;height:32px;font-size:14px;text-align:center;line-height:30px;color:#4f5eaf;text-indent:-10000px;box-sizing:border-box;outline:none;}

.btn-close-accordion {display:block;position:absolute;right:10px;top:3px;margin:0;padding:0;width:23px;height:23px;background:url(../images/common/btn_close_accordion.png) no-repeat 50%;overflow:hidden;}
.btn-close-accordion button {display:block;width:23px;height:23px;text-indent:-1000px;}

.btn-view-more {display:block;}
.btn-view-more a,
.btn-view-more button {display:block;margin:0;padding:3px 0;font-size:14px;font-weight:400;}

.btn-type2.view-more {height:32px;}
.btn-type2.view-more a {min-width:auto; height:32px; line-height:32px; padding:0 15px;}
.btn-type2 span.ico-arr-go {display:inline-block; vertical-align:middle; width:7px; height:13px; margin:-2px 0 0 15px; padding-right:0; text-indent:-999999px; font-size:0; background:url(../images/common/btn_ico_arr_go.png) 0 0 no-repeat;}


.text-realtime-reload {margin:0;padding:5px 0; line-height:36px; vertical-align:middle; font-size:14px;color:#888;}
.text-realtime-reload .title {font-weight:500;color:#505eaf;}
.text-realtime-reload .btn-type-reload {margin:-10px 0 -5px 10px;vertical-align:middle;}
.text-realtime-reload .btn-type4 {height:24px; margin-right:10px;}
.text-realtime-reload .btn-type4 a {height:24px; line-height:23px;}

.btn-type-sort {display:block;/*position:absolute;right:10px;top:15px;*/float:right;width:22px;height:22px;}
.btn-type-sort button {display:block;width:22px;height:22px;text-indent:-1000px;outline:none;overflow:hidden;}
.btn-type-sort.sort-up {background:url(../images/common/btn_sort_table_up.png) no-repeat 50%;}
.btn-type-sort.sort-down {background:url(../images/common/btn_sort_table_down.png) no-repeat 50%;}

.btn-word {display:block;width:42px;height:42px;background:#fff;border:1px solid #ccc;border-radius:2px;}
.btn-word button {display:block;width:42px;height:42px;font-size:18px;color:#666;text-align:center;line-height:42px;}
.btn-word.all {width:63px; text-align:center;}
.btn-word.all button {width:63px;}
.btn-word.on {background:#505eaf;border:1px solid #505eaf;}
.btn-word.on button {color:#fff;}

.btn-dept {display:block;width:110px;height:42px;background:#fff;border:1px solid #ccc;border-radius:2px;}
.btn-dept button {display:block;width:110px;height:42px;font-size:18px;color:#666;text-align:center;line-height:42px;}
.btn-dept.all {width:63px; text-align:center;}
.btn-dept.all button {width:63px;}
.btn-dept.on {background:#505eaf;border:1px solid #505eaf;}
.btn-dept.on button {color:#fff;}
/*
.btn-type-text {width:auto;height:auto;}
.btn-type-text a,
.btn-type-text button {min-width:0;width:auto;height:auto;line-height:100%;font-size:15px;color:#4f5eaf;}
*/
/*.box-button-switch {display:inline-block;width:74px;vertical-align:middle;border-radius:3px;overflow:hidden;}
.box-button-switch .btn-switch {display:block;float:left;width:37px;height:34px;background:#ebe9ea;}
.box-button-switch .btn-switch button {display:block;width:37px;height:34px;text-align:center;font-size:14px;color:#666;line-height:28px;}
.box-button-switch .btn-switch.on {background:#666;}
.box-button-switch .btn-switch.on button {color:#fff;}*/

.btn-moreview {display:block;position:absolute;right:0;top:0;}
.btn-moreview a,
.btn-moreview button {display:block;font-size:14px;color:#666;border:none;background:none;}
.btn-moreview a::after,
.btn-moreview button::after {content:'+';display:inline-block;margin:0 0 0 3px;}

.section-common .btn-moreview {top:3px;}
.section-common .btn-moreview a,
.section-common .btn-moreview button {font-size:12px;}
.section-common .btn-moreview a::after,
.section-common .btn-moreview button::after {content:normal;}
.section-common .btn-moreview a::before,
.section-common .btn-moreview button::before {content:'+';display:inline-block;margin:0 3px 0 0;}


.box-movie {position:relative;}
.box-movie.big::after {content:'';display:block;position:absolute;right:30px;bottom:30px;z-index:1;width:100px;height:100px;background:url(../images/common/img_player_link.png) no-repeat 50%;}

.btn-broadcast {display:inline-block; vertical-align:middle; margin:0;padding:0;background:url(../images/customer/btn_broadcast.png) 0 0 no-repeat;}
.btn-broadcast button {width:110px;height:34px;color:transparent;}

/* 인쇄하기 버튼 */
a.btn-print {display:inline-block; vertical-align:middle; margin-left:5px; width:38px; height:38px; text-indent:-99999em; font-size:0; border-radius:3px; border:1px solid #ccc; background:#fff url(../images/common/btn_print.png) center center no-repeat; box-sizing:border-box;}
/* 홈 버튼 */
.btn-home {display:block; width:38px; height:38px; min-width:auto; padding:0; text-indent:-9999em; text-align:center; font-size:0; border:1px solid #ccc; border-radius:3px; background:url(../images/common/btn_icon01.png) no-repeat center 7px; box-sizing:border-box;}
/* rss 버튼 */
.btn-rss {display:inline-block; vertical-align:middle; width:26px; height:26px; min-width:auto; padding:0; text-indent:-9999em; text-align:center; font-size:0; border-radius:3px; background:url(../images/common/btn_rss.png) no-repeat 0 0; box-sizing:border-box;}








/* 아코디언 */
.accordion {border-top:1px solid #000; margin:20px 0 60px;}
.accordion li {border-bottom:1px solid #ebe9ea; position:relative; }
.accordion li > a {display:block; padding:18px; color:#333; padding-right:40px; text-indent:-23px; padding-left:65px;}
.accordion li .qa {display:inline-block; padding-right:20px; }
.accordion li .arrow {display:block; position:absolute; right:20px; top:25px; width:15px; height:8px; background:url(../images/common/arrow_down.png) no-repeat 0 0;}
.accordion li .answer {display:none;}


.accordion li.on {color:#4f5eaf;}
.accordion li.on .qa {color:#4f5eaf;}
.accordion li.on > a {background:#f9fbfe; color:#4f5eaf;}
.accordion li.on .arrow {background:url(../images/common/arrow_up.png) no-repeat 0 0;}
.accordion li.on .answer {display:block; padding:30px 18px 30px; background:#fff; }
.accordion li.on .txt {display:inline-block; vertical-align:top; color:#666;  width:770px; margin-left:15px;}



/* ui scroll 
.ui-scroll {background:#fde19a;}
.ui-scroll.fix {background:#fde19a; position:fixed; top:70px;}*/



/* 보유 캐쉬 */
.section-cash {display:table; width:100%; border:1px solid #ebeaea; margin-bottom:40px;}
.section-cash ul {display: table-row; width:100%;}
.section-cash ul li:first-child { border-left:0;}
.section-cash ul li .tit {font-size:16px; color:#000; display:block; margin-bottom:15px;}
.section-cash ul li {display: table-cell; border-left:1px solid #ebeaea; border-collapse:collapse; text-align:center; padding:30px 0 30px; width:25%; }
.section-cash ul li .num {font-size:32px; font-family: 'Roboto'; font-weight:bold; color:#4f5eaf}
.section-cash ul li .explanation {font-size:13px; color:#666; margin-top:15px; letter-spacing:-1px;}


/* mywow space */
.mywow .list-type3 {margin-bottom:40px;}
.mywow .button-right {margin-bottom:20px;}


/* notice-gray-box 알림박스 */
.notice-gray-box {background:#f7f7f7; text-align:center; margin-bottom:40px; font-size:16px; padding:30px 0 30px}



/* coupon-area 쿠폰등록 */
.coupon-area {border-top:1px solid #000; border-bottom:1px solid #ebeaea; text-align:center;padding:30px 0 30px; margin-bottom:40px; background:#f7f7f7;}
.coupon-area input[type="text"] {height:40px}
.coupon-area label {display:inline-block;  font-size:16px; padding-right:20px; text-align:center;}
.coupon-area .btn-type1  {margin-left:20px;}


/* input 관련 
input[type="text"] + .space {display:inline-block; width:20px; text-align:center; box-sizing:border-box}
 */

/* 171107 css삭제 */
/* box-button-util */
/* .box-button-util {clear:both;margin:0;padding:17px 0;border-bottom:1px solid #ebe9ea;overflow:hidden;}
.box-button-util:after {content:''; display:block; clear:both;} */
/* box-sharesns */
/* .box-sharesns {float:left;height:40px;line-height:40px;}
.box-sharesns >span {margin:0 5px 0 0;width:40px;height:40px;border:1px solid #ccc;border-radius:100%;}
.box-sharesns >span a,
.box-sharesns >span button {display:block;width:40px;height:40px;}
.box-sharesns .btn-pin {border:1px solid #4f5eaf;} */
/* box-links-util */
/* .box-links-util {float:right;height:40px;line-height:40px;}
.box-links-util >span {display:inline-block;margin:0 0 0 7px;width:108px;height:32px;vertical-align:middle;border:1px solid #ccc;border-radius:3px;}
.box-links-util >span a,
.box-links-util >span button {display:block;width:108px;height:32px;line-height:30px;font-size:14px;color:#666;}line-height 추가
.box-links-util .btn-subscribe {background:#fff;}
.box-links-util .btn-subscribe button::before {content:'';display:inline-block;margin:0 5px 0 0;width:10px;height:10px;background:url(../images/news/btn_subscribe.png) no-repeat 50%;}
.box-links-util .btn-subscribe.on {background:#4f5eaf;border:1px solid #4f5eaf;}
.box-links-util .btn-subscribe.on button {color:#fff;}
.box-links-util .btn-subscribe.on button::before {background:url(../images/news/btn_subscribe_on.png) no-repeat 50%;} 
.box-links-util .btn-list-link {display:inline-block;width:32px;text-indent:-1000px;background:url(../images/news/btn_list_link.png) no-repeat 50%;border:1px solid #ccc;overflow:hidden;}
.box-links-util .btn-list-link a,
.box-links-util .btn-list-link button {width:32px;height:32px;text-indent:-1000px;}  */
/* .box-links-util .btn-print {display:inline-block;width:32px;text-indent:-1000px;background:url(../images/common/btn_print.png) no-repeat 50%;border:1px solid #ccc;overflow:hidden;}
.box-links-util .btn-print a,
.box-links-util .btn-print button {width:32px;height:32px;text-indent:-1000px;} */
/* //171107 css삭제 */


/* 171107 css추가 */
/* box-button-util */
.box-util-button {clear:both;margin:0;padding:12px 0 15px;border-bottom:1px solid #ebe9ea; overflow:visible;}
.box-util-button:after {content:''; display:block; clear:both;}
.box-util-button span.date {display:inline-block; height:36px; line-height:36px; font-family:'roboto', sans-serif; font-weight:300; font-size:16px; color:#999;}
.box-util-button .box-zoom { float:inherit; display:inline-block; vertical-align:middle; margin:2px 0px 0 10px;}
.box-util-button .box-zoom >span {height:36px;}
.box-util-button .box-zoom >span button {height:36px}

/* box-sharesns */
.box-icon-sharesns {float:left;height:40px;line-height:40px;}
.box-icon-sharesns >span {display:inline-block; vertical-align:middle;margin:2px 7px 0 0;width:40px;height:40px;border:1px solid #ccc;border-radius:100%;box-sizing:border-box;}
.box-icon-sharesns >span a,
.box-icon-sharesns >span button {display:block;width:40px;height:40px;}
.box-icon-sharesns .btn-pin {background-color:#8c92a0;}
.box-icon-sharesns .btn-pin.bg_col_blue{background-color:#4f5eaf!important;border:1px solid #4f5eaf;}
/* box-links-util */
.box-util-links {float:right;height:40px;line-height:40px;}
.box-util-links >span {display:inline-block;margin:0 0 0 7px;width:108px;height:36px;vertical-align:middle;border:1px solid #ccc;border-radius:3px;}
.box-util-links >span a,
.box-util-links >span button {display:block;width:108px;height:32px;line-height:30px;font-size:14px;color:#666;}
.box-util-links select{height:38px;margin-right:23px;}
.box-util-links .btn-subscribe {background:#fff;}
.box-util-links .btn-subscribe button::before {content:'';display:inline-block;margin:0 5px 0 0;width:12px;height:9px;background-size:100%;background-image:url(../images/news/sub_btn.png); background-repeat:no-repeat;}
.box-util-links .btn-subscribe.on {background:#8c92a0;border:1px solid #8c92a0;}
.box-util-links .btn-subscribe.on button {color:#fff;}
.box-util-links .btn-subscribe.on button::before {background-image:url(../images/news/sub_btn_on.png);} 
.box-util-links .btn-list-link{position:relative;}
.box-util-links .btn-list-link a,
.box-util-links .btn-list-link button {position:relative;text-indent:0;text-align:center;}
.box-util-links .btn-list-link a:before,
.box-util-links .btn-list-link button:before{content:'';display:inline-block;vertical-align:middle;margin:0;width:36px; height:36px; background: url(../images/news/btn_list_link.png) center center no-repeat;}
.box-util-links .btn-list-link.icon{position:relative;width:36px;text-indent:-1000px;border:1px solid #ccc;overflow:hidden;}
.box-util-links .btn-list-link.icon a,
.box-util-links .btn-list-link.icon button {background:url(../images/news/btn_list_link.png) center center no-repeat;width:36px;height:36px;text-indent:-1000px;}
.box-util-links .btn-reply-link{width:36px;text-indent:-1000em;overflow:hidden;}
.box-util-links .btn-reply-link a,
.box-util-links .btn-reply-link button {text-indent:0;text-align:center;background:url('../images/news/btn_reply.png') center center no-repeat;width:36px;height:36px;text-indent:-99999em; font-size:0;}
.box-util-links .btn-print{width:36px;text-indent:-1000em;overflow:hidden;}
.box-util-links .btn-print a,
.box-util-links .btn-print button {text-indent:0;text-align:center;background:url('../images/news/btn_print.png') center center no-repeat;width:36px;height:36px;text-indent:-99999em; font-size:0;}
/* 버튼 > 툴팁 */
.box-icon-sharesns span[class^='btn'] {position:relative; overflow:visible;}
.box-icon-sharesns span[class^='btn'] a,
.box-icon-sharesns span[class^='btn'] button {text-indent:-99999em; font-size:0;}
.box-icon-sharesns span[class^='btn']:hover span.tooltip {display:inline-block;}
.box-icon-sharesns span[class^='btn'] span.tooltip {display:none; position:absolute; top:45px; left:50%; z-index:2; height:18px; line-height:18px; text-align:center; font-family:"dotum"; font-size:11px; color:#000; text-indent:0; border:1px solid #ccc; border-radius:2px; background:#fff; box-sizing:border-box;}
.box-icon-sharesns span[class^='btn'] span.tooltip:after {content:""; display:block; position:absolute; top:-6px; left:50%; width:5px; height:6px; margin-left:-2px; background:url(../images/news/tooltip_arrow.png) no-repeat center;}
.box-icon-sharesns .btn-pin span.tooltip {width:40px; margin-left:-20px;}
.box-icon-sharesns .btn-facebook span.tooltip {width:56px; margin-left:-28px;}
.box-icon-sharesns .btn-twitter span.tooltip {width:48px; margin-left:-24px;}
.box-icon-sharesns .btn-kakaostory span.tooltip {width:76px; margin-left:-38px;}
.box-icon-sharesns .btn-blog span.tooltip {width:48px; margin-left:-24px;}
.box-icon-sharesns .btn-copyurl span.tooltip {width:60px; margin-left:-30px;}
.box-icon-sharesns .btn-newwindow span.tooltip {width:85px; margin-left:-30px;}
.box-util-links span[class^='btn'] {position:relative; overflow:visible;}
.box-util-links span[class^='btn']:hover span.tooltip {display:inline-block;}
.box-util-links span[class^='btn'] span.tooltip {display:none; position:absolute; top:45px; left:50%; z-index:2; height:18px; line-height:18px; text-align:center; font-family:"dotum"; font-size:11px; color:#000; text-indent:0; border:1px solid #ccc; border-radius:2px; background:#fff; box-sizing:border-box;}
.box-util-links span[class^='btn'] span.tooltip:after {content:""; display:block; position:absolute; top:-6px; left:50%; width:5px; height:6px; margin-left:-2px; background:url(../images/news/tooltip_arrow.png) no-repeat center;}
.box-util-links span.btn-subscribe a, 
.box-util-links span.btn-subscribe button {font-size:14px; text-indent:0;} 
.box-util-links span.btn-list-link a, 
.box-util-links span.btn-list-link button {font-size:14px; text-indent:0;} 
.box-util-links span.btn-list-link.icon {overflow:visible; text-indent:-9999em; font-size:0;}
.box-util-links span.btn-list-link.icon a, 
.box-util-links span.btn-list-link.icon button {text-indent:-99999em;} 
.box-util-links .btn-reply-link span.tooltip {width:36px; margin-left:-18px;}
.box-util-links .btn-print span.tooltip {width:30px; margin-left:-15px;}
.box-util-links .btn-list-link.icon span.tooltip {width:30px; margin-left:-15px;}
/* //171107 css추가 */




/* board-view */
.board-view {border-top:1px solid #000; margin-bottom:30px;}
.board-view .title{display:block; background:#f7f7f7; font-size:18px; padding:25px 30px 25px;}
.board-view .user-data {font-size:14px; color:#666; border-bottom:1px solid #ebe9ea; overflow:hidden; padding:13px 30px 13px}
.board-view .user-data:after {content:''; display:block; clear:both}
.board-view .user-data .left-box {float:left;}
.board-view .user-data .right-box {float:right;}
.board-view .space {display:inline-block; width:40px; height:12px; background:url(../images/common/board_view_line.png) no-repeat center 0; vertical-align:middle}
.board-view .tit{font-size:14px;font-weight:normal; color:#666; margin-right:10px;}
.board-view .data{font-size:14px; color:#666;font-family:'roboto', sans-serif;}

.board-view .view-txt {/*min-height:353px; */border-bottom:1px solid #ebe9ea; padding:60px 30px 60px; color:#333; font-size:16px; line-height:24px;}
.board-view .file-area {border-bottom:1px solid #ebe9ea; padding:20px 30px 20px; color:#333; }
.board-view .file-area a {vertical-align:middle;}
.board-view .file-area .file {display:inline-block; vertical-align:middle; margin-right:10px; width:12px; height:15px; background:url(../images/common/img_icon01.png) no-repeat center 0;}

.board-view .view-answer {padding:35px 65px 40px; margin-bottom:30px; background:#f9fbfe url(../images/common/img_icon04.png) no-repeat 30px 25px;}
.board-view .view-answer .name {font-weight:normal; margin-right:10px; font-size:16px; color:#4f5eaf;}
.board-view .view-answer .txt {font-size:14px; color:#999;}
.board-view .view-answer .data {font-size:14px; font-family:'roboto', sans-serif; color:#999;}

.board-view .view-answer .answer-bx {vertical-align:top; margin-top:20px}
.board-view .view-answer .answer-bx .tit {display:block; font-size:16px; color:#333;}
.board-view .view-answer .answer-bx .answer{margin-top:10px}


/* box-zoom */
.box-zoom {float:right;margin:36px 0 0 0;border:1px solid #ccc;border-radius:3px;overflow:hidden;background:url(../images/news/bg_box_textzoom.png) no-repeat 50%;}
.box-zoom >span,
.box-zoom >span button {display:block;width:35px;height:32px;text-indent:-1000px;}
.box-zoom >span {float:left;}
.box-zoom .btn-zoomin {margin-right:1px;background:url(../images/news/btn_zoomin.png) no-repeat 50%;}
.box-zoom .btn-zoomin button {}
.box-zoom .btn-zoomout {background:url(../images/news/btn_zoomout.png) no-repeat 50%;}
.box-zoom .btn-zoomout button {}












/* 카드뉴스 & 많이본 뉴스 */
.much-section-area {display:block; width:100%; margin-top:50px;}
.much-section-area:after {display:block; content:""; clear:both;}
.much-section-area h2 {position:relative; padding-bottom:15px; font-size:28px;}
.much-section-area h2 a.more {display:block; position:absolute; top:50%; right:0; width:19px; height:19px; margin-top:-9.5px; text-indent:-9999em; font-size:0; background:url(../images/entertain/bg_ent_main_more.png) 0 0 no-repeat;}
.much-section-area .icon {display:block; position:absolute; width:50px; height:50px; text-align: center; box-sizing:border-box; top:0; left:0; padding:18px 0 19px; font-size:12px; font-family:'dotum', Apple SD Gothic Neo, sans-serif; background:#d65a5d; color:#fff; opacity: 0.8} 
.much-section-area .icon.type2 {background:#3b56cb;} 
.much-section-area .much-left {font-size:28px; width:570px; float:left;}
.much-section-area .much-left .card-news-area {width:100%; height:452px;}
.much-section-area .much-left .card-news-area:after {content:''; display:block; clear:both;}
.much-section-area .much-left .card-news-area a {float:left; display:block; width:285px; height:285px;}
.much-section-area .much-left .card-news-area .box-wrap {display:block; position:relative; width:285px; height:285px; text-align:center;}
.much-section-area .much-left .card-news-area .box-wrap:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.much-section-area .much-left .card-news-area .box-wrap:after {content:''; display:block; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:#000; opacity:0.5;}
.much-section-area .much-left .card-news-area .box-wrap img {position:absolute; top:0; left:0; z-index:3; width:285px; height:285px;z-index:1}
.much-section-area .much-left .card-news-area .box-wrap span.icon.type2 {z-index:7;}
.much-section-area .much-left .card-news-area .box-wrap .icon-play.medium {z-index:7;}
.much-section-area .much-left .card-news-area .box-wrap .title {display:inline-block; vertical-align:middle; position:relative; z-index:7; line-height:26px; text-align:center; font-size:18px; color:#fff; height:55px; overflow:hidden;  width:80%;}
.much-section-area .much-right {width:570px; float:right;}
.much-section-area .much-right .main-tab-area.type2 .tab {width:100%; display:table; border-collapse:collapse; border-spacing:0; margin-bottom:0}
.much-section-area .much-right .main-tab-area.type2 .tab li:first-child {border-left:1px solid #ebe9ea; }
.much-section-area .much-right .main-tab-area.type2 .tab li.on:first-child {border-left:1px solid #f7f7f7;}
.much-section-area .much-right .main-tab-area.type2 .tab li {display:table-cell; width:33%; margin-left:0; border:1px solid #ebe9ea;  border-left:0; box-sizing:border-box}
.much-section-area .much-right .main-tab-area.type2 .tab li:nth-child(3) {width:34%}
.much-section-area .much-right .main-tab-area.type2 .tab li.on:nth-child(3) {width:34%; border-right:1px solid #f7f7f7;}
.much-section-area .much-right .main-tab-area.type2 .tab li a {display:block; font-size:16px; color:#333; width:100%; font-weight:normal; text-align:center; height:48px; line-height:48px; padding:0;}
.much-section-area .much-right .main-tab-area.type2 .tab li.on {position:relative; background:#f7f7f7; border-bottom:1px solid #f7f7f7;}
.much-section-area .much-right .main-tab-area.type2 .tab li.on:before {content:''; width:100%; background:none; border-top:3px solid #ffd800; position:absolute; left:0; border-radius:0; margin:0; margin-top:-1px}
.much-section-area .much-right .main-tab-area.type2 .box-area {background:#f7f7f7; width:100%; height:522px; border-bottom:0;}
.much-section-area .much-right .main-tab-area.type2 .box-area .box {display:none; height:450px; padding:30px 0px 0 40px;  overflow:hidden;}
.much-section-area .much-right .main-tab-area.type2 .box-area .box.on {display:block;}
.much-section-area .much-right .main-tab-area.type2 .box-scroll {border:0; width:100% !important;  height:500px;}
.much-section-area .much-right .main-tab-area.type2 .box-scroll .inner {padding:0; height:522px; overflow:hidden;}
.much-section-area .much-right .main-tab-area.type2.col2 .tab li {display:table-cell; width:50%}
.much-section-area .much-right .main-tab-area.type2.col2 .tab {margin:70px 0 0;}
.much-section-area .much-right .main-tab-area.type2.col2 .box-area {height:auto; padding-bottom:0;}
.much-section-area .much-right .main-tab-area.type2.col2 .box-area .box {height:416px; padding:20px 30px; box-sizing:border-box;}
.much-section-area .much-right .thumbnail-list {margin-bottom:30px; width:495px;}
.much-section-area .much-right .thumbnail-list li {border-top:1px solid #ebe9ea; }
.much-section-area .much-right .thumbnail-list li:first-child {border-top:0;}
.much-section-area .much-right .thumbnail-list li a {display:block; font-size:18px; padding:8px 0 7px}
.much-section-area .much-right .thumbnail-list li a:after {display:block; content:""; clear:both;}
.much-section-area .much-right .thumbnail-list li:first-child a {padding-top:0;}
.much-section-area .much-right .thumbnail-list li .img {float:left; display:inline-block; position:relative; width:100px; height:54px; margin-right:20px;}
.much-section-area .much-right .thumbnail-list li .img img{margin-right:15px; display:block; width:100px; height:54px;}
.much-section-area .much-right .thumbnail-list li .text {display:block;  float:left; line-height:20px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; width:100%;height:40px; max-height:40px;}
.much-section-area .much-right .thumbnail-list li .img + .text {width:365px; padding-top:5px; line-height:20px; display: block; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; height:40px; max-height:40px;}
.much-section-area .much-right .thumbnail-list li .time-icon {display:inline-block; width:12px; height:12px; background: url(../images/news/icon_time.png) no-repeat 0 0px;}
.much-section-area .much-right .thumbnail-list li .time {display:inline-block; font-size:12px; color:#4f5eaf;  vertical-align: middle;}


.box-list-type{margin-top:30px;}
.box-list-type .title04{margin-bottom:8px;}
.box-list-obj{font-size:16px;line-height:28px;}
.box-list-obj li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box-list-obj li em{display:inline-block;vertical-align:middle;padding:0 5px 3px 0;width:23px;text-align:center;color:#010101;font-family:'roboto', sans-serif;box-sizing:border-box;}
.box-list-obj li:nth-child(1) em,
.box-list-obj li:nth-child(2) em,
.box-list-obj li:nth-child(3) em{color:#4e64dc;font-weight:700;}

.box-bann-img{margin-top:15px;width:300px;}
.box-bann-img .img-area:after{content:'';clear:both;display:block;overflow:hidden;visibility:hidden;}
.box-bann-img .img-area > div{float:left;}
.box-bann-img .img-area > div.img-b{width:224px;height:224px;margin-right:1px;margin-bottom:1px;}
.box-bann-img .img-area > div.img-b img{width:224px;height:224px;}
.box-bann-img .img-area > div.img-s{width:75px;height:74px;margin-bottom:1px;}
.box-bann-img .img-area > div.img-s img{width:75px;height:74px;}

.box-img-type,
.box-plus-type{margin-top:15px;}
/* 171218 css수정(기획요청=뉴스 상세 페이지 우측> 부가 콘텐츠 > 베스트 포토 영역 너비 수정) > 모정훈 */
/*.img-silder.w_add {border:1px solid}
.img-silder.w_add li a{width:200px;height:265px;}
.img-silder.w_add li a img {width:200px;height:170px;}
.img-silder.w_add li a + a{width:99px;height:85px;}
.img-silder.w_add li a + a img {width:99px;height:85px;}
.img-silder.w_add li a + a + a{width:99px;height:85px;}
.img-silder.w_add li a + a + a img{width:99px;height:85px;} */
.img-silder.w_add li {height:300px;}
.img-silder.w_add li a{width:200px;height:300px;}
.img-silder.w_add li a img {width:200px;height:300px;}
.img-silder.w_add li a + a{width:99px;height:150px;}
.img-silder.w_add li a + a img {width:99px;height:150px;}
.img-silder.w_add li a + a + a{width:99px;height:150px;}
.img-silder.w_add li a + a + a img{width:99px;height:150px;}
/* //171218 css수정(기획요청=뉴스 상세 페이지 우측> 부가 콘텐츠 > 베스트 포토 영역 너비 수정) > 모정훈 */
.img-silder{width:300px; }
.img-silder li{position:relative;display:block;height:169px}
.img-silder li img {width:300px; height:169px}
/* 2018-01-22 No Youngil css 수정 */
.img-silder li a:before  {display:block; content:""; text-align:center; color:#fff; background:#35210b; opacity:0.3; position:absolute; top:0; left:0; width:300px; height:100%;}
/* 2018-01-22 No Youngil css 수정// */
.img-silder li:after{content:'';clear:both;display:block;overflow:hidden;visibility:hidden;}
.img-silder li a{float:left;}
.img-silder li a + a{margin-left:1px;}
.img-silder li a + a + a{margin-top:1px;}

.img-silder a div{position:absolute;bottom:18px;left:20px;color:#fff;}
.img-silder a div strong{display:block;font-size:18px;font-weight:500;}
.img-silder a div p{margin-top:1px;font-size:16px;line-height:22px;height:44px;overflow:hidden;}
.img-silder .bx-wrapper .bx-pager.bx-default-pager a{width:8px;height:8px;margin:0 4px;background:#ccc;}
.img-silder .bx-wrapper .bx-pager.bx-default-pager a.active{background:#4f5eaf}
.img-silder .bx-wrapper .bx-pager, 
.img-silder .bx-wrapper .bx-controls-auto{bottom:-9px;text-align:center;}
.img-silder .bx-controls{position:absolute;top:-30px;right:0;width:73px;}
.img-silder .bx-wrapper .bx-controls-direction a{margin-top:-1px;width:16px;height:10px;}
.img-silder .bx-wrapper .bx-prev{left:0;background:url('../images/news/btn_news_leftRight.png') 0 0 no-repeat;}
.img-silder .bx-wrapper .bx-next{right:0;background:url('../images/news/btn_news_leftRight.png') -16px 0 no-repeat;}

.news.sub .right-area,
.land.sub .right-area,
.photo.sub .right-area,
.opinion.sub .right-area{/* position:relative; *//* float:right; */margin-left:880px;margin-top:25px; overflow:hidden;}
.right-area .title04 a{position:relative;float:right;display:block;line-height:30px;width:0px;height:30px;font-weight:400;padding:0;font-size:0;}
.right-area .title04 a:after{content:'+';display:block;position:absolute;top:-6px;right:0px;color:#666;width:21px;height:30px;font-size:30px;}

.right-area .tab-area{width:320px;}
.right-area .tab-area .tabs{padding-top:2px; overflow:hidden;}
.right-area .tab-area .tabs li{position:relative;float:left;overflow:hidden;height:32px;width:33.33333333333%;border-top:1px solid #ebe9ea;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.right-area .tab-area .tabs li + li a{border-left:none;}
.right-area .tab-area .tabs li a{position:absolute;top:0;left:0;display:block;text-align:center;height:30px;line-height:30px;width:100%;overflow:hidden;border-left:1px solid #ebe9ea;border-right:1px solid #ebe9ea;box-sizing:border-box;}
.right-area .tab-area .tabs li.on{border:0;}
.right-area .tab-area .tabs li + li.on{margin-left:-1px;}
.right-area .tab-area .tabs li.on a{height:32px;border:1px solid #999;box-sizing:border-box;}
.right-area .tab-area .tab-body{margin-top:3px;}
.right-area .tab-area .tab-body .tab-cont{font-size:16px;line-height:28px;margin-top:12px;}
.right-area .tab-area .tab-body .tab-cont ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right-area .tab-area .tab-body .tab-cont ul li em{display:inline-block;vertical-align:middle;padding:0 5px 3px 0;width:23px;text-align:center;color:#010101;font-family:'roboto', sans-serif;box-sizing:border-box;}
.right-area .tab-area .tab-body .tab-cont ul li:nth-child(1) em,
.right-area .tab-area .tab-body .tab-cont ul li:nth-child(2) em,
.right-area .tab-area .tab-body .tab-cont ul li:nth-child(3) em{color:#4e64dc;font-weight:700;}

/* 플레이어 재생 끝난 후 뜨는 메세지창 */
.join-service-message {display:block; position:absolute; top:0; left:0; z-index:2; width:100%;/* height:calc(100% - 60px); */ height:100%;text-align:center; background:rgba(0,0,0,1); box-sizing:border-box;}
.join-service-message:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.join-service-message .inner {display:inline-block; vertical-align:middle;}
.join-service-message .inner p.cont {margin-bottom:20px; line-height:24px; font-weight:400; font-size:16px; color:#fff;}

/* 고객센터 > 소개 글 영역 */
.common-intro-area {width:100%; margin-bottom:30px; padding:15px 0 30px; border-bottom:1px solid #ebe9ea;}
.common-intro-area strong.tit {display:block; margin-bottom:10px; line-height:48px; font-weight:700; font-size:25px; color:#333;}
.common-intro-area p {line-height:26px; font-weight:400; font-size:16px; color:#666; word-wrap:break-word; word-break:keep-all}
.common-intro-area.type2 {margin-bottom:0; border-bottom:none;}

/* 쿠폰(공통) */
.coupon-info {position:relative;height:246px;padding:40px 50px 40px 110px;box-sizing:border-box;border:1px solid #ebe9ea;background:url('../images/popup/img_coupon.png') 0 0 no-repeat;}
.coupon-info:after {content:'';display:block;position:absolute;top:20px;right:20px;width:107px;height:18px;background:url('../images/popup/img_logo.png') 0 0 no-repeat;}
.coupon-info .coupon-num {margin-bottom:10px;font-size:20px;color:#000;}
.coupon-info .coupon-tit {margin-bottom:15px;font-size:28px;color:#4f5eaf;}
.coupon-info .coupon-tit span.num {font-family:'roboto', sans-serif;}
.coupon-info .coupon-detail dt {float:left;font-size:16px;font-weight:500;color:#666;}
.coupon-info .coupon-detail dd {padding-left:67px;margin-bottom:4px;font-size:16px;color:#999;}
.coupon-info .coupon-detail dd:before {content:'';display:inline-block;width:1px;height:14px;margin-right:10px;vertical-align:middle;background:#dfdfdf;}


/* Layer Popup */
.popup-layer {display:none;}

/* 레이어 팝업 공통 */
.popup-type1 {display:none;}
.popup-type1 >.inner {position:absolute;left:50%; top:50%; width:640px;margin-left:-320px; z-index:100;box-sizing:border-box;}
.popup-type1::before {content:'';display:block;position:fixed;left:0;top:0;z-index:99;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.popup-type1 h1.title,
.popup-type1 p.title {height:70px; line-height:70px; font-size:26px; color:#fff; font-weight:normal; background:#4f5eaf url(../images/popup/title_bg.png) no-repeat 0 0; box-sizing:border-box; padding:0 30px 0;}
.popup-type1 .content-box {padding:25px 30px 40px;background:#fff;}
.popup-type1 .content-box .division0 {margin:30px 0 30px}
.popup-type1 .pop-close-btn {position:absolute; top:25px; right:30px; font-size:0; display:block; width:19px; height:19px; background: url(../images/popup/close_btn.png) no-repeat 0 0;}
.popup-type1 .content-box .top-txt {font-size:20px; color:#333; text-align:center; margin-bottom:30px;}
.popup-type1 .content-box .bottom-txt {font-size:16px; color:#333; text-align:center; margin-bottom:25px;}
.popup-type1 .content-box .list-type1 {margin-bottom:15px;}
.popup-type1 .content-box .list-type1 li{display:table; background:none; border-bottom:1px solid #ebe9ea; width:100%;  box-sizing:border-box; padding:17px 0 16px; }
.popup-type1 .content-box .list-type1 li strong {width:100px; display:table-cell; font-weight:normal; color:#333;}
.popup-type1 .content-box .list-type1 li select,
.popup-type1 .content-box .list-type1 li input {box-sizing:border-box; height:42px; margin-left:0;}
.popup-type1 .content-box .list-type1 li .notice-txt {margin-top:10px;}
.popup-type1 .content-box .clause-box .check-box {padding:15px 0 10px;}
.popup-type1 .box-button {margin-top:25px}
.popup-type1 .ir-photo {border:1px solid  #ccc; width:160px; height:160px; margin-top:15px}
.popup-type1 .ir-photo img {width:160px; height:160px;}
.popup-type1 .inner p.ctxt {color: #666;line-height: 25px;}
.popup-type1 .inner .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
/* .popup-type1 .inner {display: none;position: absolute;top: 50%;left: 50%; width: 320px;margin:-320px 0 0 -160px;height: auto;background-color: #fff;z-index: 10;} */
.popup-type1 { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none;}  
.popup-type1 .dimBg {position: absolute; top: 0;  left: 0;  width: 100%;  height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.popup-type1 .pop-layer {display: block;}


/* 레이어 팝업 print > 뉴스 > 기사 인쇄하기 
.popup-type1.print > .inner {width:840px; margin-left:-420px;}
.popup-type1.print > .inner .btn-area {width:100%;}
.popup-type1.print > .inner .btn-area:after {content:''; display:block; clear:both;}
.popup-type1.print > .inner .btn-area .box-util-links {height:auto; line-height:0;}
.popup-type1.print > .inner .btn-area .box-util-links .btn-print {margin:0;}
.popup-type1.print > .inner .main-head {padding-bottom:20px; border-bottom:1px solid #ebe9ea;}
.popup-type1.print > .inner .main-head span.date {display:inline-block; line-height:18px; font-weight:300; font-size:14px; color:#999;}
.popup-type1.print > .inner .main-head strong.tit {display:block; width:100%; line-height:50px; font-weight:700; font-size:34px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.popup-type1.print > .inner .sub-head {position:relative; max-height:64px; margin:25px 0; padding:0 20px 0 24px; font-size:22px; color:#000;}
.popup-type1.print > .inner .sub-head:after {content:''; display:block; position:absolute; top:5px; left:0; width:4px; height:53px; background:#ffd800;}
.popup-type1.print > .inner .img-area {width:780px; height:404px; margin-bottom:25px;}
.popup-type1.print > .inner .img-area img {width:780px; height:404px;}
.popup-type1.print > .inner p.cont {line-height:28px; font-weight:300; font-size:18px; color:#000; word-wrap:break-word; word-break:keep-all}
.popup-type1.print > .inner .info-reporter {margin-top:40px; line-height:28px; font-weight:300; font-size:16px; color:#000;}
.popup-type1.print > .inner .copyright {line-height:34px; font-weight:300; font-size:14px; color:#999;}
*/


.popup-type1.print { position: absolute; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; display: none;}  
.popup-type1.print .inner {width:840px; margin-left:-420px;}
.news-cont-area.print .btn-area {width:100%;}
.news-cont-area.print .btn-area:after {content:''; display:block; clear:both;}
.news-cont-area.print .btn-area .box-util-links {height:auto; line-height:0;}
.news-cont-area.print .btn-area .box-util-links .btn-print {margin:0;}
.news-cont-area.print .main-head {padding-bottom:20px; border-bottom:1px solid #ebe9ea;}
.news-cont-area.print .main-head span.date {display:inline-block; line-height:18px; font-weight:300; font-size:14px; color:#999;}
.news-cont-area.print .main-head strong.tit {display:block; width:100%; line-height:50px; font-weight:700; font-size:34px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-cont-area.print .sub-head {position:relative; max-height:64px; margin:25px 0; padding:0 20px 0 24px; font-size:22px; color:#000;}
.news-cont-area.print .sub-head:after {content:''; display:block; position:absolute; top:5px; left:0; width:4px; height:53px; background:#ffd800;}
.news-cont-area.print .img-area {width:780px; height:404px; margin-bottom:25px;}
.news-cont-area.print .img-area img {width:780px; height:404px;}
.news-cont-area.print p.cont {line-height:28px; font-weight:300; font-size:18px; color:#000; word-wrap:break-word; word-break:keep-all}
.news-cont-area.print .info-reporter {margin-top:40px; line-height:28px; font-weight:300; font-size:16px; color:#000;}
.news-cont-area.print .copyright {line-height:34px; font-weight:300; font-size:14px; color:#999;}



/* 레이어 팝업 calender */
.popup-type1.calender >.inner {width:970px; margin-left:-485px;}
.popup-type1.calender .content-box  {padding:0;}
.popup-type1.calender .pop-close-btn {top:105px; right:20px; z-index:1; width:40px; height:40px; background:url(../images/login/btn_close_layer.png) no-repeat 50%;}
.popup-type1.calender .sign-guide {position:absolute; top:105px; left:20px; z-index:1; font-size:0;}
.popup-type1.calender .sign-guide .cal-sign {display:block; position:relative; padding-left:40px; height:15px; line-height:13px; vertical-align:middle; font-weight:400; font-size:12px; color:#666;}
.popup-type1.calender .sign-guide .cal-sign + .cal-sign {margin-top:5px;} 
.popup-type1.calender .sign-guide .cal-sign:after {content:''; display:block; position:absolute; top:0; left:0; width:30px; height:15px;}
.popup-type1.calender .sign-guide .cal-sign.stock:after {content:''; background:#f17f7f;}
.popup-type1.calender .sign-guide .cal-sign.event:after {content:''; background:#6ca5dc;}

.popup-type1.calender h1.title {background:none; font-size:0;}
.popup-type1.calender .top-year {position:relative;}
.popup-type1.calender .top-year .year {width:350px; margin:0px auto; text-align:center; position:relative; font-size:24px; padding:50px 0 30px; }
.popup-type1.calender .top-year .top-today {position:absolute; top:60px; left:40px; color:#505eaf; opacity:0.1;}
.popup-type1.calender .top-year .top-today span {display:inline-block; margin-left:10px;color:#888;}
.popup-type1.calender .top-year .arrow-left a{position:absolute; top:60px; left:0; display:block; background: url(../images/popup/schedule_arrow_left.png) no-repeat 0 center; width:7px; height:12px;}
.popup-type1.calender .top-year .arrow-right a{position:absolute; top:60px; right:0; display:block; background: url(../images/popup/schedule_arrow_right.png) no-repeat 0 center; width:7px; height:12px;}
/* .popup-type1.calender .top-year .arrow-left a{background: url(../images/popup/schedule_arrow_left.png) no-repeat 0 center; }
.popup-type1.calender .top-year .arrow-right a{background: url(../images/popup/schedule_arrow_right.png) no-repeat 0 center;} */
.popup-type1.calender .calender-table {border:1px solid #ebeaea;}
.popup-type1.calender .calender-table thead th {height:55px;border-top:1px solid #ebeaea; border-bottom:1px solid #ebeaea; color:#999; font-size:14px; font-weight:normal}
.popup-type1.calender .calender-table thead th.sat {color:#6ba5dc;}
.popup-type1.calender .calender-table thead th.sun {color:#f17f7f;}
.popup-type1.calender .calender-table tbody td {border:1px solid #ebeaea; height:138px; vertical-align:top; position:relative;}
.popup-type1.calender .calender-table tbody td:first-child {border-left:0;}
.popup-type1.calender .calender-table tbody td:last-child {border-right:0;}
.popup-type1.calender .calender-table tbody td.today {background:#eef2f7;}
.popup-type1.calender .calender-table tbody td.today .num{color:#505eaf;}
.popup-type1.calender .calender-table .num {font-size:16px; color:#333; position:absolute; top:14px; left:20px;}
.popup-type1.calender .calender-table .num.gray {color:#ccc;}
.popup-type1.calender .calender-table .schedule {margin:50px 0 15px 15px;}
.popup-type1.calender .calender-table .schedule li a {display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; box-sizing:border-box; width:110px; background: url(../images/popup/schedule_dot01.png) no-repeat 0 center; padding-left:15px; color:#f17f7f; font-size:16px}
.popup-type1.calender .calender-table .schedule li.blue a { background: url(../images/popup/schedule_dot02.png) no-repeat 0 center;  color:#6ca5dc;}

/* 마이와우 쿠폰 */
.popup-type1.coupon .inner {position:absolute;left:50%;top:50%;margin-top:-248px;z-index:100;box-sizing:border-box;background:#fff;border:1px solid #ebe9ea;}
.popup-type1.coupon .box-title {margin:0;padding:0;border-bottom:1px solid #ebe9ea;}
.popup-type1.coupon .box-title h1 {margin:0;padding:0;width:auto;height:78px;line-height:78px;font-size:28px;color:#4f5eaf;font-weight:400;text-align:center;background:#fff;}
.popup-type1.coupon .contain-content {width:100% !important;padding:40px 30px;box-sizing:border-box;}
.popup-type1.coupon .btn-close-popup {position:absolute;right:20px;top:20px;width:40px;height:40px;background:url('../images/popup/close_btn_type2.png') no-repeat 50%;overflow:hidden;}
.popup-type1.coupon .btn-close-popup button {display:block;width:40px;height:40px;text-indent:-1000px;}
.popup-type1.coupon .pop-tit {margin-bottom:40px;font-size:16px;font-weight:bold;color:#000;text-align:center;}
.popup-type1.coupon .pop-sub {display:block;font-weight:normal;color:#666;}
.popup-type1.coupon .coupon-info {position:relative;height:246px;padding:40px 50px 40px 110px;box-sizing:border-box;border:1px solid #ebe9ea;background:url('../images/popup/img_coupon.png') 0 0 no-repeat;}
.popup-type1.coupon .coupon-info:after {content:'';display:block;position:absolute;top:20px;right:20px;width:107px;height:18px;background:url('../images/popup/img_logo.png') 0 0 no-repeat;}
.popup-type1.coupon .coupon-num {margin-bottom:10px;font-size:20px;color:#000;}
.popup-type1.coupon .coupon-tit {margin-bottom:15px;font-size:28px;color:#4f5eaf;}
.popup-type1.coupon hr {border-color:#ebe9ea;}
.popup-type1.coupon .coupon-detail dt {float:left;font-size:16px;font-weight:500;color:#666;}
.popup-type1.coupon .coupon-detail dd {padding-left:67px;margin-bottom:4px;font-size:16px;color:#999;}
.popup-type1.coupon .coupon-detail dd:before {content:'';display:inline-block;width:1px;height:14px;margin-right:10px;vertical-align:middle;background:#dfdfdf;}

.popup-type1 .box-cont2{font-size:16px; margin-bottom:20px;}
.popup-type1 .space {display:inline-block; width:35px; text-align:center;}






/* TV window popup */
.window-pop {width:640px; }


/* 메인 팝업2 */
.window-pop .content-box .top-txt{text-align:left;font-weight:bold;margin-bottom:12px;}
.window-pop .content-box .mypin-info{color:#666;margin-bottom:26px;}
.window-pop .box-desc strong.sub-tit {display:block; margin-bottom:12px; text-align:left; font-weight:bold; font-size:20px; color:#333;}
.window-pop .box-desc p.cont-info {padding-bottom:26px; font-size:16px; color:#666;}
.window-pop .content-box .list-type1 li [class^='btn'] {height:40px;}
.window-pop .content-box .list-type1 li [class^='btn'] a {height:40px; line-height:38px; padding:0 20px; vertical-align:middle;}
.window-pop .content-box .list-type1 li select {padding-left:20px; font-family:'Noto Sans CJK TC', sans-serif; font-size:16px; color:#000; background:#fff url(../images/common/img_form_selectbox.png) no-repeat 99% 50%;}
.window-pop .content-box .list-type1 li input[type="text"] {padding-left:20px;}
.window-pop .content-box .list-type1 li input::-webkit-input-placeholder {color:#999;}
.window-pop .content-box .list-type1 li input::-webkit-input-placeholder {color:#999;}
.window-pop .content-box .list-type1 li input:-ms-input-placeholder {color:#999;}
.window-pop .content-box .list-type1 li .search-local.date {vertical-align:middle;}
.window-pop .content-box .list-type1 li .inp-area {display:inline-block; width:100%; vertical-align:middle;}
.window-pop .content-box .list-type1 li .inp-area:after {content:""; display:block; clear:both;}
.window-pop .content-box .list-type1 li .inp-area > * {float:left;}
.window-pop .content-box .list-type1 li .inp-area select {float:left;}
.window-pop .content-box .list-type1 li .inp-area select + select {margin-left:10px;}
.window-pop .content-box .list-type1 li .inp-area > input[type="text"] + select,
.window-pop .content-box .list-type1 li .inp-area > select + input[type="text"] {margin-left:10px;}
.window-pop .content-box .list-type1 li .inp-area > input[type="text"] {border:1px solid #ccc;}
.window-pop .content-box .list-type1 li .inp-area span.hyphen {display:inline-block; position:relative; width:24px; height:42px; /* line-height:42px; vertical-align:middle; text-align:center; */ text-indent:-99999em; font-size:0; /* color:#ccc; */}
.window-pop .content-box .list-type1 li .inp-area span.hyphen:after {content:""; display:block; position:absolute; top:22px; left:50%; width:10px; height:1px; margin-left:-5px; background:#ccc;}
.window-pop .content-box .list-type1 li .inp-area.post input[type="text"] + .btn-type4 {margin-left:10px;}
.window-pop .content-box .list-type1 li .inp-area.post input[type="text"].post-detail {margin-top:10px;} 
.window-pop .content-box .list-type1 li .inp-area.email span.at {display:inline-block; width:36px; height:42px; line-height:42px; vertical-align:middle; text-align:center; color:#000;}
.window-pop .content-box .list-type1 li .inp-area.file-box input[type="text"] + label.btn-type4.file {margin-left:10px;}
.window-pop .content-box .list-type1 li .inp-area.file-box label.btn-type4.file span {display:block; min-width:50px; height:40px; margin:0; padding:0 20px; line-height:38px; vertical-align:middle; text-align:center; font-size:14px; color:#666; box-sizing:border-box;}
.window-pop .content-box .list-type1 li .inp-area.file-box input[type="file"] {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0}
.window-pop .content-box .list-type1 li .inp-area.text-area {position:relative;}
.window-pop .content-box .list-type1 li .inp-area.text-area textarea {display:inline-block; vertical-align:middle; width:100%; padding:15px 20px; font-size:16px; color:#999; line-height:1.5em; border:1px solid #ccc; background-color:transparent; box-sizing:border-box; overflow-x:hidden; overflow-y:hidden; resize:none}
.window-pop .content-box .list-type1 li .inp-area.text-area span.type-limit {position:absolute; bottom:10px; right:10px;}
.window-pop .content-box .list-type1 li.type-radio {padding-bottom:0;}
.window-pop .content-box .list-type1 li.type-radio strong {display:block; width:100%; line-height:1em; margin-bottom:10px;}
.window-pop .content-box .list-type1 li.type-radio .inp-area {display:block; height:88px; line-height:87px; vertical-align:middle; text-align:center; border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background:#fafafa; box-sizing:border-box;}
.window-pop .content-box .list-type1 li.type-radio .inp-area > label.radio {float:none; vertical-align:middle;}
.window-pop .content-box .list-type1 li.type-radio .inp-area > label.radio + label.radio {margin-left:75px;}
.window-pop .content-box .text-notice-type1 {position:relative; padding:0 0 0 16px; font-size:14px; color:#666; word-wrap:break-word; word-break:keep-all}
.window-pop .content-box .text-notice-type1:before {content:"※"; position:absolute; left:0; top:0; color:inherit;}
/* 메인 팝업1 */
.window-pop .content-box .list-type2 strong.tit {display:block; font-weight:500; font-size:16px; color:#333}
.window-pop .content-box .list-type2 ul li {position:relative; margin:7px 0; font-size:14px; color:#333; background:none;}
.window-pop .content-box .list-type2 ul li:after {content:""; display:block; position:absolute; top:10px; left:0; width:2px; height:2px; border-radius:100%; background:#333;}
.window-pop .content-box .list-type2 + .box-information1 {margin-top:25px; padding:30px;}
.window-pop .content-box .list-type2 ul + strong.tit {margin-top:25px;}
.window-pop .content-box .list-type2 ul + p.text-notice-type1 {margin-top:20px;}
.window-pop .content-box p.cont-info a {color:#4f5eaf;}
.window-pop .content-box p.cont-info span.text-notice-type1 {display:block; margin-top:10px;}
.window-pop .content-box .check-box {margin:20px 0;}
.window-pop .content-box input + .checkbox {margin-left:10px; vertical-align:middle;} 

.window-pop .content-box {padding:25px 30px 40px;background:#fff;}
.window-pop .content-box .division0 {margin:30px 0 30px}
.window-pop .pop-close-btn {position:absolute; top:25px; right:30px; font-size:0; display:block; width:19px; height:19px; background: url(../images/popup/close_btn.png) no-repeat 0 0;}
.window-pop .content-box .top-txt {font-size:20px; color:#333; text-align:center; margin-bottom:30px;}
.window-pop .content-box .bottom-txt {font-size:16px; color:#333; text-align:center; margin-bottom:25px;}
.window-pop .content-box .list-type1 {margin-bottom:15px;}
.window-pop .content-box .list-type1 li{display:table; background:none; border-bottom:1px solid #ebe9ea; width:100%;  box-sizing:border-box; padding:17px 0 16px; }
.window-pop .content-box .list-type1 li strong {width:100px; display:table-cell; font-weight:normal; color:#333;}
.window-pop .content-box .list-type1 li select,
.window-pop .content-box .list-type1 li input {box-sizing:border-box; height:42px; margin-left:0;}
.window-pop .content-box .list-type1 li .notice-txt {margin-top:10px;}
.window-pop .content-box .clause-box .check-box {padding:15px 0 10px;}















.pop-top-box {background:#eef1f6; text-align:center; padding:30px 0 40px; color:#4f5eaf; }
.pop-top-box .top-box {font-size:20px; display:inline-block;  padding:0 60px 0; margin:25px auto; position:relative; }
.pop-top-box .top-box.single {padding-top:13px;}
.pop-top-box .top-box:before {background:url('../images/popup/top_box_bg.png') left 0 no-repeat; position:absolute; left:0; top:0; content: ""; display:block; width:14px; height:58px;}
.pop-top-box .top-box:after {background:url('../images/popup/top_box_bg02.png') left 0 no-repeat; position:absolute; right:0; top:0; content: ""; display:block;  width:14px; height:58px;}


.pop-top-box .top-box strong.num {font-family:'roboto', sans-serif; font-weight:600;}
.pop-top-box .top-box span {font-size:14px;}
.pop-top-box .top-box.type2 {margin:25px auto 0; padding:0 80px 0 35px; text-align:left; font-size:18px;}
.pop-top-box .top-box.type2:before {background:url('../images/popup/top_box_bg01_type2.png') left 0 no-repeat; position:absolute; left:0; top:0; content: ""; display:block; width:19px; height:83px;} 
.pop-top-box .top-box.type2:after {background:url('../images/popup/top_box_bg02_type2.png') left 0 no-repeat; position:absolute; right:0; top:0; content: ""; display:block;  width:19px; height:83px;}


/* -------------------- 동영상 시스템 popup --------------------------------- */
/*.wrap-popup{padding:20px 30px;width:843px;box-sizing:border-box;}*/
.wrap-popup{padding:0px 30px 20px;width:843px;box-sizing:border-box;}
/*.wrap-popup .tab-area{position:relative;margin-bottom:22px;}*/
.wrap-popup .tab-area{position:relative;margin-bottom:10px;}
.wrap-popup .tab-area ul.tabs{border-bottom:1px solid #999;}
.wrap-popup .tab-area ul.tabs li{position:relative;float:left;height:39px;text-align:center;}
.wrap-popup .tab-area ul.tabs li a{display:block;width:154px;height:39px;line-height:39px;color:#000;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;box-sizing:border-box;}
.wrap-popup .tab-area ul.tabs li + li a{border-left:0;width:150px;}
.wrap-popup .tab-area ul.tabs li.on a{height:40px;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #fff;border-right:1px solid #999;background:#fff;}
.wrap-popup .tab-area ul.tabs li + li.on a{margin-left:-1px;width:151px;}
.wrap-popup .tab-area a.expert-tab {position:absolute;bottom:1px;left:304px; display:block;width:150px;height:39px;text-align:center;line-height:39px;color:#000;border-top:1px solid #ccc;border-left:0;border-right:1px solid #ccc;box-sizing:border-box;}


.wrap-popup .tab-area .aside-area{position:absolute;bottom:5px;right:0;}

.wrap-popup .aside-area ul li{float:left;}
.wrap-popup .aside-area ul li a{position:relative;color:#747474;margin-left:9px;padding-left:10px;}
.wrap-popup .aside-area ul li + li a:after{content:'';display:block;position:absolute;top:5px;left:0;width:1px;height:13px;background:#ccc;}

/* .wrap-popup .ci-area .bg-ci{float:left;} */
.wrap-popup .ci-area .aside-area{float:right;}
.wrap-popup .bg-ci{position:relative;width:135px;height:34px;text-indent:-9999999em;background:url('../images/common/img_logo_small.png') 0 0 no-repeat; display:none;}
.wrap-popup .bg-ci:after{content:'';display:block;position:absolute;top:2px;left:138px;width:44px;height:20px;background:url('../images/popup/arrow_hd.png') 0 0 no-repeat;}

.wrap-popup .aside-tit .tit-area{position:relative;float:left;padding-left:19px;margin-top:4px;}
.wrap-popup .aside-tit .tit-area.bottom {margin-bottom:5px;}
.wrap-popup .aside-tit .tit-area .title02{margin-bottom:1px;}
.wrap-popup .aside-tit .tit-area.bottom .title02 {margin-bottom:0px;}
/*.wrap-popup .aside-tit .tit-area:after{content:'';display:block;position:absolute;top:7px;left:0;width:4px;height:41px;background:#ffd800;}*/
.wrap-popup .aside-tit .tit-area:after{content:'';display:block;position:absolute;top:0px;left:0;width:4px;height:100%;background:#ffd800;}
.wrap-popup .aside-tit .tit-area.bottom:after {background:#222}
.wrap-popup .aside-tit .tit-area > div strong{display:inline-block;}
.wrap-popup .aside-tit .tit-area > div span + strong{margin-left:15px;}
.wrap-popup .aside-tit .obj-area{float:right;text-align:right;}

.wrap-popup .movie-area{overflow:hidden;width:783px; max-height:380px;margin-top:9px;}
.wrap-popup .movie-area .seco-movie{position:relative; float:left;overflow:hidden;width:474px;height:267px;}
.wrap-popup .movie-area .seco-movie img{width:513px;height:267px;}
.wrap-popup .movie-area .seco-movie .play-program-area {position:absolute; top:0; left:0; z-index:2; width:100%; height:calc(100% - 40px); padding:30px 20px 0; background:rgba(0,0,0,1); box-sizing:border-box;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner {position:relative; width:100%; height:100%;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li {float:right; width:160px; height:90px; overflow:hidden; margin-top: 50px;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li:nth-child(2n-1) {float:left;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li:nth-child(3),
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li:nth-child(4) {margin-top:5px;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li a {display:block; position:relative; width:100%; height:100%;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li a:after {content:''; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.4;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li span.box-icon {position:absolute; top:0; bottom:0; z-index:3;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li img {display:block; width:100%; height:100%;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner .list-play-program ul li span.cont {display:block; position:absolute; left:20px; bottom:10px; z-index:3; width:calc(100% - 40px); max-height:40px; line-height:20px; font-weight:400; font-size:14px; color:#fff; overflow:hidden;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner a.play-btn {display:block; position:absolute; top:50%; left:50%; z-index:4; width:78px; height:78px; margin:-39px 0 0 -39px; text-indent:-99999px; font-size:0; border-radius:100%; overflow:hidden;}
.wrap-popup .movie-area .seco-movie .play-program-area .inner a.play-btn img {display:block; width:100%; height:100%;}
.wrap-popup .movie-area .seco-movie .join-service-message {height:calc(100% - 40px);}
.wrap-popup .movie-area .advert-area{float:right;width:270px;height:270px;padding:0;box-sizing:border-box;background:#f4f4f4;}

.wrap-popup .movie-area.big{height:405px;}
.wrap-popup .movie-area.big .seco-movie{width:723px;height:405px; margin:0 30px;}
.wrap-popup .movie-area.big .seco-movie img{width:723px;height:405px;}
.wrap-popup .movie-area.big .seco-movie .play-program-area {height:calc(100% - 46px); padding:50px 40px 0;}
.wrap-popup .movie-area.big .seco-movie .play-program-area .inner .list-play-program ul li {width:228px; height:129px; margin-top:75px;}
.wrap-popup .movie-area.big .seco-movie .play-program-area .inner .list-play-program ul li:nth-child(3),
.wrap-popup .movie-area.big .seco-movie .play-program-area .inner .list-play-program ul li:nth-child(4) {margin-top:10px;}
.wrap-popup .movie-area.big .seco-movie .play-program-area .inner a.play-btn {width:110px; height:110px; margin:-55px 0 0 -55px;} 
.wrap-popup .movie-area.big .seco-movie .join-service-message {height:calc(100% - 60px);}
.wrap-popup .movie-area.big .advert-area {display:none;}

/* 20180308 동영상 레이어 추가 */
.arti-video .play-program-area {position:absolute; top:0; left:0; z-index:2; width:100%; height:calc(100% - 46px);  padding:30px 20px 0; background:rgba(0,0,0,1); box-sizing:border-box;}
.arti-video .play-program-area .inner {position:relative; width:100%; height:100%;}
.arti-video .play-program-area .inner .list-play-program ul li {float:right; width:320px; height:180px; overflow:hidden; margin-top:135px; margin-right: 20px;}
.arti-video.video-view .play-program-area .inner .list-play-program ul li {width:480px; height:260px; margin-top:175px;}
.arti-video .play-program-area .inner .list-play-program ul li:nth-child(2n-1) {float:left; margin-left:20px;}
.arti-video .play-program-area .inner .list-play-program ul li:nth-child(3),
.arti-video .play-program-area .inner .list-play-program ul li:nth-child(4) {margin-top:70px;}
.arti-video .play-program-area .inner .list-play-program ul li a {display:block; position:relative; width:100%; height:100%;}
.arti-video .play-program-area .inner .list-play-program ul li a:after {content:''; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.4;}
.arti-video .play-program-area .inner .list-play-program ul li span.box-icon {position:absolute; top:0; bottom:0; z-index:3;}
.arti-video .play-program-area .inner .list-play-program ul li img {display:block; width:100%; height:100%;}
.arti-video .play-program-area .inner .list-play-program ul li span.cont {display:block; position:absolute; left:20px; bottom:10px; z-index:3; width:calc(100% - 40px); max-height:40px; line-height:20px; font-weight:400; font-size:14px; color:#fff; overflow:hidden;}
.arti-video .play-program-area .inner a.play-btn {display:block; position:absolute; top:50%; left:50%; z-index:4; width:78px; height:78px; margin:-39px 0 0 -39px; text-indent:-99999px; font-size:0; border-radius:100%; overflow:hidden;}
.arti-video.video-view .play-program-area .inner a.play-btn {margin-top:-58px;}
.arti-video .play-program-area .inner a.play-btn img {display:block; width:100%; height:100%;}
/* //20180308 동영상 레이어 추가 */

/* 20180308 동영상 레이어 추가 */
.left-section .top-news-area .movie-area .play-program-area {position:absolute; top:0; left:0; z-index:2; width:100%; height:calc(100% - 40px);  padding:30px 20px 0; background:rgba(0,0,0,1); box-sizing:border-box;}
.left-section .top-news-area .movie-area .play-program-area .inner {position:relative; width:100%; height:100%;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li {float:right; width:135px; height:65px; overflow:hidden; margin-top: 40px;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li:nth-child(2n-1) {float:left;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li:nth-child(3),
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li:nth-child(4) {margin-top:10px;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li a {display:block; position:relative; width:100%; height:100%;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li a:after {content:''; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.4;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li span.box-icon {position:absolute; top:0; bottom:0; z-index:3;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li img {display:block; width:100%; height:100%;}
.left-section .top-news-area .movie-area .play-program-area .inner .list-play-program ul li span.cont {display:block; position:absolute; left:20px; bottom:10px; z-index:3; width:calc(100% - 40px); max-height:40px; line-height:20px; font-weight:400; font-size:14px; color:#fff; overflow:hidden;}
.left-section .top-news-area .movie-area .play-program-area .inner a.play-btn {display:block; position:absolute; top:50%; left:50%; z-index:4; width:50px; height:50px; margin:-35px 0 0 -25px; text-indent:-99999px; font-size:0; border-radius:100%; overflow:hidden;}
.left-section .top-news-area .movie-area .play-program-area .inner a.play-btn img {display:block; width:100%; height:100%;}
/* //20180308 동영상 레이어 추가 */

.wrap-popup .movie-slider{margin-top:21px; width:780px;}
.wrap-popup .movie-slider ul li{float:left;width:136px;margin-right:25px;line-height:16px;font-size:12px;}
.wrap-popup .movie-slider ul li:nth-child(5n){margin-right:0;}
.wrap-popup .movie-slider ul li p{padding-top:5px;}
.wrap-popup .movie-slider ul li img {width:136px; height:77px;}
.wrap-popup .movie-slider .bx-wrapper .bx-controls-direction a{width:30px;height:30px;margin-top:-30px;}
.wrap-popup .movie-slider .bx-wrapper .bx-prev{left:-30px;background:url('../images/popup/btn_p_prevNext.png') 0 0 no-repeat;}
.wrap-popup .movie-slider .bx-wrapper .bx-next{right:-30px;background:url('../images/popup/btn_p_prevNext.png') -30px 0 no-repeat;}


.adv-v-slider{margin-top:20px;}
.adv-v-slider .bx-wrapper .bx-controls-direction a{width:31px;margin-top:0;}
.adv-v-slider .bx-wrapper .bx-prev{top:0;left:auto;right:-31px;height:46px;background:url('../images/popup/btn_p_prevNext01.png') 0 0 no-repeat;}
.adv-v-slider .bx-wrapper .bx-next{top:46px;right:-31px;height:47px;background:url('../images/popup/btn_p_prevNext01.png') 0 -46px no-repeat;}



.box-bann-movie{position:fixed;bottom:0;left:0;overflow:hidden;width:362px;height:295px;background:#525faa;z-index:10}/*2018-03-07 우측하단 => 좌측하단으로 변경*/
.box-bann-movie .cont{position:relative;padding:18px 14px 20px;}
.box-bann-movie .cont strong{display:block;width:calc(100% - 40px);font-size:18px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box-bann-movie .cont .btn-movie-close{position:absolute;top:0;right:0;display:block;width:60px;height:60px;text-indent:-99999em;background:url('../images/common/btn_close_movie_bann.png') center center no-repeat;}/*2018-03-07 cursor 추가*/
.box-bann-movie .cont .movie-view{width:322px;height:225px;padding-top:8px;}


/* 20180314 동영상 레이어 추가 */
.box-bann-movie .cont .movie-view .play-program-area {position:absolute; top:22px; left:0; z-index:2; width:322px; height:calc(100% - 119px);  margin:30px 20px 0; background:rgba(0,0,0,1); box-sizing:border-box;}  ..box-bann-movie .cont .movie-view .play-program-area .inner {position:relative; width:100%; height:100%;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li {float:right; width:110px; height:70px; overflow:hidden;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li:nth-child(2n-1) {float:left;margin-left:10px;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li:nth-child(2n) {margin-right:10px;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li:nth-child(1),
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li:nth-child(2) {margin-top:10px;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li:nth-child(3),
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li:nth-child(4) {margin-top:20px;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li a {display:block; position:relative; width:100%; height:100%;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li a:after {content:''; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.4;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li span.box-icon {position:absolute; top:0; bottom:0; z-index:3;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li img {display:block; width:100%; height:100%;}
.box-bann-movie .cont .movie-view .play-program-area .inner .list-play-program ul li span.cont {display:block; position:absolute; left:20px; bottom:10px; z-index:3; width:calc(100% - 40px); max-height:40px; line-height:20px; font-weight:400; font-size:14px; color:#fff; overflow:hidden;}
.box-bann-movie .cont .movie-view .play-program-area .inner a.play-btn {display:block; position:absolute; top:50%; left:50%; z-index:4; width:50px; height:50px; margin:-25px 0 0 -25px; text-indent:-99999px; font-size:0; border-radius:100%; overflow:hidden;}
.box-bann-movie .cont .movie-view.video-view .play-program-area .inner a.play-btn {margin-top:-58px;}
.box-bann-movie .cont .movie-view .play-program-area .inner a.play-btn img {display:block; width:100%; height:100%;}
/* //20180314 동영상 레이어 추가 */




@media all and (max-width:1380px){
  .quickMenu {display:none;}
}





#whole-wrap {min-width:1420px; width:100%; /*position:relative;*/ }

/* quick Menu */
.quickMenu{position:absolute;top:360px;left:50%; margin-left:640px; right:0; width:90px;z-index:4;}

.quickMenu > div{padding:20px;background:#eef1f6;}
.quickMenu > div > ul{height:50px;overflow:hidden;}
.quickMenu > div > div{position:absolute;top:90px;left:-360px;}
.quickMenu > div > div > div{display:none;}
.quickMenu > div > div > div{width:380px;}
.quickMenu > div > div > div .tit-quick{padding-left:20px;font-size:18px;line-height:50px;color:#fff;font-weight:500;height:50px;background:#4f5eaf}
.quickMenu > div > div > div .tit-quick:after{content:"";display:inline-block;margin-left:15px;width:8px;height:11px;background:url('../images/common/btn-tit-quick.png'); background-position:0 0;background-repeat:no-repeat;}
.quickMenu > div > div > div .tit-quick.type01{color:#4f5eaf;background:#ffd800}
.quickMenu > div > div > div .tit-quick.type01:after{background:url('../images/common/btn-tit-quick01.png');}
.quickMenu > div > div > div .tit-quick.type02{background:#32b7c7}
.quickMenu > div > div > div .quick-cont{padding:13px 24px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#fff;box-sizing:border-box}
.quickMenu > div > div > div .quick-cont .no-data{text-align:center;min-height:100px;padding-top:25px;box-sizing:border-box;}
.quickMenu > div > div > div .quick-cont .box-keyword{float:none}
.quickMenu > div > div > div .quick-cont .box-keyword span{margin:0 2px 5px 0;padding:0 13px 0 20px;font-size:13px;height:28px;line-height:28px;cursor:pointer;}
.quickMenu > div > div > div .quick-cont .box-keyword span:after{top:1px;left:11px}
.quickMenu > div > div > div .quick-cont .tab-listType1{margin:8px 0 0 55px;}
.quickMenu > div > div > div .quick-cont .tab-listType1 .box li .img-cont{padding-top:8px;font-size:16px;}
.quickMenu > div > div > div .quick-cont .tab-body .tab-cont{display:none;}
.quickMenu > div > div > div .quick-cont .tab-body .tab-cont.on{display:block;}
.quickMenu > div > div > div .quick-cont .tab-body .tab-cont:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.quickMenu > div > div > div .quick-cont .tab-body .tab-cont .img-cont{display:block;float:left;width:152px;margin-right:20px;padding-bottom:15px;}
.quickMenu > div > div > div .quick-cont .tab-body .tab-cont .img-cont:nth-child(2n){margin-right:0}
.quickMenu > div > div > div .quick-cont .img-cont .img-area{position:relative;}
.quickMenu > div > div > div .quick-cont .img-area img{width:152px;height:85px;}
.quickMenu > div > div > div .quick-cont .img-cont .img-area .box-icon{position:absolute;top:0;left:0;}
.quickMenu > div > div > div .quick-cont .img-cont .title-txt {width:204px; overflow:hidden; display:block;  text-overflow: ellipsis; white-space: nowrap;}
.quickMenu > div > div > div .quick-cont .img-cont .title-txt .title{ display:inline-block; font-size:16px;}
/*.quickMenu > div > div > div .quick-cont .img-cont .title-txt .title:after {display:inline-block; content:""; width:1px; height:12px; background:#d2d2d2; margin-left:7px; margin-right:5px;}*/
.quickMenu > div > div > div .quick-cont .img-cont .txt{overflow:hidden;height:40px;padding-top:5px; display:inline-block;}

.quickMenu > div > div > div .quick-cont.type01{padding:0}
.quickMenu > div > div > div .quick-cont .box-blue{text-align:center;/* height:215px; */background:#eef1f6;border-top:1px solid #ccc}
.quickMenu > div > div > div .quick-cont .box-blue:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.quickMenu > div > div > div .quick-cont .box-blue .grade-area{float:left;display:inline-block;margin:0 20px;width:110px;height:95px;text-indent:-999999999em;background-size:46px auto;background-position:center; background-repeat:no-repeat;font-size:0;border-radius:100%;}
.quickMenu > div > div > div .quick-cont .box-blue .grade-area.family{background-image:url(../images/mywow/ico_grade_family.png);}
.quickMenu > div > div > div .quick-cont .box-blue .grade-area.vip{background-image:url(../images/mywow/ico_grade_vip.png);}
.quickMenu > div > div > div .quick-cont .box-blue .grade-area.vvip{background-image:url(../images/mywow/ico_grade_vvip.png);}
.quickMenu > div > div > div .quick-cont .box-blue .txt{float:left;font-size:16px;width:200px;text-align:left;margin-top:20px;}
.quickMenu > div > div > div .quick-cont .box-blue .txt strong{font-size:18px}
.quickMenu > div > div > div .quick-cont .list-type-quick li{min-height:56px;padding:16px 20px 6px;border-bottom:1px solid #ccc;box-sizing:border-box;}
.quickMenu > div > div > div .quick-cont .list-type-quick li:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.quickMenu > div > div > div .quick-cont .list-type-quick li .txt-area{float:left;width:calc(100% - 85px)}
.quickMenu > div > div > div .quick-cont .list-type-quick li .txt-area .aside{font-size:16px;}
.quickMenu > div > div > div .quick-cont .list-type-quick li a{display:block;color:#4f5eaf}
.quickMenu > div > div > div .quick-cont .list-type-quick li strong{display:inline-block;vertical-align:middle;padding-bottom:6px;font-size:22px;font-family:'roboto', sans-serif;}
.quickMenu > div > div > div .quick-cont .list-type-quick li .fr{float:right;}
.quickMenu > div > div > div .quick-cont .list-type-quick li .btn-area{margin-top:8px}
.quickMenu > div > div > div .quick-cont .list-type-quick li .btn-area .btn-type1{padding:0 15px;color:#fff;line-height:34px;}
.quickMenu > div > div > div .quick-cont .box01{padding:20px;}
.quickMenu > div > div > div .quick-cont .box01 .tab-type1{margin:0;}
.quickMenu > div > div > div .quick-cont .box01 .tab-body.tab_script .tab-box.on{border:1px solid #ccc;box-sizing:border-box;border-top-width:0;width:calc(100% - 1px);overflow:hidden;}
.quickMenu > div > div > div .quick-cont .box01 .tab-body.tab_script .tab-box.on .txt-area{padding-top:18px;padding-left:10px;}
.quickMenu > div > div > div .quick-cont .box01 .tab-body.tab_script .tab-box.on .btn-area{float:right;}
.quickMenu > div > div > div .quick-cont .box01 .tab-body.tab_script .tab-box.on .btn-area span{margin-top:25px;}
.quickMenu > div > div > div .quick-cont .box01 .tab-body.tab_script .tab-box.on .btn-area span:last-child{margin-right:10px;}
.quickMenu > div > div > div .quick-cont .box01 > strong{display:block;font-size:19px;line-height:32px;padding-bottom:8px;}
.quickMenu > div > div > div .quick-cont .box01 > ul li{padding:15px 0 5px;}
.quickMenu > div > div > div .quick-cont .box01 > ul li + li{border-top:1px solid #ebe9ea}
.quickMenu > div > div > div .quick-cont .box01 > ul li:last-child{padding-bottom:0}
.quickMenu > div > div > div .quick-cont .box01 > ul li strong{display:block;font-weight:900;}
.quickMenu > div > div > div .quick-cont .box01 .btn-area{margin-top:10px}
.quickMenu > div > div > div .quick-cont .box01 .btn-area span{padding:0 15px;width:auto;margin-right:5px}
.quickMenu > div > div > div .quick-cont .quick-logout .box01{padding-bottom:0}
.quickMenu > div > div > div .quick-cont .quick-logout .box01 > strong:before{content:"";display:inline-block;margin-right:5px;width:18px;height:22px;background:url('../images/common/icon_quick_tit.png') 0 0 no-repeat;}
.quickMenu > div > div > div .quick-cont .quick-logout .box01 .btn-area span{width:162px;}
.quickMenu > div > div > div .quick-cont .title04{height:35px;font-size:18px;border-bottom:1px solid #999}
.quickMenu > div > div > div .quick-cont .title04 a span{display:block;text-indent:-999999em;}
.quickMenu > div > div > div .quick-cont .title04 a:after{content:"+";display:block;position:absolute;top:-6px;right:0px;color:#ccc;width:21px;height:30px;font-size:28px;font-weight:500}
.quickMenu > div > div > div .quick-cont .list-type-quick01{padding-bottom:15px}
.quickMenu > div > div > div .quick-cont .list-type-quick01.type01 > a span.tit{width:100%}
.quickMenu > div > div > div .quick-cont .list-type-quick01 > a{display:block;line-height:30px;}
.quickMenu > div > div > div .quick-cont .list-type-quick01 > a span{display:inline-block;vertical-align:middle;}
.quickMenu > div > div > div .quick-cont .list-type-quick01 > a span.tit{width:calc(100% - 78px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.quickMenu > div > div > div .quick-cont .btn-area span{margin-right:2px;margin-bottom:10px;width:162px;box-sizing:border-box;}
.quickMenu > div > div > div .quick-cont .btn-area span + span{margin-right:0;}
.quickMenu > div > div > div .quick-cont .quick-silder{padding:30px 0 20px;}
.quickMenu > div > div > div .quick-cont .quick-silder > div:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.quickMenu > div > div > div .quick-cont .quick-silder .img-cont{width:330px; }
.quickMenu > div > div > div .quick-cont .quick-silder .img-cont .img-area {width:100px; height:100px; display:inline-block;}
.quickMenu > div > div > div .quick-cont .quick-silder .img-cont .img-area img{width:100px;height:100px;}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area{padding-left:20px;border:1px solid #ccc;box-sizing:border-box;display:inline-block;vertical-align:top;height:100px;width:226px;}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area p:first-child{padding-top:17px;}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area p span{display:inline-block;font-size:14px;}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area p span.txt:first-child{color:#000}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area p span.txt:first-child:after{content:"|";display:inline-block;vertical-align:middle;font-size:12px;margin:0 3px 3px 8px;color:#ccc}
.quickMenu > div > div > div .quick-cont .quick-silder .txt-area p span.txt{height:auto;color:#666}
.quickMenu > div > div > div .quick-cont span.day{font-family:'roboto', sans-serif;color:#747474;}
.quickMenu > div > div > div .quick-cont .quick-silder .bx-viewport{height:100px!important;}
.quickMenu > div > div > div .quick-cont .quick-silder a {text-decoration: none;}
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-pager, 
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-controls-auto{bottom:auto;top:-50px;right:24px}
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-pager.bx-default-pager a{background:#ccc;}
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-pager.bx-default-pager a.active, 
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#4f5eaf}
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-controls-direction a{top:0;margin-top:-34px;width:28px;height:26px;background-image:url('../images/common/btn_quickMenu_prevNext01.png'); background-repeat:no-repeat;}
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-prev{left:238px;background-position:0 0}
.quickMenu > div > div > div .quick-cont .bx-wrapper .bx-next{right:0;background-position:-28px 0}

.quickMenu .btn-close{overflow:hidden;display:block;width:26px;height:26px;text-indent:-99999999em;margin:-14px auto 0;background:url('../images/common/btn_quick_close.png') no-repeat;}
.quickMenu .btn-open{overflow:hidden;display:block;width:26px;height:26px;text-indent:-99999999em;margin:-14px auto 0;background:url('../images/common/btn_quick_open.png') no-repeat;}
.quickMenu a {display:block;cursor:pointer}

/* .quickMenu .adv-area{width:90px;text-align:center;} */


/* 추천 키워드 */
.box-keyword{float:right;}
.box-keyword div{margin-top:16px;overflow:hidden;width:361px;height:290px;padding:42px 15px;text-align:center;background:#f0f4f8;box-sizing:border-box;}
.box-keyword span{position:relative;display:inline-block;height:42px;padding:8px 22px 8px 35px;margin:5px 3px;text-align:center;font-size:16px;color:#666;background:#fff;border-radius:21px;box-sizing:border-box;}
.box-keyword span.bg_blue{color:#fff;background:#61a2ea;}
.box-keyword span.bg_red{color:#fff;background:#f676a0;}
.box-keyword span.bg_green{color:#fff;background:#3ec8c6;}
.box-keyword span.bg_grawn{color:#666;background:#eef1f6;}
.box-keyword span:after{content:'#';display:block;position:absolute;top:8px;left:22px;}







/* 파킹 페이지 */
.parking-area {position:relative; height:100%; }
.parking-area .not-pound {position:absolute; left:50%; top:50%; width:640px; margin-left:-320px; margin-top:-340px;}
.parking-area .not-pound .top-box:after {display:block; content:""; clear:both;}
.parking-area .not-pound .top-box {margin-bottom:20px;}
.parking-area .not-pound .top-box .logo {float:left;}
.parking-area .not-pound .top-box .logo img {width:100%; height:100%;}
.parking-area .not-pound .top-box ul.menu {float:right; margin-top:20px;}
.parking-area .not-pound .top-box ul.menu li {display:inline-block;;}
.parking-area .not-pound .top-box ul.menu li:before {display:inline-block; content:""; width:1px; height:15px; background:#cccccc; margin:0 20px 0}
.parking-area .not-pound .top-box ul.menu li:first-child:before{display:none;}
.parking-area .not-pound .top-box ul.menu li a {font-size:20px; color:#666666}

.parking-area .not-pound .content-box {border:1px solid #ebeaea; padding:40px 30px 40px; margin-bottom:20px;}
.parking-area .not-pound .content-box .title {text-align: center; font-size:28px; color:#4f5eaf; margin-bottom:40px}
.parking-area .not-pound .content-box .text {text-align: left; font-size:18px; color:#555555; margin-bottom:30px;  font-weight:300; }
.parking-area .not-pound .content-box .text a {color:#4f5eaf; text-decoration:underline;}
.parking-area .not-pound .content-box .text .color {color:#4f5eaf; }
.parking-area .not-pound .content-box .text.type02 {text-align: center;}

.parking-area .not-pound .content-box .btn-area {margin-bottom:30px;}
.parking-area .not-pound .content-box .btn-area .btn-type1 {width:48%;}
.parking-area .not-pound .content-box .btn-area .btn-type2 {width:48%;}


.parking-area .search-area {padding-top:25px; border-top:1px solid #ebe9ea; border-bottom:0; position:relative;}
.parking-area .search-area input[type="text"] {width:100%; height:58px; box-sizing:border-box; font-size:14px;}
.parking-area .search-area .parking-btn { display:block; position:absolute; right:1px; top:26px;  width:56px; height:56px; background:#fff url(../images/common/parking_btn.png) no-repeat center;}
.parking-area .not-pound .foot {text-align:center; font-size:16px; color:#666666;}







.parking-area .left-box {/*float:left;*/ position:absolute; left:0; top:0px;}
.parking-area .right-box {/*float:right; */  position:absolute; right:0; top:0px; padding-top:20px;box-sizing:border-box}
.parking-area .right-box li {float:left;}
.parking-area .right-box li a{display:inline-block; width:105px; height:30px; font-size:14px; background:#f04f4f; color:#fff; padding:5px 0 10px 10px; box-sizing:border-box; position:relative; }
.parking-area .right-box li a:after {display:inline-block; content:"+"; text-align:right; margin-left:10px; position:absolute; right:10px; opacity:0.5;}
.parking-area .right-box li:nth-child(2) a{background:#4992cf;}
.parking-area .right-box li:nth-child(3) a{background:#f79400;}

.parking-area .box-information1 {margin-bottom:20px; margin-top:30px; padding-left:20px}
.parking-area .box-information1 ul li{font-size:18px; color:#333333}













/* 사이트 맵 */
.sitemap-area:after {display:block; content:""; clear:both;}
.sitemap-area hr {margin-bottom:20px;}
.sitemap-area > ul.box:after {display:block; content:""; clear:both;}
.sitemap-area > ul.box {margin-bottom:20px}
.sitemap-area > ul.box > li:first-child {margin-left:0}
.sitemap-area > ul.box > li {float:left; margin-top:15px; margin-left:57px;}
.sitemap-area > ul.box > li > a {display:block; border-bottom:1px solid #7b86c3; width:100px; color:#4f5eaf; padding-bottom:15px; margin-bottom:15px; font-size:16px;}
.sitemap-area > ul.box > li > .title {display:block; border-bottom:1px solid #7b86c3; width:100px; color:#4f5eaf; padding-bottom:15px; margin-bottom:15px; font-size:16px;}


.sitemap-area ul.menu-list > li > a {display:block; color:#000; margin-bottom:15px; font-size:12px}


.sitemap-area ul.menu-list > li > ul > li > a {display:block; color:#222; margin-bottom:13px; font-size:12px}













/* NEW 갤러리 2018-01-17 */
.main_hot_sale {position: relative;-webkit-font-smoothing: antialiased; width:100%; overflow:hidden; margin:40px 0 80px}
.main_hot_sale .new-slider {overflow:hidden;  height:320px} 
.main_hot_sale:after{display:block; content:""; clear:both;}
.main_hot_sale .bn:after{display:block; content:""; clear:both;}
.main_hot_sale .bn {position: relative; margin: 0 auto;}
.main_hot_sale .bn ul {margin: 0 0 0 -75px; height:0 !important; }
.main_hot_sale .bn ul li {width: 260px; height: 320px; overflow: hidden;text-align: center;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; }
.main_hot_sale .bn ul li a {display: block;width: 100%;height: 100%;margin: 0 auto;}
.main_hot_sale .bn ul li dd {position:relative}
.main_hot_sale .bn ul li.swiper-slide dl {position:relative;}
.main_hot_sale .bn ul li.swiper-slide dl dt {position: absolute;bottom: 0;left: 10px;margin: 20px;color: #fff; width: 75%;overflow: hidden;line-height: 20px;height: 40px;font-size: 14px;z-index: 20;}
.main_hot_sale .bn ul li.swiper-slide {float: left;-webkit-font-smoothing: antialiased; text-align: center;}
.main_hot_sale .bn ul li.swiper-slide .photo {display:block; width:225px; margin:0 auto; position: relative;  overflow:hidden;}
.main_hot_sale .bn ul li.swiper-slide .photo:before{display:block; content:""; width:100%; height:100%;  position:absolute; left:0; top:0; background: url(../images/common/dim_bg01.png) repeat-x 100% ;}
.main_hot_sale .bn ul li.swiper-slide .photo .box-icon01 { text-decoration:none;} /* 스크립트에서 아이콘 포지션 위치 제어 */
.main_hot_sale .bn ul li.swiper-slide .icon-play{width:31px; height:31px; background: #fff url(../images/common/play_icon02.png) no-repeat center;  z-index:2;opacity: 0.6;}
#SeeNewsSlider li.swiper-slide .photo img {height:150px !important;}

.main_hot_sale .bn ul li.swiper-slide-active {width:300px; text-align: center;}
.main_hot_sale .bn ul li.swiper-slide-active dl dt {position: absolute;bottom: 0;left: 0;margin: 20px;color: #fff;width: 88%;overflow: hidden;line-height: 27px;height: 54px;font-size: 18px;z-index: 20; text-align:left;}
.main_hot_sale .bn ul li.swiper-slide-active .photo {display:block; width:300px; margin:0 auto; overflow:hidden; }
.main_hot_sale .bn ul li.swiper-slide-active .icon-play{width:70px; height:70px; background: #fff url(../images/common/play_icon.png) no-repeat 25px center;}
#SeeNewsSlider li.swiper-slide-active .photo img {height:200px !important;}


/* 버튼 */
.main_hot_sale .swiper-bn-left,
.main_hot_sale .swiper-bn-right {font-size:0 !important;position: absolute;display: block;appearance: none; width: 46px;height: 46px; border: none; padding: 0;z-index: 20;cursor: pointer; opacity: .5; transition: opacity 500ms ease;}
.main_hot_sale .swiper-bn-left{top:40%;right:50%;background: url(../images/entertain/btn_imgslider.png) 0 0 no-repeat; margin-right:550px;}
.main_hot_sale .swiper-bn-right{top:40%;left:50%;background: url(../images/entertain/btn_imgslider.png) 0 -46px no-repeat;margin-left:550px;}
.main_hot_sale .swiper-bn-left:hover{opacity:1}
.main_hot_sale .swiper-bn-right:hover{opacity:1}


.new-slider.type02 {height:400px}

.new-slider.type02 .bn ul li.swiper-slide dl dt {position: absolute;bottom: 0;left: 30px;margin: 20px;color: #fff; width: 55%;overflow: hidden;line-height: 20px;height: 40px;font-size: 14px;z-index: 20;}
.new-slider.type02 .bn ul li.swiper-slide-active dl dt {position: absolute;bottom: 0;left: 0;margin: 20px;color: #fff;width: 85%;overflow: hidden;line-height: 27px;height: 54px;font-size: 18px;z-index: 20; text-align:left;}
.new-slider.type02 .bn ul li {width: 225px; height: 320px; overflow: hidden;text-align: center;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; }
.new-slider.type02 .bn ul li.swiper-slide .photo {display:block; width:300px; margin:0 auto; position: relative;  overflow:hidden;}

.new-slider.type02 .bn ul li {width: 300px; height: 400px; overflow: hidden;text-align: center;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box; }
.new-slider.type02 .bn ul li.swiper-slide-active .photo {display:block; width:300px; margin:0 auto; position: relative;  overflow:hidden;}
.new-slider.type02 .bn ul li.swiper-slide .photo:before{display:block; content:""; width:100%; height:100%;  position:absolute; left:0; top:0; background: url(../images/common/dim_bg01.png) repeat-x 100% 100%; opacity: .8}



.photo-bg {background:#333 !important; height:500px !important;} /* 포토메인 BG */
.news-bg {background:#f7f7f7; height:600px !important;} /* 포토메인 BG */

























































/* etc */









/**
Scroll Bar
**/










/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
 position:relative;
 /* margin-bottom:60px; */
 padding:0;
 *zoom:1;
 -ms-touch-action:pan-y;
 touch-action:pan-y;
}
.bx-wrapper img {
 max-width:100%;
 display:block;
}
.bxslider {
 /*
 margin:0;
 padding:0;
 */
}
ul.bxslider {
 list-style:none;
}
.bx-viewport {
 /*fix other elements on the page moving (on Chrome)*/
 -webkit-transform:translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
 /*
  -moz-box-shadow:0 0 5px #ccc;
 -webkit-box-shadow:0 0 5px #ccc;
 box-shadow:0 0 5px #ccc;
 border:5px solid #fff;
 background:#fff;
 */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
 position:absolute;
 bottom:-30px;
 width:100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
 min-height:50px;
 background:url('../images/bx_loader.gif') center center no-repeat #ffffff;
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
 text-align:right;
 font-size:.85em;
 font-family:Arial;
 font-weight:bold;
 color:#666;
 padding-top:20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
 background:#666;
 text-indent:-9999px;
 display:block;
 width:10px;
 height:10px;
 margin:0 5px;
 outline:0;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
 background:#000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 display:inline-block;
 vertical-align:bottom;
 *zoom:1;
 *display:inline;
}
.bx-wrapper .bx-pager-item {
 font-size:0;
 line-height:0;
 display:none;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
 left:10px;
 background:url('../images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
 /* background-position:0 0; */
}
.bx-wrapper .bx-next {
 right:10px;
 background:url('../images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
 /* background-position:-43px 0; */
}
.bx-wrapper .bx-controls-direction a {
 position:absolute;
 top:50%;
 margin-top:-16px;
 outline:0;
 width:32px;
 height:32px;
 text-indent:-9999px;
 z-index:7;
}
.bx-wrapper .bx-controls-direction a.disabled {
 display:none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
 text-align:center;
}
.bx-wrapper .bx-controls-auto .bx-start {
 display:block;
 text-indent:-9999px;
 width:10px;
 height:11px;
 outline:0;
 background:url('../images/controls.png') -86px -11px no-repeat;
 margin:0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
 background-position:-86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
 display:block;
 text-indent:-9999px;
 width:9px;
 height:11px;
 outline:0;
 background:url('../images/controls.png') -86px -44px no-repeat;
 margin:0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
 background-position:-86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 text-align:left;
 width:80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 right:0;
 width:35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
 position:absolute;
 bottom:0;
 left:0;
 background:#666;
 background:rgba(80, 80, 80, 0.75);
 width:100%;
}
.bx-wrapper .bx-caption span {
 color:#fff;
 font-family:Arial;
 display:block;
 font-size:.85em;
 padding:10px;
}



/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
 /*!
 * Datepicker for Bootstrap v1.7.1 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
  position:absolute;
  padding:0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  direction:ltr;
  background:#fff;
  border:1px solid #ccc;
}
.datepicker-inline {
 width:220px;
}
.datepicker-rtl {
 direction:rtl;
}
.datepicker-rtl.dropdown-menu {
 left:auto;
}
.datepicker-rtl table tr td span {
 float:right;
}
.datepicker-dropdown {
  z-index:90;
 top:0;
 left:0;
}
.datepicker-dropdown:before {
 content:'';
 display:inline-block;
 border-left:7px solid transparent;
 border-right:7px solid transparent;
 border-bottom:7px solid #999;
 border-top:0;
 border-bottom-color:rgba(0, 0, 0, 0.2);
 position:absolute;
}
.datepicker-dropdown:after {
 content:'';
 display:inline-block;
 border-left:6px solid transparent;
 border-right:6px solid transparent;
 border-bottom:6px solid #fff;
 border-top:0;
 position:absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
 left:6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
 left:7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
 right:6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
 right:7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
 top:-7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
 top:-6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
 bottom:-7px;
 border-bottom:0;
 border-top:7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
 bottom:-6px;
 border-bottom:0;
 border-top:6px solid #fff;
}
.datepicker table {
 margin:0;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
}
.datepicker td,
.datepicker th {
 text-align:center;
 width:55px;
 height:55px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
 border:none;
 font-size:16px;
 font-weight:500;
 color:#333;
}
.datepicker td {font-family:'roboto', sans-serif;}
.datepicker th.dow {font-size:14px;border-top:1px solid #ebeaea;border-bottom:2px solid #ebeaea;}
.datepicker th.dow:nth-child(6) {color:#6ba5dc;}
.datepicker th.dow:nth-child(7) {color:#f17f7f;}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
 background-color:transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
 background:#eee;
 cursor:pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
 color:#ccc;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
 background:none;
 color:#999;
 cursor:default;
}
.datepicker table tr td.highlighted {
 background:#d9edf7;
 border-radius:0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
 background-color:#fde19a;
 background-image:-moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
 background-image:-ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
 background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
 background-image:-webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
 background-image:-o-linear-gradient(to bottom, #fdd49a, #fdf59a);
 background-image:linear-gradient(to bottom, #fdd49a, #fdf59a);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
 border-color:#fdf59a #fdf59a #fbed50;
 border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
 color:#000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
 background-color:#fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
 background-color:#fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
 color:#000;
}
.datepicker table tr td.today.active:hover {
 color:#fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
 background:#eee;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
 background-color:#f3d17a;
 background-image:-moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
 background-image:-ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
 background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
 background-image:-webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
 background-image:-o-linear-gradient(to bottom, #f3c17a, #f3e97a);
 background-image:linear-gradient(to bottom, #f3c17a, #f3e97a);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
 border-color:#f3e97a #f3e97a #edde34;
 border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border-radius:0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
 background-color:#f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
 background-color:#efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
 background-color:#9e9e9e;
 background-image:-moz-linear-gradient(to bottom, #b3b3b3, #808080);
 background-image:-ms-linear-gradient(to bottom, #b3b3b3, #808080);
 background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
 background-image:-webkit-linear-gradient(to bottom, #b3b3b3, #808080);
 background-image:-o-linear-gradient(to bottom, #b3b3b3, #808080);
 background-image:linear-gradient(to bottom, #b3b3b3, #808080);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
 border-color:#808080 #808080 #595959;
 border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
 color:#fff;
 text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
 background-color:#808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
 background-color:#666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
 background-color:#006dcc;
 background-image:-moz-linear-gradient(to bottom, #08c, #0044cc);
 background-image:-ms-linear-gradient(to bottom, #08c, #0044cc);
 background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
 background-image:-webkit-linear-gradient(to bottom, #08c, #0044cc);
 background-image:-o-linear-gradient(to bottom, #08c, #0044cc);
 background-image:linear-gradient(to bottom, #08c, #0044cc);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
 border-color:#0044cc #0044cc #002a80;
 border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
 color:#fff;
 text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
 background-color:#0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
 background-color:#003399 \9;
}
.datepicker table tr td span {
 display:block;
 width:23%;
 height:54px;
 line-height:54px;
 float:left;
 margin:1%;
 cursor:pointer;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 border-radius:4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
 background:#eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
 background:none;
 color:#999;
 cursor:default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
 background-color:#006dcc;
 background-image:-moz-linear-gradient(to bottom, #08c, #0044cc);
 background-image:-ms-linear-gradient(to bottom, #08c, #0044cc);
 background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
 background-image:-webkit-linear-gradient(to bottom, #08c, #0044cc);
 background-image:-o-linear-gradient(to bottom, #08c, #0044cc);
 background-image:linear-gradient(to bottom, #08c, #0044cc);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
 border-color:#0044cc #0044cc #002a80;
 border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
 color:#fff;
 text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
 background-color:#0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
 background-color:#003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
 color:#999;
}
.datepicker .datepicker-switch {
 width:145px;
 font-size:24px;
 font-family:'roboto',sans-serif;
 height:64px;
}
.datepicker .datepicker-switch,
.datepicker tfoot tr th {
 cursor:pointer;
}
.datepicker .prev,
.datepicker .next {overflow:hidden;text-indent:-1000px;cursor:pointer;height:64px;}
.datepicker .prev {background:url(../images/common/btn_prev_calendar_layer.png) no-repeat 50%;}
.datepicker .next {background:url(../images/common/btn_next_calendar_layer.png) no-repeat 50%;}
.datepicker .prev:hover {background:#eee url(../images/common/btn_prev_calendar_layer.png) no-repeat 50%;}
.datepicker .next:hover {background:#eee url(../images/common/btn_next_calendar_layer.png) no-repeat 50%;}
.datepicker .datepicker-switch:hover,
.datepicker tfoot tr th:hover {
 background:#eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
 visibility:hidden;
}
.datepicker .cw {
 font-size:10px;
 width:12px;
 padding:0 2px 0 5px;
 vertical-align:middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
 cursor:pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
 margin-top:3px;
}
.input-daterange input {
 text-align:center;
}
.input-daterange input:first-child {
 -webkit-border-radius:3px 0 0 3px;
 -moz-border-radius:3px 0 0 3px;
 border-radius:3px 0 0 3px;
}
.input-daterange input:last-child {
 -webkit-border-radius:0 3px 3px 0;
 -moz-border-radius:0 3px 3px 0;
 border-radius:0 3px 3px 0;
}
.input-daterange .add-on {
 display:inline-block;
 width:auto;
 min-width:16px;
 height:18px;
 padding:4px 5px;
 font-weight:normal;
 line-height:18px;
 text-align:center;
 text-shadow:0 1px 0 #fff;
 vertical-align:middle;
 background-color:#eee;
 border:1px solid #ccc;
 margin-left:-5px;
 margin-right:-5px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI:http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE 
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar{ -ms-touch-action:pinch-zoom; touch-action:pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action:auto; touch-action:auto; }

.mCustomScrollBox{ /* contains plugin's markup */
 position:relative;
 overflow:hidden;
 height:100%;
 max-width:100%;
 outline:none;
 direction:ltr;
}

.mCSB_container{ /* contains the original content */
 overflow:hidden;
 width:auto;
 height:auto;
}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container{ margin-right:30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right:0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
 margin-right:0;
 margin-left:30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left:0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
 position:absolute;
 width:16px;
 height:auto;
 left:auto;
 top:0;
 right:0;
 bottom:0;
}

.mCSB_outside + .mCSB_scrollTools{ right:-26px; } /* scrollbar position:outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
 right:auto;
 left:0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left:-26px; } /* RTL direction/left-side scrollbar (scrollbar position:outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:5px; 
 height:auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin:20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
 width:2px;
 height:100%;
 margin:0 auto;
 -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
 cursor:pointer;
 width:100%;
 height:30px; /* minimum dragger height */
 z-index:1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
 position:relative;
 width:4px;
 height:100%;
 margin:0 auto;
 -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
 text-align:center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width:12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width:8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
 display:block;
 position:absolute;
 height:20px;
 width:100%;
 overflow:hidden;
 margin:0 auto;
 cursor:pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom:0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
 margin-right:0;
 margin-bottom:30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height:100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom:0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
 width:auto;
 height:16px;
 top:auto;
 right:0;
 bottom:0;
 left:0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom:-26px; } /* scrollbar position:outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin:0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 width:100%;
 height:2px;
 margin:7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
 width:30px; /* minimum dragger width */
 height:100%;
 left:0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 width:100%;
 height:4px;
 margin:6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
 height:12px; /* auto-expanded scrollbar */
 margin:2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
 height:8px; /* auto-expanded scrollbar */
 margin:4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
 display:block;
 position:absolute;
 width:20px;
 height:100%;
 overflow:hidden;
 margin:0 auto;
 cursor:pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left:0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right:0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper{
 position:absolute;
 height:auto;
 width:auto;
 overflow:hidden;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin-right:30px;
 margin-bottom:30px;
}

.mCSB_container_wrapper > .mCSB_container{
 padding-right:30px;
 padding-bottom:30px;
 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom:20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right:20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom:0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right:0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left:20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left:0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
 margin-right:0;
 margin-left:30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right:0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom:0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
 margin-right:0; /* non-visible scrollbar */
 margin-left:0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom:0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
 /* -webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;
 -moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;
 -o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;
 transition:opacity .2s ease-in-out, background-color .2s ease-in-out; */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
 -webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s, 
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out; 
 -moz-transition:width .2s ease-out .2s, height .2s ease-out .2s, 
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out; 
 -o-transition:width .2s ease-out .2s, height .2s ease-out .2s, 
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out; 
 transition:width .2s ease-out .2s, height .2s ease-out .2s, 
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out; 
}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
------------------------------------------------------------------------------------------------------------------------
*/

/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/

/* default theme ("light") */

/* .mCSB_scrollTools{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; } */

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
 /* background-color:#000; background-color:rgba(0,0,0,0.4);
 filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 /* background-color:#fff; background-color:rgba(255,255,255,0.75); */
 background-color:#ebe9ea;
 /* filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
 /* background-color:#fff; background-color:rgba(255,255,255,0.85); */
 /* filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 /* background-color:#fff; background-color:rgba(255,255,255,0.9);
 filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
 background-image:url(mCSB_buttons.png); /* css sprites */
 background-repeat:no-repeat;
 opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; 
}

.mCSB_scrollTools .mCSB_buttonUp{
 background-position:0 0;
 /* 
 sprites locations 
 light:0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
 dark:-80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
 */
}

.mCSB_scrollTools .mCSB_buttonDown{
 background-position:0 -20px;
 /* 
 sprites locations
 light:0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
 dark:-80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
 */
}

.mCSB_scrollTools .mCSB_buttonLeft{
 background-position:0 -40px;
 /* 
 sprites locations 
 light:0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
 dark:-80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
 */
}

.mCSB_scrollTools .mCSB_buttonRight{
 background-position:0 -56px;
 /* 
 sprites locations 
 light:0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
 dark:-80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
 */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }


/* theme:"dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:#000; background-color:rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; }

/* ---------------------------------------- */



/* theme:"light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
 width:4px;
 background-color:#fff; background-color:rgba(255,255,255,0.1);
 -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 width:4px;
 background-color:#fff; background-color:rgba(255,255,255,0.75);
 -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 width:100%;
 height:4px;
 margin:6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position:-32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position:-40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -56px; }


/* theme:"dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
 background-color:#000; background-color:rgba(0,0,0,0.1);
 -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 background-color:#000; background-color:rgba(0,0,0,0.75);
 -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position:-120px -56px; }

/* ---------------------------------------- */



/* theme:"light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
 width:4px;
 background-color:#fff; background-color:rgba(255,255,255,0.1);
 -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 width:6px;
 background-color:#fff; background-color:rgba(255,255,255,0.75);
 -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 width:100%;
 height:4px;
 margin:6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 width:100%;
 height:6px;
 margin:5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position:-16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position:-20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -56px; }


/* theme:"dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
 background-color:#000; background-color:rgba(0,0,0,0.1);
 -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 background-color:#000; background-color:rgba(0,0,0,0.75);
 -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position:-100px -56px; }

/* ---------------------------------------- */



/* theme:"light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color:#fff; background-color:rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width:100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 width:100%;
 height:2px;
 margin:7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color:#000; background-color:rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position:-80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color:#fff; background-color:rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height:14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 width:14px;
 margin:0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width:14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 height:14px;
 margin:1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
 width:16px; /* auto-expanded scrollbar */
 height:16px;
 margin:-1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width:4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
 height:16px; /* auto-expanded scrollbar */
 width:16px;
 margin:0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
 height:4px; /* auto-expanded scrollbar */
 margin:6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position:0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:#000; background-color:rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width:4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 background-color:transparent;
 background-position:center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
 background-repeat:repeat-y;
 opacity:0.3;
 filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; 
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 height:4px;
 margin:6px 0;
 background-repeat:repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position:-16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position:-16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position:-20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
 background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position:-100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 background-repeat:repeat-y;
 background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
 background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
 background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
 background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
 background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
 background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 background-repeat:repeat-x;
 background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
 background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
 background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
 background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
 background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
 background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height:70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width:70px; }

.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
 opacity:1;
 filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; 
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
 width:8px;
 background-color:#000; background-color:rgba(0,0,0,0.2);
 box-shadow:inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 width:100%;
 height:8px;
 margin:4px 0;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 width:100%;
 height:8px;
 margin:4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
 background-color:#000; background-color:rgba(0,0,0,0.1);
 box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow:inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position:-120px -128px; }

/* ---------------------------------------- */



/* theme:"3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
 opacity:1;
 filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; 
}

.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right:1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
 bottom:1px;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);
 width:12px;
 margin:2px;
 position:absolute;
 height:auto;
 top:0;
 bottom:0;
 left:0;
 right:0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 height:12px;
 width:auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
 background-color:#000; background-color:rgba(0,0,0,0.05);
 box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color:transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position:-40px -128px; }


/* theme:"3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow:inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow:inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
 background-color:#fff; background-color:rgba(0,0,0,0.05);
 box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position:-120px -128px; }

/* ---------------------------------------- */



/* theme:"minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
 right:0; 
 margin:12px 0; 
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
 bottom:0; 
 margin:0 12px; 
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
 left:0; 
 right:auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height:50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width:50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 background-color:#000; background-color:rgba(255,255,255,0.2);
 filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; 
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 background-color:#000; background-color:rgba(255,255,255,0.5);
 filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; 
}


/* theme:"minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 background-color:#000; background-color:rgba(0,0,0,0.2);
 filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; 
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
 background-color:#000; background-color:rgba(0,0,0,0.5);
 filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; 
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
 width:6px;
 background-color:#000; background-color:rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 width:100%;
 height:6px;
 margin:5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
 width:12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
 height:12px;
 margin:2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color:#000; background-color:rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position:-120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
 width:12px;
 background-color:#000; background-color:rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
 width:6px;
 margin:3px 5px;
 position:absolute;
 height:auto;
 top:0;
 bottom:0;
 left:0;
 right:0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
 height:6px;
 margin:5px 3px;
 position:absolute;
 width:auto;
 top:0;
 bottom:0;
 left:0;
 right:0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
 width:100%;
 height:12px;
 margin:2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position:-32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position:-32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position:-40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:#000; background-color:rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position:-112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position:-112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position:-120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
 background-color:transparent;
 border-width:1px;
 border-style:solid;
 border-color:#fff;
 border-color:rgba(255,255,255,0.2);
 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color:#000; border-color:rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color:#fff; background-color:rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:#000; background-color:rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#000; background-color:rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#fff; background-color:rgba(255,255,255,0.9); }

/* ---------------------------------------- */

.article-infor-repoter {position:relative;margin:0 0 60px 0;padding:25px 25px 25px 150px;min-height:150px;background:#f7f7f7;overflow:hidden;box-sizing:border-box;}
.article-infor-repoter .box-photo-reporter {position:absolute;left:23px;top:34px;width:92px;height:92px;background:#333;}
.article-infor-repoter .box-photo-reporter .frame-circle {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/news/bg_photo_reporter2.png) no-repeat 50%;}
.article-infor-repoter .reporter {font-size:18px;color:#000;}
.article-infor-repoter .reporter span {color:#4f5eaf;}
.article-infor-repoter .link-mail {display:block;margin:0 0 8px 0;font-size:16px;color:#999;font-weight:300;}
.article-infor-repoter .link-news {display:inline-block;padding:0 15px;height:32px;line-height:30px;font-size:14px;color:#666;border:1px solid #ccc;border-radius:3px;background:#fff;}
.article-infor-repoter .list-type-news {position:absolute;right:30px;top:20px;width:485px;}


/* contain-calendar-news */
.contain-news-calendar {position:relative;margin:0 0 30px 0;height:40px;background:#eef1f6;}
.contain-news-calendar .prev {display:block;position:absolute;left:0;top:0;width:40px;height:40px;background:url(../images/news/btn_prev_week.png) no-repeat 50%;overflow:hidden;}
.contain-news-calendar .prev button {display:block;width:40px;height:40px;text-indent:-1000px;}
.contain-news-calendar .next {display:block;position:absolute;right:0;top:0;width:40px;height:40px;background:url(../images/news/btn_next_week.png) no-repeat 50%;overflow:hidden;}
.contain-news-calendar .next button {display:block;width:40px;height:40px;text-indent:-1000px;}
.contain-news-calendar .calendar-news-week {margin:0 80px;}
.contain-news-calendar .calendar-news-week ul {height:46px;}
.contain-news-calendar .calendar-news-week ul li {position:relative;float:left;width:14.285%;}
.contain-news-calendar .calendar-news-week ul li a {display:block;margin:0 auto;width:100%;height:46px;line-height:40px;text-align:center;color:#8c92a0;font-weight:600;font-size:16px;font-family:'roboto', sans-serif;}
.contain-news-calendar .calendar-news-week ul li a.on {color:#fff;background: url('../images/common/bg_today_on2.png') center 0 no-repeat;}
.contain-news-calendar .calendar-news-week ul li.today::before {content:'TODAY';display:block;position:absolute;left:50%;top:-21px;margin:0 0 0 -20px;padding:0;font-size:12px;color:#8c92a0;font-weight:600;font-family:'roboto', sans-serif;}
.contain-news-calendar .calendar-news-week ul li.today::after {content:'';display:block;position:absolute;left:50%;top:-3px;margin:0 0 0 -5px;padding:0;width:7px;height:7px;background:#8c92a0;border-radius:100%;}


/* news type */
/*.contain-calendar-news {position:relative;margin:0 0 40px 0;background:#4f5eaf;}
.contain-calendar-news .prev {display:block;position:absolute;left:0;top:0;width:40px;height:40px;background:url(../images/news/btn_prev_week.png) no-repeat 50%;overflow:hidden;}
.contain-calendar-news .prev button {display:block;width:40px;height:40px;text-indent:-1000px;}
.contain-calendar-news .next {display:block;position:absolute;right:0;top:0;width:40px;height:40px;background:url(../images/news/btn_next_week.png) no-repeat 50%;overflow:hidden;}
.contain-calendar-news .next button {display:block;width:40px;height:40px;text-indent:-1000px;}
.contain-calendar-news .calendar-news-week {margin:0 80px;}
.contain-calendar-news .calendar-news-week ul {height:40px;}
.contain-calendar-news .calendar-news-week ul li {position:relative;float:left;width:14.285%;} 
.contain-calendar-news .calendar-news-week ul li a {display:block;margin:0 auto;width:60px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-family:'roboto', sans-serif;}
.contain-calendar-news .calendar-news-week ul li a:hover {color:#4f5eaf;background:#ffd800;}
.contain-calendar-news .calendar-news-week ul li.today::before {content:'TODAY';display:block;position:absolute;left:50%;top:-21px;margin:0 0 0 -20px;padding:0;font-size:12px;color:#4f5eaf;font-weight:500;font-family:'roboto', sans-serif;}
.contain-calendar-news .calendar-news-week ul li.today::after {content:'';display:block;position:absolute;left:50%;top:-5px;margin:0 0 0 -6px;padding:0;width:8px;height:8px;background:#fff;border:1px solid #4f5eaf;border-radius:100%;}
.contain-calendar-news .calendar-news-week ul li.today a {}*/

/*.contain-list-news {margin:0 0 20px 0;}
.article-news {position:relative;padding:25px 0 70px 0;min-height:218px;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.article-news .photo-news {float:right;margin:0 0 50px 70px;}
.article-news .title-text {margin:0 0 10px 0;font-size:20px;color:#000;font-weight:500;}
.article-news .title-text .date {display:inline-block;font-size:16px;color:#666;font-weight:300;font-family:'roboto', sans-serif;}
.article-news .main-text {font-size:18px;color:#666;font-weight:300;}
.article-news .footer-text {position:absolute;left:0;bottom:27px;width:100%;}
.article-news .tags {float:right;}
.article-news .tags a {margin:0 5px;font-size:14px;color:#4f5eaf;}
.article-news .category-text {display:inline-block;margin:0 25px 0 0;font-size:14px;color:#666;}
.article-news .reporter {display:inline-block;font-size:14px;color:#666;}s
*/

.box-list-contact >span {display:inline-block;height:30px;vertical-align:middle;}
.division-bar {display:inline-block;margin:0 8px;width:1px;height:18px;vertical-align:middle;overflow:hidden;background:url(../images/news/img_division_contact_reporter.png) no-repeat 50%;}

/* .contain-top-news */
.contain-news-top {padding:0 30px 0 0;}
.contain-news-top:after {content:''; display:block; clear:both;}
.contain-news-top .box-switch-news {text-align:right;font-size:14px;color:#666;}
.contain-news-top .box-switch-news select{float:left;margin-left:30px;margin-top:-5px;}
/*.contain-news-top .box-switch-news #google_translate_element{float:left;margin-left:30px;margin-top:-5px;}*/
.contain-news-top > #google_translate_element {float:right;}

/* box-button-switch */
.box-switch-button {display:inline-block;vertical-align:middle;border-radius:3px;overflow:hidden;}
.box-switch-button:after {content:''; display:block; clear:both;}
.box-switch-button .btn-switch {display:block;float:left;}
.box-switch-button .btn-switch a,
.box-switch-button .btn-switch button {display:block;width:36px;height:24px;text-indent:-99999px;font-size:0;}
.box-switch-button .btn-switch:first-child a,
.box-switch-button .btn-switch:first-child button {background:url(../images/common/btn_switch_on1.png) left 50% no-repeat;}
.box-switch-button .btn-switch.on:first-child a,
.box-switch-button .btn-switch.on:first-child button {background:url(../images/common/btn_switch_on2.png) left 50% no-repeat;}
.box-switch-button .btn-switch + .btn-switch a,
.box-switch-button .btn-switch + .btn-switch button {background:url(../images/common/btn_switch_off1.png) left 50% no-repeat;}
.box-switch-button .btn-switch + .btn-switch.on a,
.box-switch-button .btn-switch + .btn-switch.on button {background:url(../images/common/btn_switch_off2.png) left 50% no-repeat;}

/* contain-news-list  article-news */
.contain-list-news {margin:0 30px 20px;}
.article-news-list {position:relative;padding:23px 0 45px 0;min-height:100px;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.article-news-list .photo-news {position:relative;float:right;margin:0 0 0 70px;}
.article-news-list .photo-news img {width:130px; height:80px;}
/*.article-news-list .photo-news:after {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1; background:#000; opacity:0.5;}*/
.article-news-list .photo-news.type02:after {display: none;}
.article-news-list .photo-news .icon-play {z-index:3;}
.article-news-list .photo-news.life-culture {margin:7px 0 30px 36px;}
.article-news-list .photo-news.life-culture img {width:166px; height:112px;}

.article-news-list .title-text {overflow:hidden;max-height:87px;margin:0 0 3px 0;font-size:20px;color:#000;font-weight:500;}
.article-news-list .title-text .date {display:inline-block;font-size:14px;color:#666;font-weight:300;padding-left:10px;font-family:'roboto', sans-serif;}
.article-news-list .main-text {overflow:hidden;max-height:50px;font-size:18px;color:#666;font-weight:300;}
.article-news-list .footer-text {position:absolute;left:0;bottom:20px;width:100%;}
.article-news-list .tags {display:inline-block;}
.article-news-list .tags a {margin:0 6px 0 0;font-size:14px;color:#4f5eaf;}
.article-news-list .reacts {display:inline-block;}
.article-news-list .reacts span {padding-left:20px; font-size:14px; color:#4f5eaf;}
.article-news-list .reacts span + span {margin-left:15px;}
.article-news-list .reacts span.like {background:url(../images/common/ico_reacts_like.png) left 50% no-repeat;}
.article-news-list .reacts span.dislike {background:url(../images/common/ico_reacts_dislike.png) left 50% no-repeat;}
.article-news-list .reacts span.like2 {background:url(../images/common/ico_reacts_like2.png) left 50% no-repeat;}
.article-news-list .category-text {display:inline-block;font-size:14px;color:#666;}
.article-news-list .reporter {display:inline-block;font-size:14px;color:#666;}
.article-news-list .user-id {display:inline-block;font-size:14px;color:#4f5eaf;}
.article-news-list .photo-news.type2 .icon-play.medium {top:80px;}
.article-news-list .photo-news.type2 .stock-info {display:block; margin-top:15px; text-align:left;}
.article-news-list .photo-news.type2 .stock-info strong {padding-right:15px; font-weight:normal; color:#333;}
/* 많이 본 뉴스 > 순위 포함 시 */ 
.contain-list-news.rank-news .article-news-list {padding:23px 0 45px 30px;}
.contain-list-news.rank-news .article-news-list span.rank-num {display:inline-block; position:absolute; top:25px; left:0; font-family:'roboto', sans-serif; font-size:20px; color:#4f5eaf;}
.contain-list-news.rank-news .article-news-list .footer-text {position:absolute;left:30px;}
.contain-list-news.rank-news .article-news-list .footer-text .stock-info {margin-bottom:10px !important}

.secton-header-news {}
.secton-header-news {padding:20px 0 0 0;border-top:1px solid #ebe9ea;}
.secton-header-news .title-news {margin-bottom:43px;font-size:38px;color:#000;}
.secton-header-news .reporter-news {margin-bottom:12px;font-size:16px;color:#333;font-weight:300;}
.secton-header-news .reporter-news a {margin-left:5px;color:#999;}
.secton-header-news .sns-news {float:left;margin:0 0 20px 0;font-size:16px;color:#4f5eaf;font-weight:300;}
.secton-header-news .sns-news .text-number {margin-left:5px;color:#999;}
.secton-header-news .date-news {float:right;margin:0 0 20px 0;font-size:16px;color:#333;font-weight:300;}
.secton-header-news .date-news .text-number {margin-left:5px;color:#999;}


/* .section-reply {padding:46px 0 0 0;}
.section-reply .header-reply {margin:0 0 40px 0;}
.section-reply .header-reply .contain-login-sns {margin:0 0 20px 0;overflow:hidden;}
.section-reply .header-reply .contain-login-sns .box-list-contact {}
.section-reply .header-reply .contain-login-sns p {float:right;font-size:16px;color:#999;}
.section-reply .box-write-reply {position:relative;margin:0 0 30px 0;border:1px solid #cccccc;}
.section-reply .box-write-reply textarea {display:block;padding:10px;width:100%;height:110px;box-sizing:border-box;border:none;resize:none;}
.section-reply .box-write-reply .type {position:absolute;right:0;bottom:-25px;font-size:14px;color:#999;}
.section-reply .header-reply .box-button.reply {margin:0 0 20px 0;}
.section-reply .header-reply .box-button.reply p {font-size:14px;color:#999;text-align:left;}

.section-reply .body-reply {margin:0;padding:0 0 0 0;border-top:1px solid #ebe9ea;} */


/* .box-headline {margin:36px 0 60px 0;padding:5px 20px;font-size:22px;color:#000;border-left:4px solid #ffd800;} */
/*.box-body-news {margin:60px 0 50px 0;font-size:18px;color:#000;font-weight:300;}*/
.box-body-news {margin:60px 0 50px 0;font-size:17px;color:#000;font-weight:400;line-height:1.56; font-family:HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif; letter-spacing:-0.025em;}
.box-body-news >img {display:block;margin:40px auto;}


/* box-tags-news > 관련 태그 */
.box-news-tags {margin:0 30px 30px 50px;}
.box-news-tags >span {display:inline-block;margin:0 7px 20px 0;height:42px;line-height:40px;font-size:16px;color:#666;background:#eef1f6;border-radius:21px;}
.box-news-tags >span .hash-tag02 {padding:0 23px; border-radius:21px; box-sizing:border-box;}
.box-news-tags > span a span {color: #ed2023;}
/*.contain-top-news {padding:0 0 10px 0;border-bottom:1px solid #333;}
.contain-top-news .box-switch-news {text-align:right;font-size:14px;color:#666;}*/

/*.article-infor-repoter {position:relative;margin:0 0 60px 0;padding:25px 25px 25px 150px;min-height:150px;background:#f7f7f7;overflow:hidden;box-sizing:border-box;}
.article-infor-repoter .box-photo-reporter {position:absolute;left:23px;top:34px;width:92px;height:92px;background:#333;}
.article-infor-repoter .box-photo-reporter .frame-circle {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/news/bg_photo_reporter2.png) no-repeat 50%;}
.article-infor-repoter .reporter {font-size:18px;color:#000;}
.article-infor-repoter .reporter span {color:#4f5eaf;}
.article-infor-repoter .link-mail {display:block;margin:0 0 8px 0;font-size:16px;color:#999;font-weight:300;}
.article-infor-repoter .link-news {display:inline-block;padding:0 15px;height:32px;line-height:30px;font-size:14px;color:#666;border:1px solid #ccc;border-radius:3px;background:#fff;}
.article-infor-repoter .list-type-news {position:absolute;right:30px;top:20px;width:485px;}*/
/*
.article-reply {margin:0;padding:40px 0 20px 0;border-bottom:1px solid #ebe9ea;}
.article-reply.sub {padding:40px 0 20px 75px;background:url(../images/news/img_reply.png) no-repeat 30px 30px;}
.article-reply .box-button-reply {float:right;}
.article-reply >span {vertical-align:middle;}
.article-reply .name {font-size:18px;color:#4f5eaf;}
.article-reply .time {display:inline-block;margin:6px 0 0 5px;font-size:16px;color:#999;font-family:'roboto', sans-serif;}
.article-reply .text-reply {padding:20px 0;font-size:18px;color:#333;font-weight:300;}
.article-reply .btn-type4,
.article-reply .btn-type4 button {width:108px;}
.article-reply .box-reply-sub {display:none;margin:20px 0 -20px 0;padding:30px;background:#ebe9ea;border-top:1px solid #ebe9ea;}
.article-reply .box-reply-sub.on {display:block;}
.article-reply .box-reply-sub .btn-type3 {min-width:110px;height:34px;line-height:30px;font-size:14px;}

*/

/* 답변 */
.box-cont-reply{margin-bottom:0px;padding-top:0;}
.box-cont-reply .reply-head {position:relative;overflow:hidden;border-bottom:1px solid #ccc;}
.box-cont-reply .reply-head .title {margin:0;padding:0;height:60px;line-height:60px;font-size:20px;color:#000;font-weight:700;}
.box-cont-reply .reply-head .title span {color:#505eaf;font-family:'roboto', sans-serif;}
.box-cont-reply .reply-head .btn-switch {position:absolute;right:0;top:17px;width:19px;height:30px;background:url(../images/news/btn_open_accodion.png) no-repeat 50%;overflow:hidden;}
.box-cont-reply .reply-head .btn-switch button {display:block;width:19px;height:30px;text-indent:-10000px;}
.box-cont-reply .reply-head .btn-switch.on {background:url(../images/news/btn_close_accodion.png) no-repeat 50%;}
.box-cont-reply .reply-body {overflow:hidden;height:0;}

.sect-reply {padding:13px 0 0 0;}
.sect-reply .header-reply {margin:0 0 10px 0;}
.sect-reply .header-reply .contain-login-sns {margin:0 0 14px 0;overflow:hidden;}
.sect-reply .header-reply .contain-login-sns .box-list-contact {float:left;padding-right:15px;}
.sect-reply .header-reply .contain-login-sns p {float:left;font-size:14px;color:#999;line-height:30px;}
.sect-reply .box-write-reply {position:relative;margin:0 0 5px 0;}
.sect-reply .box-write-reply textarea {padding:10px;width:746px;height:114px;box-sizing:border-box;border:1px solid #cccccc;border-right:none!important;resize:none;}
.sect-reply .box-write-reply .type {position:absolute;right:0;bottom:-23px;font-size:14px;color:#999;}
/*.sect-reply .header-reply .box-button.reply {margin:0 0 20px 0;}*/         
.sect-reply .header-reply .box-button.reply p {font-size:14px;color:#979da9;text-align:left;}
.sect-reply .box-write-reply .inner-right {float:right;}
.sect-reply .box-write-reply .inner-right .btn-type1{overflow:hidden;width:124px;height:114px;background-color:#8c92a0;border-radius:0;border:0;}
.sect-reply .body-reply {margin:0;padding:0 0 0 0;border-top:1px solid #ebe9ea;}

.btn-hankyung a,
.btn-hankyung button,
.btn-mail a,
.btn-mail button,
.btn-fav a,
.btn-fav button,
.btn-facebook a,
.btn-facebook button,
.btn-twitter a,
.btn-twitter button,
.btn-blog a,
.btn-blog button,
.btn-kakaostory a,
.btn-kakaostory button,
.btn-pin a,
.btn-pin button,
.btn-copyurl a,
.btn-copyurl button,
.btn-list-link a,
.btn-list-link button,
.btn-naver a,
.btn-naver button {display:block;width:100%;height:30px;text-indent:-1000px;}
.icon-login-hankyung,
.btn-hankyung {display:inline-block;vertical-align:middle;width:110px;vertical-align:middle;text-indent:-1000px;background:url(../images/news/btn_hankyung.png) no-repeat 50%;overflow:hidden;}
.icon-mail-hankyung,
.btn-mail {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_mailto.png) no-repeat 50%;overflow:hidden;}
.icon-login-fav,
.btn-fav {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_bookmark.png) no-repeat 50%;overflow:hidden;}
.icon-login-facebook,
.btn-facebook {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_facebook.png) no-repeat 50%;overflow:hidden;}
.icon-login-facebook.on,
.btn-facebook.on {background:url(../images/news/btn_facebook_c.png) no-repeat 50%;}
.icon-login-twitter,
.btn-twitter {display:none !important;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_twitter.png) no-repeat 50%;overflow:hidden;}
.icon-login-twitter.on,
.btn-twitter.on {background:url(../images/news/btn_twitter_c.png) no-repeat 50%;}
.icon-login-blog,
.btn-blog {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_blog.png) no-repeat 50%;overflow:hidden;}
.icon-login-kakaostory,
.btn-kakaostory {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_kakaostory.png) no-repeat 50%;overflow:hidden;}
.icon-login-kakaostory.on,
.btn-kakaostory.on {background:url(../images/news/btn_kakao_c.png) no-repeat 50%;}
.icon-login-naver,
.btn-naver {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_naver.png) no-repeat 50%;overflow:hidden;}
.icon-login-naver.on,
.btn-naver.on {background:url(../images/news/btn_naver_c.png) no-repeat 50%;}
.btn-copyurl {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/news/btn_copyurl.png) no-repeat 50%;overflow:hidden;}
.btn-pin {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:#4f5eaf url(../images/news/btn_pin.png) no-repeat 50%;overflow:hidden;}
.btn-pin2 {display:inline-block; vertical-align:middle;}
.btn-pin2 button {height:30px; padding:0 2px 0 20px; font-weight:300; color:#666; background:url(../images/news/btn-pin2.png) left 50% no-repeat;}
.btn-newwindow {display:inline-block;vertical-align:middle;width:30px;text-indent:-1000px;background:url(../images/common/target_btn_bg.png) no-repeat 50%;overflow:hidden;}


.artic-reply {margin:0;padding:20px 0 20px 0;border-bottom:1px solid #ebe9ea;}
.artic-reply .name {display:inline-block;vertical-align:middle;font-size:16px;color:#4f5eaf;font-weight:500;}
.artic-reply .time {display:inline-block;vertical-align:middle;margin:3px 0 0 5px;font-size:14px;color:#999;font-family:'roboto', sans-serif;}
.artic-reply .text-reply {padding:10px 0;font-size:16px;color:#333;font-weight:300;}
.artic-reply .box-button-reply:after{content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.artic-reply .box-button-reply > div {float:right;}
.artic-reply .box-button-reply > div .btn-type4 + .btn-type4{margin-left:7px;}
.artic-reply .box-reply-sub {display:block;margin:20px 0 -20px 0;padding:31px;background:#f7f7f7;}
.artic-reply .box-reply-sub textarea{width:713px;height:94px;}
.artic-reply .box-reply-sub .inner-right .btn-type1{width:94px;height:94px;}
.artic-reply.sub {padding:30px 0 20px 45px;background:url(../images/news/img_reply.png) no-repeat 20px 20px;}
.artic-reply.sub.delete .text-reply {padding:0; color:#999;}
/* //답변 */


/* 게시판 상단 텍스트 공지  */
.top-notice {text-align:right; font-size:14px; color:#666; margin-bottom:10px;}
.top-notice.type2{text-align:left; color:#d62727; margin-bottom:18px;}
.bottom-notice {font-size:16px; color:#666; margin-top:15px;}
.bottom-notice.txt-left {margin-top:5px; text-align:left; font-size:12px;}

.main .tab-type1{clear:both;overflow:hidden;margin-top:30px;}

/* box-3dabth */
.box-3dabth{margin-top:0; margin-bottom:50px;}
.box-type-new{float:left;width:390px;}
.box-type-new > .title01 {  margin-top:0;}
.box-type-new > div > a{display:block;margin-top:13px;border-top:1px solid #999;border-bottom:1px solid #ebe9ea; }
.box-type-new > div > a strong{display:-webkit-box; font-size:20px; margin-top:8px; margin-bottom:5px; overflow:hidden; height:auto; color:#000; text-overflow:ellipsis; width:100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.box-type-new > div > a p{margin-top:9px;margin-bottom:19px;overflow:hidden;height:45px;font-size:16px;line-height:22px;box-sizing:border-box; color:#666}
.box-type-new > div > p {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 !important; margin-top: 5px;}
.box-type-new > ul{margin-top:15px;line-height:34px;font-size:17px;color:#000;}
.box-type-new > ul li{overflow:hidden;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.box-type-webtoon{float:left;margin-left:60px;}
.box-type-webtoon > div{margin-top:13px;overflow:hidden;width:390px;height:132px;padding:35px 0 0 30px;color:#3b6b8d;background:url('../images/entertain/bg_webtoon_01.png') 0 0 no-repeat;box-sizing:border-box;}
.box-type-webtoon > div + div{margin-top:0;color:#835950;background:url('../images/entertain/bg_webtoon_02.png');}
.box-type-webtoon > div strong{display:block;font-size:22px;}
.box-type-webtoon > div p{font-size:18px;color:#919191;margin-top:5px;}

.box-sns-channel {float:left; width:390px; height:300px; margin:0px 0 0 60px; padding-top:55px; text-align:center; box-sizing:border-box; background:url(../images/common/bg_box_sns_channel.jpg) 50% 50% no-repeat;}
.box-sns-channel strong.tit {position:relative; display:block; margin-bottom:15px; padding-bottom:15px; line-height:35px; font-weight:400; font-size:21px; color:#000;}
.box-sns-channel strong.tit:after {content:''; display:block; position:absolute; left:50%; bottom:0; width:48px; height:2px; margin-left:-24px; background:#ffd800;} 
.box-sns-channel span.sub-tit {display:block; margin-bottom:24px; line-height:19px; font-weight:400; font-size:19px; color:#666;}
.box-sns-channel .btn-sns-channel-area {text-align:center; font-size:0;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel {display:inline-block; width:60px; height:60px; text-indent:-99999px; font-size:0; border:1px solid #ebe9ea; border-radius:100%;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel + a.btn-sns-channel {margin-left:15px;} 
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel.facebook {background:#fff url(../images/common/ico_sns_channel_facebook.png) 50% 50% no-repeat;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel.kakaostory {background:#fff url(../images/common/ico_sns_channel_kakaostory.png) 50% 50% no-repeat;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel.naver-post {background:#fff url(../images/common/ico_sns_channel_naver_post.png) 50% 50% no-repeat;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel.youtube {background:#fff url(../images/common/ico_sns_channel_youtube.png) 50% 50% no-repeat;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel.naver {background:#fff url(../images/common/ico_sns_channel_naver_home.png) 50% 50% no-repeat;}
.box-sns-channel .btn-sns-channel-area a.btn-sns-channel.kakao {background:#fff url(../images/common/ico_sns_channel_kakao_board.png) 50% 50% no-repeat;}

.box-event{float:right;}
.box-event > div{/*margin-top:25px;/*padding:26px;*/width:300px;height:300px; /*background:#f7f7f7;*/}
.box-event > div img {width:300px; height:300px}




/* ====================== 뉴스 > 최신뉴스 상세 / 포토&영상 > 상세  ====================== */
/* box-hot-news > 최신기사 타이틀 */
.box-hot-news {display:none;position:fixed;left:0;top:0;z-index:10;width:100%;height:100px;box-shadow:0px 10px 10px rgba(136,136,136,0.5);border-bottom:1px solid #bebebe;background:#fff;z-index:9;} /* Top :102 */
.box-hot-news .inner {position:relative;margin:0 auto;width:1200px;}
.box-hot-news .inner .title02{/*padding:20px 0 0 50px;*/padding:10px 60px; text-align:left; color:#000; font-size:24px;}
.box-hot-news .bar-gray{height:40px;background:#f5f5f5;}
.box-hot-news .bar-gray > div{width:1200px;margin:0 auto;}
.box-hot-news .bar-gray > div > div{position:relative;box-sizing:border-box;}
.box-hot-news .bar-gray > div .prev-area{float:left;padding-left:40px;}
.box-hot-news .bar-gray > div .next-area{float:right;padding-right:40px;}
.box-hot-news .bar-gray > div > div > a {display:block;height:40px;line-height:40px;}
.box-hot-news .bar-gray > div > div > span.btn-prev{position:absolute;top:0;left:0;overflow:hidden;width:24px;height:40px;text-indent:-999999em;background:url(../images/news/btn_news_leftRight01.png) 0 center no-repeat}
.box-hot-news .bar-gray > div > div > span.btn-next{position:absolute;top:0;right:0;overflow:hidden;width:24px;height:40px;text-indent:-999999em;background:url(../images/news/btn_news_leftRight01.png) -24px center no-repeat}
.box-hot-news .bar-gray > div > div > span.btn-prev a {display:block;height:40px;}
.box-hot-news .bar-gray > div > div > span.btn-next a {display:block;height:40px;}
.box-hot-news .btn-sitemap {position:absolute;left:0;top:20px;z-index:2;width:30px;height:30px;background:url(../images/common/btn_sitemap.png) no-repeat 50%;overflow:hidden; top:10px;}
.box-hot-news .btn-sitemap.on {background:url(../images/common/btn_sitemap_close.png) no-repeat 50%;overflow:hidden;}
.box-hot-news .btn-sitemap button {display:block;width:30px;height:30px;text-indent:-10000px;outline:none;}
.box-hot-news .progress-container {position:relative; width: 100%; height: 3px; background-color: #fff; top:3px;}
.box-hot-news .progress-container .progress-bar {width:0%; height:3px; background-color:#4f5eaf; transition: .4s ease-out;}


/* box-hot-movie > 최신영상 타이틀 */
.box-hot-movie {display:none;position:fixed;left:0;top:0;z-index:10;width:100%;height:206px;box-shadow:0px 10px 10px rgba(136,136,136,0.5);border-bottom:1px solid #bebebe;background:#fff;z-index:9;} /* Top :102 */
.box-hot-movie .inner {position:relative;margin:0 auto;width:1200px;}
.box-hot-movie .inner > div{position:relative;margin:10px 0 10px 60px;width:258px;height:145px;display:inline-block;vertical-align:top; overflow:hidden;}

.box-hot-movie .inner .title02{padding:5px 0 0 15px;display:inline-block;vertical-align:top;}
.box-hot-movie .bar-gray{height:40px;background:#f5f5f5;}
.box-hot-movie .bar-gray > div{width:1200px;margin:0 auto;}
.box-hot-movie .bar-gray > div > div{position:relative;box-sizing:border-box;}
.box-hot-movie .bar-gray > div .prev-area{float:left;padding-left:40px;}
.box-hot-movie .bar-gray > div .next-area{float:right;padding-right:40px;}
.box-hot-movie .bar-gray > div > div > a{display:block;height:40px;line-height:40px;}
.box-hot-movie .bar-gray > div > div > span.btn-prev{position:absolute;top:0;left:0;overflow:hidden;width:24px;height:40px;text-indent:-999999em;background:url(../images/news/btn_news_leftRight01.png) 0 center no-repeat}
.box-hot-movie .bar-gray > div > div > span.btn-next{position:absolute;top:0;right:0;overflow:hidden;width:24px;height:40px;text-indent:-999999em;background:url(../images/news/btn_news_leftRight01.png) -24px center no-repeat}
.box-hot-movie .btn-sitemap {position:absolute;left:0;top:20px;z-index:2;width:30px;height:30px;background:url(../images/common/btn_sitemap.png) no-repeat 50%;overflow:hidden;}
.box-hot-movie .btn-sitemap.on {background:url(../images/common/btn_sitemap_close.png) no-repeat 50%;overflow:hidden;}
.box-hot-movie .btn-sitemap button {display:block;width:30px;height:30px;text-indent:-10000px;outline:none;}

/* 최신 뉴스 상세페이지 */
/* secton-header-news */
.news-header-section {}
.news-header-section {border-top:1px solid #ebe9ea; margin-top:40px;}
.news-header-section .title-area{position:relative;overflow:hidden;min-height:107px;padding:25px 25px 40px 25px; text-align:left; border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.news-header-section .title-area .title-news {position:relative; display:inline-block; /*margin-bottom:43px;*/max-height:100px;font-size:43px;font-weight:700;color:#000;text-align:left; word-wrap:break-word; word-break:keep-all; font-family:'Apple SD Gothic Neo','Helvetica Neue', 'Roboto', 'Noto Sans KR', 'Malgun Gothic', Dotum, Arial, sans-serif; padding-left: 25px;}
.news-header-section .title-area .title-news .box-icon {position:absolute; top:-15px; left:0;}
.news-header-section .title-area a{position:absolute;top:50%;margin-top:-23px;display:block;overflow:hidden;width:46px;height:46px;text-indent:-99999999em;}
.news-header-section .title-area a.btn-prev{left:0;background:url('../images/news/btn_prev_roll1.png');}
.news-header-section .title-area a.btn-next{right:0;background:url('../images/news/btn_next_roll1.png');}
.adv-area + .news-header-section {border-top:none;}

.news-aside{float:left;font-size:12px;color:#999;line-height:20px;margin-left:23px;margin-top:1px;}


#google_translate_element {display:inline-block;}


/* wrap-adbox-right */
.wrap-right-adbox {overflow:hidden;}
.wrap-right-adbox:after {content:''; display:block; clear:both;}
.wrap-right-adbox .section-content {float:left;width:760px;padding:22px 0;box-sizing:border-box;}
.wrap-right-adbox .section-ad {float:right;width:250px;}
.wrap-right-adbox .section-common {float:right;width:250px;}

/* 본문 글자 조절 / 헤드라인 */
.wrap-right-adbox .box-zoom{float: right;margin:8px 30px 0 0;border: 1px solid #ccc;border-radius: 3px;overflow: hidden;background: url(../images/news/bg_box_textzoom.png) no-repeat 50%;}
.wrap-right-adbox .box-headline{position:relative;overflow:hidden;/*width:100%;*/height:100%;margin: 0 50px 30px;padding: 0 0 0 23px;font-size: 22px;color: #000;border:none; clear:both;}
.wrap-right-adbox .box-headline:after{content:'';display:block;position:absolute;top:4px;left:0;width:4px;height:100%;background:#ffd800;}

/* box-body-news > 뉴스 본문 */
.box-news-body:after {display:block; content:""; clear:both;}
/*.box-news-body {margin:0 30px 30px 62px;font-size:18px;color:#000;font-weight:300;line-height:28px;}*/
.box-news-body {margin:0 50px 62px 50px;font-size:18px;color:#000;font-weight:400;line-height:1.8; font-family:'Apple SD Gothic Neo', 'Helvetica Neue', 'Roboto', 'Noto Sans KR', 'Malgun Gothic', Dotum, Arial, sans-serif; letter-spacing:-0.025em;}
.box-news-body img {/*margin:50px 0; width:100%; height:100%;*/ width:100%; max-width:fit-content; height:auto; margin:auto; display:block;}
/*.box-news-body center img {width:100%; max-width: fit-content;}*/
.wrap-right-adbox .box-headline + .box-news-body > img {margin:20px 0;  width:100%; height:100%;}
.box-news-body span.figure {display:block; margin: 5px 0;}
.box-news-body > p > a > img {width:100%; display:block;}
.box-news-body > p > a {display:block; margin:10px 0;}

/* article-infor > 주간 베스트 */
.article-infor {position:relative;margin:0 30px 15px 0;overflow:hidden;box-sizing:border-box;}
.article-infor .list-news-type {font-size:16px;line-height:30px;}
.article-infor .list-news-type li{float:left;width:48%;margin-right:4%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-infor .list-news-type li:nth-child(2n){margin-right:0;}

/* article-ad > 광고 */
.article-ad {position:relative;margin:0; width:350px; overflow:hidden; display:block; margin-left:469px; margin-bottom:15px;}

/* article-infor-repoter > 기자정보 */
.article-repoter-infor{margin:0;border-top:1px solid #ebe9ea; margin-top:-1px !important; display:flex;}
.article-repoter-infor > div{height:auto;border-left:1px solid #ebe9ea;border-right:1px solid #ebe9ea;border-bottom:1px solid #ebe9ea;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;gap:28px;}
.article-repoter-infor > div .box-photo-reporter{/*float:left;*/margin:20px 0px 19px 40px; padding:0; overflow:hidden;width:82px;height:82px; border-radius:50%; border:1px solid #dedede;}
.article-repoter-infor > div .box-photo-reporter img{width:82px;height:auto;border-radius:45px;}
.article-repoter-infor > div .repoter-aside{/*float:left;*/height:auto;padding-right:20px;width:170px;box-sizing:border-box;}
.article-repoter-infor > div .repoter-aside.line2{padding-top:10px;}
.article-repoter-infor > div .reporter {overflow:hidden;padding-top:16px;font-size:14px;color:#000;}
.article-repoter-infor > div .reporter span {color:#4f5eaf;}
.article-repoter-infor > div .link-mail {display:block;margin:3px 0 0 0;font-size:12px;color:#999;font-weight:300;}
.article-repoter-infor > div .link-news {display:inline-block;vertical-align:middle;margin-top:9px;padding:0 17px;height:32px;line-height:30px;font-size:14px;color:#666;border:1px solid #ccc;border-radius:3px;background:#fff;}
.article-repoter-infor > div .link-home {display:inline-block;vertical-align:middle;overflow:hidden;margin:9px 7px 0 0 ;text-indent:-999999em;width:32px;height:32px;color:#666;border:1px solid #ccc;border-radius:3px;background:#fff;background:url('../images/news/icon_home.png') center center no-repeat;}
.article-repoter-infor > div .list-news-type{position:relative;/*float:left;*/width:380px;padding:18px 25px 0 35px;box-sizing:border-box;}
.article-repoter-infor > div .list-news-type:after{content:'';display:block;position:absolute;top:20px;left:0;width:1px;height:80px;background:#ebe9ea;}
.article-repoter-infor > div .list-news-type  ul{font-size:16px;line-height:28px;}
.article-repoter-infor > div .list-news-type  ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:28px;}
.article-repoter-infor > div .list-news-type .icon-area{margin:9px 0 0;}
.article-repoter-infor > div .list-news-type .icon-area .box-icon{margin-right:0;}
.article-repoter-infor > div .list-news-type .icon-area .box-icon + .box-icon{margin-left:-3px;}
.article-repoter-infor > div .list-news-type .txt{font-size:16px;line-height:24px;}
.article-repoter-infor > div.type2 {height:30px; margin-bottom:30px; border:none;}
.article-repoter-infor > div.type2 .repoter-aside {width:100%; height:30px; line-height:30px; font-size:0; padding-top:15px !important;}
.article-repoter-infor > div.type2 .repoter-aside .reporter {display:inline-block; vertical-align:middle; padding:0;font-size:16px;}
.article-repoter-infor > div.type2 .repoter-aside .reporter span.part {color:#000;}
.article-repoter-infor > div.type2 .repoter-aside .link-mail {display:inline-block; vertical-align:middle; margin:0; padding-left:10px; font-weight:400; color:#000;font-size:16px;}


/* box-event-chart > 관련종목 차트 */
.box-event-chart .title-area .title02{float:left;margin-bottom:9px;}
.box-event-chart .title-area .day{float:right;display:inline-block;padding-top:12px;font-size:12px;color:#999;}
.box-event-chart .list-chart-type{float:left;width:425px;border-top:1px solid #ebe9ea;}
.box-event-chart .list-chart-type li{height:42px;line-height:42px;border-bottom:1px solid #ebe9ea;box-sizing:border-box;}
.box-event-chart .list-chart-type li p{overflow:hidden;display:inline-block;width:121px;height:42px;padding-right:6px;box-sizing:border-box;}
.box-event-chart .list-chart-type li p + p{width:122px;}
.box-event-chart .list-chart-type li p + p + p{width:173px;}
.box-event-chart .list-chart-type .data-up + .data-up,
.box-event-chart .list-chart-type .data-down + .data-down{margin-left:3px;padding-left:8px;}
.box-event-chart .list-chart-type .data-up + .data-up:after,
.box-event-chart .list-chart-type .data-down + .data-down:after{content:'';display:block;position:absolute;top:3px;left:0;width:2px;height:14px;background:#e4e4e4;}
.box-event-chart .chart-area{float:right;width:335px; height:141px;background:#f5f5f5;}
.box-event-chart .chart-area img {width:100%; height:auto;}

/* box-section-emotion > 감정표현 부분 */
.box-section-emotion{margin:0;padding:0;height:60px;border-top:1px solid #ebe9ea;border-bottom:1px solid #ebe9ea;box-sizing:border-box; margin-top:-1px;}
.box-section-emotion .box-icon-sharesns{margin-top:23px; display:none;}
.box-section-emotion .box-icon-sharesns span{margin-right:4px;}
.box-section-emotion .box-emotion{position:relative;float:left;padding:0px 0 0 23px;margin:13px 0 0 15px; float:none; text-align:center; padding:0}
.box-section-emotion .box-emotion:after{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:38px;background:#ebe9ea; display:none;}
.box-section-emotion .box-emotion > span {display:inline-block;margin-right:12px;height:38px;padding-left:40px;}
.box-section-emotion .box-emotion a {display:inline-block; text-decoration:none; max-width:140px;}
.box-section-emotion .box-emotion .text {display:inline-block; font-size:12px; margin-left:10px;}
.box-section-emotion .box-emotion .btn-emotion1{display:inline-block; background:url(../images/news/icon_emotion1.png) 0 0px no-repeat; width:31px; max-width:140px; height:31px; vertical-align:top;}
.box-section-emotion .box-emotion .btn-emotion2{display:inline-block; background:url(../images/news/icon_emotion2.png) 0 0px no-repeat; width:31px; max-width:140px; height:31px; vertical-align:top; margin-left:12px}
.box-section-emotion .box-emotion .btn-emotion3{display:inline-block; background:url(../images/news/icon_emotion3.png) 0 0px no-repeat; width:31px; max-width:140px; height:31px; vertical-align:top; margin-left:12px}
.box-section-emotion .box-emotion .btn-emotion1.on {background:url(../images/news/icon_emotion1_on.png) 0 0px no-repeat;}
.box-section-emotion .box-emotion .btn-emotion2.on {background:url(../images/news/icon_emotion2_on.png) 0 0px no-repeat;}
.box-section-emotion .box-emotion .btn-emotion3.on {background:url(../images/news/icon_emotion3_on.png) 0 0px no-repeat;}
.box-section-emotion .box-emotion button{font-size:12px;font-weight:500; text-align:left; width:90px;}
.box-section-emotion .box-emotion i {display:block; margin:0; text-align:left;font-size:14px;color:#8c92a0;font-style:normal;font-weight:600;font-family:'roboto', sans-serif;}
.box-section-emotion .box-util-links{position:relative;float:right;padding:0 0 0 14px;margin:22px 0 0 0; display:none;}
.box-section-emotion .box-util-links:after{content:'';display:block;position:absolute;top:2px;left:0;/*width:1px;height:38px;background:#ebe9ea;*/}

/* list-news-type01 > 관련 뉴스 */
.list-news-type01 .title02{margin-bottom:3px;}
.list-news-type01 ul{padding-top:7px;}
.list-news-type01 ul li{overflow: hidden; width:48%;margin-right:4%;}
.list-news-type01 ul li:nth-child(2n){margin-right:0;}
.list-news-type01 ul li a{display: block;font-size: 16px;line-height:30px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-news-type01 ul li a em{display:inline-block;vertical-align:top;margin-right:9px;width:7px;height:28px;background:url('../images/common/ico_list_more.png') left center no-repeat;}
.title02{margin-bottom:3px; font-size:22px;}
.list-news-type02 {/*float:left;*/ width:350px; margin-right:50px;}
.list-news-type02 ul{padding-top:0px;}
.list-news-type02 ul li{overflow: hidden; width:100%;}
.list-news-type02 ul li a{display: block;font-size: 16px;line-height:32px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-news-type02 ul li a em{display:inline-block;vertical-align:top;margin-right:5px;width:7px;height:28px;background:url('../images/common/ico_list_more.png') left center no-repeat;}

/* box-ad > 배너영역 */
.box-ad{margin-top:10px;width:870px;height:auto;border:1px solid #eaeaea;box-sizing:border-box; height:auto}
.adv-area {/*margin-top:20px;*/width:870px; /* border:1px solid #eaeaea; */box-sizing:border-box; height:auto}
.adv-area.left {position:absolute; left:-200px; top:375px; margin-top:0;  height:auto;}
.adv-area.right {position:absolute; right:-160px; top:67px; margin-top:0;  height:auto}

.adv-area.cont-banner {float:right;}

/* box-cont-repoter > wownet cont start */
.box-cont-repoter{margin-top:20px;}
.box-cont-repoter ul{float:left;width:404px;}
.box-cont-repoter ul li{position:relative;font-size:16px;line-height:30px;padding-left:15px;}
.box-cont-repoter ul li:after{content:'▶';display:block;position:absolute;top:1px;left:0;font-size:0.7em;color:#666;}
.box-cont-repoter .bann-img{float:right;}

.copyright-news {margin-top:15px;font-size:14px;color:#999;font-weight:300; margin-bottom:15px}

/* contain-like-news > 당신이 좋아할 만한 기사 */
.contain-like-news {position:relative;width:870px;}
.contain-like-news li{float:left;width:194px;height:258px;}
.contain-like-news li img {display:block;width:194px;height:258px; }
.contain-like-news li a{position:relative;display:block;width:196px;height:260px;}
.contain-like-news li a:before {display:block; content:""; background: url(../images/common/dim_bg01.png) repeat-x 100% ; /*opacity:0.2;*/ position:absolute; top:0; left:0; width:100%; height:100%;}
.contain-like-news li a p{position:absolute;bottom:0;left:0;margin:18px;height:45px;font-size:16px;color:#fff;overflow:hidden;}
.contain-like-news .bx-wrapper .bx-prev {width:46px;height:46px;background:url(../images/news/btn_prev_roll1.png) no-repeat 50%;opacity:0.8;}
.contain-like-news .bx-wrapper .bx-next {width:46px;height:46px;background:url(../images/news/btn_next_roll1.png) no-repeat 50%;opacity:0.8;}

/* best-infor-news > 당신에게 맞는 추천 뉴스 */
.best-infor-news{margin-bottom:0;background:#454545;}
.best-infor-news .section-type1{width:1200px;margin:0 auto;padding:0;}
.best-infor-news .section-type1 .title{color:#fff;text-align:center;}
.best-infor-news .section-type1 .box-select-tags {margin:0 0 10px 0;padding:11px 0 0 0;text-align:center;}
.best-infor-news .section-type1 .box-select-tags .btn-tag {display:inline-block;margin:0 10px;border-radius:21px;background:#fff;margin-bottom:10px;}
.best-infor-news .section-type1 .box-select-tags .btn-tag button {display:block;padding:0 20px;height:42px;line-height:40px;font-size:16px;color:#666;}
.best-infor-news .section-type1 .box-select-tags .btn-tag button::before {content:'#';display:inline-block;}
.best-infor-news .section-type1 .box-select-tags .btn-tag.on {background:#4f5eaf;}
.best-infor-news .section-type1 .box-select-tags .btn-tag.on button {color:#fff;}
.best-infor-news .section-type1 .contain-news-type2 {overflow:hidden;padding-top:10px;}
.best-infor-news .section-type1 .contain-news-type2 ul {width:110%;}
.best-infor-news .section-type1 .contain-news-type2 ul li {float:left;margin:0 28px 20px 0;width:218px;height:173px;}
.best-infor-news .section-type1 .contain-news-type2 ul li:nth-child(5n){margin-right:0;}
.best-infor-news .section-type1 .contain-news-type2 ul li a {font-size:16px;color:#fff;}
.best-infor-news .section-type1 .contain-news-type2 ul li a div{position:relative;width:218px;height:123px;margin:0 0 10px 0;}
.best-infor-news .section-type1 .contain-news-type2 ul li a strong{display:block;font-weight:400;line-height:20px;}
.best-infor-news .section-type1 .contain-news-type2 ul li img {display:block;width:218px;height:123px;}
.best-infor-news .section-type1 .contain-news-type2 ul li .body-text {overflow:hidden;height:72px;padding:0 28px;font-size:16px;color:#666;font-weight:300;}
/* ====================== //뉴스 > 최신뉴스 상세 / 포토&영상 > 상세 ====================== */

/* login하지 않았을 때 아래 내용 사용함 */
.data-no {display:inline-block; width:100%; height:100%; text-align:center;}
.data-no:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.data-no .inner {display:inline-block;vertical-align:middle;}

/* clear */
.box-3dabth:after,
.box-img-slider .img-area-slider:after,
.box-type-t:after{
	content:'';
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
}

/* 메인 하단 공통 */

/* img slider */
.box-img-slider{overflow:hidden;/*margin-top:70px;*/padding:10px;height:546px;background:#f7f7f7;box-sizing:border-box;}
.box-img-slider .title01{width:1200px;margin:31px auto 0;}
.box-img-slider .img-area-slider{margin-top:15px;}
.box-img-slider .img-area-slider ul li {position:relative;height:500px;}
.box-img-slider .img-area-slider ul li p{position:absolute;bottom:0;left:0;margin:20px;color:#fff;width:70%;overflow:hidden;line-height:27px; height:54px;font-size:18px;z-index:20}



.main-header {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20%;
  background: #eee;
  padding: 1em;
}

.main-header__nav {
  border-top: solid 1px #ccc;
  margin: 1em -1em;
}

.main-header__nav a {
  display: block;
  padding: 0.5em 1em;
  border-bottom: solid 1px #ddd;
}



.main-header__nav a:hover,
.main-header__nav a:focus {
  color: #eee;
  background: #da0d25;
}

@media (max-width: 800px) {
  body { padding: 0; }

  .main-header {
    position: relative;
    width: 100%;
  }

  .main-header__nav a { display: inline-block; border: none; }
}


.intro {
  padding: 4em 2em;
}

.demo {
  padding: 6em 2em;
}

.demo h2 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 1em;
}

.demo .flipster {
  margin: 0 -2em;
}
/* 금융 쪽 class 와 충돌로 인한 주석처리 관련 css 발견시 css 변경처리할 것 
.code {
  display: block;
  background: #eee;
  padding: 1em;
  border-radius: 1em;
  margin: 2em auto;
  max-width: 30em;
  font-size: 0.8em;
  width: fit-content;
  white-space: pre-wrap;
} */

.button {
  display: inline-block;
  padding: 5px 10px;
  margin: 0;
  background-color: #da0d25;
  background-position: center center;
  background-repeat: no-repeat;
  color: #FFF;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  transition: all 300ms ease;
}

.button:hover,
.button:focus {
  color: #7a0715;
  background: #f22840;
}
/*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */
.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative}
.flipster:focus{outline:none}
.flipster__container,.flipster__item{margin:0;padding:0;list-style-type:none;position:relative}
.flipster__container{display:block;white-space:nowrap;word-spacing:-0.25em;transform-origin:50% 50%;backface-visibility:hidden}
.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom}
.flipster--click .flipster__item--past,.flipster--click .flipster__item--future{cursor:pointer}
.flipster__item img{max-width:100%;z-index:1; width:300px; height:400px;}/* 2017-11-13 이미지 사이즈 지정 */
.flipster__button{position:absolute;top:50%;display:block;appearance:none;background:url('../images/entertain/btn_imgslider.png') 0 0 no-repeat;width:46px;height:46px;border:none;padding:0;z-index:1;cursor:pointer;font-size:15px;opacity:.5;transition:opacity 500ms ease;margin:-4em 2em}
.flipster__button svg{background:transparent;}
.flipster__button svg polyline[points]{display:none;}
.flipster__button:hover,
.flipster__button:focus{opacity:1}
.flipster__button--prev{left:0;background-position: 0 0;}
.flipster__button--next{right:0;background-position: 0 -46px;}
.flipster__nav,.flipster__nav__item{list-style-type:none;margin:0;padding:0}
.flipster__nav{display:block;margin:0 0 4em;text-align:center;position:relative}
.flipster__nav__item{display:inline-block;margin:0 .25em}
.flipster__nav__link{display:block;color:inherit;padding:.5em 1em;position:relative;overflow:hidden;transition:all 250ms ease-out;transition-timing-function:cubic-bezier(.56, .12, .12, .98)}
.flipster__nav__link::after{content:'';display:block;background:#232221;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:translateY(100%) translateY(-0.25em);transition:inherit}
.flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus{color:#fff}
.flipster__nav__item--current>.flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after{transform:translateY(0)}
.flipster__nav__child{display:none;position:absolute;top:100%;left:0;right:0;margin-top:-1px;padding:.5em;background:#4e4441;z-index:1}
.flipster__nav__child .flipster__nav__link{color:#fff}
.flipster__nav__child .flipster__nav__link::after{background:#fff}
.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus{color:#232221}
.flipster__nav__item--current .flipster__nav__child{display:block}
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content{transition:all 400ms ease-in-out;}
.flipster--flat .flipster__item--current .flipster__item__content{box-shadow:15px 15px 40px #999;height: 400px;position: relative; cursor:pointer;}
.flipster--flat .flipster__item--current .flipster__item__content img {height: 400px;}
.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future{opacity:1}
.flipster--flat .flipster__item--past .flipster__item__content{transform:scale(.75);}
.flipster--flat .flipster__item--future .flipster__item__content{transform:scale(.75)}
.flipster--flat .flipster__item--past .flipster__item__content:before,
.flipster--flat .flipster__item--future .flipster__item__content:before{content:'';display:block;overflow:hidden;position:absolute;top:0;left:-0.519px;width:100.5%;height:400px;background-color:#000;opacity:0.6;z-index:5}

.flipster__button--next  {right:50%;margin-right:-600px;/*  margin-left:600px; */}
.flipster__button--prev  {left:50%;margin-left:-600px;/*  margin-left:-600px; */}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* @group flipster Navigation */
.flipster .flipster-nav {
  display: block;
  background: #da0d25;
  height: 25px;
  font-size: 0.0px;
  margin: 0;
  padding: 5px 5px 0;
  text-align: justify;
  margin-bottom: 52px;
  position: relative;
  border-bottom: solid 2px #da0d25;
  list-style-type: none;
}
.flipster .flipster-nav:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.flipster .flipster-nav li {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.flipster .flipster-nav .flip-nav-category,
.flipster .flipster-nav .no-category {
  width: 25%;
}
.flipster .flipster-nav .flip-nav-category-link,
.flipster .flipster-nav .flip-nav-item-link {
  display: block;
  -ms-transition: all 100ms ease;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}
.flipster .flipster-nav .flip-nav-category-link,
.flipster .flipster-nav .no-category .flip-nav-item-link {
  border: solid 2px transparent;
  height: 23px;
  line-height: 25px;
  color: #ffffff;
  padding: 1px 7px;
  font-size: 0.8em;
}
.flipster .flipster-nav .flip-nav-current .flip-nav-category-link,
.flipster .flipster-nav .no-category .flip-nav-current.flip-nav-item-link {
  border-color: #da0d25;
  border-bottom: none;
  background: #ffffff;
  color: #000000;
}
.flipster .flipster-nav .flip-nav-category .flip-nav-items {
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px 0;
  height: 32px;
}
.flipster .flipster-nav .flip-nav-category .flip-nav-items:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.flipster .flipster-nav .flip-nav-category .flip-nav-items .flip-nav-item-link {
  padding: 5px 15px;
  color: #da0d25;
  font-family: Helvetica;
  text-transform: uppercase;
  font-size: 16px;
}
.flipster .flipster-nav .flip-nav-category .flip-nav-items .flip-nav-item-link.flip-nav-current {
  background: #da0d25;
  color: #FFF;
}
.flipster .flipster-nav .flip-nav-category.flip-nav-current .flip-nav-items {
  display: block;
}
/* @end */
/* @group Previous & Next Buttons */
.flipster .flipto-prev,
.flipster .flipto-next {
  position: absolute;
  top: 50%;
  z-index: 999;
  display: block;
  padding: 10px;
  margin-top: 25px;
  background-color: #da0d25;
  color: #FFF;
  border: solid 2px #da0d25;
  -ms-transition: background-color 300ms ease;
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}
.flipster .flipto-prev:hover,
.flipster .flipto-next:hover {
  background-color: #FFF;
  color: #da0d25;
}
.flipster .flipto-prev {
  left: 0;
}
.flipster .flipto-next {
  right: 0;
}
/* @end */


/* 메인 > 쉽게보는 뉴스 탭 .box-img-slider.type2 */
.box-img-slider.type2 .img-area-slider ul li {height:500px; /* text-align:center; */}
.box-img-slider.type2 .img-area-slider ul li img {display:block; width:300px; height:300px;}
.box-img-slider.type2 .img-area-slider ul li span.box-icon01.type2 {position:absolute; top:0; left:0; z-index:6;}
.box-img-slider.type2 .img-area-slider ul li span.icon-play {bottom:10px; right:10px; width:50px; height:50px; z-index:6; background-position:18px center; background-size:20px auto;}
/* .box-img-slider.type2 .img-area-slider ul li .tit-area {position:absolute; top:0; left:0; z-index:6; width:100%; height:100%; text-align:center;}
.box-img-slider.type2 .img-area-slider ul li .tit-area:before {content:''; display:inline-block; height:100%; vertical-align:middle}
.box-img-slider.type2 .img-area-slider ul li .tit-area strong {display:inline-block; vertical-align:middle; width:240px; max-height:52px; line-height:26px; font-weight:300; font-size:18px; color:#fff; word-wrap:break-word; word-break:keep-all; overflow:hidden;} */
.box-img-slider.type2 .flipster--flat .flipster__item--current .flipster__item__content {height:300px !important;}
.box-img-slider.type2 .flipster--flat .flipster__item--past .flipster__item__content:before, 
.box-img-slider.type2 .flipster--flat .flipster__item--future .flipster__item__content:before {height:300px !important;}
.box-img-slider.type2 .flipster__button--prev {top:187px;}
.box-img-slider.type2 .flipster__button--next {top:187px;}




.file-btn {display:none; border:1px solid red; width:34px; height:34px; border:1px solid #ccc; font-size:0; border-radius: 3px; vertical-align:middle;  background: url(../images/common/btn_familysite_close.png) no-repeat center; text-indent: -9999em}
.file-btn.on {display:inline-block;}






@media all and (max-width:1280px){
  .contain-navigation .navigation-global >ul >li:first-child ul {left:0; margin-left:0;}


	.combine-area .gnb-area > ul > li:first-child .sub-menu{left:0; margin-left:0}
  .combine-area .gnb-area > ul > li:first-child .sub-menu .arrow {left:0; margin-left:25px}
}







/* google 번역 관련 뉴스 리스트 */
.contain-news-top #google_translate_element {float:right;margin:-7px 0 0 10px;overflow:hidden; border:0; border:1px solid #ccc; border-radius:3px; height:34px; display:inline-block; vertical-align:middle;}
.contain-news-top #google_translate_element .goog-te-gadget span {line-height:30px;}
.contain-news-top #google_translate_element .goog-te-gadget-simple {border:0; padding:2px 5px 0 10px; height:34px;}

/* google 번역 관련 뉴스 상세 */
.box-util-button #google_translate_element {overflow:hidden; border:0; border:1px solid #ccc; border-radius:3px; height:36px; display:inline-block; vertical-align:middle;}
.box-util-button #google_translate_element .goog-te-gadget span {line-height:32px;}
.box-util-button #google_translate_element .goog-te-gadget-simple {border:0; padding:0 5px 0 10px; height:36px;}

.google-box .title-area #google_translate_element {overflow:hidden; border:0; border:1px solid #ccc; border-radius:3px; height:36px; display:inline-block; vertical-align:middle;}
.google-box .title-area #google_translate_element .goog-te-gadget span {line-height:32px;}
.google-box .title-area #google_translate_element .goog-te-gadget-simple {border:0; padding:0 5px 0 10px; height:36px;}

/* 20180123 더보기 메뉴 붙는 부분 수정, 각 div(ex.programContents, personContents, newsContents 등)에 content-wrap 클래스 추가 바랍니다.*/
body.search .wrap .search-container .contain-content .content-wrap{margin-bottom:30px;}


.wrap-popup .wrap-broad_contents {float:left; position:relative; width:100%; height:100px; margin-top:10px;}
.wrap-popup .broad_contents {float:left; width:100%; height:100%; word-break:keep-all; overflow-y:scroll;}
.wrap-popup .broad_contents > span {float:left; width:100%; margin-bottom:10px;}
.wrap-popup .broad_contents > span.st {margin-bottom:20px; font-weight:bold;}
.wrap-popup .broad_contents > span > a {text-decoration:underline; color:#0044cc}
.wrap-popup .broad_contents > span.st > a {color:#333;}

.extend {position:relative; background-color:#fff; margin:60px auto;}

.box-type01.type01 .box-img div.box-img-txt img {width:200px; height:130px; position:relative; left:-20px; background-color:#dadada;}
.wrap.box-type02.footer-extender {height: 60px; padding: 13px 40px; border: 1px solid #ebe9ea !important;}
.footer-extend .wrap.box-type02 {height: 60px !important; padding: 13px 40px !important; border: 1px solid #ebe9ea; border-top:0;}
.footer-extend .wrap.box-type02 .title02 {font-size: 22px !important;}
.footer-extend .wrap.box-line-type01 {padding: 10px 40px !important; border-top: 0 !important;}
.box-icon.footer-extend {display: inline; font-family: 'dotum', Apple SD Gothic Neo, sans-serif; font-weight: normal; padding: 2px 5px; font-size: 11px; color: #fff; background: #ff6666; vertical-align: middle; margin: 0; text-indent: 0px !important; line-height: 11px !important;}



.box-hot-news .bar-gray {text-align:left; padding-left: calc(50% - 540px);}
.box-hot-news .bar-gray .wownetstrategy {color:#333; font-size:16px; line-height:40px; text-align:center;}
.box-hot-news .bar-gray .wownetstrategy span {color:#ed2023;}
.box-event-chart {position:relative; margin:15px 0;}
.box-event-chart .wrap-wownetStrategy {position:absolute; bottom:-1px; left:0; background-color:#f7f7f7; padding:15px 10px; width:405px;height:69px;}
.box-event-chart .wrap-wownetStrategy p {font-size:16px; color:#000; line-height:20px; margin-bottom:5px;}
.box-event-chart .wrap-wownetStrategy a > p {display:-webkit-box; font-size:14px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:0;}
.box-event-chart .wrap-wownetStrategy p span {color:#ed2023;}

.footer .contian-util .box-links-footer a:nth-child(5) {font-weight:normal;}
.footer .contian-util .box-links-footer label {background:#000; color:#fff; padding:2px 5px; margin-left:30px;}
.footer .contian-util .box-links-footer label + a {background:none; margin-left:11px; padding-left:0;}
.footer .contain-information .box-links-footer a {display:inline-block; line-height:55px; margin-left:11px; padding-left:11px; color:#999; font-size:14px; background:url('../images/common/img_bar_links_footer.png') no-repeat left 21px;}
.footer .contain-information .box-links-footer a:first-child {background:none; margin:0; padding:0;}
.footer .contain-information .box-information-contents {margin-bottom:0;}

.footer-extend .wrap.box-type02 {height:55px!important; padding:12px 40px;}
.footer-extend .wrap.box-type02 .title02 {font-size:18px;}
.footer-extend .wrap.box-type02 > a {top:-11px;}
.footer-extend .wrap.box-line-type01 {padding:10px 40px;}
.footer-extend .wrap.box-line-type01 p {font-size:16px; margin-bottom:7px;}
.footer-extend .box-line-type01 > div ul li {font-size:13px; line-height:13px;}

.wrap-tomorrowplus > dl:first-child > dd:nth-child(2) {display:none !important;}
.wrap-tomorrowplus > dl:first-child > dd:nth-child(3) {margin-top:214px;}