@charset "UTF-8";

/* for slick.js */
.slick-list,.slick-slider,.slick-track{position:relative; display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{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{overflow:hidden; margin:0; padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer; cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0; left:0}.slick-track:after,.slick-track:before{display:table; content:''}.slick-track:after{clear:both}.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-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-slider {position:relative}
.slick-slider .slick-slide a {outline:none}
.slick-slider .slick-arrow {
    display:inline-block;
    position:absolute;
    bottom: -10px;
    font-size:0;
    text-indent:-9999em;
    cursor:pointer;
    background-color: #666;
    width: 35px;
    height: 35px;
    background-position: 50%;
    border-radius: 50%;
    transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
}
.slick-slider .slick-arrow.slick-prev {left: 48.5%;margin-left:-36px;z-index:10;background-image: url(/images/common/btn-arrow-left-white.png);background-repeat: no-repeat;}
.slick-slider .slick-arrow.slick-next {right: 49.5%;margin-right:-36px;background-image: url(/images/common/btn-arrow-right-white.png);background-repeat:  no-repeat;}

.ui-datepicker {width:264px; margin-top:-1px; padding:5px 20px 0; border:1px solid #000; box-shadow:3px 3px 0 rgb(220, 220, 220); background:#fff}
.ui-datepicker table th {padding-bottom:12px; font-family:"RixSGo M"; font-weight:400; font-size:12px}
.ui-datepicker table td {padding:1px 0}
.ui-datepicker table td a {display:inline-block; width:30px; padding:10px 0 9px; text-align:center; font-family:'Montserrat'; font-size:11px}
.ui-datepicker table td a:hover,
.ui-datepicker table td a:focus {color:#fff; background:#e1002a}
.ui-datepicker table td.ui-datepicker-today a {color:#fff; background:#767676}
.ui-datepicker .ui-datepicker-title {font-family:'Montserrat'; font-size:14px}
html.eng .ui-datepicker .ui-datepicker-title {font-weight:500}
.ui-datepicker .ui-datepicker-header {margin-bottom:7px; padding:8px 0 7px; border-bottom:1px solid #ddd}
.ui-datepicker .ui-datepicker-header .ui-corner-all {width:38px; height:38px}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {background:url(/images/common/btn-datepicker-prev.png) 0 50% no-repeat}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {background:url(/images/common/btn-datepicker-next.png) right 50% no-repeat}

/* text, color */
.clr-caution {color:#e1002a}

/* fake form - select */
.select-title {position:relative}
.select-title ~ .select-title {margin-left:5px}
.select-title strong {display:block; overflow:hidden; width:100%; height:100%; line-height:44px; font-weight:normal; background-image:url(/images/common/ico-select.png); background-position:100% 50%; background-repeat:no-repeat}
.select-title.active strong {background-image:url(/images/common/ico-select-up.png);}
.select-title.focus,
.select-title.active {border-color:#000}
.select-title.disabled {background:url(/brand/images/common/bg-input-read.png) 0 0 repeat}
.select-title.disabled.large {background-image:url(/brand/images/common/bg-input-read-large.png)}
.select-title.large strong {line-height:48px; background-image:url(/brand/images/common/ico-select-large.png);}
.select-title.large ~ .select-title.large {margin-left:10px}
.select-title.wide {width:100% !important}
.select-option {border:1px solid #333; background:#fff; overflow:auto}
.select-option ul {margin:0; padding:10px 0}
.select-option li {list-style:none}
.select-option span,
.select-option strong {white-space:nowrap; /* text-overflow:ellipsis; */ font-size:14px; text-decoration:none; padding:12px 20px 11px; display:block; overflow:hidden; cursor:default}
.select-option strong {font-weight:bold; color:#000; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4}
.select-option.large span {padding:16px 20px}
.select-option li li span {padding-left:10px}
.select-option span:hover,
.select-option span.selected {color:#000; background:#f4f4f4}
.select-option .disabled span,
.select-option .disabled strong {text-decoration:line-through; background:none}

/* button */
[class*="btn-"] {display:inline-block; box-sizing:border-box; height:46px; line-height:44px; vertical-align:middle; padding:0 30px; border:1px solid; text-align:center; font-family:'Montserrat', 'RixSGo M'; font-size:14px; color:#fff}
[class*="btn-"] span {display:inline-block; white-space:nowrap; line-height:44px; color:#fff; vertical-align:top}
[class*="btn-"].large {height:56px; line-height:54px; font-size:16px}
[class*="btn-"].large span {line-height:52px}
[class*="btn-"].small {height:40px; line-height:38px; padding:0 27px; font-size:14px}
[class*="btn-"].small span {line-height:38px}
[class*="btn-"].ssmall {min-width:105px; height:36px; line-height:34px; padding:0 16px; font-size:14px; text-align:right}
[class*="btn-"].ssmall span {display:block; line-height:34px}
[class*="btn-"] [class*="ico-"] {text-indent:0}
[class*="btn-"] .ico-detail {background:url(/images/common/ico-detail.png) 0 50% no-repeat}
[class*="btn-"] .ico-soldout {background:url(/images/common/ico-soldout.png) 0 50% no-repeat}
[class*="btn-"] .ico-book {background:url(/images/common/ico-book.png) 0 50% no-repeat}
[class*="btn-"] .ico-book-g {background:url(/images/common/ico-book-g.png) 0 50% no-repeat}
[class*="btn-"] .ico-down {background:url(/images/common/ico-down.png) 0 50% no-repeat}
[class*="btn-"] .ico-share {background:url(/images/common/ico-share.png) 0 50% no-repeat}
[class*="btn-"] .ico-info {background:url(/images/common/ico-info.png) 0 50% no-repeat}
[class*="btn-"] .ico-register {background:url(/images/common/ico-register.png) 0 50% no-repeat}
[class*="btn-"] .ico-register-r {background:url(/images/common/ico-register-red.png) 0 50% no-repeat}
[class*="btn-"] .ico-deadline {background:url(/images/common/ico-deadline.png) 0 50% no-repeat}
[class*="btn-"] .ico-print { background:url(/images/common/ico-print.png) 0 50% no-repeat}
[class*="btn-"] .ico-search {padding-left:30px; background:url(/images/common/ico-search.png) 0 50% no-repeat}
[class*="btn-"] .ico-search-reset {padding-left:30px; background:url(/images/common/ico-search-reset.png) 0 50% no-repeat}
[class*="btn-"] .ico-location {background:url(/images/common/ico-location.png) 0 50% no-repeat}
[class*="btn-"].go {min-width:134px; padding:0 30px}
[class*="btn-"].go span {display:block; text-align: center;}
.btn-blk {border-color:#000; background:#000}
.btn-gry {border-color:#767676; background:#767676}
.btn-red {border-color:#e1002a; background:#e1002a}
.btn-wht {border-color:#000; background:#fff}
.btn-trs {border-color:#000; background:transparent}
.btn-wht,
.btn-wht span {color:#000}
[class*="btn-"].ssmall.btn-lgry {border-color:#bbb; background:#fff}
[class*="btn-"].ssmall.btn-lgry span {color:#000}
[class*="btn-"].ssmall.btn-red {border-color:#e1002a; background:#fff}
[class*="btn-"].ssmall.btn-red span {color:#e1002a}
[class*="btn-"].ssmall.disabled span.ico-book-g,
[class*="btn-"].ssmall.disabled span.ico-register,
[class*="btn-"].ssmall.disabled span.ico-register-r {text-decoration:line-through}
.btns-submit {position:relative; margin-top:40px; text-align:center}
.btns-submit [class*="btn-"] {margin:0 3px}
.btns-submit > [class*="btn-"] {/*min-width:148px*/}
.btns-submit .right,
.btns-submit .left {position:absolute; width:25%}
.btns-submit .right {right:0; top:0; text-align:right}
.btns-submit .right [class*="btn-"] {/*margin-left:8px*/}
.btns-submit .left {left:0; top:0}
.btns-submit .left [class*="btn-"] {/*margin-right:8px*/}
a.download {display:inline-block; height:16px; line-height:16px; padding-left:30px; font-size:14px; background:url(/images/common/ico-down.png) 0 50% no-repeat}
html.eng a.download {font-family:"Montserrat"}
a.download.min {padding-left:28px; font-size:12px}

html.eng [class*="btn-"],
html.eng [class*="btn-"] span {font-size:13px}
html.eng [class*="btn-"].large,
html.eng [class*="btn-"].large span {font-size:15px}
html.eng [class*="btn-"].small,
html.eng [class*="btn-"].small span {font-size:13px}
html.eng [class*="btn-"].ssmall,
html.eng [class*="btn-"].ssmall span {font-size:11px}
html.eng a.download {font-size:11px}
html.eng a.download.min span {font-size:10px}

[class*="link-"] {display:inline-block; box-sizing:border-box; vertical-align:middle; font-family:'Montserrat', 'RixSGo B'; font-size:14px}
[class*="link-"] span {display:inline-block; padding-right:46px; vertical-align:top}
[class*="link-"].large {font-size:20px}
[class*="link-"].large span {padding-right:51px}
.link-blk span {color:#000; background:url(/images/common/ico-arrow-blk-large.png) right bottom no-repeat}
.link-blk.large span {color:#000; background:url(/images/common/ico-arrow-blk-b.png) right bottom no-repeat}
.link-wht span {color:#fff; background:url(/images/common/ico-arrow-wht.png) right bottom no-repeat}
.link-wht.large span {color:#fff; background:url(/images/common/ico-arrow-wht-b.png) right bottom no-repeat}
.link-detail {width:30px; height:18px; padding:5px 0; font-size:0; text-indent:-9999em; background:url(/images/common/ico-arrow-blk-bb.png) 0 50% no-repeat}
.link-detail span {display:block; font-size:0}

html.eng [class*="link-"] {font-weight:500}
html.eng [class*="link-"],
html.eng [class*="link-"] span {font-size:13px}
html.eng [class*="link-"].large,
html.eng [class*="link-"].large span {font-size:19px}
html.eng .link-detail,
html.eng .link-detail span {font-size:0}

/* file */
.wrap-file {position:relative; padding-right:120px}
.wrap-file strong {display:block; width:100%; height:40px; line-height:40px; color:#aaa; font-weight:normal}
.wrap-file input[type="file"] {position:absolute; right:0; top:0; z-index:1; width:120px; height:40px; opacity:0; cursor:pointer}
.wrap-file [class*='btn-'] {position:absolute; right:0; top:0; min-width:120px}

/* popup */
.popup-wrap {position:fixed; z-index:1000; left:0; top:0; right:0; bottom:0; overflow:auto; text-align:center; background:rgba(0,0,0,0.6)}
.popup-wrap:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.popup-section {display:inline-block; position:relative; vertical-align:middle; text-align:left; background:#fff; width:1000px}
.popup-section header {position:relative; padding:24px 30px 35px}
.popup-section.type2 header {padding-bottom:25px}
.popup-section header h3 {font-family:'Montserrat', 'RixSGo B'; font-size:16px; line-height:27px}
.popup-section header .close {position:absolute; right:30px; top:30px; width:17px; height:16px; font-size:0; text-indent:-9999px; background:url(/images/common/btn-close.png) 50% 50% no-repeat}
.popup-section .popup-content {padding:0 30px 30px}

html.eng .popup-section header h3 {font-size:15px; font-weight:500}

/* table */
[class*='tbl-'] table tr th {font-family:'RixSGo B'}
html.eng [class*='tbl-'] table tr th {font-family:'Montserrat'}
.tbl-row table tbody tr th {text-align:left}
.tbl-row table tbody tr th,
.tbl-row table tbody tr td {padding:10px 0}
[class*='tbl-'].form table tbody tr th .req {display:inline-block; width:6px; height:6px; vertical-align:middle; margin:-0.6em 0 0 7px; background:#e1002a; text-indent:-999em}
[class*='tbl-'].form table tbody tr td .guide {font-size:12px; color:#666}
.tbl-row.form {padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.tbl-row.form + .tbl-row.form {margin-top:-1px}
.tbl-row.form table tbody tr td > *{float:left}
.tbl-row.form table tbody tr td {width:calc(50% - 130px)}
.tbl-row.form table tbody tr td input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]),
.tbl-row.form table tbody tr td input:not([type=checkbox]):not([type=radio]) + [class*='btn-'],
.tbl-row.form table tbody tr td input:not([type=checkbox]):not([type=radio]) + .wrap-select,
.tbl-row.form table tbody tr td .wrap-select + input:not([type=checkbox]):not([type=radio]) {margin-left:10px}
.tbl-row.form table tbody tr td .unit {padding:0 10px; line-height:46px}
.tbl-row.form table tbody tr td .guide {line-height:46px; margin-left:10px}
.tbl-col table {border-top:1px solid #231f20}
.tbl-col table tr th {text-align:center}
.tbl-col table thead tr th {padding:18px 0 17px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4}
.tbl-col table thead tr th:last-child {border-right:none}
.tbl-col table tbody tr th {background:#fcfcfc}
.tbl-col table tbody tr th,
.tbl-col table tbody tr td {border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.tbl-col table tbody tr td:last-child {border-right:0}
.tbl-col table tbody tr td {padding:18px 20px; font-size:12px}
.tbl-basic table {border-top:3px solid #231f20}
.tbl-basic table thead {display:none}
.tbl-basic table tbody td {line-height:1.3; padding:27px 30px}
.tbl-basic table tbody tr:nth-child(odd) td {background:#f4f4f4}

html.eng [class*='tbl-'].form table tbody tr td .guide {font-size:11px}
html.eng .tbl-col table tbody tr td {font-size:11px}

/* form common */
.devide[class*='d']:after {content:''; display:block; clear:both}
.devide.d2 input:not([type=checkbox]):not([type=radio]) {float:left; width:calc(50% - 5px); margin:0 5px 0 0}
.devide.d2 input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]) {margin:0 0 0 5px}

/* paginate */
.paginate-nav {position:relative; min-height:70px; margin-top:40px; text-align:center}
.paginate-nav:after {content:""; display:block; clear:both}
.paginate-nav.list a {height:32px; line-height:32px}
.paginate-nav.foot {padding-top:40px; border-top:1px solid #000}
.paginate-nav a {display:inline-block; font-family:'Montserrat'; vertical-align:top}
.paginate-nav a.more {width:32px; height:32px; font-size:0; text-indent:-9999em; vertical-align:top; border:1px solid #000; border-radius:100%; background:url(/images/common/ico-more.png) 50% 50% no-repeat}
/*.paginate-nav a.more.min {font-size:10px}*/
.paginate-nav a.list {position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:30px; font-size:0; text-indent:-9999em}
.paginate-nav a.list:after {content:""; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; border:1px solid #000; box-sizing:border-box; border-radius:100%; background:url(/images/common/ico-list.png) 47% 50% no-repeat}
.paginate-nav a.prev {float:left; position:relative; width:30px; height:30px; font-size:0; text-indent:-9999em}
.paginate-nav a.prev:after {content:""; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; border:1px solid #000; box-sizing:border-box; border-radius:100%; background:url(/images/common/ico-arrow-l-blk.png) 50% 48% no-repeat}
.paginate-nav a.next {float:right; position:relative; width:30px; height:30px; font-size:0; text-indent:-9999em}
.paginate-nav a.next:after {content:""; position:absolute; right:0; top:50%; width:30px; height:30px; margin-top:-15px; border:1px solid #000; box-sizing:border-box; border-radius:100%; background:url(/images/common/ico-arrow-r-blk.png) 50% 48% no-repeat}

html.eng .paginate-nav a.list,
html.eng .paginate-nav a.prev,
html.eng .paginate-nav a.next {font-size:9px}

.list-text li {position:relative;padding-left:11px;line-height:1.666em;font-size: 12px;}
.list-text li:after {content:''; position:absolute; left:0; top:0.6em; width:4px; height:4px; border-radius:100%; background:#000}
[class*='tbl-'] + .list-text {margin-top:15px}
.list-arrow li {line-height:1.3}
.list-arrow li ~ li {margin-top:24px}
.list-arrow li > strong {display:inline-block; padding-right:21px; margin-right:14px; background:url(/images/common/bg-list-arr-right.png) right 50% no-repeat}
.list-arrow li.artists a {font-family:'RixSGo B'; text-decoration:underline}
.list-arrow li.artists a ~ a {margin-left:11px}

html.eng .list-text li,
html.eng .list-text li span {font-size:11px}
html.eng .list-arrow li > strong {font-weight:500}
html.eng .list-arrow li.artists a {font-family:'Montserrat'; font-weight:500}

.bx-scroll {position:relative; overflow:auto; border:1px solid #ccc; padding:25px 30px}

/* tab */
.tab-basic {padding-bottom:40px}
.tab-basic ul:after {content:""; display:block; clear:both}
.tab-basic ul li {float:left; height:56px}
.tab-basic ul li a {display:block; height:56px; line-height:56px; font-family:'RixSGo B'; font-size:14px; color:#666; text-align:center; border-bottom:1px solid #000; background:#f9f9f9}
.tab-basic ul li.on a {color:#000; border-top:1px solid #000; border-bottom:none; border-left:1px solid #000; border-right:1px solid #000; background:#fff}
.tab-basic.tab2 ul li {width:50%}
.tab-content {text-align:center; border-top:1px solid #000}
.tab-content ul {display:inline-block}
.tab-content ul:after {content:""; display:block; clear:both}
.tab-content ul li {float:left; width:150px}
.tab-content ul li a {display:block; padding:11px 20px 8px; line-height:1.6; font-family:'RixSGo B'; border-top:5px #fff solid; box-sizing:border-box}
html.eng .tab-content ul li a {padding:10px 20px 11px}
.tab-content ul li.on a {border-top:5px solid #e1002a; box-sizing:border-box}
.tab-content.type2 ul {width:100%}
.tab-content.type2.tab2 ul li {width:50%}
.tab-detail ul {border-bottom:1px solid #000}
.tab-detail ul:after {content:""; display:block; clear:both}
.tab-detail ul li {float:left; height:36px}
.tab-detail ul li ~ li {margin-left:3px}
.tab-detail ul li a {display:block; position:relative; height:36px; line-height:36px; padding:0 20px; font-size:12px; background:#f4f4f4; box-sizing:border-box}
.tab-detail ul li.on a {color:#000; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; background:#fff}
.tab-detail ul li.on a:after {content:""; position:absolute; right:28px; top:50%; width:10px; height:6px; margin-top:-3px; background:url(/images/common/bg-tab-arr-on.png) 0 0 no-repeat}
.tab-detail ul li.on a:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.tab-detail.tab3 ul li {width:calc(33.33% - 1.97px)}
.tab-detail.tab4 ul li {width:calc(25% - 2.25px)}
.tab-detail.tab4 ul li.on a:after {right:19px}
.tab-detail.type2 {margin-bottom:40px}
.tab-detail.type2 ul li {height:46px}
.tab-detail.type2 ul li a {height:46px; line-height:46px}
.tab-linear {margin-bottom:60px; padding-bottom:19px; border-bottom:3px solid #000}
.tab-linear ul:after {content:""; display:block; clear:both}
.tab-linear ul li {float:left; width:300px}
.tab-linear ul li a {display:inline-block; position:relative; line-height:20px; padding-right:20px; font-family:"RixSGo B"; color:#767676}
.tab-linear ul li a:after {content:""; position:absolute; left:100%; top:50%; width:12px; height:1px; margin-top:-1px; background:#767676}
.tab-linear ul li.on a {font-size:20px; color:#000}
.tab-linear.tab2 ul li.on a:after {width:209px}
.tab-linear.tab3 ul li.on a:after {width:147px}
.tab-linear.tab2 ul li ~ li {margin-left:300px}
.tab-linear.tab3 ul li ~ li {margin-left:150px}

html.eng .tab-basic ul li a {font-family:'Montserrat'; font-size:13px}
html.eng .tab-content ul li a {font-family:'Montserrat'; font-weight:500}
html.eng .tab-detail ul li a {font-family:'Montserrat'; font-size:11px}
html.eng .tab-linear ul li a {font-family:'Montserrat'; font-weight:500}
html.eng .tab-linear ul li.on a  {font-size:19px}

/* 하단 fixed menu */
.follow-menu {position:fixed; bottom:0; right:0; left:0; width:100%; height:64px; text-align:center; border-top:1px solid #ddd; background:rgba(255, 255, 255, 0.9)}
.follow-menu .inner {width:1200px; margin:0 auto; padding:24px 0}
.follow-menu .inner:after {content:""; display:block; clear:both}
.follow-menu a.link-blk.large {font-size:16px}
.follow-menu a.disabled {cursor:default}
.follow-menu a.disabled span {color:#767676; background:none}
.follow-menu ul li {float:left; width:33.33%; text-align:center}
.follow-menu ul.btn1 li {width:100%}
.follow-menu ul.btn2 li {width:50%}
.follow-menu ul.btn2 li:first-child {padding-left:142px}
.follow-menu ul.btn2 li:first-child ~ li {padding-right:103px}
.follow-menu ul.btn3 li {width:33.33%}
.follow-menu .CLOSED .check {display:none;}
/*.follow-menu .inner a {float:left}
.follow-menu .inner a + a {float:none}
.follow-menu .inner a + a + a {float:right}*/

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden}
.video-container iframe,
.video-container object,
.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%}

/* 기본 목록 검색 */
.search-basic {position:relative; padding-bottom:30px; text-align:center}
.search-basic form {display:inline-block}
.search-basic form .search-bar {position:relative}
.search-basic form .search-bar input[type="text"] {width:600px; height:56px; line-height:53px; padding-right:59px}
.search-basic form .search-bar a.btn-wht.search {outline:1px transparent solid; position:absolute; top:1px; right:1px; width:59px; height:54px; text-indent:-9999999px; font-size:0; border:none; background:url(/images/common/btn-search.png)50% 50% no-repeat; background-size:19px auto}
.search-basic a.link-blk {position:absolute; top:20px; right:0}
.search-basic .search-result {padding:35px 0 29px; border-bottom:1px solid #231f20}
.search-basic .search-result p {font-size:20px; letter-spacing:-0.04em; text-align:center}
.search-basic .search-result p > span {display:inline-block; margin:0 4px 0 17px; font-family:"Montserrat"; font-weight:500; font-size:24px}

html.eng .search-basic .search-result p {font-size:19px}
html.eng .search-basic .search-result p > span {font-size:23px}

/* 데이터가 없을 시  */
.nodata {height:400px; padding-top:168px; text-align:center; border-top:1px solid #231f20; border-bottom:1px solid #231f20}
.nodata p {margin-top:24px; font-size:24px; color:#767676}

html.eng .nodata p {font-size:23px}

/* 기본 목록 상세 */
.board-view .head h4 {padding:25px 30px 24px; background:#f4f4f4}
.board-view .head h4:after {content:""; display:block; clear:both}
.board-view .head h4 strong.tit {float:left; display:inline-block; width:800px; line-height:1.5em; font-family:'RixSGo M'; font-size:14px; word-break:keep-all}
html.eng .board-view .head h4 strong.tit {font-family:'Montserrat'; font-weight:400}
.board-view .head h4 span.date {float:right; display:inline-block; margin-top:3px; font-family:'Montserrat'; font-size:12px}
.board-view .head .attach {padding:22px 30px 23px; border-bottom:1px #ddd solid}
.board-view .head .attach ul ~ ul {margin-top:5px}
.board-view .head .attach ul:after {content:""; display:block; clear:both}
.board-view .head .attach ul {margin-top:-10px}
.board-view .head .attach ul li {display:inline-block; width:33%; height:14px; line-height:14px; margin-top:10px; padding-left:27px; font-size:12px; background:url(/images/common/ico-attach.png)0 0 no-repeat; background-size:17px auto}
.board-view .cont {padding:60px 0}
.board-view .cont p {line-height:1.6em;padding:0 30px;}
.board-view + .paginate-nav {margin-top:0}

html.eng .board-view .head h4 strong.tit {font-size:13px}
html.eng .board-view .head h4 span.date {font-size:11px}
html.eng .board-view .head .attach ul li {font-size:11px}

/* 리스트 */
/* list-bx */
.list-bx ul {width:calc(100% + 30px); margin-left:-15px}
.list-bx ul:after {content:""; display:block; clear:both}
.list-bx ul li {float:left; width:calc(100% / 3); padding:0 18px 30px 15px}
.list-bx ul li .bx-area {position:relative; display:block; height:180px; padding:26px 30px 30px; border:1px #ccc solid; box-sizing:border-box}
.list-bx ul li .bx-area:hover,
.list-bx ul li .bx-area:focus {border:1px #000 solid}

/* 기간 이동 버튼 */
.bx-period {position:relative; margin-top:-5px; text-align:center}
.bx-period a {position:absolute; top:50%; width:21px; height:12px; margin-top:-6px; font-size:0; text-indent:-9999em}
.bx-period a.prev {left:40.9%; background:url(/images/common/btn-arrow-left.png) no-repeat}
.bx-period a.next {right:40.9%; background:url(/images/common/btn-arrow-right.png) no-repeat}
.bx-period strong {font-family:"Montserrat"; font-weight:500; font-size:36px}

html.eng .bx-period strong {font-family:"Montserrat"; font-weight:500; font-size:35px}

/* top 버튼 */
.move-top {display:none}

/* mobile setting */
@media screen and (max-width:767px) {
    .mCSB_inside > .mCSB_container {margin-right:10px !important}
    .mCSB_scrollTools {right:-5px !important}

    .slick-slider .slick-arrow {display:inline-block; position:absolute; bottom:0; width:53px; height:35px; font-size:0; text-indent:-9999em}
    .slick-slider .slick-arrow.slick-prev {left:50%; margin-left:-53px; background:url(/images/common/btn-slide-prev-m.png) 50% 50% no-repeat; background-size:22px 15px}
    .slick-slider .slick-arrow.slick-next {right:50%; margin-right:-53px; background:url(/images/common/btn-slide-next-m.png) 50% 50% no-repeat; background-size:22px 15px}

    .bx-scroll {padding:15px}

    .list-text li {padding-left:8px; font-size:11px}
    html.eng .list-text li,
    html.eng .list-text li span {font-size:11px}
    .list-text li:after {top:0.5em; width:3px; height:3px}
    .list-arrow li {font-size:11px}
    html.eng .list-arrow li {font-size:11px}
    .list-arrow li ~ li {margin-top:4px}
    .list-arrow li > strong {margin-right:12px; padding-right:15px; font-size:12px; background:url(/images/common/bg-list-arr-right-m.png) right center no-repeat; background-size:4px 6.5px}
    html.eng .list-arrow li > strong {font-size:12px}

    /* button */
    [class*="btn-"],
    [class*="btn-"].large {height:35px; line-height:33px; padding:0 20px; font-size:11px}
    [class*="btn-"] span,
    [class*="btn-"].large span {line-height:33px}
    [class*="btn-"].small {height:35px; line-height:33px; padding:0 20px; font-size:11px}
    [class*="btn-"].small span {line-height:33px}
    [class*="btn-"].ssmall {min-width:30px; width:30px; height:30px; line-height:1em; padding:0; font-size:0; text-indent:-9999em; border-radius:100%; border:1px solid #b5b5b5}/* circle */
    [class*="btn-"].ssmall span {display:block; height:28px; line-height:1em}
    [class*="btn-"].go {min-width:auto; padding:0 20px}
    /*
    [class*="btn-"].go span {background:url(/images/common/ico-arrow-wht-m.png) 100% 50% no-repeat; background-size:25px 5.5px}
    */
    [class*="btn-"] .ico-detail {background:url(/images/common/ico-detail-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-soldout {background:url(/images/common/ico-soldout.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-book {background:url(/images/common/ico-book-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-book-g {background:url(/images/common/ico-book-g-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-register {background:url(/images/common/ico-register-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-register-r {background:url(/images/common/ico-register-red-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"].disabled .ico-register {background:url(/images/common/ico-register-disabled-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-deadline {background:url(/images/common/ico-deadline-m.png) 50% 50% no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-down {background:url(/images/common/ico-down.png) no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-share {background:url(/images/common/ico-share-m.png) no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-info {background:url(/images/common/ico-info-m.png) no-repeat; background-size:13px 13px}
    [class*="btn-"] .ico-search {display:block; padding-left:0; text-align:left; background:url(/images/common/ico-search-m.png) 100% 50% no-repeat; background-size:13px 13px}

    html.eng [class*="btn-"],
    html.eng [class*="btn-"] span,
    html.eng [class*="btn-"].large,
    html.eng [class*="btn-"].large span,
    html.eng [class*="btn-"].small,
    html.eng [class*="btn-"].small span {font-size:11px}
    html.eng [class*="btn-"].ssmall,
    html.eng [class*="btn-"].ssmall span {font-size:0}

    [class*="link-"] {font-size:12px}
    [class*="link-"] span {padding-right:35px}
    .link-blk span {background:url(/images/common/ico-arrow-blk-m.png) right bottom no-repeat; background-size:25px 5.5px}
    .link-detail {padding-top:12px; font-size:10px; background:url(/images/common/ico-arrow-blk-m.png) right top no-repeat; background-size:25px 5.5px}
    a.download {width:43px; height:43px; line-height:1em; padding-left:0; font-size:0; text-indent:-9999em; vertical-align:middle; background:url(/images/common/ico-down.png) 50% 50% no-repeat; background-size:13px 13px}
    
    html.eng [class*="link-"] span {font-size:12px}
    html.eng .link-detail span {font-size:0}
    html.eng a.download,
    html.eng a.download span,
    html.eng a.download.min span {font-size:0}

    .btns-submit {margin-top:20px}
    .btns-submit [class*="btn-"] {margin:0}

    /* 하단 fixed menu */
    .follow-menu {height:44px}
    .follow-menu .inner {width:100%; padding:0}
    .follow-menu .inner:after {content:""; display:block; clear:both}
    .follow-menu .inner a.link-blk.large {width:100%; height:44px; font-size:11px}
    html.eng .follow-menu .inner a.link-blk.large,
    html.eng .follow-menu .inner a span {font-size:11px}
    html.eng .follow-menu ul li {width:100%}
    .follow-menu .inner a > span {line-height:44px; padding-right:0; background:none}
    .follow-menu ul.btn2 li:first-child {padding-left:0}
    .follow-menu ul.btn2 li:first-child ~ li {padding-right:0}

    /* 하단 top 버튼 */
    .move-top {display:block; padding:0 0 44px 0; text-align:center; border-top:1px solid #ddd}
    .move-top.noline {margin-top:-30px; border-top:none}
    .move-top a {display:inline-block; height:56px; line-height:56px; font-family:"Montserrat"; font-size:9px; padding-left:17px; background:url(/images/common/btn-top.png) 0 50% no-repeat; background-size:10px 12px}
    html.eng .move-top a {font-size:9px}
    .section-performance.info ~ .move-top.nomenu,
    .section-education.info ~ .move-top.nomenu {padding-bottom:0} 
    html.eng .section-performance.info ~ .move-top,
    html.eng .section-education.info ~ .move-top {padding-bottom:0}
    html.eng .section-main-m ~ .move-top {border-top:none}

    /* table */
    [class*='tbl-'].form table tbody tr th .req {width:5px; height:5px; margin:-0.6em 0 0 3px}
    [class*='tbl-'].form table tbody tr td .guide {font-size:10px; color:#767676}
    html.eng [class*='tbl-'].form table tbody tr td .guide {font-size:10px}
    .tbl-row.form {padding:17px 0}
    .tbl-row table tbody tr th {padding:16px 0 0 0}
    .tbl-row table tbody tr td {padding:8px 0}
    .tbl-row.form + .tbl-row.form {margin-top:-1px}
    .tbl-row.form table,
    .tbl-row.form table tbody,
    .tbl-row.form table tbody tr,
    .tbl-row.form table tbody tr th,
    .tbl-row.form table tbody tr td {display:block}
    .tbl-row.form table tbody tr:after {content:""; display:block; clear:both}
    .tbl-row.form table tbody tr th,
    .tbl-row.form table tbody tr td {float:left; font-size:11px}
    html.eng .tbl-row.form table tbody tr td {font-size:11px}
    .tbl-row.form table tbody tr td > *{float:none}
    .tbl-row.form table tbody tr td input:not([type=checkbox]):not([type=radio]) + input:not([type=checkbox]):not([type=radio]),
    .tbl-row.form table tbody tr td input:not([type=checkbox]):not([type=radio]) + [class*='btn-'],
    .tbl-row.form table tbody tr td input:not([type=checkbox]):not([type=radio]) + .wrap-select,
    .tbl-row.form table tbody tr td .wrap-select + input:not([type=checkbox]):not([type=radio]) {margin-left:0}
    .tbl-row.form table tbody tr td .unit {padding:0 7px; line-height:34px}
    .tbl-row.form table tbody tr td .guide {display:inline-block; line-height:1.666em; margin-top:5px; margin-left:0} 
    .tbl-basic table {border-top:2px solid #231f20}
    .tbl-basic table tbody td {padding:15px 15px; font-size:11px}
    html.eng .tbl-basic table tbody td {font-size:11px}
    .tbl-col table thead tr th {padding:15px 0}
    .tbl-col table tbody tr td {padding:15px 0; font-size:11px}
    html.eng .tbl-col table tbody tr td {font-size:11px}

    /* tab */
    .tab-basic {padding-bottom:24px}
    .tab-basic ul li {height:40px}
    .tab-basic ul li a {height:40px; line-height:40px; font-size:11px}
    html.eng .tab-basic ul li a {font-size:11px}
    .tab-basic ul li:last-child a {border-right:none}
    .tab-basic ul li:first-child.on a {border-left:none}
    .tab-content {padding:0 15px}
    .tab-content ul li {width:115px}
    .tab-content ul li a {display:inline-block; width:100%; height:100%; padding:7px 13px 8px; font-size:11px; border-top-width:2.5px}
    html.eng .tab-content ul li a {padding:6px 13px 9px; font-size:11px}
    .tab-content ul li.on a {border-top-width:2.5px}
    .tab-content ul li a:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
    .tab-content ul li a > span {display:inline-block; vertical-align:middle}
    .tab-content ul li a > span > span {display:block; margin-top:6px}
    .tab-detail {padding:0 15px}
    .tab-detail ul li {width:100%; height:35px}
    .tab-detail ul li ~ li {margin-left:0; border-left:1px solid #fff}
    .tab-detail ul li a {height:35px; line-height:35px; padding:0; font-weight:400; font-size:11px; text-align:center}
    html.eng .tab-detail ul li a {font-size:11px}
    .tab-detail ul li.on a:after {display:none}
    .tab-detail.tab2 ul li {width:50%}
    .tab-detail.tab3 ul li {width:33.33%}
    .tab-detail.tab4 ul li {width:25%}
    .tab-detail.tab4 ul li a {padding:0}
    .tab-linear {margin-bottom:30px; padding-bottom:9px; border-bottom:2px solid #000}
    .tab-linear ul li a {line-height:1.3; padding-right:5px; font-size:12px}
    html.eng .tab-linear ul li a {font-size:12px}
    .tab-linear ul li a:after {display:none}
    .tab-linear ul li.on a {font-family:"RixSGo B"; font-size:12px}
    html.eng .tab-linear ul li.on a {font-family:'Montserrat'; font-size:12px}
    .tab-linear.tab2 ul li {width:50%}
    .tab-linear.tab2 ul li ~ li {margin-left:0}
    .tab-linear.tab2 ul li.on a:after {display:inline-block; width:40px}
    .tab-linear.tab3 ul li {width:33.33%}
    .tab-linear.tab3 ul li.on a:after {display:inline-block; left:auto; top:0.6em; width:10px; margin-left:3px}
    html.eng .tab-linear.tab3 ul li.on a:after {top:0.75em}
    .tab-linear.tab3 ul li ~ li {margin-left:0}

    /* popup */
    .popup-wrap:after {display:none}
    .popup-section header {padding:20px 0 30px 15px}
    .popup-section header h3 {font-size:13px}
    html.eng .popup-section header h3 {font-size:13px}
    .popup-section header .close {position:absolute; right:0; top:10px; width:42px; height:42px; background:url(/images/common/btn-close-m.png) 50% 50% no-repeat; background-size:12px 12px}
    .popup-section .popup-content {padding:0 15px 30px}
    .popup-section .popup-content.mCustomScrollbar {margin-right:5.5px}

    /* paginate */
    .paginate-nav {height:24px; margin:20px 15px 0}
    .paginate-nav:after {content:""; display:block; clear:both}
    .paginate-nav a.more {width:25px; height:25px; padding-top:0; font-size:0; text-indent:-9999em; vertical-align:top; border:none; background:url(/images/common/ico-more-m.png) 50% 50% no-repeat; background-size:25px 25px}
    .paginate-nav.list a {width:25px; height:25px; line-height:1em}
    .paginate-nav a.list {margin-left:-12px}
    .paginate-nav.foot {height:44px; padding-top:20px; border-top:1px solid #ddd}
    .paginate-nav a {width:24px; height:24px}
    .paginate-nav a.list,
    .paginate-nav a.prev,
    .paginate-nav a.next {padding:0; font-size:0; text-indent:-9999em; vertical-align:top}
    .paginate-nav a.list:after {width:24px; height:24px; margin-top:-10px; background:url(/images/common/ico-list-m.png) 50% 50% no-repeat; background-size:10px auto}
    .paginate-nav a.prev:after {width:24px; height:24px; margin-top:-12px; background:url(/images/common/ico-arrow-l-blk-m.png) 50% 50% no-repeat; background-size:10px 9px}
    .paginate-nav a.next:after {width:24px; height:24px; margin-top:-12px; background:url(/images/common/ico-arrow-blk-m2.png) 50% 50% no-repeat; background-size:10px 9px}

    /* 기본 목록 검색 */
    .search-basic {position:relative; padding:0 15px 24px; text-align:center}
    .search-basic form .search-bar input[type="text"] {width:100%; height:35px; line-height:1.2em; padding:11px 10px 8px; padding-right:59px; border:2px solid #000}
    .search-basic form {display:block}
    .search-basic .search-result {padding:25px 0; border-bottom:none}
    .search-basic .search-result p,
    html.eng .search-basic .search-result p {font-size:17px}
    .search-basic .search-result p > span {margin:0 2px 0 12px; font-size:19px}
    html.eng .search-basic .search-result p > span {font-size:19px}
    .search-basic form .search-bar a.btn-wht.search {top:14px; right:0; width:44px; height:35px; padding:0; background:url(/images/common/btn-search-m.png) 50% 50% no-repeat; background-size:14px 14px}
    .search-basic a.link-blk {position:static; margin-top:20px}
    /* 데이터가 없을 시  */
    .nodata {height:auto; padding:140px 0; border:none}
    .nodata img {width:89px}
    .nodata p {margin-top:18px; font-size:20px}
    html.eng .nodata p {font-size:20px}
    /* 기본 목록 상세 */
    .board-view .head h4 {padding:20px 15px 15px}
    .board-view .head h4 strong.tit {float:none; display:block; width:100%; font-size:13px}
    html.eng .board-view .head h4 strong.tit {font-size:12px}
    .board-view .head h4 span.date {float:none; display:block; margin-top:10px; font-size:10px; color:#767676}
    html.eng .board-view .head h4 span.date {font-size:9px}
    .board-view .head .attach {margin:0 15px; padding:16px 0}
    .board-view .head .attach ul li {display:block; height:auto; width:100%; padding-left:23px; font-size:10px; background:url(/images/common/ico-attach-m.png) 0 50% no-repeat; background-size:13px 10.5px}
    html.eng .board-view .head .attach ul li,
    html.eng .board-view .head .attach ul li a {font-size:10px}
    .board-view .head .attach ul li a {display:inline-block; padding:5px 0}
    .board-view .head .attach ul li ~ li {margin-left:0; margin-top:2px}
    .board-view .cont {padding:30px 15px; font-size:11px; text-align:left}
    html.eng .board-view .cont,
    html.eng .board-view .cont p {font-size:11px}
    .board-view .cont img {max-width:100%}

    /* 기간 이동 버튼 */
    .bx-period {margin-top:0}
    .bx-period strong {font-size:20px}
    html.eng .bx-period strong {font-size:20px}
    .bx-period a {width:40px; height:24px; margin-top:-12px}
    .bx-period a.prev {left:24%; background:url(/images/common/btn-slide-prev-m.png) 50% 50% no-repeat; background-size:21px 12.5px}
    .bx-period a.next {right:24%; background:url(/images/common/btn-slide-next-m.png) 50% 50% no-repeat; background-size:21px 12.5px}

    /* 리스트 */
    /* list-bx */
    .list-bx ul {width:100%; margin-left:0}
    .list-bx ul li {float:none; width:100%; padding:0}
    .list-bx ul li ~ li {border-top:1px solid #ccc}
    .list-bx ul li .bx-area {padding:0; border:none}
    .list-bx ul li .bx-area:after {right:15px; bottom:25px; width:25px; height:5.5px; background:url(/images/common/ico-arrow-blk-m.png) 0 0 no-repeat; background-size:25px 5.5px}
    .list-bx ul li .bx-area:hover,
    .list-bx ul li .bx-area:focus {border:none}


}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}