@charset "utf-8";
@import url("style.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
/* language */
body, input, textarea, select { font-family:'Noto Sans kr','맑은 고딕', 'Malgun Gothic', Arial, Helvetica; }
.bull { display:inline-block; vertical-align:middle; width:4px; height:4px; background-color:#555; position:relative; top:-1px; border-radius:2px; margin-right:2px; }


/* */
html, body { height:auto; }
html { letter-spacing:-0.05em; color:#666; font-size:16px; }
img { max-width:100%; }
.comBg { background-color:#fff; }
.grayBg { background-color:#eff1f6; }
.red { color:#ff0404 !important;}
.cred { color:#f05c4a !important; }
.rred { color:#ce1701 !important; }
.orange { color:#ff7a01 !important; }
.point_color { color:#00B48C !important; }
.point_color2 { color:#2d598f !important; }
.underline { text-decoration:underline !important; }
.borderline { border-bottom:1px solid #666; }
.borderline:hover { text-decoration:none !important; }
.txt_c1 { color:#999 !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.left { text-align:left !important; }
.mdl-js-button { position:relative; }
button {outline:0;}

/* loading */
.loading { display:block; height:40px; background:url('../images/common/loading.gif') no-repeat 50% 50%; background-size:20px auto; }
.loadings { z-index:10000; position:fixed; top:-50px; left:-50px; bottom:-50px; right:-50px; background-color:rgba(255,255,255,0.6); animation:loading_show 0.2s 1 linear; -webkit-animation:loading_show 0.2s 1 linear; }
.loadings>div { width:30px; height:30px; position:fixed; left:50%; margin:-15px 0 0 -15px; top:50%; }
.loadings>div>i { display:block; width:100%; height:100%; top:0; left:0; background:url('../images/common/loading.gif') no-repeat 0 0; background-size:100% auto; }
.loadings>div>i.a { background-image:url('../images/common/loadings.png'); animation:loading 1s infinite linear; -webkit-animation:loading 1s infinite linear;  }
.loadings.inner { position:absolute; top:0; left:0; bottom:0; right:0; }
.loadings.inner>div { position:absolute; }
@keyframes loading {
	0% { transform:rotate(0); }
	100% { transform:rotate(360deg); }
}
@-webkit-keyframes loading {
	0% { -webkit-transform:rotate(0); }
	100% { -webkit-transform:rotate(360deg); }
}
@keyframes loading_show {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes loading_show {
	0% { opacity:0; }
	100% { opacity:1; }
}

/* focus navigator */
#skipToContent { z-index:999; top:0; left:0; right:0; text-align:center; position:absolute; background-color:#000; }
#skipToContent a { display:block; padding:0 10px; height:1px; margin-top:-1px; overflow:hidden; color:#fff; }
#skipToContent a:focus,
#skipToContent a:active { height:auto; padding:10px; margin-bottom:0; color:#fff; font-weight:bold; }

/* slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list .lst li.active {overflow:unset;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; /* height: 100%; */ min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slider { opacity:0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; }
.slider:after { content:""; display:block; clear:both; }
.slider.slick-initialized { opacity:1; }
.slider > .item:not(:first-of-type) { position:absolute; opacity:0; }


/**
* TrackpadScrollEmulator
* Author: Jonathan Nicol @f6design
* https://github.com/jnicol/trackpad-scroll-emulator
*/
.tse-scrollable { position:relative; width:100%; height:100%; overflow:hidden; z-index:0; box-sizing:border-box; }
.tse-scrollable .tse-scroll-content { overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
/* No longer using ::scrollbar too, since it breaks Chrome 25 */
.tse-scrollable .tse-scroll-content::-webkit-scrollbar { width: 0; height: 0; }
.tse-scrollbar { z-index:99; position:absolute; top:-2px; right:0; bottom:-2px; width:10px; background-color:#f1f1f1; }
.tse-scrollbar .drag-handle { position: absolute; right:2px; min-height: 10px; width:10px !important; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; background: #6c6e71; -webkit-background-clip: padding-box; -moz-background-clip: padding; width:5px; right:0; background-color:#d2d2d2;}
.tse-scrollbar:hover .drag-handle { opacity: 0.7; -webkit-transition: opacity 0 linear; -moz-transition: opacity 0 linear; -o-transition: opacity 0 linear; -ms-transition: opacity 0 linear; transition: opacity 0 linear; }
.tse-scrollbar .drag-handle.visible { opacity:1; }
/* Used when testing the scrollbar width */
/* No longer using ::scrollbar too, since it breaks Chrome 25 */
.scrollbar-width-tester::-webkit-scrollbar { width: 0; height: 0; }
/* Horizontal scroller */
.tse-scrollable.horizontal .tse-scroll-content { overflow-x: scroll; overflow-y: hidden; }
.tse-scrollable.horizontal .tse-scroll-content::-webkit-scrollbar,
.tse-scrollable.horizontal .tse-scroll-content::scrollbar { width: auto; height: 0; }
.tse-scrollable.horizontal .tse-scrollbar { top: auto; left: 0; width: auto; height: 11px; }
.tse-scrollable.horizontal .tse-scrollbar .drag-handle { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; }
.tse-content { padding-right:15px; }

/** JQuery datepicker css */
#ui-datepicker-div { margin-top:3px; margin-left:-5px; width:300px !important; padding:0 !important; border-radius:0 !important; font-size:14px !important; -webkit-perspective:1; border:2px solid #2e7bd9; }
.ui-widget { font-family:inherit !important; }
.ui-datepicker-header { padding:0 !important; background:#f8f8fa !important; border:none !important; margin-bottom:0 !important; border-radius:0 !important; }
.ui-datepicker .ui-datepicker-title { color:#222; height:50px; line-height:50px !important; font-size:18px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background:none !important; border:none !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top:5px !important; width:40px !important; height:40px !important; }
.ui-datepicker-prevYear:before, .ui-datepicker-nextYear:before,
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { width:8px !important; height:14px !important; background-image:url('../images/common/icons.png') !important; background-repeat:no-repeat !important; margin:-7px 0 0 -4px !important; }
.ui-icon-circle-triangle-w { background-position:-900px -50px !important; }
.ui-icon-circle-triangle-e { background-position:-950px -50px !important; }
.ui-datepicker-prevYear, .ui-datepicker-nextYear { top:1px; width:24px; height:24px; overflow:hidden; position:absolute; }
.ui-datepicker-prevYear > span, .ui-datepicker-nextYear > span { opacity:0; height:100%; display:block; position:absolute; }
.ui-datepicker-prevYear { left:10px; }
.ui-datepicker-nextYear { right:10px; }
.ui-datepicker-prevYear:before, .ui-datepicker-nextYear:before { position:absolute; content:""; top:50%; left:50%; width:14px !important; margin-left:-7px !important; }
.ui-datepicker-prevYear:before { background-position:-50px 0 !important; }
.ui-datepicker-nextYear:before { background-position:-75px 0 !important; }
.ui-datepicker .ui-datepicker-next { right:5px !important; }
.ui-datepicker .ui-datepicker-prev { left:5px !important; }
.ui-state-disabled span { border:none !important; background:none !important; text-align:center !important; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:2px; }
.ui-state-hover { color:#222 !important;  font-weight:bold !important; }
.ui-datepicker table { margin:0 !important; width:280px; margin:10px auto 14px !important; font-size:1em !important; font-weight:bold; color:#666; }
.ui-datepicker-calendar { border-top:0 !important; }
.ui-datepicker-calendar th { padding:0 !important; border:0 !important; background-color:transparent !important; width:40px; height:40px; color:inherit; }
.ui-datepicker-calendar td { padding:5px !important; border:0 solid #fff !important; background-color:#fff; box-sizing:border-box; height:40px; width:40px !important; }
.ui-datepicker-calendar thead tr th:first-child,
.ui-datepicker-calendar .ui-datepicker-week-end { color:#007edd; font-weight:bold; }
.ui-datepicker-calendar thead tr > *:first-child,
.ui-datepicker-calendar td:first-child { color:#e44450 !important; }
.ui-datepicker-calendar td a { z-index:0; background:none !important; border:none !important; text-align:center !important; color:inherit !important; font-weight:inherit !important; }
.ui-state-default,
.ui-datepicker-calendar td a { position:relative; display:block; padding:0 !important; height:30px; width:30px; line-height:30px; }
.ui-datepicker-today { background-color:#fff !important; }
.ui-datepicker-today .ui-state-default:before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #2e7bd9; }
.ui-datepicker-current-day {  }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { color:#fff !important; background-color:#2e7bd9 !important; }
.ui-datepicker-calendar .ui-datepicker-days-cell-over a { outline:1px dashed #aaa !important; }
.ui-datepicker-calendar a.ui-state-active,
.ui-datepicker-calendar .ui-datepicker-today a { outline:0 !important; }

/* */
.centers { display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:box; box-pack:center; box-align:center; }
.boxLeft { -webkit-box-pack:start; -ms-flex-pack:start; -moz-box-pack:start; box-pack:start; }
.hText { position:absolute; z-index:-1; overflow:hidden; width:0; height:0; opacity:0; }
.stit { color:#333; font-size:30px; line-height:1.1; }


/* */
button { border-radius:0; }
input[type='checkbox'], input[type='radio'] { position:relative; top:-1px; width:16px; height:16px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 !important; }
.comTa,
.comText.ime { ime-mode:active; }
.selectbox .txt,
.comSelect { background:url('../images/common/sel_bg.png') no-repeat 100% 50%; background-size:45px auto; }
.selectbox .txt.focus,
.comSelect:focus { background-image:url('../images/common/sel_bg_f.png'); }
.selectbox .txt,
.comSelect,
.txtDate,
.comText { height:50px; padding:10px 20px; }
.comText:not(input) { line-height:28px; letter-spacing:0; }
.selectbox .txt,
.comSelect,
.comTa,
.txtDate,
.comText { color:#333; border-radius:0; background-color:#fff; border:1px solid #D4D4D4; box-sizing:border-box; -webkit-box-sizing:border-box; transition:background-color 0.2s ease, border-color 0.2s ease; -webkit-transition:background-color 0.2s ease, border-color 0.2s ease; }
.selectbox .txt.focus,
.comSelect:focus,
.comTa:focus,
.txtDate:focus,
.txtDate.focus,
.comText.focus,
.comText:focus { background-color:#fff; border-color:#00B48C; outline:0; }
.comTa.alert,
.comTa.alert,
.selectbox.alert .txt,
.comText.alert { border-color:#e8424e; color:#e8424e; }
.comTa { height:100px; line-height:20px; padding:32px 33px; }
.comSelect { padding-right:50px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.comSelect::-ms-expand { display:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.selectbox select.readonly + .txt,
.comTa.readonly,
textarea.comTa[readonly],
.comText.readonly,
input.comText[readonly] { background-color:#f8f8f9 !important; color:#999 !important; border-color:#e5e5e5; }
textarea.comTa:read-only,
input.comText:read-only { background-color:#f8f8f9 !important; color:#999 !important; border-color:#e5e5e5; }
.txtDate.readonly,
input.txtDate[readonly] { background-color:#fff !important; color:inherit !important; border-color:#e5e5e5; }
input.txtDate:read-only { background-color:#fff !important; color:inherit !important; border-color:#e5e5e5; }
/* */
.radio,
.checkbox { position:relative; display:inline-block; vertical-align:middle; }
.checkbox .icon { display:block; text-indent:-28px; padding-left:28px; }
.hid_input { position:absolute !important; opacity:0; filter:alpha(opacity=0); }
.hid_input ~ .icon:before { content:""; width:20px; height:20px; display:inline-block; vertical-align:middle; position:relative; top:-1px; box-sizing:border-box; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; margin-right:8px; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; cursor:pointer; }
.hid_input:disabled ~ .icon:before { opacity:0.7; }
.hid_input[type='checkbox'] ~ .icon:before { background-position:-1100px -1100px; border:1px solid #e5e5e5; background-color:#fff; }
.hid_input[type='checkbox']:checked ~ .icon:before { background-position:-750px -150px; border-color:#00B48C; }
.hid_input[type='checkbox']:focus ~ .icon:before { outline:1px dashed transparent; }
.hid_input[type='radio'] ~ .icon:before { border:1px solid #e5e5e5; background-color:#fff; background-position:-901px -101px; border-radius:10px; }
.hid_input[type='radio']:checked ~ .icon:before { background-position:-951px -101px; border-color:#2e7bd9; }
.hid_input[type='radio']:focus ~ .icon:before { outline:1px dashed transparent; }
.chk_only { cursor:pointer; }
.chk_only .icon { width:20px; height:20px; padding:0; text-indent:0; overflow:hidden; }
.chk_only .icon em { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.chk_only .hid_input ~ .icon:before { top:0; margin:0; vertical-align:top; }
.frm_date { display:inline-block; vertical-align:middle; }
.frm_date > * { float:left; }
.frm_date > em { color:#999; margin:0 10px; line-height:50px; }
.frm_date:after { content:""; display:block; clear:both; }
.date_picker { display:inline-block; width:200px; vertical-align:middle; position:relative; }
.date_picker .txtDate { padding-right:70px; width:100%; }
.date_picker .btn_picker { position:absolute; right:0; width:50px; height:50px; top:0; border:1px solid #2e7bd9; overflow:hidden; text-indent:-999px; background-color:#fff; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; box-sizing:border-box; }
.date_picker .btn_picker:before { content:""; position:absolute; top:50%; left:50%; margin:-12px 0 0 -11px; width:22px; height:24px; background:url('../images/common/icons.png') no-repeat -150px -200px; }
.date_picker .txtDate:focus ~ .btn_picker { background-color:#2e7bd9; }
.date_picker .txtDate:focus ~ .btn_picker:before { background-position:-200px -200px; }

/* select box */
.selectbox { display:inline-block; position:relative; vertical-align:middle; }
.selectbox .txt { position:relative; display:block; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:28px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:45px; }
.selectbox .txt.focus { outline:1px solid #96b8ef; z-index:1; outline:none; }
.selectbox select:disabled + .txt,
.selectbox select.disabled + .txt { background-color:#e7e7e7 !important; }
.selectbox select { position:absolute; z-index:1; left:0; bottom:0; height:100%; *height:auto; padding:5px 15px; border:0; border-radius:0; width:100%; max-width:100%; opacity:0; filter:alpha(opacity=0); color:inherit; background-color:transparent; }
.selectbox select:focus { outline:0; }

/* dropdownlist */
.dropLst { display:inline-block; position:relative; vertical-align:middle; color:#666; }
.dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap;/* overflow:hidden;*/ text-overflow:ellipsis; height:50px; padding:6px 50px 7px 15px; box-sizing:border-box; color:#333; }
.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
.dropLst .dlst { display:none; position:absolute; top:100%; z-index:9; min-width:100%; box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2); }
.dropLst.bottom .dlst { top:auto; bottom:100%; }
.dropLst .dlst.aright { right:0; }
.dropLst ul { margin-top:0; background-color:#fff; max-height:300px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; *position:relative; }
.dropLst ul > li { position:relative; }
.dropLst ul > li + li { border-top:1px solid #fff; }
.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
.dropLst ul > li > label > span { display:block; }
.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { background-color:#f3f3f3; }
.dropLst .txt, .dropLst ul { border:1px solid #e5e5e5; }
.dropLst .txt, .dropLst li span, .dropLst li a { line-height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dropLst li span, .dropLst li a { padding:5px 10px; line-height:30px; }
.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span { background-color:#f3f3f3; color:#000; font-weight:bold; }
.dropLst li span, .dropLst li a { display:block; }
.dropLst .txt { background:url('../images/common/sel_bg.png') no-repeat 100% 50%; }
.dropLst .txt.active,
.dropLst .txt.on { border-color:#333; background-image:url('../images/common/sel_bg_f.png'); }

/* file */
.comFile { cursor:pointer; position:relative; display:inline-block; vertical-align:middle; padding-right:130px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.comFile .comText { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100% !important; line-height:28px; }
.comFile .comText.unselect { color:#bbb; }
.comFile .hidFile:disabled + .comText { background-color:#e7e7e7 !important; }
.comFile .fileName.disabled { background-color:#e7e7e7 !important; }
.comFile .fileName.focus { outline:1px solid #96b8ef; }
.comFile .hidFile:read-only + .comText { background-color:#f8f8f9 !important; color:#333 !important; }
.comFile .hidFile[readonly] + .comText { background-color:#f8f8f9 !important; color:#333 !important; }
.comFile .hidFile.readonly + .comText { background-color:#f8f8f9 !important; color:#333 !important; }
.comFile .fileName { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; }
.comFile .hidFile { position:absolute; z-index:-1; opacity:0; filter:alpha(opacity=0); top:5px; left:5px; width:0; height:0; overflow:hidden; }
.comFile .sbtn { position:absolute; right:0; top:0; width:131px; line-height:48px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff; background-color:#fff; color:#2e7bd9; border:1px solid #2e7bd9; }

/* layout */
.clear { clear:both; display:block; }
.vscroll_area { overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.hscroll_area { overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; }
#skipToContent,
.wrap { min-width:1240px; }
.wrap { background:white; height:100%; overflow-x: hidden;}
.wrap .areas { min-height:100%; }
/* .wrap .container { padding-bottom:283px; } */
.wrap .sec { max-width:1200px; margin:0 auto; }
body.scroll_off { overflow:hidden;}

/* header */
.header { position:relative; padding-top:40px; background-color:#00B48C; z-index:21; }
.header .gnb_nav { height:60px; position:relative; z-index:2; background-color:#00B48C; }
.header .gnb_nav:after { content:""; position:absolute; bottom:0; left:0; right:0; height:89px; background-color:#00B48C; }
.header .gnb_nav .tnav { position:relative; z-index:1; }
.header .nav { height:100%; max-width:1200px; margin:0 auto; }
.header .nav .getc:after,
.header .nav .gl:after,
.header .nav:after,
.header .spot:after,
.header .sec:after { content:""; display:block; clear:both; }
.header .title { float:left; width:195px; height:100%; position:relative; z-index:1; }
.header .title a {display:block; position:absolute; left:0; top:50%; transform:translate(0, -50%); margin-top:2px;}
.header .title svg{vertical-align: middle; width:128px; height:40px; }
.header .title:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
/*.header .title img { width:137px; }*/
.header .nav .getc { float:right; }
.header .nav .gnb { float:left; text-align:center; margin-left:29px;}

.header .nav .gl { /* padding-left:10px; */}
.header .nav .gl > li { display:inline-block;  }
.header .nav .gl > li + li{margin-left: 59px;}
.header .nav .gl > li:first-child {padding-left:0;}
.header .nav .gl .tnav { display:block; letter-spacing:-2px; line-height:57px;}
.header .nav .gl .tnav:before { content:""; position:absolute; bottom:-4px; width:0; left:50%; height:6px; background-color:#FDFF8C; -webkit-transition:all 0.2s; transition:all 0.2s; }
.header .nav .gl .tnav:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.header .nav .gl > li:hover .tnav:before,
.header .nav .gl > li.hover .tnav:before,
.header .nav .gl .tnav.active:before,
.header .nav .gl .tnav:hover:before { width:100%; left:0; }
.header .nav .gl .tnav > span { display:inline-block; vertical-align:middle; line-height:1.2; font-size:22px;  color:#fff; margin-top: -7px;}
.header .nav .gl .tnav:hover > span {  color:#FDFF8C }

.header .nav .getc { padding-top:16px; }
.header .nav .getc > li { float:left; }
.header .nav .getc > li + li { margin-left:23px; }
.header .nav .getc .tnav { display:block; width:28px; height:20px;  position:relative; }
.header .nav .getc .tnav svg {width:26px; height:27px;}
.header .nav .getc .btn_search > em { display:block; width:100%; height:100%; background:url('../../../../img/t09/icon/icons3.png') no-repeat -50px 0; text-indent:-1000em; }
.header .nav .getc .btn_smap {padding-top:1px;}
.header .nav .getc .btn_smap > em { box-sizing:border-box; margin-top:2px; display:block; width:100%; height:100%; box-sizing:border-box; border-top:2px solid #fff; border-bottom:2px solid #fff; -webkit-transition:all 0.3s; transition:all 0.3s; text-indent:-1000em; }
.header .nav .getc .btn_smap:before,
.header .nav .getc .btn_smap:after { display:none; content:""; position:absolute; left:0; width:100%; height:3px; background-color:#fff; -webkit-transition:all 0.3s; transition:all 0.3s; }
.header .nav .getc .btn_smap:before { top:3px; }
.header .nav .getc .btn_smap:after { bottom:3px; }
.header .nav .getc .btn_smap > em:before,
.header .nav .getc .btn_smap > em:after { content:""; position:absolute; left:0; width:100%; top:50%; margin-top:1px; height:2px; background-color:#fff; -webkit-transition:all 0.3s; transition:all 0.3s; }
.header .nav .getc .btn_smap.active > em { border-color:transparent; }
.header .nav .getc .btn_smap.active > em:before { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.header .nav .getc .btn_smap.active > em:after { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.header .nav .getc .btn_smap.active:before,
.header .nav .getc .btn_smap.active:after { width:0; left:50%; }
.header .spot_section { position:absolute; top:0; left:0; right:0; height:40px; background-color:#fff; z-index:3; overflow:hidden; }
.header .sec { position:relative; }
.header .noti { position:relative; float:left; padding-left:20px; width:750px; }
.header .ctr_btn { position:absolute; left:0; top:50%; width:10px; transform:translate(0, -50%);}
.header .ctr_btn .slick-arrow { display:block; border:0; overflow:hidden; text-indent:-999px; width:8px; height:6px; background-image:url('../../../../img/t09/icon/icons3.png'); background-repeat:no-repeat; }
.header .ctr_btn .slick-prev { background-position:0 0; }
.header .ctr_btn .slick-next { margin-top:6px; background-position:0 -12px; }
.header .notice_slider { height:100%; color:#333; font-size:17px;font-weight: 700; }
.header .notice_slider .item { height:40px; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;letter-spacing: -0.07em; }
.header .notice_slider .item a:hover { text-decoration:underline; }
.header .spot { position:absolute; right:0; top:0; font-size:17px; line-height:40px; color:#333; }
.header .spot > li { float:left;}
.header .spot > li + li {position:relative; margin-left:16px; padding-left:16px; }
.header .spot > li + li:before {content:""; position:absolute; left:0; top:50%; background:#b9b9b9; width:1px; height:17px; transform:translate(0, -50%);}
.header .spot a:hover,
.header .spot em { color:#00A782; }
.header .snav { -webkit-transition:top 0.5s cubic-bezier(0, 0, 0.25, 1), opacity 0.3s 0.1s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.3s; transition:top 0.5s cubic-bezier(0, 0, 0.25, 1), opacity 0.3s 0.1s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.3s; }
.header .snav { z-index:-1; opacity:0; visibility:hidden; position:absolute; left:0; right:0; top:-550px; background-color:#fff; box-shadow:0 3px 3px rgba(0,0,0,.3); }
.header .snav.active { top:100%; opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; z-index:0; padding-bottom: 10px; }

/* */
.header .snav { overflow:hidden; }
.header .snav .sec { position:relative; width:100%; z-index:1; background:#fff; padding-bottom:30px;}
.header .snav .sec > li.left { float:left; box-sizing:border-box; position:relative; }
.header .snav .sec > li.right { position:relative; float:right; width:600px; box-sizing:border-box; position:relative;}
.header .snav .biz_more { position:absolute; right:20px; top:30px; text-align:center; width:100px; line-height:30px; border:1px solid #2d598f; color:#2d598f; background-color:#fff; font-size:14px; }
.header .snav .sec_tit { white-space:nowrap; height:33px; font-size:14px; color:#666; padding:19px 0; text-align:left;line-height: 23px; }
.header .snav .right .sec_tit, .header .snav .right .seclist {padding-left:44px}
.header .snav .sec_tit.st2 {font-weight: 500;font-size: 20px;}
.header .snav .sec_tit strong { font-size:24px; font-weight:720; color:#000; }
.header .snav .sec_tit.li_tit strong { letter-spacing: -0.15em;}
.header .snav .sec_tit em { color:#ccc; margin:0 8px; position:relative; top:-1px; }
.header .snav .sec:after { content:""; display:block; clear:both; }
.header .snav .s,
.header .snav .t { display:block; white-space:nowrap; overflow:hidden; line-height:1.2; /* text-overflow:ellipsis; */ }
.header .snav .s { font-size:14px; color:#666; }
.header .snav .t { color:#333; font-weight:bold; }
.header .snav * + .s,
.header .snav * + .t { padding-top:5px; }
.header .snav .t:hover { text-decoration:underline; }
.header .snav .figure { display:block; position:relative;  z-index:0; }
/* .header .snav .figure.free:before { content:"무료"; position:absolute; top:0; left:0; height:24px; box-sizing:border-box; z-index:2; width:40px; padding-top:4px; line-height:1em; font-size:14px; text-align:center; content:"무료"; color:#fff; font-weight:bold; background-color:#2e7bd9; } */
/* .header .snav .figure:after { content:""; position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; } */
/* .header .snav .figure img { -webkit-transition:transform 0.6s; transition:transform 0.6s; } */
.header .snav .figure .new { position:absolute; top:0; left:0; z-index:2; width:20px; }
/*.header .popular_list .cont:hover .figure img,
 .header .new_list > li:hover .figure img { -ms-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); transform:scale(1.06, 1.06); } */
.header .new_list { padding-bottom:25px; }
.header .new_list > li { float:left; width:50%;}
.header .seclist > li { box-sizing:border-box; float:left; margin-right:20px; text-align:left;}
.header .seclist > li:last-child {margin-right:0;}

.header .categoryGrid2 .sec:last-child {padding:0;}

/* 190509 추가 + 20210420 수정*/
.header .sec.st2 {border-bottom:1px solid #D4D4D4; padding-bottom:0;}
.header .sec.st2 > li {width:100% !important; background:#fff;display:flex;}
.sec.st2 .sec_tit.st2 {float:left;}

.sec.st2 .line2 {display:flex;padding:19px 0; height:65px;}
.sec.st2 .line2 .sec_tit.st2{padding: 0;}
.sec.st2 .line2 .sec_tit.st2 strong{padding:0 ;padding-right: 23px;height:68px; display: block; box-sizing: border-box; padding-top:3px;}
.header .snav .sec_tit.st2 strong {position:absolute; display:block; width:93px; font-size:20px; font-weight:500; color:#767676;padding:3px 0;}
.header .snav .sec_tit.st2 strong:before {content:""; position:absolute; right:0; top:50%; background:#c4c4c4; width:1px; height:32px; transform:translate(0, -50%);}
.header .snav .sec.st2 .line2 .sec_tit.st2 strong:before {height:60px;}
.sec.st2 .pl_list {float:left; width:calc(100% - 150px); margin-top:30px; padding-bottom:25px;}
.sec.st2 .pl_list li {float:left; display:block; margin-top:0; margin-right:15px; max-width:250px; height:42px; line-height:42px; padding:0 20px; text-align:center; border:1px solid #c6c5c5; box-shadow:0 2px 3px #d1d1d1; border-radius:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sec.st2 .pl_list li a {display:inline-block;}
.sec.st2 .pl_list li:last-child {margin-right:0;}
.sec.st2 .pl_list li.on {background:#2f7bd9; color:#fff; border-color:transparent;}
.header .sec.st2 .cate_list {padding-left:81px; width: 100%;display: flex;align-items: center; justify-content: flex-start;flex-wrap: wrap;}
.header .sec.st2 .cate_list li {position: relative;z-index: 1;line-height: 1.2;margin-left:33px;letter-spacing: -0.054em;margin-top:-2px;}
.header .sec.st2 .line2 .cate_list li{margin-left: 31px;}
.header .sec.st2 .cate_list li + li{}
.header .sec.st2 .cate_list li a{font-size: 20px;color:#767676;position:relative}
.header .sec.st2 .cate_list li a:after{content:'';width: 100%;height:16px;background-color: #FDFF8C;position:absolute;bottom:0;left: 0;z-index: -1;display:none}
.header .sec.st2 .cate_list li:hover a:after{display:block;}
.header .sec.st2 .cate_list li:hover a{color:#1B3653;}
.header .snav .sec > li.left.st2 {width:600px; background:#fff;    z-index: -1;}

.header .snav .sec > li.left.st2 .right_ico li,
.header .snav .sec > li.right.st2 .right_ico li {margin-right:0; margin-bottom:0;}
.header .snav .sec > li.left.st2 li:last-child,
.header .snav .sec > li.right.st2 li:last-child {margin-bottom:0; margin-right:0;}
.header .snav .sec > li.right.st2 {width:50%; background:#f8f8f9; padding:0 0 0 40px; box-sizing:border-box;}

.seclist.book .conts_list {width:100% !important; background:none;}
.seclist.book .conts_list .lst li {position:relative;}
.seclist.book .conts_list .lst p.cate {position:absolute; top:-32px; left:0; font-size:18px; color:#333; font-weight:bold;}
.seclist.book .conts_list .slider2 .lst {width:100%; margin:0;}
.seclist.book .conts_list .slider2 .lst > li {padding:0;}
.seclist.book .conts_list .slider2 .lst .cont {background:none;}
.seclist.book .conts_list .slider2 .lst .cont .figure a{height:250px;}
.seclist.book .desc .st {line-height:17px; max-height:34px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; white-space:unset !important;}

.header .snav.book .seclist.book .desc .st {max-height:28px;}
.header .snav .sec .conts_list .slider2 .lst > li {width:169px;}
.header .snav .sec .conts_list .slider2 .lst > li + li{margin-left:24px;}
.header .snav .sec .conts_list .slider2 .lst .figure a {box-shadow:0px 3px 11px rgb(82 49 49 / 30%); width:167px;border-radius: 7px;;}
.header .snav .sec .conts_list .slider2 .lst .figure .detail_view ul{text-align: right;}
.header .snav .sec .conts_list .slider2 .desc {padding:8px 0px;}
.header .snav .sec .conts_list .slider2 .desc .tit {line-height:29px;font-weight: bold;}
.header .snav .sec .conts_list .slider2 .desc .st {letter-spacing:0;}

/* .header .snav .sec > li.right.st2 .conts_list .slider2 .lst {padding-top:30px;} */
.header .snav .sec > li.right.st2 .conts_list .slider2 .lst > li {width:168px;}
.header .snav .sec > li.right.st2 .conts_list .slider2 .lst .figure a {width:168px;}
.header .snav .sec > li.right.st1 {position:relative;}
.header .snav .sec > li.left.st2:after {position:absolute; background:#fff; width:1250px; height:450px; left:-650px; top:0; content:''; z-index:-1;}
.header .snav .sec > li.right.st1:after {position:absolute; background:#f8f8f9; width:1250px; height:450px; right:-600px; top:0; content:''; z-index:-2;}
.header .snav .sec > li.right.st2 .sec_tit {padding-bottom:20px;}
.header .snav.book .sec > li.right.st2:before {display:none;}

.header .snav .sec > li.left.st2 li .detail_view li,
.header .snav .sec > li.right.st2 li .detail_view li {margin-bottom:0; margin-right:0;}
.header .snav .sec .book li .detail_view .view_tit {font-size:14px; left:13px;}
.header .snav .sec .book li .detail_view .view_tit .type {font-size:14px;}
/* .header .snav .sec > li li .detail_view .sum {width:154px;} */
.header .snav .figure img {width:100%; height:142px;}
.header .snav.book .sec > li li .detail_view .sum {width:154px;}

.header .sec .conts_list {padding:0; width:224px;} /* 190618 수정 */
.sec .conts_list .desc .st { font-size:14px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:8px;}
.sec .conts_list .desc .tit { color:#333; font-weight:bold; }
.sec .conts_list .desc .tit {line-height:22px; min-width:100%; max-width:100%; max-height:44px; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.sec .conts_list .desc .tit > a:hover {text-decoration:underline;}
.sec .conts_list .desc {height:75px; background:transparent;}
.snav.book .sec .conts_list .desc {height:unset; background:none;}
.snav.book .sec .conts_list .desc .tit {min-width:154px; max-width:154px; font-size:14px; display: inline-block; width: 154px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 20px; max-height: 42px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.snav.book .sec .conts_list .desc .st {font-size:13px;}

.snav.srch {padding:65px 0 85px;}
.snav.srch .sec {position:relative; padding-bottom:0;}
.snav.srch input {width:100%; height:75px; line-height:85px; border:0; border-bottom:1px solid #e2e2e2; font-size:24px; color:#2e7bd9; text-align:center;}
.snav.srch input::placeholder {color:#999;}
.snav.srch input:focus { border-color:#333; }

.header .nav .getc .btn_search .srch {position:relative;}
.header .nav .getc .srch_type {position:absolute; right:0; top:15px; background:#fff; padding-left:30px;}
.snav.srch .srch_type .btn_srch {display:inline-block; background:url('../images/common/icons.png') no-repeat; width:40px; height:40px; text-indent:-9999px; background-position:-293px -194px;}
.snav.srch .srch_type .btn_hashtag {display:inline-block; background:url("../images/icons/ico_hashtag.png") no-repeat; width:40px; height:40px; text-indent:-9999px;}

/* */
.header .snav.book .figure:after { display:none; }
.header .book .new_tit { margin-bottom:40px; }
.header .book .lst_title { color:#333; font-weight:bold; line-height:1; padding-bottom:12px; }
.header .book .new_list { padding-bottom:35px; }
.header .book .new_list > li { margin-top:0; }
.header .book .new_list dl > dt { width:100px; height:100px; }
.header .book .new_list dl > dt .figure { height:100px; }
.header .book .popular_list { margin-top:-15px; margin-bottom:-15px; }
.header .book .popular_list > li { padding-top:15px; padding-bottom:15px; }
.header .book .popular_list .figure { width:185px; height:185px; }
.header .book .popular_list .st { font-size:13px; color:#666; margin-bottom:-4px; }

/* */
.header .sitemap { height:100%;overflow:auto; }
.header .sitemap .sitemap_in {width:1200px; margin:0 auto;}
.header .sitemap > .sec{ display: block; overflow-y:auto; height:calc(100% - 156px);}
.header .sitemap ul{display:flex ;flex-wrap:wrap;padding:17px 0;padding-bottom: 30px;}
.header .sitemap ul li{flex:0 0 20%;max-width: 20%;border-right: 1px solid #b9b9b9;padding:22px 22px 20px;padding-top:0;box-sizing: border-box;}
.header .sitemap ul li:nth-child(5n+1){padding:20px 0;padding-top:0;}
.header .sitemap ul li:nth-child(n+6){background-color: royalblue;height:185px;}
.header .sitemap .sitemap_tit {padding:17px 0 24px;border-bottom:2px solid #333;}
.header .sitemap .sitemap_tit .sec{padding: 0;display: block;}
.header .sitemap .sitemap_tit h2{font-size:30px;font-weight: bold;color:#000;text-align: center;}

.service_link{padding-top:22px;border-top:1px solid #d4d4d4;display:flex !important}
.service_link li{height:185px;flex:0 0 240px;max-width: 240px;}
.header .sitemap ul dt{font-weight: bold;font-size:22px;color:#000;;}
.header .sitemap ul dd {line-height:27px; font-size:18px;color:#767676;}
.header .sitemap ul dt + dd{margin-top:18px;}
.header .sitemap ul dd + dd{margin-top: 6px;}

/* */
.gnb_modal { visibility:hidden; opacity:0; position:fixed; top:0; bottom:0; left:0; right:0; z-index:0; background-color:rgba(0,0,0,.6); -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.3s; transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0.9, 0, 0, 0.9) 0.3s; }
.gnb_modal.on { opacity:1; visibility:visible; -webkit-transition-delay:0s; transition-delay:0s; }

/* */
.header.fixed .gnb_nav { position:fixed; top:0; left:0; right:0; min-width:1240px; z-index:4; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.header.fixed:before { content:""; display:block; height:90px; }

/* footer */
.footer { position:relative; z-index:20; }
.footer .cs_sec { background-color:#f8f8f9; border-top:1px solid #e5e5e5; height:80px; }
.footer .cs_sec .sec { height:100%; }
.footer .cs_sec .sec:after { content:""; display:block; clear:both; }
.footer .cs_sec .cs_center { float:left; color:#333; font-size:14px; line-height:1; padding-top:22px; }
.footer .cs_sec .cs_center > * { display:inline-block; position:relative; }
.footer .cs_sec .cs_center .cst { font-size:20px; color:#4881bc; top:-2px; }
.footer .cs_sec .cs_center strong { color:#4881bc; font-size:32px; margin:0 15px 0 5px; }
.footer .cs_sec .cs_center .wt { top:-2px; }
.footer .cs_sec .links { float:right; padding-top:25px; line-height:1; color:#333; }
.footer .cs_sec .links > li { float:left; margin-left:30px; line-height:26px; }
.footer .cs_sec .links a:hover { text-decoration:underline; }
.footer .cs_sec .links img { position:relative; top:-1px; }
.footer .info_sec { padding-top:35px; background-color:#333; color:#999; font-size:14px; height:302px; box-sizing:border-box; }
.footer .cp_link:after,
.footer .cp_info > ul:after { content:""; display:block; clear:both; }
.footer .cp_link { padding-bottom:26px; }
.footer .cp_link > li { float:left; margin-left:26px; font-size:16px; color:#fff; }
.footer .cp_link > li:first-child { margin-left:0; }
.footer .cp_link a:hover { text-decoration:underline; }
.footer .cp_info > ul + ul { padding-top:3px; }
.footer .cp_info > ul > li { float:left;letter-spacing: 0.01em; }
.footer .cp_info > ul + ul li{letter-spacing: -0.015em;}
.footer .cp_info > ul > li + li { margin-left:10px; padding-left:10px; background:url('../images/common/foot_br.png') no-repeat 0 5px; }
.footer address { display:inline; }
.footer .cr { padding-top:24px; }
.footer .notice_sec { height:55px; border-top:1px solid #e5e5e5; background-color:#fff; }
.footer .notice_sec .sec { position:relative; }
.footer .notice_sec .cst { position:absolute; left:0; font-size:20px; color:#333; top:50%; margin-top:-12px; line-height:22px; z-index:1; }
.footer .notice { position:relative; padding-left:110px; padding-right:30px; }
.footer .ctr_btn { position:absolute; right:0; top:50%; margin-top:-9px; width:10px; }
.footer .ctr_btn .slick-arrow { display:block; border:0; overflow:hidden; text-indent:-999px; width:8px; height:6px; background-image:url('../images/common/icons.png'); background-repeat:no-repeat; }
.footer .ctr_btn .slick-prev { background-position:0 0; }
.footer .ctr_btn .slick-next { margin-top:6px; background-position:0 -12px; }
.footer .notice_slider { height:55px; color:#333; font-size:16px; }
.footer .notice_slider .item { box-sizing:border-box; position:relative; padding-right:90px; height:55px; line-height:54px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.footer .notice_slider .item a:hover { text-decoration:underline; }
.footer .notice_slider .item em { position:absolute; right:0; font-size:14px; color:#888; line-height:16px; margin-top:-8px; top:50%; }
/* 200807 추가 */
.footer .info_sec {height:217px; padding-top:34px; background-color:#333; color:#999; font-size:14px;box-sizing:border-box; }
.footer .info_sec > .sec{position:relative}
.footer .links{position:absolute;top:-3px;right:0}
.footer .links:after { content:""; display:block; clear:both; }
.footer .links > li{float:left;margin-right:10px;text-align: center;}
.footer .links > li:last-child{margin-right:0}
.footer .links > li > a{display: inline-block;width: 123px;height: 42px;color:#00b48c;font-size: 20px;font-weight: 600;line-height: 42px;background-color: #fff;border-radius:27px}
.footer .links > li > a:hover, .footer .links > li > a:focus{color:white;background-color:#00b48c;}



/* */
.errorPage { background-color:#fff; }
.eheader { min-width:1200px; border-bottom:1px solid #e4e4e4; text-align:center; height:89px; position:relative; z-index:1; background-color:#fff; }
.eheader:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.eheader .sec { position:relative; height:100%; }
.eheader .logo img { width:137px; }
.eheader .tit { display:block; text-align:left; margin:0 auto; padding-top:15px; line-height:24px; }
.eheader .tit:after { content:""; display:block; clear:both; }
.eheader .tit img { vertical-align:top; width:137px; }
.eheader .tit > * { float:left; }
.eheader .tit > span { padding-left:20px; padding-top:6px; color:#999; font-size:14px; font-weight:bold; }
.eheader .tit > span > b { color:#2e7bd9; }
.eheader .wa { position:absolute; right:0; text-align:right; color:#999; font-size:14px; font-weight:bold; top:50%; line-height:18px; margin-top:-18px; }

/* */
.error_section { min-height:450px; }
.error_section > article { position:absolute; top:90px; bottom:283px; width:1200px; left:50%; margin-left:-600px; text-align:center; }
.error_section > article:after { content:""; height:100%; display:inline-block; vertical-align:middle; }
.error_section .cont { text-align:center; padding:45px 0; line-height:1.6; display:inline-block; max-width:1000px; vertical-align:middle; }
.error_section .cont > * + p { padding-top:20px; }
.error_section .cont > * + *:not(p) { padding-top:33px; }
.error_section h2 { font-size:60px; line-height:1.1; color:#333; }
.error_section h2 b { color:#2e7bd9; line-height:1.2; }
.error_section h3 { font-size:24px; line-height:1.1; color:#333; }

/* */
.wfull { width:100%; }
.w100 { width:100px; }
.w150 { width:150px; }
.w170 { width:170px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w494 { width:494px; }
.h255 { height:255px; }
.under:hover { text-decoration:underline; }
.mh_ts { -webkit-transition:all 0.6s; transition:all 0.6s; }
.btn_pri { border:1px solid #00B48C; color:#00B48C; background-color:#fff; }
.btn_sec { border:1px solid #00B48C; color:#fff; background-color:#00B48C; }
.btn_thr { border:1px solid #ccc; color:#fff; background-color:#ccc; }
.tbtn.disable,
.btn.disable { border:1px solid #ccc !important; color:#fff !important; background-color:#ccc !important; }
.btn_for { border:1px solid #00B48C; color:#00B48C; background-color:#fff; }
.btn_fiv { border:1px solid #2e7bd9; color:#fff; background-color:#2e7bd9; }
.btn_six { border:1px solid #e5e5e5; color:#999; background-color:#f8f8f9; }
.btn_sev { border:1px solid #ffeb33; background-color:#ffeb33; color:#423630; }
.btn_eig { border:1px solid #999; color:#999; background-color:#fff; }
.btn_nin { border:1px solid #333; color:#333; background-color:#fff; }
.btn_ten { border:1px solid #e8424e; color:#e8424e; background-color:#fff; }
/* */
.description { padding:16px 20px; line-height:1.8; }
.description .dep_0 { padding-left:5px; padding-left:0.417em; }
.description p.dep_0 { text-indent:-5px; text-indent:-0.417em; }
.description .dep_1 { padding-left:20px; padding-left:1.25em; }
.description p.dep_1 { text-indent:-20px; text-indent:-1.25em; }
.description .dep_2 { padding-left:7px; padding-left:0.583em; }
.description p.dep_2 { text-indent:-7px; text-indent:-0.583em; }
.description .dep_3 { padding-left:1em; }
.description p.dep_3 { text-indent:-1em; }
.description .dep_4 { padding-left:19px; padding-left:1.357em; }
.description p.dep_4 { text-indent:-19px; text-indent:-1.357em; }
.description .dep_5 { padding-left:10px; padding-left:0.714em; }
.description p.dep_5 { text-indent:-10px; text-indent:-0.714em; }
.description .dep_6 { padding-left:8px; padding-left:0.667em; }
.description p.dep_6 { text-indent:-8px; text-indent:-0.667em; }
.description .dep_7 { padding-left:10px; }
.description p.dep_7 { text-indent:-10px; }
.description .let { display:inline-block; text-align:left; }
.description .dep_title { color:#333; font-size:1.25em; font-weight:bold; }
.description .dep_tit { color:#333; font-weight:bold; font-size:1.125em; }
.description .dep_tit2 { color:#333; font-weight:bold; }
.description .ico_rect { margin-bottom:5px; }
.description .ico_rect:before { content:""; background-color:#999; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:3px; height:3px; margin-right:5px; }
.description .dep_iq { padding-left:20px; }
.description .ico_q:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; background:url('../images/common/icons.png') no-repeat -950px -150px; margin-right:6px; }
.description .ico_qr { color:#e8424e; font-weight:bold; }
.description .ico_qr:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:16px; height:16px; background:url('../images/common/icons.png') no-repeat -900px -150px; margin-right:6px; }

/* */
.tbl_terms { margin:5px 0; table-layout:auto; border-collapse:collapse; width:100%; }
.tbl_terms th, .tbl_terms td { padding:5px; border:1px solid #d9d9d9; }
.tbl_terms th { font-weight:normal; color:#222; }
.tbl_terms .tbg,
.tbl_terms thead tr > * { background-color:#f5f5f5; }

/* popup */
.b-modal_x { background-color:transparent !important; }
.popup { display:none; -webkit-box-shadow:0 0 20px rgba(0,0,0,.4); box-shadow:0 0 20px rgba(0,0,0,.4); }
.popup_section { background-color:#fff; position:relative; }
.popup_section .popup_head { background-color:#fff; height:60px; border-bottom:1px solid #e5e5e5; position:relative; z-index:0; padding:5px 62px 5px 20px; box-sizing:border-box; }
.popup_section .popup_head2 { height:88px; }
.popup_section .popup_head:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.popup_section .popup_head .tit { font-size:20px; color:#333; font-weight:normal; display:inline-block; vertical-align:middle; max-height:98%; line-height:1.1; font-weight:bold; }
.popup_section .popup_head .tit > em { font-size:14px; color:#666; font-weight:normal; margin-left:4px; }
.popup_section .popup_head .desc { display:inline-block; vertical-align:middle; max-width:98%; }
.popup_section .popup_head .desc > p { padding-top:6px; }
.popup_section .popup_head .b-close { overflow:hidden; position:absolute; right:0; top:0; height:100%; width:60px; max-height:60px; }
.popup_section .popup_head .b-close em { position:absolute; text-indent:-999px; width:20px; height:20px; top:50%; left:50%; margin:-10px 0 0 -10px; background:url('../images/common/icons.png') no-repeat -400px -150px; }
.popup_section .popup_btn { margin:0 -5px; padding:30px 0 10px; text-align:center; font-size:0; }
.popup_section .popup_btn .btn { font-size:16px; line-height:1; vertical-align:top; display:inline-block; height:50px; margin:0 5px; text-align:center; box-sizing:border-box; min-width:150px; padding:5px 15px; white-space:nowrap; }
.popup_section .popup_btn .btn:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.popup_section .popup_btn .btn > em { display:inline-block; vertical-align:middle; max-width:98%; line-height:1.1; position:relative; top:-1px; }
.popup_section .popup_btn.pop_btn_row {  }
.popup_section .popup_btn.pop_btn_row .btn { display:block; }
.popup_section .popup_btn.pop_btn_row .btn + .btn { margin-top:10px; }
.popup_section .popup_content { position:relative; z-index:1; padding:20px 30px; box-sizing:border-box; }
.popup_section .tse-scrollable .tse-scroll-content { min-width:100% !important; }

/* popup size */
.min_width_type1 { width:300px; }
.min_width_type2 { width:360px; }
.min_width_type3 { width:600px; }
.min_width_type4 { width:370px; }
.min_width_type5 { width:420px; }
.min_width_type6 { width:1000px; }

/* */
.popup_section .sns_share { width:300px; margin:0 auto; text-align:center; }
.popup_section .sns_share .sns_list { text-align:center; font-size:0; margin:-5px; padding-bottom:30px; display:inline-block; }
.popup_section .sns_share .sns_list .list { display:inline-block; vertical-align:top; max-width:100%; }
.popup_section .sns_share .sns_list .list:after { content:""; clear:both; display:block; }
.popup_section .sns_share .sns_list .list > li { float:left; margin:5px; }
.popup_section .sns_share .link_address { position:relative; line-height:48px; }
.popup_section .sns_share .link_address .btn_copy { position:absolute; width:70px; right:0; top:0; box-sizing:border-box; font-weight:normal; background-color:#fff; border:1px solid #2d598f; color:#2d598f; }
.popup_section .sns_share .link_address .addr { display:block; border:1px solid #e5e5e5; padding:0 20px; padding-right:90px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.popup_section .sns_share .link_address .addr strong { font-weight:normal; }
.pop_message { display:table; table-layout:fixed; width:100%; box-sizing:border-box; }
.pop_message .message { display:table-cell; vertical-align:middle; width:100%; height:140px; line-height:1.8; box-sizing:border-box; text-align:center; color:#333; word-break:keep-all; }
.pop_message .message .popup_btn { padding:35px 0 10px; }
.pop_message .wish.add:before { content:""; display:block; margin:0 auto 15px; width:60px; height:45px; background:url('../images/common/icons.png') no-repeat -895px 0; }
/* */
.popup_head + .popup_content .pop_message { margin-top:-26px; display:block; }
.popup_head + .popup_content .pop_message:before { content:""; position:absolute; display:block; left:0; right:0; height:3px; margin-top:3px; background-color:#fff; z-index:-1; }
.popup_head + .popup_content .pop_message .message { display:block; height:auto; padding-top:5px; }
/* */
.guide_desc { word-break:keep-all; }
.guide_desc .gtit { font-weight:bold; color:#333; padding-bottom:13px; }
.guide_desc .lst { font-size:14px; }
.guide_desc .lst > li { text-indent:-10px; padding-left:10px; }
.guide_desc .lst > li + li { padding-top:10px; }
.guide_desc .lst > li:before,
.lecturer_info .lecturer_sum .history > li:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:4px; height:4px; margin-right:6px; }
.guide_desc .lst > li:before { background-color:#999; }
.popup_content .guide_desc { padding:20px; }
.popup_content .guide_desc .lst a { color:#2e7bd9; border-bottom:1px solid #2e7bd9; }

/* */
.popup_reply .vod_info { margin:-20px -30px 25px; background-color:#f8f8fa; padding:25px 20px 20px; text-align:center; }
.popup_reply .vod_info .vod_title { font-size:20px; color:#333; font-weight:bold; line-height:1.2; }
.popup_reply .vod_info .desc { line-height:1.8; padding-top:20px; }
.popup_reply .reply_form { width:540px; margin:0 auto; }
.popup_reply .popup_btn { margin:0 -20px 10px; }
/* */
.lecturer_info { padding:10px 0; }
.lecturer_info .lecturer_sum { display:table; table-layout:fixed; width:100%; padding-bottom:10px; }
.lecturer_info .lecturer_sum > li { display:table-cell; vertical-align:top; }
.lecturer_info .lecturer_sum .figure { width:160px; overflow:hidden; }
.lecturer_info .lecturer_sum .figure .img { display:inline-block; vertical-align:top; border:1px solid #e5e5e5; max-width:100%; width:160px; height:200px; box-sizing:border-box; background-color:#f8f8f9; overflow:hidden; }
.lecturer_info .lecturer_sum .figure .img img { width:100%; }
.lecturer_info .lecturer_sum .info { padding-left:30px; line-height:1.2; }
.lecturer_info .lecturer_sum .info .name { padding-bottom:10px; font-size:18px; font-weight:bold; color:#333; }
.lecturer_info .lecturer_sum .history > li { position:relative; padding-left:10px; }
.lecturer_info .lecturer_sum .history > li + li { margin-top:10px; }
.lecturer_info .lecturer_sum .history > li:before { background-color:#2e7bd9; position:absolute; left:0; top:9px; }
.lecturer_info .lecturer_sum .history dl { display:table; table-layout:auto; max-width:100%; text-indent:0; }
.lecturer_info .lecturer_sum .history dl > * { display:table-cell; vertical-align:top; }
.lecturer_info .lecturer_sum .history dl > dt { padding-right:10px; font-weight:bold; color:#333; white-space:nowrap; }
.lecturer_info .desc { font-size:14px; }
.lecturer_info .desc { height:155px; background-color:#f8f8fa; }
.lecturer_info .desc .text { padding:22px 20px; line-height:1.8; word-break:keep-all; }
.lecturer_info .more { margin-top:10px; height:152px; border:1px solid #e5e5e5; }
/* */
.gift_form .tit { color:#333; line-height:1.8; padding:5px 0 25px; text-align:center; }
.gift_form .form > li + li { padding-top:10px; }
.gift_form .form .comText { width:100%; }
.gift_form .guide_desc { margin:20px -30px -20px; background-color:#f8f8fa; }
/* */
.gift_info { _padding-top:10px; }
.gift_info .info { padding:10px 0 24px; text-align:center; font-size:14px; }
.gift_info .info > li + li { padding-top:5px; }
.gift_info .info .figure { width:222px; height:140px; margin:0 auto 15px; text-align:center; }
.gift_info .info .figure img { max-width:100%; max-height:100%; }
.gift_info .info .tit { padding-bottom:8px; color:#333; font-size:20px; font-weight:bold; line-height:1.2; }
.gift_info .info .auth,
.gift_info .info a { color:#2d598f; }
.gift_info .period { padding:15px; text-align:center; background-color:#f8f8fa; white-space:nowrap; letter-spacing:-1px; }
.gift_info .period em { color:#999; position:relative; top:-1px; font-size:14px; margin:0 7px; }
.gift_info .period b { color:#333; }
.gift_info .period strong { color:#2e7bd9; font-weight:normal; }
.gift_info .popup_btn .btn { width:173px; }
.gift_info .popup_btn .btn .kakao:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; margin-right:8px; width:18px; height:16px; background:url('../images/icons/kakao_st.png') no-repeat 0 0; }
/* */
.pop_fav_content { position:relative; z-index:0; margin:-20px -30px 0; background-color:#f8f8fa; }
.pop_fav_content:after { content:""; display:block; clear:both; }
.pop_fav_content .tse-scrollable { height:410px; }
.pop_fav_content .tse-scrollbars { top:8px; bottom:8px; }
.pop_fav_content .tse-scrollable:after { content:""; z-index:1; position:absolute; bottom:0; left:10px; right:10px; height:10px; background:rgb(248,248,250); background:-moz-linear-gradient(top, rgba(248,248,250,0.1) 0%, rgba(248,248,250,1) 50%, rgba(248,248,250,1) 100%); background:-webkit-linear-gradient(top, rgba(248,248,250,0.1) 0%,rgba(248,248,250,1) 50%,rgba(248,248,250,1) 100%); background:linear-gradient(to bottom, rgba(248,248,250,0.1) 0%,rgba(248,248,250,1) 50%,rgba(248,248,250,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#f8f8fa',GradientType=0 ); }
.pop_fav_content .scroll_cont { position:relative; z-index:0; padding:20px 0 20px 20px; position:relative; box-sizing:border-box; }
.pop_fav_content .list { display:table; table-layout:fixed; width:100%; color:#333; }
.pop_fav_content .list > li { display:table-cell; vertical-align:top; position:relative; box-sizing:border-box; padding:10px; }
.pop_fav_content .list > li + li { border-left:1px solid #e5e5e5; }
.pop_fav_content .list .lb { position:relative; display:block; padding-left:28px; text-indent:-28px; line-height:1; }
.pop_fav_content .list ul > li + li { padding-top:20px; }
.pop_fav_content .list .top { z-index:1; position:absolute; padding-top:30px; padding-left:30px; padding-bottom:10px; left:0; top:0; right:20px; background-color:#f8f8fa; background:-moz-linear-gradient(top, rgba(248,248,250,1) 0%, rgba(248,248,250,1) 90%, rgba(248,248,250,0.5) 100%); background:-webkit-linear-gradient(top, rgba(248,248,250,1) 0%, rgba(248,248,250,1) 90%, rgba(248,248,250,0.5) 100%); background:linear-gradient(to bottom, rgba(248,248,250,1) 0%, rgba(248,248,250,1) 90%, rgba(248,248,250,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#f8f8fa',GradientType=0 ); }
.pop_fav_content .list .top .lb,
.pop_fav_content .list span.lb { font-size:20px; font-weight:bold; }
.pop_fav_content .list span.lb { text-indent:0; opacity:0; visibility:hidden; }

/* 190522 추가 */
.pop_fav_content.st2 {margin:-20px -30px;}
.pop_fav_content .list .top_inner {padding:15px; overflow:hidden; font-size:15px;}
.pop_fav_content .list .top_inner dl {float:left; padding-right:25px;}
.pop_fav_content .list .top_inner dl:last-child {padding-right:0;}
.pop_fav_content .list .top_inner dt {float:left;}
.pop_fav_content .list .top_inner dd {display:inline-block; color:#e8424e; padding-left:10px;}
.pop_fav_content .pop_inner {padding:15px;}
.pop_fav_content .pop_inner dl {padding-bottom:25px;}
.pop_fav_content .pop_inner dl:last-child {font-size:15px; padding-bottom:0;}
.pop_fav_content .pop_inner dt {padding-bottom:10px;}
.pop_fav_content .pop_inner input {width:70%; border:1px solid #999999; background:none; padding:5px; font-size:14px;}
.pop_fav_content .pop_inner .tse-scrollable {height:100px; font-size:14px;}
.pop_fav_content .pop_inner .tse-scroll-content {height:100px !important; overflow-y:auto;}
.pop_fav_content .pop_inner .tse-scrollable:after {display:none;}

/* 콘텐츠 아이콘 */
span.ico {position:absolute; display:inline-block; width:37px; height:37px; line-height:37px; text-align:center; vertical-align:middle; bottom:0; left:0; text-indent:-9999px; padding:5px; font-size:11px;}
span.ico.play {background:rgba(0,0,0,.3) url("../images/icons/ico_play.png") 50% no-repeat; background-size:27px;}
span.ico.audio {background:rgba(0,0,0,.3) url("../images/icons/ico_audio.png") 50% no-repeat; background-size:29px;}
span.ico.card {background:rgba(0,0,0,.3) url("../images/icons/ico_card.png") 50% no-repeat; background-size:32px;}
span.ico.post {background:rgba(0,0,0,.3) url("../images/icons/ico_post.png") 50% no-repeat; background-size:26px;}
span.ico.series {background:rgba(0,0,0,.3); border:1px solid #fff; color:#fff; width:60px; height:25px; bottom:15px; left:18px; line-height:14px; padding:4px 6px 3px; font-size:15px; text-indent:0 !important; box-sizing:border-box;}
.figure .clabel {position:absolute; top:0; left:0; text-align:center; font-size:13px; color:#2a2a2f; font-weight:bold; z-index:2;}
.figure .clabel dd {float:left; width:40px; height:24px; line-height:24px; margin-right:5px;}
.figure .clabel dd:last-child {margin-right:0;}
.figure .clabel .lnew {background:#f93382; color:#fff; width:24px; font-size:15px;}
.figure .clabel .free {background:#2e7bd9; color:#fff;}

/* scroll design */
.chapter_wrap ul::-webkit-scrollbar,
.tse-scrollable::-webkit-scrollbar {width:8px;}
.chapter_wrap ul::-webkit-scrollbar-track,
.tse-scrollable::-webkit-scrollbar-track {background:#f1f1f1;}
.chapter_wrap ul::-webkit-scrollbar-thumb,
.tse-scrollable::-webkit-scrollbar-thumb {background:#d4d4d4;}
.chapter_wrap ul::-webkit-scrollbar-thumb:hover,
.tse-scrollable::-webkit-scrollbar-thumb:hover {background:#a5a5a5;}

/* SELECT STYLE */
/* .using_keyword {position:absolute; right:1px; bottom:30px;}
.using_keyword .sort_wrap {position:absolute; bottom:-35px; right:0; z-index:1051;}
.using_keyword .sort_wrap select {min-width:120px; max-width:200px; height:44px; border:1px solid #dadada; padding:0 0 0 10px; color:#828282;} */

.using_keyword {height:45px; display:inline-block; float:right; margin-bottom:10px;}
.using_keyword .sort_wrap {/* position:absolute; bottom:-35px; right:0; */ z-index:1051;}
.using_keyword .sort_wrap select {min-width:120px; max-width:200px; height:44px; border:1px solid #dadada; padding:0 0 0 10px; color:#828282;}

.using_keyword label.txt_uk {font-size:15px; padding-right:10px; vertical-align:middle;}

.using_keyword.st2 {position:absolute; bottom:auto; top:-45px; left:0; right:auto;}
.using_keyword.st2 .sort_wrap {position:absolute; top:-8px; bottom:0; right:auto; z-index:auto;}
.vod_player .using_keyword .sort_wrap select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: #ffffff url("../../../assets/images/common/sel_bg_f.png") no-repeat 95% 50%; background-size:30px; padding-right:40px;}
.form.login_form .using_keyword.st2 select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: #ffffff url("../../../assets/images/common/sel_bg_f.png") no-repeat 95% 50%; background-size:30px; padding-right:40px;}

/* SELECT2 STYLE */
.select_inner .using_keyword {position:relative;}
.select_inner .using_keyword .sort_wrap {position:absolute; top:5px; left:-8px; z-index:1051;}
.select_inner .using_keyword .sort_wrap select {width:200px;}
.select_inner .using_keyword .sort_wrap .select2-container--default .select2-selection--single {border-bottom:0;}
.select_inner .using_keyword .sort_wrap .select2-container .select2-selection--single .select2-selection__rendered {font-size:18px; text-align:left;}
.select_inner .using_keyword .sort_wrap .select2-container--default .select2-selection--single .select2-selection__arrow {width:12px;}
.select2-container--default .select2-results>.select2-results__options {max-height:130px;}

/* main/sub 공통 수정부분 */
.add_line {background:#fff; width:100%; margin:0 auto; padding:30px 0;}
.add_line .add_wrap {max-width:1200px; margin:0 auto; text-align:center;}
.add_wrap {display:none;position:relative;}
.add_wrap .left_line {position:absolute;top:19px;left:0;width:44.75%;height:1px;background:#bcbfc1;}
.add_wrap .right_line {position:absolute;top:19px;right:0;width:44.75%;height:1px;background:#bcbfc1;}
.add_wrap button {margin:0 auto;display:block;padding-top:46px;width:10.5%;font-size:14px;color:#1f1f1f;text-align:center;background:url('../images/icons/ico_show.png') no-repeat top center; border:none; cursor:pointer; outline:0;}
.add_wrap {display:block;position:relative;}

.detail_icon {display:none; opacity:0; position:absolute; right:13px; top:15px; transition:all 0.2s ease;}
.detail_icon .right_ico a {width:auto !important; z-index:200;}
.detail_icon .right_ico a:before, .detail_view .right_ico a:after {display:none;}
.detail_icon .right_ico li.heart {display:block; background:url("../images/icons/ico_heart.png") no-repeat; background-size:27px; width:27px; height:27px; padding-bottom:3px; text-indent:-9999px; cursor:pointer;}
.detail_icon .right_ico li.heart.on {background:url("../images/icons/ico_heart_on.png") no-repeat; background-size:27px;}
.detail_icon .right_ico li.add {display:block; background:url("../images/icons/ico_add.png") no-repeat; width:27px; height:27px; text-indent:-9999px; cursor:pointer;}
.detail_icon .right_ico li.add.on {background:url("../images/icons/ico_add_on.png") no-repeat;}

.cont .figure:hover .detail_icon {display:block; opacity:1;  z-index:200;}

/* 재생목록 리모콘 style */
#content {position:relative;}
.quick-nav{position:absolute;z-index:10103;bottom:1%;right:10%;pointer-events:none;height: 616px;}
.quick-nav-trigger,.quick-nav.nav-is-visible{pointer-events:auto}
.quick-nav-close {border:none; position:absolute; right:22px; top:18px; width:19px; height:19px;}
.quick-nav .quick-nav-bg{position:absolute;z-index:10102;bottom:-52px;right:-40px;width:100px;height:100px; background: linear-gradient(90deg, #2AF598 0%, #009EFD 100%); box-shadow:0 6px 12px rgba(21,87,52,.26); border-radius:50%;}
.quick-nav-trigger{position:absolute;z-index:10103;bottom: -62px;right: -50px;width:120px;height:120px; cursor:pointer; transform:scale(0.834);}
.quick-nav-trigger span{position:absolute;width:120px;height:120px;background: linear-gradient(90deg, #2AF598 0%, #009EFD 100%);border-radius: 120px;;}
.nav-is-visible .quick-nav-trigger span{background: linear-gradient(90deg, #2AF598 0%, #009EFD 100%);
}
.quick-nav-trigger .icon_list{position: absolute;z-index: 10;top: 50%; left: 50%; transform: translate(-50%, -50%);text-align: center;}
.quick-nav-trigger .icon_list svg{display: block;margin: 0 auto;}
.quick-nav-trigger .icon_list em{color:#fff;font-size:16px;}

.quick-nav .remote_open {position:relative;z-index:10100;visibility:hidden; margin:0 8px 0 0; list-style:none;display:none; transform:translate(0, 45px);}
.quick-nav.nav-is-visible div {visibility:visible;display:block;}
.scrollDiv.play_list{height:100%;}
.remote_wrap {width:380px; height:auto; border:1px solid #7cccf9; border-radius:10px;overflow: hidden; /*padding:30px 22px 45px;*/  box-sizing:border-box; box-shadow:0 2px 3px rgba(0,0,0,.1);
/*background: #307ad9; /* Old browsers */
/*background: -moz-linear-gradient(top, #307ad9 0%, #307ad9 33%, #7db9e8 33%, #7db9e8 33%, #7db9e8 33%, #7db9e8 33%, #7db9e8 33%, #2989d8 33%, #2989d8 33%, #2989d8 33%, #f8f8f8 33%, #f8f8f8 33%, #2989d8 33%, #f8f8f8 33%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #307ad9 0%,#307ad9 33%,#7db9e8 33%,#ffffff 33%,#ffffff 33%,#ffffff 33%,#ffffff 33%,#2989d8 33%,#2989d8 33%,#2989d8 33%,#f8f8f8 33%,#f8f8f8 33%,#2989d8 33%,#f8f8f8 33%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(90deg, #2FE08F 0%, #009EFD 100%);
background: linear-gradient(to bottom 90deg, #2FE08F 0%,#009EFD 33%,#009EFD 33%,#ffffff 33%,#ffffff 33%,#ffffff 33%,#ffffff 33%,#2989d8 33%,#2989d8 33%,#2989d8 33%,#f8f8f8 33%,#f8f8f8 33%,#2989d8 33%,#f8f8f8 33%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
*/}
.list_area{position: relative;}
.ckbox_total{position: absolute;right:0;top:-26px;}
.ckbox_total label{color:#fff;font-size:14px;letter-spacing: -0.04em;cursor: pointer;}


.remote_wrap .remote_top {box-sizing:border-box; color:#fff; overflow:hidden;padding:29px 22px 87px; height:222px; background: linear-gradient(90deg, #2FE08F 0%, #009EFD 100%);}

.remote_wrap .remote_top p {font-size:22px;padding-left: 9px;letter-spacing: -0.09em;;}
.remote_wrap .remote_top p span {display:inline-block; max-width:155px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:text-top;}
.remote_top .play_control {width:322px; margin:25px auto 0; padding-left:35px; height:51px; line-height:51px; font-size:16px; background: linear-gradient(90deg, #07d15b 0%, #0066f0 100%);background-blend-mode: multiply; border-radius:50px; box-sizing:border-box;}

.remote_top .play_control dd {float:left;}
.remote_top .play_control dd:last-child {margin-left:28px;}
.remote_top .play_control dd span.pre {display:inline-block; background:url("../images/icons/play_pre.png") no-repeat; width:31px; height:21px; margin-left:8px; text-indent:-9999px; vertical-align:middle;}
.remote_top .play_control dd span.next {display:inline-block; background:url("../images/icons/play_next.png") no-repeat; width:31px; height:21px; margin-right:8px; text-indent:-9999px; vertical-align:middle;}
.remote_wrap .remote_cont {background:#f8f8f8;  padding:19px 30px 24px; box-sizing:border-box;}
.remote_cont .play_slct {overflow:hidden; padding-bottom:19px; border-bottom:1px solid #cacaca;}
.remote_cont .play_slct dd {float:left; padding-right:35px; color:#307ad9; font-size:15px;}
.remote_cont .play_slct dd:last-child {padding-right:0;}
.remote_cont .play_list ul { height:100%; overflow-y:auto; box-sizing: border-box;}

/*.remote_cont .play_list li:first-child{height:60px;}
.remote_cont .play_list li:first-child .ckbox span:before {top: 4px;}
.remote_cont .play_list li:first-child .ckbox p {margin-top:-14px;}*/
.remote_cont .play_list li {border-bottom:1px solid #ecebeb; color:#5b5b5b;height:68px;position: relative; padding:0 47px 0 20px;}
.remote_cont .play_list li.on span a{font-weight:bold; color:#00B48C;}
.remote_cont .play_list li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px;color:#333333}
.remote_cont .play_list li .drg-pnt {position:absolute; right:0; top:0; background:red; width:50px; height:100%;}
.remote_cont .play_list li button{border:0;position:absolute;height:100%;right: 10px;top:50%;transform: translate(0, -50%);}
.remote_cont .play_list li button svg{vertical-align:middle;}
.remote_cont .play_list .ckbox {display:block; height:100%; line-height:40px;padding:1px 0 0 23px;  font-size:14px;}
.remote_cont .play_list .ckbox input{position: absolute;}
.remote_cont .play_list .ckbox span { display:block; padding-left:5px;position: relative; z-index:10;}
.remote_cont .play_list .ckbox span:before { position:absolute; top:50%;}
.remote_cont .play_list .ckbox input:checked + span:after {content:""; position:absolute; left:-19px; top:24px; border-radius:50%; width:12px; height:12px;}
.remote_cont .play_list .ckbox input:checked + span + p:before {content:""; position:absolute; left:-20px; top:0; background:#F0FFFB; width:305px; height:68px;}
.remote_cont .play_list .ckbox p {line-height: 1;padding-left: 5px;margin-top: -6px;color:#8B8B8B;font-size: 12px;;  z-index:10;}
.remote_cont .play_list .ckbox p em {position:relative; z-index:10;}
.remote_cont .play_list .list-drag {position:absolute; right:0; top:0; width:47px; height:100%;}
.remote_cont .play_list .list-drag svg {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.remote_cont .list_area{background-color: #fff;margin-top:-56px; padding:3px 5px 0 0;height:325px;}


.remote_bottom {font-size:12px; padding:0 22px 12px; overflow:hidden;background-color: #f8f8f8;}
.remote_bottom ul{display:flex;justify-content: center;align-items: flex-end;}
.remote_bottom ul li{text-align: center;width: 18%;}
.remote_bottom ul li + li{margin-left: 35px;;}
.remote_bottom ul li:nth-child(2) svg {transform:translate(0, 3px);}
.remote_bottom ul li a p{color:#767676;}
.remote_bottom div {float:left;}
.remote_bottom .ckbox_total {padding-top:13px;}
.remote_bottom .ckbox_total .chbox {display:inline;}
.btn_wrap .btn {display:inline-block; height:40px; padding:0 10px; border:1px solid transparent; background:#fff; line-height:40px; margin-right:10px; margin-left:5px; font-size:14px;}
.btn_wrap .btn:last-child {margin-right:0; margin-left:0;}
.btn_wrap .btn.primary {border:1px solid #307ad9; color:#307ad9;}
.btn_wrap .btn.secondary {background:#307ad9; color:#fff;}
.btn_wrap .btn.secondary.heart {background:#307ad9 url("../images/icons/ico_heart2.png") 7px no-repeat; padding-left:29px;}
.play_slct .ckbox span {padding-left:3px !important;}


.detail_view.st2 .sum {left:0; margin:0 auto; width:100%; text-align:center;}

/* Checkbox */
.ckbox {font-weight:normal; position:relative; display:block; line-height:20px;}
.ckbox span {padding-left:10px;}
.ckbox span:empty {float:left;}
.ckbox span:before, .ckbox span:after {line-height:18px; position:absolute;}
.ckbox span:before {top:0; left:0; content:''; width:15px; height:15px; border:1px solid #adb5bd;}
.ckbox span:after {top:0; left:0; width:16px; height:16px; content:''; font-size:9px; text-align:center; color:#fff; background:#0866C6 url("../images/icons/chk_on2.png") no-repeat; background-size:16px; line-height:17px; display: none;}
.ckbox input[type='checkbox'] {opacity:0; margin:0 5px 0 0; vertical-align:top;}
.ckbox input[type='checkbox']:checked + span:after {display:block;}

.play_slct .ckbox span, .play_list .ckbox span {padding-left:10px;}
.play_slct .ckbox span:before, .play_list .ckbox span:before {content:''; width:20px; height:20px;border-radius: 20px; border:1px solid #00B48C; top:2px; left:-23px;box-sizing: border-box;}
.play_list .ckbox span:before {border:1px solid #00B48C;}
.play_slct .ckbox span:after {top:1px; left:-1px; width:16px; height:16px; content:''; font-size:9px; text-align:center; color:#fff; background:url("../images/icons/chk_on.png") no-repeat; background-size:19px; line-height:17px; display: none;}
.play_list .ckbox span:after {top:13px; left:-21px; width:12px; height:12px; content:''; font-size:9px; border-radius: 12px;text-align:center; color:#fff; background:#00B48C ;  line-height:17px; display: none;}

/* quick-nav scroll design */
.scrollDiv ul::-webkit-scrollbar,
.vod_wrap.post .chapter_wrap::-webkit-scrollbar {width:8px;}
.scrollDiv ul::-webkit-scrollbar-track,
.vod_wrap.post .chapter_wrap::-webkit-scrollbar-track {background:#f1f1f1;}
.scrollDiv ul::-webkit-scrollbar-thumb,
.vod_wrap.post .chapter_wrap::-webkit-scrollbar-thumb {background:#d4d4d4; border-radius: 4px;}
.scrollDiv ul::-webkit-scrollbar-thumb:hover,
.vod_wrap.post .chapter_wrap::-webkit-scrollbar-thumb:hover {background:#999;}

/* no-list 영역 추가 */
.no_result { text-align:center; line-height:1.6; padding:20px 0; }
.no_result .icon { margin-bottom:25px; }
.no_result .icon img {width:90px;}
.no_result .result { font-size:20px; font-weight:400; color:#333; }
.no_result .result strong { color:#2e7bd9; font-weight:normal; }
.no_result .rds { margin:20px 0 40px; font-size:18px; color:#333; }
.no_result .cbtns { padding-top:25px; }
.no_result .icon + .rds { margin-top:-15px; }
.no_result .rds + .cbtns { padding-top:0; margin-top:-10px;}
.header .no_result {width:555px; margin:0 auto; height:270px; padding:48px 0; box-sizing:border-box;}
.header .no_result p.result {font-size:18px;}
.lst .no_result .icon img {display:inline-block;}
.conts_list .lst > li.no-list {width:100%; float:unset; margin:0 auto; height:auto;}
.conts_list .slider2 .lst > li.no-list {width:100%;}
/* .slider_panel .slick-list {height:auto !important;} */
.sec.st2 .pl_list .no_result {width:100%; padding:0; line-height:unset; margin:unset; text-align:left;}
.sec.st2 .pl_list .icon {float:left; margin-right:15px;}
.sec.st2 .pl_list .icon img {width:25px; height:25px;}
.sec.st2 .pl_list li.no-list {width:100%; border:0; box-shadow:unset;}
.sec.st2 .pl_list p.result {font-size:17px;}
.list_form .no-list {min-width:200px;}
.seclist.book .conts_list .slider2 .lst .no-list {width:600px !important;}
.header .snav.book .no_result {width:600px; padding:25px 0 0; height:auto;}
.header .snav.book .left.st2 .no_result {padding:0;}
.header.header .book .no_result p.result {font-size:17px;}
/* .header .snav.book .right.st2 .lst .no-list {width:820px !important;}
.header .snav.book .right.st2 .no_result {padding:0; height:auto;} */

.header .snav .sec > li.right.st2 .no-list {width:154px !important; float:left; margin:unset; display:inline-block; margin-right:20px;}
.header .snav .sec > li.right.st2 .no-list .no_result {width:154px; margin:unset; float:left;}
.header .snav .sec > li.right.st2 .no-list .no_result .icon img {width:50px;}
.header .snav .sec > li.right.st2 .no-list .no_result p.result {font-size:13px;}

/* 190521 수정*/
.header .detail_view .sum {width:222px;}

/* 임시 */
/* .relation_list .lst li.active {background:#2e7bd9}
.thumb_list .lst li.active {background:#2e7bd9} */

/* 190530 팝업 추가 */
.modal-footer{padding:15px; background:rgba(77, 72, 62, 1); color:#fff;}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-footer .btn{width:calc((100% - 10px) / 2); display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; color:#fff;}
.modal-footer .btn.today-close {border-right:1px solid rgba(255,255,255,.3);}

.modal.out {display:none;}
.modal {display:block;}
.modal {text-align:center; padding:0 !important;}
.modal::before {content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-4px;}
.modal .modal-dialog {display:inline-block; text-align:left; vertical-align:middle;}
.modal-open {overflow:hidden;}
.modal {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:block; overflow:hidden; outline:0;}
.modal.fade .modal-dialog {transition:transform 0.5s ease-out; transform:translate(0, -25%);}
.modal.show .modal-dialog {transform:translate(0, 0);}
.modal-open .modal {overflow-x:hidden; overflow-y:auto;}
.modal-dialog {position:relative; width:auto; margin:10px;}
.modal-content {position:relative; display:flex; flex-direction:column; background-color:#fff; background-clip:padding-box;  outline:0;}
.modal-body {position:relative; flex:1 1 auto; height:460px; }
.modal-slide{height: 460px; overflow: hidden; position: relative; margin: 0 auto;}
.modal-slide ul{width: 5000px; position: absolute; top:0; left:0; font-size: 0;}
.modal-slide ul li {display: inline-block; width:450px; height:460px; overflow:hidden; text-align:center;}
.modal-slide ul li img {height:100%;}
.modal-slide #back {position: absolute; top: 213px; left: 0; cursor: pointer; z-index: 1; width:15px; padding:15px 15px 15px 10px; background:rgba(0,0,0,.5);}
.modal-slide #next {position: absolute; top: 213px; right: 0; cursor: pointer; z-index: 1; width:15px; padding:15px 10px 15px 15px; background:rgba(0,0,0,.5);}
.modal-slide #back:hover {background:rgba(0,0,0,.8);}
.modal-slide #next:hover {background:rgba(0,0,0,.8);}
.modal .overlay {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); top:0; left:0;}


/* 200807 두 줄이상 말줄임표 추가 */
.ellip{display:block;height:100%}
.ellip-line{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.ellip, .ellip-line{position:relative;overflow:hidden;max-width:100%}
.eps1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eps2 span, .eps3 span, .eps4 span, .eps5 span{vertical-align:top}

/* 210422 추가 */
.sr-only {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);text-indent: -9999px;}
.container{position: relative;}
.uNd{position: fixed;bottom:250px;right: 5%;}
.uNd a{display:block;}
.uNd .up_icon{background: url(../../../../img/t09/icon/icons3.png);width:54px;height:54px;background-position: -200px -150px;display:inline-block;}
.uNd .down_icon{background: url(../../../../img/t09/icon/icons3.png);width:54px;height:54px;background-position: -200px -250px;display:inline-block;}
.down_more_btn{color:#00B48C;font-size:22px;font-weight: 400; display:inherit}
.moregreen{margin:0 18px 0 -21px;background: url(../../../../img/t09/icon/icons3.png);width:58px;height:59px;background-position: -300px -150px;display:inline-block; vertical-align:middle;}
.page_index{margin-bottom:}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3; /* 3line */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.45em;height: 4.35em;display:inline-block;display: -webkit-box;}
.active .ellipsis03 {overflow: inherit;height: auto;-webkit-line-clamp: inherit;}



.d-none {display: none;}
.select {position: relative;display:inline-block;}
.select-value, .select-item {display: block;padding:10px 0 12px;cursor: pointer;color:#333333;font-size:18px;border:0;}
.select-value.active, .select-item.active {color: #444;font-weight:500;}
.select-item{padding:10px 5px;text-align: center;}
.select-item + .select-item{    margin-top: 1px;}
.select-value {position: relative;padding-right:33px;}
.select-value:after {content: "";background:url(../../../../img/t09/icon/icons3.png);background-position: -550px 0px;width:17px;height:10px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}
.select-value.on:after {transform:translate(0, -50%) rotate(-180deg);}
.select-value.on.no:after{transform:translate(0, -50%)}
.select-list {display: none;position: absolute;    margin-top: -1px;width:184px;background: #fff;    padding: 12px 7px;border:1px solid #333333;z-index: 100;}
.val {padding: 5px;width: 200px;margin-top: 20px;}
.collapse-link button{border:0;}
.collapse-link + .collapse {display: none;}
.collapse-link.active + .collapse {display: block;}

.page_index_02 { padding:98px 0 100px; font-size:22px; text-align:center; }
.page_index_02 .pb { position:relative; display:inline-block; border-radius: 4px;;vertical-align:top; overflow:hidden; padding:0 10px; min-width:40px; height:40px; line-height:38px; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s; background-color:#fff;font-weight: bold;; }
.page_index_02 .pb > em { position:absolute; overflow:hidden; width:15px; height:15px; top:50%; left:50%; margin:-8px 0 0 -8px; background-image:url('../images/common/icons2.png'); background-repeat:no-repeat; text-indent:-999px; }
.page_index_02 .pb + .pb {}
.page_index_02 .pb:hover { background-color:#00B48C; color:#fff;}
.page_index_02 .active { background-color:#00B48C; color:#fff; font-weight:bold; }
.page_index_02 .disable { border-color:#e5e5e5 !important; }
.pt60{padding-top:57px !important}
.group_list h2{font-size:30px;letter-spacing: -0.065em;}

/* Input - Check Box, Radio */
	[class*="chk-rdo"] {position:relative; cursor:pointer;}
	[class*="chk-rdo"] input {position:absolute; visibility:hidden; left:-1000vw; top:50%; transform:translate(0, -50%); width:1px; height:1px;}
	[class*="chk-rdo"] span {position:relative; display:inline-block; vertical-align:middle;}
	[class*="chk-rdo"] span:before,
	[class*="chk-rdo"] span:after {content:""; position:absolute;}

	.chk-rdo-list {overflow:hidden;}
	.chk-rdo-list li {float:left; padding-right:35px;}

	/* Type */
	.chk-rdo01 span {height:28px; padding-left:32px; font-size:18px; line-height:23px; color:#333;}
	.chk-rdo01 span:before {left:0; top:1px; border:1px solid #00B48C; border-radius:6px; width:22px; height:23px;}
	.chk-rdo01 input:checked + span:before {background: url("../images/icons/chk_02.png") center center no-repeat #00B48C;}

	.chk-rdo02 span {padding-left:30px; font-size:19px; color:#333;}
	.chk-rdo02 span:before {left:0; top:3px; border:1px solid #e8e8e8; border-radius:50%; width:20px; height:20px;}
	.chk-rdo02 input:checked + span:after {background:#00B48C; left:6px; top:9px; border-radius:50%; width:10px; height:10px;}

	.chk-rdo03 span {padding-left:32px; font-size:19px; color:#333;}
	.chk-rdo03 span:before {left:0; top:4px; border:1px solid #e5e5e5; width:20px; height:20px;}
	.chk-rdo03 input:checked + span:before {background: url("../images/icons/chk_02.png") center center no-repeat #00B48C; border:1px solid #00B48C;}

/* Input - Text */
	input[type="text"],
	input[type="password"] {background:white; border:1px solid #e5e5e5; width:100%; height:50px; padding-left:21px; color:#333;}
	input[readonly] {background:#f8f8f9; color:#999;}

	.inp_zipsch {position:relative;}
	.inp_zipsch .btn_zipsch {position:absolute; right:0; top:0; background:white; border:1px solid #00b48c; width:132px; line-height:48px; text-align:center; color:#00b48c;}

/* Table Layout */
	[class*="tbl-"] {width:100%;}
	[class*="tbl-"] > * {position:relative;}
	[class*="tbl-"] > * > *:first-child {margin-top:0;}
	[class*="tbl-"] > * > button {width:100%;}

	[class*="tbl-col"] {display:table; table-layout:fixed;}
	[class*="tbl-col"] > * {display:table-cell; vertical-align:middle;}
	[class*="tbl-col"] > *:first-child {padding-left:0;}
	[class*="tbl-col"] > *:last-child {padding-right:0;}

	[class*="tbl-row"] > *:first-child {padding-top:0;}
	[class*="tbl-row"] > *:last-child {padding-bottom:0;}

	.tbl-row01 > * {padding:5px 0;}

/* Paragraph */
	.para01 {position:relative; background:#fafaf8; padding-left:43px; line-height:61px;}
	.para01:before {content:""; position:absolute; left:20px; top:24px; background: url("../images/icons/para01.png") no-repeat; width:16px; height:16px;}

	.para02 {position:relative; margin-top:9px; padding-left:22px; color:#999;}
	.para02:before {content:""; position:absolute; left:0; top:5px; background: url("../images/icons/para01.png") no-repeat; width:16px; height:16px;}