@charset "utf-8";

@import url(../plugins/custom/swiper/swiper-bundle.min.css);
@import url(aos.css);
@import url(common.css);

/* space */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}

/* heading */
.h3-tit {margin:0 0 24px;font-size:24px;color:#000;font-weight:500;}
.h3-tit span {font-size:18px;color:#7D7D7D;}
.text-point {color:#FF4040;}

/* forms */
input {width:100%;height:46px;padding:0 14px;font-size:16px;color:#000;border:1px solid #c4c4c4;background:#fff;outline:none;}
input[type=text]::-ms-clear {display:none;}
input[readonly],textarea[readonly] {border:1px solid #e0e0e0;background:#f8f8f8;}
input[disabled],textarea[disabled],input[disabled="disabled"],textarea[disabled="disabled"] {color:#c4c4c4;background:#f8f8f8;border:1px solid #e0e0e0;cursor:not-allowed;}
select {width:100%;height:46px;padding:0 30px 0 16px;font-size:16px;color:#000;border:1px solid #c4c4c4;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 14px center/12px 7px;outline:none;}
select::-ms-expand {display:none;}
select[disabled], select[disabled="disabled"] {opacity:0.4;background-color:#f8f8f8;}
textarea {width:100%;padding:14px 16px;line-height:30px;font-size:16px;color:#000;border:1px solid #c4c4c4;background:#fff;overflow:auto;resize:none;outline:none;}
input[type=checkbox] {width:20px;height:20px !important;padding:0;margin:0;border:0;opacity:0;}
input[type=checkbox] + em {display:inline-block;min-height:20px;margin-left:-20px;padding-left:18px;border:1px solid #dcdcdc;background:#fff;vertical-align:middle;}
input[type=checkbox]:checked + em {border:1px solid #4D4D4D;background:#4D4D4D url('../images/common/bg_check_on.svg') no-repeat 50% 50%;}
input[type=radio] {width:20px;height:20px !important;padding:0;margin:0;border:0;opacity:0;}
input[type=radio] + em {display:inline-block;min-height:20px;margin-left:-20px;padding-left:18px;border:1px solid #dcdcdc;background:#fff;vertical-align:middle;border-radius:100%;}
input[type=radio]:checked + em {border:1px solid #ababab;background:#fff url('../images/common/bg_radio_on.svg') no-repeat 50% 50%;background-size:10px 10px;}
input[type=radio] ~ label {margin-left:4px;font-size:16px;cursor:pointer;}
input[type=checkbox] ~ label {margin-left:5px;font-size:16px;cursor:pointer;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#7d7d7d;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#7d7d7d;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#7d7d7d;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#7d7d7d;}

/* form controls */
.item-list {display:flex;flex-wrap:wrap;}
.item-list li {margin-right:40px;flex:none;padding:10px 0;}

/* button */
.btn-block {margin-top:40px;text-align:center;}
.btn-block a,.btn-block button {margin:0 3px;}
.btns {display:inline-flex;align-items:center;justify-content:center;padding:0 20px;color:#4d4d4d;text-align:center;border-radius:40px;background:#fff;border:1px solid #4d4d4d;vertical-align:middle;transition:all 0.3s;}
.btns:before {content:'';display:inline-block;vertical-align:middle;}
.btns:after {content:'';display:inline-block;vertical-align:middle;}
.btns.dark {height:40px;font-size:16px;color:#fff;background:#4d4d4d;}
.btns.dark:hover {background:#000;border:1px solid #000;}
.btns.dark-primary {min-width:170px;height:46px;font-size:16px;color:#fff;background:#4d4d4d;}
.btns.dark-primary.sm {min-width:auto;height:42px;padding:0 16px;}
.btns.dark-primary:hover {background:#000;border:1px solid #000;}
.btns.line-primary {min-width:170px;height:46px;padding:0 16px;font-size:16px;color:#4d4d4d;border:1px solid #7d7d7d;}
.btns.line-primary.sm {min-width:auto;height:42px;padding:0 16px;}
.btns.line-primary:hover {color:#000;border:1px solid #000;}
.btns.list {min-width:100px;height:40px;font-size:16px;}
.btns.list:before {width:15px;height:17px;margin-right:5px;background: url('../images/common/ico_list.png') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.list:hover {color:#000;border:1px solid #000;}
.btns.all-list {min-width:100px;height:40px;}
.btns.all-list:before {width:14px;height:10px;margin-right:5px;background:url('../images/common/ico_all_list.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.all-list:hover {color:#000;border:1px solid #000;}
.btns.inquiry {min-width:100px;height:40px;font-size:16px;}
.btns.inquiry:before {width:18px;height:18px;margin-right:5px;background:url('../images/common/ico_inquiry.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.inquiry:hover {color:#000;border:1px solid #000;}
.btns.inquiry-black {min-width:160px;height:46px;font-size:16px;color:#fff;background:#4d4d4d;border:1px solid #4d4d4d}
.btns.inquiry-black:before {width:20px;height:20px;margin-right:5px;background:url('../images/common/ico_pen.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.inquiry-black:hover {background:#000;border:1px solid #000;}
.btns.gpki {min-width:180px;height:50px;font-size:16px;color:#fff;background:#4d4d4d;border:1px solid #4d4d4d}
.btns.gpki:before {width:17px;height:17px;margin-right:5px;background:url('../images/common/ico_circle_checked.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.gpki:hover {background:#000;border:1px solid #000;}
span.btns.gpki:hover {background:#4d4d4d;border:1px solid #4d4d4d;}
.btns.request {height:46px;font-size:15px;padding:0 16px;}
.btns.request:before {width:18px;height:18px;margin-right:5px;background:url('../images/common/ico_request.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.request:hover {color:#000;border:1px solid #000;}
.btns.request2 {min-width:170px;height:46px;font-size:16px;color:#fff;background:#4d4d4d;}
.btns.request2:after {width:22px;height:22px;margin-left:5px;background:url('../images/common/ico_check_circle.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.request2:hover {background:#000;}
.btns.view {min-width:170px;height:46px;font-size:16px;color:#fff;background:#4d4d4d;}
.btns.view:after {width:17px;height:17px;margin-left:5px;background:url('../images/sub/ico_view.svg') no-repeat;background-size:contain;position:relative;top:2px;}
.btns.view:hover {background:#000;}
.btns.buy {min-width:170px;height:46px;font-size:16px;color:#4d4d4d;border:1px solid #7d7d7d;}
.btns.buy:after {width:21px;height:21px;margin-left:5px;background:url('../images/sub/ico_newwin.svg') no-repeat;background-size:contain;position:relative;top:1px;}
.btns.buy:hover {color:#000;border:1px solid #000;}
.btns.alldown {min-width:198px;height:46px;font-size:16px;color:#4d4d4d;border:2px solid #7d7d7d;}
.btns.alldown:before {width:21px;height:21px;margin-right:5px;background:url('../images/sub/ico_down2.svg') no-repeat;background-size:contain;}
.btns.alldown:hover {color:#000;border:2px solid #000;}

/* tab */
.nav-tab {display:flex;justify-content:center;margin:40px 0 50px;}
.nav-tab li a {position:relative;display:block;margin:0 24px;padding-bottom:12px;font-size:17px;line-height:24px;color:#7d7d7d;transition:0.3s;}
.nav-tab li a:after {content:"";position:absolute;left:50%;bottom:0;width:0;border-bottom:2px solid #000;transition:0.3s;}
.nav-tab li a:hover {color:#000;}
.nav-tab li a:hover:after {left:0;width:100%;}
.nav-tab li.on a {font-weight:500;color:#000;font-size:18px;}
.nav-tab li.on a:after {left:0;width:100%;}
@media only all and (max-width:767px) {
  .mt10 {margin-top:8px !important;}
  .mt15 {margin-top:12px !important;}
  .mt20 {margin-top:15px !important;}
  .mt25 {margin-top:18px !important;}
  .mt30 {margin-top:20px !important;}
  .h3-tit {margin:0 0 10px;font-size:18px;}
  .h3-tit span {font-size:14px;}
  input {height:40px;padding:0 12px;font-size:14px;}
  select {height:40px;padding:0 30px 0 12px;font-size:14px;background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 10px center/12px 7px;}
  textarea {padding:10px 12px;line-height:22px;font-size:14px;}
  label.chk > input + span,label.rad > input + span {font-size:14px;}
  input[type=radio] ~ label {font-size:14px;}
  input[type=checkbox] ~ label {font-size:14px;}
  .item-list li {margin-right:20px;padding:5px 0;}
  .btn-block {margin-top:25px;}
  .btn-block a,.btn-block button {margin:0 2px;}
  .btns.dark {height:36px;padding:0 15px;font-size:14px;}
  .btns.dark-primary {min-width:100px;height:36px;font-size:14px;}
  .btns.dark-primary.sm {height:32px;padding:0 12px;}
  .btns.line-primary {min-width:100px;height:36px;font-size:14px;}
  .btns.line-primary.sm {height:32px;padding:0 12px;}
  .btns.list {min-width:80px;height:36px;padding:0 15px;font-size:14px;}
  .btns.list:before {width:10px;height:13px;}
  .btns.all-list {min-width:80px;height:36px;padding:0 15px;}
  .btns.all-list:before {width:12px;height:9px;}
  .btns.inquiry {min-width:80px;height:36px;padding:0 15px;font-size:14px;}
  .btns.inquiry:before {width:14px;height:14px;}
  .btns.inquiry-black {min-width:120px;height:36px;padding:0 15px;font-size:14px;}
  .btns.inquiry-black:before {width:15px;height:15px;}
  .btns.gpki {width:100%;min-width:auto;height:36px;font-size:14px;}
  .btns.gpki:before {width:15px;height:15px;}
  .btns.request {height:34px;font-size:13px;padding:0 10px;}
  .btns.request:before {width:13px;height:15px;}
  .btns.request2 {min-width:auto;height:34px;font-size:13px;padding:0 10px;margin-left:10px;}
  .btns.request2:after {width:14px;height:14px;margin-left:2;}
  .btns.view {min-width:auto;height:38px;font-size:13px;padding:0 10px;margin-left:10px;}
  .btns.view:after {width:14px;height:14px;margin-left:2;}
  .btns.buy {min-width:auto;height:38px;font-size:13px;padding:0 10px;margin-left:10px;}
  .btns.buy:after {width:16px;height:16px;margin-left:2;}
  .btns.alldown {min-width:auto;height:34px;font-size:13px;padding:0 15px;border:1px solid #7d7d7d;}
  .btns.alldown:before {width:16px;height:16px;margin-right:2px;}
  .btns.alldown:hover {border:1px solid #000;}
  .nav-tab {justify-content:start;margin:20px 0 25px;overflow-x:auto;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;}
  .nav-tab li {flex:none;}
  .nav-tab li a {margin:0 10px;padding-bottom:5px;font-size:14px;line-height:20px;}
  .nav-tab li:first-child a {margin-left:0;}
  .nav-tab li:last-child a {margin-right:0;}
  .nav-tab li a:after {border-bottom:1px solid #000;}
  .nav-tab li.on a {font-size:15px;}
  .jconfirm-box-container{width: calc(100% - 32px) !important;}
}

/* 교재 */
.filter-open {display:none;}
.filter-close {display:none;}
.filter-wrap .btn-block {display:none;}
.tag-block {display:none;margin-top:16px;overflow-x:auto;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;}
.tag-block span {flex:none;display:inline-block;margin-right:8px;position:relative;}
.tag-block span:last-child {margin-right:0;}
.tag-block span a {display:inline-flex;justify-content:center;align-items:center;height:32px;padding:0 30px 0 10px;border:1px solid #C4C4C4;border-radius:32px;font-size:14px;}
.tag-block span .del {position:absolute;right:8px;top:8px;width:16px;height:16px;overflow:hidden;text-indent:-999px;background:#fff url('../images/sub/ico_del.svg') no-repeat 50% 50%;background-size:14px;}
.search-block {padding:28px 36px;margin-top:60px;background:#fff;border:1px solid #ededed;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.05);}
.search-block h3 {display:none;}
.search-block .search-list li {display:flex;align-items:center;padding:6px 0;}
.search-block .search-list li .tit {width:160px;flex:none;font-size:17px;color:#000;font-weight:500;}
.search-block .search-list li .sel-cont {width:100%;}
.search-block .check {position:absolute;clip:rect(0,0,0,0);pointer-events:none;}
.search-block .check + label {display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:38px;padding:0 22px;margin:4px 8px 4px 0;color:#777;font-size:15px;background:#fff;border:1px solid #C4C4C4;border-radius:38px;transition:all 0.3s;}
.search-block .check + label:hover {background:#EFEFEF;}
.search-block .check:checked + label {color:#fff;background:#4D4D4D;border:1px solid #4D4D4D;}
.search-block .check.all:checked + label {background:#4D4D4D;border:1px solid #4D4D4D;}
.search-block .form-category {height:52px;border-radius:52px;font-size:15px;color:#7d7d7d;padding:0 50px 0 22px;margin:2px 0;background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 26px center/12px 7px;}
.search-block .search-box {display:flex;align-items:center;position:relative;padding:0 10px 0 22px;margin:2px 0;border-radius:52px;border:1px solid #C4C4C4;background:#f8f8f8;}
.search-block .search-box .form-keyword {height:52px;padding:0;font-size:15px;color:#000;border:0;background:#f8f8f8;}
.search-block .search-box .btn-search {width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../images/common/ico_search.svg') no-repeat 50% 50%;background-size:16px;flex:none;}
.list-header.textbook {margin-top:60px;padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid #EDEDED;}
.list-header.textbook .right {display:flex;}
.list-header.textbook .sort-wrap {display:flex;}
.list-header.textbook .sort-wrap button {font-size:16px;color:#7d7d7d;background:transparent;}
.list-header.textbook .sort-wrap button:hover {color:#000;}
.list-header.textbook .sort-wrap button.on {color:#000;font-weight:500;}
.list-header.textbook .sort-wrap button:before {content:'';display:inline-block;width:1px;height:12px;margin:0 10px;background:#EDEDED;}
.list-header.textbook .sort-wrap button:first-child:before {display:none;}
.list-header.textbook .sel-wrap {display:flex;height:44px;padding:2px;border:1px solid #C4C4C4;border-radius:44px;margin-left:18px;}
.list-header.textbook .sel-wrap button {width:38px;height:38px;border-radius:38px;background:transparent;transition:all 0.3s;overflow:hidden;text-indent:-999px;}
.list-header.textbook .sel-wrap button.on {background-color:#4D4D4D !important;}
.list-header.textbook .sel-wrap .thumb {background:url('../images/sub/ico_thumb.svg') no-repeat 50% 50%;}
.list-header.textbook .sel-wrap .list {background:url('../images/sub/ico_list.svg') no-repeat 50% 50%;}
.list-header.textbook .sel-wrap .thumb.on {background:url('../images/sub/ico_thumb_on.svg') no-repeat 50% 50%;}
.list-header.textbook .sel-wrap .list.on {background:url('../images/sub/ico_list_on.svg') no-repeat 50% 50%;}
.textbook-list-wrap {position:relative;padding:15px 15px;margin:-15px -15px;overflow:hidden;}
.textbook-list.thumb-type {display:flex;flex-wrap:wrap;margin:-80px -58px 0;}
.textbook-list.thumb-type li {width:calc(100%/4 - 116px);margin:80px 58px 0;}
.textbook-list.thumb-type li .item-box {width:263px;}
.textbook-list.thumb-type .thumb {position:relative;}
.textbook-list.thumb-type .thumb a {display:block;}
.textbook-list.thumb-type .thumb img {width:100%;height:100%;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.08);transition:all 0.3s;object-fit:cover;/*border:1px solid #EDEDED;*/}
.textbook-list.thumb-type .item-box:hover .thumb img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.3);}
.textbook-list.thumb-type .info {position:relative;padding-top:24px;}
.textbook-list.thumb-type .info .category {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:14px;color:#000;background:#fff;border:1px solid #000;}
.textbook-list.thumb-type .info dt {margin-top:6px;font-size:20px;color:#000;line-height:29px;font-weight:500;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.textbook-list.thumb-type .info dd {margin-top:10px;font-size:16px;color:#7D7D7D;}
.textbook-list.thumb-type .btn-zzim {position:absolute;right:0;top:20px;width:32px;height:32px;border:1px solid #C4C4C4;border-radius:32px;background:url('../images/sub/ico_heart.svg') no-repeat 50% 50%;background-size:16px;overflow:hidden;text-indent:-999px;}
.textbook-list.thumb-type .btn-zzim.on {background:url('../images/sub/ico_heart_on.svg') no-repeat 50% 50%;background-size:16px;}
.textbook-list-wrap + .paginate {margin-top:60px;}
.textbook-list.list-type {display:flex;flex-wrap:wrap;margin:0 -18px;}
.textbook-list.list-type li {width:calc(100%/2 - 36px);margin:36px 18px 0;}
.textbook-list.list-type li:nth-child(-n + 2) {margin-top:0;}
.textbook-list.list-type .item-box {position:relative;display:flex;align-items:center;padding:32px;border:1px solid #dcdcdc;}
.textbook-list.list-type .item-box .thumb {margin-right:32px;flex:none;}
.textbook-list.list-type .item-box .thumb a {display:block;}
.textbook-list.list-type .item-box .thumb img {height:200px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.textbook-list.list-type .item-box .thumb a:hover img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.3);}
.textbook-list.list-type .item-box .info {padding-top:10px;}
.textbook-list.list-type .item-box .info .category {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px 1px;font-size:14px;color:#000;background:#fff;border:1px solid #000;}
.textbook-list.list-type .item-box .info dt {margin-top:10px;font-size:20px;color:#000;line-height:1.4;font-weight:500;}
.textbook-list.list-type .item-box .info dd {margin-top:8px;font-size:16px;color:#7D7D7D;}
.textbook-list.list-type .item-box .info dd.zzim {margin-top:25px;}
.textbook-list.list-type .btn-zzim {width:46px;height:46px;border:1px solid #C4C4C4;border-radius:46px;background:url('../images/sub/ico_heart.svg') no-repeat 50% 50%;background-size:22px;overflow:hidden;text-indent:-999px;}
.textbook-list.list-type .btn-zzim.on {background:url('../images/sub/ico_heart_on.svg') no-repeat 50% 50%;background-size:22px;}
@media only all and (max-width:1024px) {
  .textbook-list.thumb-type {padding:0 50px;}
  .textbook-list.thumb-type li {width:calc(100%/2 - 116px);display:flex;justify-content:center;}
  .textbook-list.list-type {display:block;margin:0;}
  .textbook-list.list-type li {width:100%;margin:36px 0 0;}
  .textbook-list.list-type li:nth-child(-n + 2) {margin-top:36px;}
  .textbook-list.list-type li:nth-child(1) {margin-top:0;}
}
@media only all and (max-width:767px) {
  .content-title.filter {display:flex;}
  .filter-open {display:block;margin-left:auto;height:32px;padding:0 34px 0 10px;border:1px solid #C4C4C4;border-radius:32px;background:#fff url('../images/sub/ico_filter.svg') no-repeat right 10px top 50%;}
  .filter-close {display:block;position:absolute;top:19px;right:16px;width:16px;height:16px;background:url('../images/common/ico_close.svg') no-repeat 50% 50%;display:inline-block;overflow:hidden;text-indent:-999px;}
  .filter-wrap .btn-block {display:block;position:fixed;bottom:16px;left:16px;right:16px;}
  .filter-wrap .filter-search {display:inline-flex;align-items:center;justify-content:center;width:100%;height:42px;color:#fff;font-size:16px;border-radius:5px;background:#4d4d4d;}
  .filter-wrap {visibility:hidden;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;opacity:0;}
  .filter-wrap.on {visibility:visible;opacity:1;}
  .filter-box {display:flex;position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;transition:all 0.3s;transform:translateX(100%);flex-direction:column;}
  .filter-wrap.on .filter-box {transform:translateX(0);}
  .tag-block {display:flex;}
  .search-block {padding:0;margin-top:0;border:0;overflow-y:auto;box-shadow:none;}
  .search-block h3 {display:block;padding:16px;font-size:17px;font-weight:500;color:#000;border-bottom:1px solid #DCDCDC;}
  .search-block .search-list {padding:0 16px;}
  .search-block .search-list li {display:block;padding:16px 0;border-top:1px solid #DCDCDC;}
  .search-block .search-list > li:first-child {border-top:0;}
  .search-block .search-list li .tit {width:auto;font-size:16px;margin-bottom:10px;}
  .search-block .check + label {min-width:54px;height:26px;padding:0 15px;margin:4px 6px 4px 0;font-size:13px;}
  .search-block .form-category {height:40px;font-size:13px;padding:0 40px 0 16px;background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 18px center/12px 7px;}
  .search-block .search-box {padding:0 10px 0 16px;}
  .search-block .search-box .form-keyword {height:40px;padding:0;font-size:13px;}
  .search-block .search-box .btn-search {width:30px;height:30px;}

  .list-header.textbook {margin-top:16px;padding-bottom:10px;margin-bottom:16px;}
  .list-header.textbook .sort-wrap button {font-size:14px;}
  .list-header.textbook .sort-wrap button:before {margin:0 8px;}
  .list-header.textbook .sel-wrap {height:36px;padding:2px;margin-left:10px;display:none;}
  .list-header.textbook .sel-wrap button {width:30px;height:30px;}
  .list-header.textbook .sel-wrap .thumb {background-size:20px;}
  .list-header.textbook .sel-wrap .list {background-size:20px;}
  .list-header.textbook .sel-wrap .thumb.on {background-size:20px;}
  .list-header.textbook .sel-wrap .list.on {background-size:20px;}
  .textbook-list.thumb-type {padding:0;margin:-32px -10px 0;}
  .textbook-list.thumb-type li {width:calc(100%/2 - 20px);margin:32px 10px 0;}
  .textbook-list.thumb-type .info {padding-top:12px;height:auto;}
  .textbook-list.thumb-type .info .category {height:22px;padding:0 8px;font-size:13px;}
  .textbook-list.thumb-type .info dt {font-size:15px;line-height:22px;}
  .textbook-list.thumb-type .info dd {font-size:13px;}
  .textbook-list.thumb-type .btn-zzim {position:relative;top:auto;width:30px;height:30px;margin-top:10px;}
  .textbook-list-wrap ~ .btn-more {margin-top:40px;}
  .textbook-list.list-type li {margin:20px 0 0;}
  .textbook-list.list-type li:nth-child(-n + 2) {margin-top:20px;}
  .textbook-list.list-type li:nth-child(1) {margin-top:0;}
  .textbook-list.list-type .item-box {padding:18px 15px;align-items:center;}
  .textbook-list.list-type .item-box .thumb {margin-right:15px;}
  .textbook-list.list-type .item-box .thumb img {height:140px;}
  .textbook-list.list-type .item-box .info {padding-top:0;}
  .textbook-list.list-type .item-box .info .category {height:22px;padding:0 8px;font-size:13px;}
  .textbook-list.list-type .item-box .info dt {margin-top:5px;font-size:15px;}
  .textbook-list.list-type .item-box .info dd {margin-top:3px;font-size:13px;}
  .textbook-list.list-type .btn-zzim {width:32px;height:32px;background-size:16px;}
  .textbook-list.list-type .btn-zzim.on {background-size:16px;}
  .textbook-list.list-type .item-box .info dd.zzim {margin-top:15px;}
}
@media only all and (max-width:580px) {
  .textbook-list.thumb-type li .item-box {width:auto;}
}

/* 교재 상세 */
.content-header {width:1400px;margin:0 auto;padding:50px 0 30px;}
.content-header .page-back {padding-left:16px;font-size:16px;font-weight:500;background:url('../images/sub/ico_back.svg') no-repeat 0 50%;background-size:8px;}
.detail-menu {border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED;background:#F8F8F8;margin-bottom:60px;}
.detail-menu .detail-slide {width:1400px;height:60px;margin:0 auto;text-align:center;padding:0 15px;}
.detail-menu .detail-slide .swiper-slide {width:auto !important;margin-left:40px;}
.detail-menu .detail-slide .swiper-slide:last-child {margin-right:40px;}
.detail-menu .detail-slide .swiper-slide a {display:inline-block;height:100%;line-height:60px;font-size:16px;color:#7D7D7D;}
.detail-menu .detail-slide .swiper-slide.on a {color:#000;font-weight:500;border-bottom:2px solid #000;}
.detail-menu .gradient-box {position:absolute;top:0;background:#f8f8f8;width:50px;height:60px;z-index:9;}
.detail-menu .gradient-box.left {left:0;}
.detail-menu .gradient-box.right {right:0;}
.detail-menu .swiper-arrow {width:32px;height:32px;border-radius:50%;top:50%;margin-top:0;transform:translateY(-50%);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);}
.detail-menu .swiper-arrow.swiper-button-prev {background:#fff url('../images/sub/ico_arrow_left.svg') no-repeat center;}
.detail-menu .swiper-arrow.swiper-button-next {background:#fff url('../images/sub/ico_arrow_right.svg') no-repeat center;}
.detail-menu .swiper-arrow:after {display:none;}
/* swiper slide */
.swiper-container {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.detail-block {width:1400px;margin:0 auto;}
.detail-block .detail-header {display:flex;}
.detail-block .detail-header .thumb-box {position:relative;width:545px;padding:100px;}
.detail-block .detail-header .thumb-box .thumb-slide {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.detail-block .detail-header .thumb-box .thumb-slide .swiper-slide {width:340px;}
.detail-block .detail-header .thumb-box .thumb-slide img {width:100%;height:100%;}
.detail-block .detail-header .thumb-box .swiper-arrow:after {font-size:26px;color:#000;}
.detail-block .detail-header .thumb-box .swiper-arrow.swiper-button-prev {left:30px;}
.detail-block .detail-header .thumb-box .swiper-arrow.swiper-button-next {right:30px;}
.detail-block .detail-header .info-box {position:relative;width:100%;margin-left:80px;padding-top:100px;}
.detail-block .detail-header .info-box .tit-group {height:120px;}
.detail-block .detail-header .info-box .tit-group .tit {line-height:1.4;}
.detail-block .detail-header .info-box .tit-group .tit dt {font-size:28px;color:#000;letter-spacing:-1.5px;padding-right:100px;}
.detail-block .detail-header .info-box .tit-group .tit dd {font-size:16px;color:#7D7D7D;margin-top:10px;}
.detail-block .detail-header .info-box .tit-group .share {position:absolute;right:0;top:100px;}
.detail-block .detail-header .info-box .tit-group .share .btn-zzim {width:46px;height:46px;border:1px solid #C4C4C4;border-radius:46px;background:url('../images/sub/ico_heart.svg') no-repeat 50% 50%;background-size:22px;overflow:hidden;text-indent:-999px;}
.detail-block .detail-header .info-box .tit-group .share .btn-zzim.on {background:url('../images/sub/ico_heart_on.svg') no-repeat 50% 50%;background-size:22px;}
.detail-block .detail-header .info-box .tit-group .share .btn-share {width:46px;height:46px;border:1px solid #C4C4C4;border-radius:46px;background:url('../images/sub/ico_share.svg') no-repeat 50% 50%;background-size:22px;overflow:hidden;text-indent:-999px;margin-left:4px;}
.detail-block .detail-header .info-box .tit-group .share .share-list {position:absolute;top:-7px;right:0;width:0;padding:12px 0;background:#fff;border-radius:50px; box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.16);white-space:nowrap;overflow:hidden; transition:0.3s;}
.detail-block .detail-header .info-box .tit-group .share .share-list .ico {width:36px;height:36px;margin-left:20px;display:inline-block;overflow:hidden;text-indent:-999px;}
.detail-block .detail-header .info-box .tit-group .share .share-list .ico + .ico {margin-left:12px;}
.detail-block .detail-header .info-box .tit-group .share .share-list.on {width:260px;}
.detail-block .detail-header .info-box .tit-group .share .ico.link {background: url('../images/sub/ico_link.png') no-repeat 50% 50%;}
.detail-block .detail-header .info-box .tit-group .share .ico.kakao {background:url('../images/sub/ico_kakao.png') no-repeat 50% 50%;}
.detail-block .detail-header .info-box .tit-group .share .ico.facebook {background:url('../images/sub/ico_facebook.png') no-repeat 50% 50%;}
.detail-block .detail-header .info-box .tit-group .share .ico.blog {background:url('../images/sub/ico_blog.png') no-repeat 50% 50%;}
.detail-block .detail-header .info-box .tit-group .share .ico.share-close {width:28px;background:url('../images/sub/ico_share_close.png') no-repeat 50% 50%;}
.detail-block .detail-header .info-box .info-list {margin-top:36px;padding:25px 0;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;line-height:1.4;}
.detail-block .detail-header .info-box .info-list li {display:flex;align-items:center;padding:7px 0;font-size:14px;}
.detail-block .detail-header .info-box .info-list .tit {width:90px;flex:none;color:#7d7d7d;}
.detail-block .detail-header .info-box .info-list .cont {width:100%;color:#000;}
.detail-block .detail-header .info-box .btn-group {margin-top:36px;}
.detail-block .detail-header .info-box .btn-group button {margin-right:5px;}
.detail-block .detail-tab {margin:60px 0 80px;display:flex;flex-wrap:wrap;border-left:1px solid #c4c4c4;background:#fff;position:sticky;top:80px;z-index:100;}
.detail-block .detail-tab li {width:calc(100%/3);}
.detail-block .detail-tab li a {display:flex;justify-content:center;align-items:center;height:64px;font-size:20px;border:1px solid #c4c4c4;border-left:0;transition:all 0.3s;}
.detail-block .detail-tab li a.on {color:#fff;background:#4d4d4d;}
.detail-block .detail-tab li a:hover {color:#fff;background:#4d4d4d;}
.detail-block .detail-cont {padding-bottom:60px;}
.detail-block .tit-wrap {display:flex;justify-content:space-between;align-items:center;margin-top:80px;padding-bottom:16px;border-bottom:1px solid #c4c4c4;}
.detail-block h3 {font-size:24px;font-weight:500;color:#000;}
.detail-block .right {margin-left:auto;}
.detail-block .data-block {padding:40px 0 20px;}
.detail-block .data-block .down-list {display:flex;flex-wrap:wrap;margin:0 -12px;}
.detail-block .data-block .down-list li {width:calc(100%/2 - 24px);margin:12px 12px;padding:16px;line-height:1.6;border:1px solid #DCDCDC;}
/* .detail-block .data-block .down-list li .label {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px 1px 7px;font-size:14px;color:#000;border-radius:28px;background:#fff;border:1px solid #000;margin-right:5px;vertical-align:middle;} */
.detail-block .data-block .down-list li .label {display:inline-flex;justify-content:center;align-items:center;height:28px;padding: 1px 8px 1px 4px;font-size:14px;color:#000;background:#eef7f7;margin-right:5px;vertical-align:middle;}
.detail-block .data-block .down-list li .label1 {background:url('../images/sub/ico_label1.png') no-repeat 8px 50%;}
.detail-block .data-block .down-list li .label2 {background:url('../images/sub/ico_label2.png') no-repeat 8px 50%;}
.detail-block .data-block .down-list li .label3 {background:url('../images/sub/ico_label3.png') no-repeat 8px 50%;}
.detail-block .data-block .down-list li .label4 {background:url('../images/sub/ico_label4.png') no-repeat 8px 50%;}
.detail-block .data-block .down-list li .label .icon {display:inline-flex;width:25px;height:25px;vertical-align:middle;margin-right:3px;}
.detail-block .data-block .down-list li a {font-size:16px;display:block;vertical-align:middle;}
.detail-block .data-block .down-list li a.file {padding-right:32px;background:url('../images/sub/ico_down2.svg') no-repeat 100% 50%;}
.detail-block .data-block .down-list li a.vod {padding-right:32px;background:url('../images/sub/ico_vod.svg') no-repeat 100% 50%;}
.detail-block .view-block {padding:24px 30px;text-align:center;}
.detail-block .cont-block {padding:24px 30px;line-height:34px;}
.detail-block .cont-block .tit {font-size:18px;font-weight:500;margin-top:30px;}
.detail-block .cont-block .tit:first-of-type {margin-top:0;}
.detail-block .cont-block .tit + .list {padding-left:45px;}
.detail-block .cont-block .list {font-size:16px;}
.recommend-textbook {padding:60px 0;background:#FAFAFA;}
.recommend-textbook .inner {width:1400px;margin:0 auto;}
.recommend-textbook h3 {margin-bottom:60px;font-size:28px;font-weight:500;color:#000;text-align:center;}
.recommend-list {display:flex;letter-spacing:-1px;}
.recommend-list li {width:calc(100%/4);}
.recommend-list li ~ li {margin-left:166px;}
.recommend-list li .item-box {width:225px;}
.recommend-list li .thumb {width:225px;height:300px;}
.recommend-list li .thumb img {width:100%;height:100%;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.recommend-list li a:hover .thumb img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.3);}
.recommend-list li dt {margin-top:24px;font-size:20px;line-height:1.4;font-weight:500;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-1.5px;}
.recommend-list li dd {margin-top:10px;font-size:16px;color:#7D7D7D;}
@media only all and (max-width:1024px) {
  .content-header {width:auto;padding:50px 20px 30px;}
  .detail-menu .detail-slide {width:auto;}
  .detail-block {width:auto;}
  .detail-block .detail-header {display:block;padding:0 20px;}
  .detail-block .detail-header .thumb-box {padding:50px 100px;margin:0 auto;}
  .detail-block .detail-header .info-box {margin-left:0;padding-top:50px;}
  .detail-block .detail-cont {padding:0 20px 60px;}
  .detail-block .data-block .down-list {margin:0;}
  .detail-block .data-block .down-list li {width:100%;margin:12px 12px;padding:16px;}
  .recommend-textbook .inner {width:auto;}
  .recommend-list li ~ li {margin-left:30px;}
  .recommend-list li .item-box {width:165px;margin:0 auto;}
  .recommend-list li .thumb {width:165px;height:auto;}
}
@media only all and (max-width:767px) {
  .content-header {padding:20px 16px 20px;}
  .content-header .page-back {padding-left:16px;font-size:14px;}
  .detail-menu {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin-bottom:20px;}
  .detail-menu .detail-slide {height:48px;padding:0;}
  .detail-menu .detail-slide .swiper-slide {margin-left:20px;}
  .detail-menu .detail-slide .swiper-slide:last-child {margin-right:20px;}
  .detail-menu .detail-slide .swiper-slide a {line-height:48px;font-size:14px;}
  .detail-menu .detail-slide .swiper-slide.on a {border-bottom:1px solid #000;}
  .detail-menu .gradient-box {display:none;}
  .detail-menu .swiper-arrow {display:none;}
  .detail-block .detail-header {padding:0 16px;}
  .detail-block .detail-header .thumb-box {padding:30px 100px;}
  .detail-block .detail-header .thumb-box .thumb-slide {width: 80%;}
  .detail-block .detail-header .thumb-box .thumb-slide .swiper-slide {width: 100%;}
  .detail-block .detail-header .thumb-box .swiper-arrow:after {font-size:22px;}
  .detail-block .detail-header .thumb-box .swiper-arrow.swiper-button-prev {left:0;}
  .detail-block .detail-header .thumb-box .swiper-arrow.swiper-button-next {right:0;}
  .detail-block .detail-header .info-box {padding-top:16px;}
  .detail-block .detail-header .info-box .tit-group {height:auto;}
  .detail-block .detail-header .info-box .tit-group .tit dt {font-size:17px;padding-right:0;}
  .detail-block .detail-header .info-box .tit-group .tit dd {font-size:14px;margin-top:8px;}
  .detail-block .detail-header .info-box .tit-group .share {position:relative;top:auto;margin-top:15px;}
  .detail-block .detail-header .info-box .tit-group .share .btn-zzim {width:32px;height:32px;background-size:17px;}
  .detail-block .detail-header .info-box .tit-group .share .btn-zzim.on {background-size:17px;}
  .detail-block .detail-header .info-box .tit-group .share .btn-share {width:32px;height:32px;background-size:17px;}
  .detail-block .detail-header .info-box .tit-group .share .share-list {top:-7px;right:auto;left:0;padding:6px 0;}
  .detail-block .detail-header .info-box .info-list {margin-top:20px;padding:20px 0;}
  .detail-block .detail-header .info-box .info-list li {padding:6px 0;}
  .detail-block .detail-header .info-box .info-list .tit {width:80px;flex:none;color:#7d7d7d;}
  .detail-block .detail-header .info-box .btn-group {margin-top:20px;display:flex;flex-wrap:wrap;}
  .detail-block .detail-header .info-box .btn-group button {margin:5px;width:calc(50% - 10px);}
  .detail-block .detail-tab {margin:30px 0 30px;top:56px;}
  .detail-block .detail-tab li a {height:48px;font-size:15px;}
  .detail-block .detail-cont {padding:0 16px 30px;}
  .detail-block .tit-wrap {margin-top:20px;padding:0 0 10px;}
  .detail-block h3 {font-size:17px;}
  .detail-block .data-block {padding:20px 0;}
  .detail-block .data-block .down-list li {margin:4px 0;padding:8px 10px;}
  .detail-block .data-block .down-list li .label {height:24px;padding:1px 10px 0 7px;font-size:12px;margin-right:0;}
  .detail-block .data-block .down-list li .label .ico {width:18px;height:18px;margin-right:2px;}
  .detail-block .data-block .down-list li a {font-size:14px;}
  .detail-block .data-block .down-list li em {display:block;margin-top:3px;}
  .detail-block .view-block {padding:20px 0;}
  .detail-block .cont-block {padding:20px 0;line-height:24px;}
  .detail-block .cont-block .tit {font-size:15px;margin-top:20px;}
  .detail-block .cont-block .tit + .list {padding-left:36px;}
  .detail-block .cont-block .list {font-size:14px;}
  .recommend-textbook {padding:40px 0 30px;}
  .recommend-textbook h3 {margin-bottom:20px;font-size:18px;text-align:left;padding:0 16px;}
  .recommend-list {overflow-x:auto;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;padding-left:16px;}
  .recommend-list li {width:140px;}
  .recommend-list li ~ li {margin-left:24px;}
  .recommend-list li:last-child {margin-right:16px;}
  .recommend-list li .item-box {width:140px;}
  .recommend-list li .thumb {width:140px;height:186px;}
  .recommend-list li dt {margin-top:20px;font-size:15px;}
  .recommend-list li dd {margin-top:6px;font-size:14px;}
}
@media only all and (max-width:570px) {
  .detail-block .detail-header .thumb-box {width:auto;padding:30px 40px;}
}

/* 검색 */
.search-header {display:flex;justify-content:center;margin-top:60px;}
.search-header .search-box {display:flex;align-items:center;position:relative;width:600px;padding:0 10px 0 30px;border-radius:64px;border:1px solid #ededed;background:#fff;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.05);}
.search-header .search-box .form-keyword {height:64px;padding:0;font-size:15px;color:#000;border:0;background:#fff;}
.search-header .search-box .btn-search {width:46px;height:46px;text-indent:-999px;overflow:hidden;background:url('../images/common/ico_search.svg') no-repeat 50% 50%;background-size:20px;flex:none;}
.search-result {margin-top:60px;}
.search-result > li {display:flex;padding:60px 0;border-top:1px solid #dcdcdc;}
.search-result > li:first-child {padding-top:0;border-top:0;}
.search-result > li:last-child {padding-bottom:0;}
.search-result > li .thumb {margin-right:60px;flex:none;}
.search-result > li .thumb img {height:380px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.search-result > li .info-box {position:relative;padding-top:15px;width:100%;}
.search-result > li .info-box .category-wrap {display:flex;}
.search-result > li .info-box .category {display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 10px 1px;font-size:14px;color:#000;background:#fff;border:1px solid #000;margin-right:5px;}
.search-result > li .info-box .txt-wrap dt {margin-top:10px;font-size:22px;color:#000;line-height:1.4;font-weight:500;}
.search-result > li .info-box .txt-wrap dd {margin-top:8px;font-size:16px;color:#7D7D7D;}
.search-result > li .zzim {position:absolute;right:25px;top:5px;}
.search-result > li .btn-zzim {width:46px;height:46px;border:1px solid #C4C4C4;border-radius:46px;background:url('../images/sub/ico_heart.svg') no-repeat 50% 50%;background-size:22px;overflow:hidden;text-indent:-999px;}
.search-result > li .btn-zzim.on {background:url('../images/sub/ico_heart_on.svg') no-repeat 50% 50%;background-size:22px;}
.search-result > li .info-box .btn-group {margin-top:24px;}
.search-result > li .info-box .btn-group button {margin:2px 6px 2px 0;}
.search-result > li .info-box .down-group {position:relative;margin-top:24px;padding:20px 0;border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED;}
.search-result > li .info-box .down-list {padding-right:90px;}
.search-result > li .info-box .down-list li {padding:4px 0;line-height:1.6;}
.search-result > li .info-box .down-list li .label {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:1px 8px 1px 4px;font-size:14px;color:#000; background:#eef7f7; margin-right:5px;vertical-align:middle;}
.search-result > li .info-box .down-list li .label1 {background:url('../images/sub/ico_label1.png') no-repeat 8px 50%;}
.search-result > li .info-box .down-list li .label2 {background:url('../images/sub/ico_label2.png') no-repeat 8px 50%;}
.search-result > li .info-box .down-list li .label3 {background:url('../images/sub/ico_label3.png') no-repeat 8px 50%;}
.search-result > li .info-box .down-list li .label .icon {display:inline-flex;width:25px;height:25px;vertical-align:middle;margin-right:3px;}
.search-result > li .info-box .down-list li a {font-size:16px;vertical-align:middle;}
.search-result > li .info-box .down-list li a.file {padding-right:32px;background:url('../images/sub/ico_down.svg') no-repeat 100% 50%;}
.search-result > li .info-box .down-list li a.vod {padding-right:32px;background:url('../images/sub/ico_vod.svg') no-repeat 100% 50%;}
.search-result > li .info-box .down-list li .keyword {color:#FF4040;font-weight:500;}
.search-result > li .info-box .all-down {position:absolute;right:10px;top:50%;transform:translateY(-68%);padding-top:65px;font-size:14px;background:url('../images/sub/ico_alldown.svg') no-repeat 50% 50%;}
@media only all and (max-width:1024px) {
  .search-result > li .thumb {margin-right:40px;flex:none;}
  .search-result > li .thumb img {height:300px;}
}
@media only all and (max-width:767px) {
  .search-header {margin-top:20px;}
  .search-header .search-box {width:100%;padding:0 10px 0 20px;}
  .search-header .search-box .form-keyword {height:46px;font-size:14px;}
  .search-header .search-box .btn-search {width:38px;height:38px;background-size:16px;}
  .search-result {margin-top:20px;}
  .search-result > li {padding:20px 0;}
  .search-result > li .thumb {margin-right:16px;}
  .search-result > li .thumb img {height:130px;}
  .search-result > li .info-box {padding-top:0;}
  .search-result > li .info-header {display:flex;}
  .search-result > li .info-header .info {padding-top:5px;}
  .search-result > li .info-box .category {height:22px;padding:0 8px;font-size:13px;}
  .search-result > li .info-box .txt-wrap dt {font-size:16px;}
  .search-result > li .info-box .txt-wrap dd {font-size:13px;}
  .search-result > li .zzim {position:absolute;right:0;top:-2px;}
  .search-result > li .btn-zzim {width:32px;height:32px;background-size:18px;}
  .search-result > li .btn-zzim.on {background-size:18px;}
  .search-result > li .info-box .btn-group {margin:12px -10px 0;display:flex;flex-wrap:wrap;}
  .search-result > li .info-box .btn-group button {margin:5px 5px;width:calc(100%/2 - 10px);}
  .search-result > li .info-box .down-group {margin-top:10px;padding:10px 0 0;border-bottom:0;}
  .search-result > li .info-box .down-list {padding-right:0;}
  .search-result > li .info-box .down-list li {padding:5px 0;}
  .search-result > li .info-box .down-list li .label {height:24px;padding:0 10px 1px 7px;font-size:12px;margin-right:2px;}
  .search-result > li .info-box .down-list li .label1 {background-size:16px;}
  .search-result > li .info-box .down-list li .label2 {background-size:16px;}
  .search-result > li .info-box .down-list li .label3 {background-size:16px;}
  .search-result > li .info-box .down-list li .label .ico {width:18px;height:18px;margin-right:2px;}
  .search-result > li .info-box .down-list li a {font-size:14px;}
  .search-result > li .info-box .down-list li a.file {padding-right:0;background:none;}
  .search-result > li .info-box .down-list li a.vod {padding-right:0;background:none;}
  .search-result > li .info-box .all-down {display:none;}
}

/* 이벤트 */
.event-list {display:flex;flex-wrap:wrap;margin:0 -30px;}
.event-list li {width:calc(100%/3 - 60px);margin:60px 30px 0;}
.event-list li:nth-child(-n + 3) {margin-top:0;}
.event-list li a {display:block;}
.event-list li .thumb {position:relative;padding-top:63.3%;}
.event-list li .thumb .img {position:absolute;top:0;left:0;width:100%;height:100%;}
.event-list li .thumb img {width:100%;height:270px;transition:all 0.3s;}
.event-list li a:hover .thumb img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);}
.event-list li .info dt {margin-top:24px;font-size:24px;line-height:1.4;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.event-list li .info dd {margin-top:16px;font-size:16px;color:#7D7D7D;}
.event-list li .info .state {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px 1px;font-size:14px;color:#000;border-radius:28px;background:#fff;border:1px solid #000;margin-top:24px;}
.event-list li .info .state.end {color:#999;border:1px solid #999;}
@media only all and (max-width:1024px) {
  .event-list {margin:0 -20px;}
  .event-list li {width:calc(100%/2 - 40px);margin:40px 20px 0;}
  .event-list li:nth-child(-n + 3) {margin-top:40px;}
  .event-list li:nth-child(-n + 2) {margin-top:0;}
  .event-list li .thumb img {height:100%;}
}
@media only all and (max-width:767px) {
  .event-list {margin:0 -8px;}
  .event-list li {width:calc(100%/2 - 16px);margin:30px 8px 0;}
  .event-list li:nth-child(-n + 3) {margin-top:30px;}
  .event-list li:nth-child(-n + 2) {margin-top:0;}
  .event-list li .info dt {margin-top:12px;font-size:16px;max-height:2.4em;-webkit-line-clamp:1;}
  .event-list li .info dd {margin-top:5px;font-size:13px;color:#7D7D7D;}
  .event-list li .info .state {height:22px;padding:0 8px;font-size:12px;margin-top:12px;}
  .event-list ~ .btn-more {margin-top:40px;}
}
@media only all and (max-width:480px) {
  .event-list {margin:0;}
  .event-list li {width:100%;margin:30px 0 0;}
  .event-list li:nth-child(-n + 2) {margin-top:30px;}
  .event-list li:nth-child(1) {margin-top:0;}
}

/* 고객센터 */
/* list search */
.list-search {display:flex;justify-content:center;margin:0 0 60px;}
.list-search .search-box {display:flex;align-items:center;position:relative;width:720px;padding:0 10px 0 30px;border-radius:54px;background:#f8f8f8;}
.list-search .search-box .form-keyword {height:54px;padding:0;font-size:17px;color:#000;border:0;background:#f8f8f8;}
.list-search .search-box .btn-search {width:46px;height:46px;text-indent:-999px;overflow:hidden;background:url('../images/common/ico_search.svg') no-repeat 50% 50%;background-size:20px;flex:none;}
.list-search.type2 {align-items:center;}
.list-search.type2 .form-category {width:234px;height:54px;padding:0 45px 0 16px;font-size:18px;background:#fff url('../images/common/icon_arrow_down2.png') no-repeat right 24px center;margin:0 6px;}
.list-search.type2 .form-category[disabled], .list-search.type2 .form-category[disabled="disabled"] {opacity:1;color:#c4c4c4;border:1px solid #e0e0e0;background:#f8f8f8 url('../images/common/icon_arrow_down2_dis.png') no-repeat right 24px center;}
.list-search.type2 .search-box {width:420px;margin:0 6px;}

/* list table(pc) */
.tbl-list {width:100%;line-height:1.6;border-top:2px solid #000;}
.tbl-list > thead > tr > th {height:65px;padding:10px 5px;text-align:center;font-size:16px;font-weight:400;border-bottom:1px solid #c4c4c4;}
.tbl-list > tbody > tr > td {height:73px;padding:10px;text-align:center;font-size:16px;border-bottom:1px solid #c4c4c4;}
.tbl-list > tbody > tr > td a {display:inline-block;text-decoration:underline;}
.tbl-list > tbody > tr > td .category {display:inline-block;min-width:80px;height:32px;line-height:32px;text-align:center;padding:0 16px;font-weight:500;font-size:14px;border-radius:25px;background:#f8f8f8;}
.tbl-list > tbody > tr.major td {background:#f8f8f8;}
.tbl-list > tbody > tr.major td a {padding-left:30px;border-bottom:0;font-size:18px;text-decoration:none;background:url('../images/common/ico_speaker.png') no-repeat 0 50%;}
.tbl-list > tbody > tr > td .category.important {min-width:auto;color:#fff;background:#4d4d4d;}
.tbl-list .tleft {text-align:left;}
.tbl-list .date {color:#7d7d7d;}

/* 검색결과가 없을때 */
.no-data {width:100%;padding:130px 0 110px 0;text-align:center;}
.no-data > dl {position:relative;padding-top:80px;text-align:center;}
.no-data > dl:before {content:'';position:absolute;width:95px;height:62px;top:0;left:50%;margin-left:-47px;background:url('../images/common/ico_no_data.png') no-repeat 0/cover;}
.no-data > dl dt {font-weight:500;font-size:22px;line-height:32px;}
.no-data > dl dd {margin-top:9px;font-size:16px;line-height:21px;color:#7d7d7d;}
.no-data .all-list {margin-top:35px;border-color:#c4c4c4;}
.no-data > p {position:relative;padding-top:80px;text-align:center;font-weight:500;font-size:22px;line-height:32px;}
.no-data > p:before {content:'';position:absolute;width:95px;height:62px;top:0;left:50%;margin-left:-47px;background:url('../images/common/ico_no_data.png') no-repeat 0/cover;}
@media only all and (max-width:1024px) {
  .list-search.type2 .form-category {width:190px;}
}
@media only all and (max-width:767px) {
  .list-search {margin:0 0 30px;}
  .list-search .search-box {width:100%;padding:0 8px 0 18px;}
  .list-search .search-box .form-keyword {height:40px;padding:0;font-size:14px;}
  .list-search .search-box .btn-search {width:38px;height:38px;background-size:16px;}
  .list-search.type2 {display:block;}
  .list-search.type2 .form-category {width:100%;height:40px;padding:0 34px 0 14px;font-size:14px;background:#fff url('../images/common/icon_arrow_down2.png') no-repeat right 12px center;background-size:14px;margin:0 0 15px;}
  .list-search.type2 .form-category[disabled], .list-search.type2 .form-category[disabled="disabled"] {background:#f8f8f8 url('../images/common/icon_arrow_down2_dis.png') no-repeat right 12px center;background-size:14px;}
  .list-search.type2 .search-box {width:100%;margin:0;}
  .list-search.type2 .search-box:before {display:none;}
  .no-data {padding:50px 0;}
  .no-data > dl {padding-top:60px;}
  .no-data > dl:before {width:80px;height:50px;margin-left:-40px;}
  .no-data > dl dt {font-size:16px;line-height:30px;}
  .no-data > dl dd {font-size:13px;line-height:20px;}
  .no-data .all-list {margin-top:20px;}
  .no-data > p {padding-top:60px;font-size:16px;line-height:30px;}
  .no-data > p:before {width:80px;height:50px;margin-left:-40px;}
}

/* datail */
.board-detail {margin-top:60px;border-top:2px solid #000;border-bottom:1px solid #c4c4c4;}
.board-detail .detail-header {position:relative;display:flex;justify-content:space-between;align-items:center;padding:30px 54px;border-bottom:1px solid #c4c4c4;}
.board-detail .category {display:inline-block;min-width:80px;height:32px;line-height:32px;text-align:center;padding:0 16px;font-weight:500;font-size:14px;border-radius:25px;background:#f8f8f8;flex:none;margin-right:16px;}
.board-detail .category.important {min-width:auto;color:#fff;background:#4d4d4d;}
.board-detail .detail-header .title {display:flex;align-items:center;}
.board-detail .detail-header .title h3 {font-weight:500;font-size:22px;line-height:30px;display:inline-block;}
.board-detail .detail-header .right {margin-left:auto;padding-left:10px;flex:none;}
.board-detail .detail-header .date {flex:none;font-size:16px;line-height:20px;color:#7d7d7d;}
.board-detail .detail-header .state {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px 1px;font-size:14px;color:#000;border-radius:28px;background:#fff;border:1px solid #000;margin-left:10px;}
.board-detail .detail-cont {padding:60px 54px 80px 54px;font-size:16px;line-height:32px;}
.board-detail .detail-cont.event {padding:60px 0 80px;}
.board-detail .detail-attach {margin-bottom:34px;padding:22px 54px;background:#fafafa;}
.board-detail .detail-attach .attach-list a {display:block;padding-left:46px;font-size:16px;line-height:32px;background:url('../images/common/ico_download.svg') no-repeat 0 50%;}
.board-detail .detail-attach .attach-list a:hover {text-decoration:underline;}
.board-detail .detail-attach .attach-list > li + li {margin-top:15px;}
@media only all and (max-width:1024px) {
  .board-detail .detail-header {padding:30px 30px;}
  .board-detail .detail-cont {padding:40px 30px 60px 30px;}
}
@media only all and (max-width:767px) {
  .board-detail {margin-top:30px;}
  .board-detail .detail-header {padding:15px 12px;}
  .board-detail .category {min-width:53px;height:auto;line-height:inherit;font-size:12px;padding:4px 10px;margin-right:16px;}
  .board-detail .detail-header .title {display:block;}
  .board-detail .detail-header .title h3 {font-size:16px;line-height:22px;display:block;margin-top:10px;}
  .board-detail .detail-header .right {position:absolute;top:18px;right:12px;}
  .board-detail .detail-header .date {font-size:12px;}
  .board-detail .detail-header .state {height:22px;padding:0 8px;font-size:12px;margin-left:5px;}
  .board-detail .detail-cont {padding:20px 12px 30px;font-size:14px;line-height:20px;}
  .board-detail .detail-cont.event {padding:20px 0 30px;}
  .board-detail .detail-attach {margin-bottom:20px;padding:15px 12px;}
  .board-detail .detail-attach .attach-list a {padding-left:34px;font-size:13px;line-height:26px;background-size:26px;}
  .board-detail .detail-attach .attach-list > li + li {margin-top:5px;}
}

/* paginate(pc) */
.paginate {margin-top:55px;text-align:center;line-height:16px;}
.paginate a.pre-end,.paginate a.next-end,.paginate a.pre,.paginate a.next {width:32px;height:32px;margin:0 2px;padding:0;text-indent:-999px;overflow:hidden;border-radius:24px;}
.paginate a.pre {margin-right:13px;background:url('../images/common/ico_paging_prev.png') no-repeat 50% 50%;background-size:contain !important;}
.paginate a.next {margin-left:13px;background:url('../images/common/ico_paging_next.png') no-repeat 50% 50%;background-size:contain !important;}
.paginate a.pre-end {background:url('../images/common/ico_paging_first.png') no-repeat 50% 50%;background-size:contain !important;}
.paginate a.next-end {background:url('../images/common/ico_paging_last.png') no-repeat 50% 50%;background-size:contain !important;}
.paginate a {display:inline-block;width:30px;height:32px;line-height:28px;margin:0 1px;font-size:16px;color:#7d7d7d;text-align:center;vertical-align:middle;border-bottom:2px solid #fff;border-radius:30px;transition:all 0.3s;}
.paginate a.active,.paginate a:hover {background:#eee;}
.paginate a.pre:hover {background:#eee url('../images/common/ico_paging_prev.png') no-repeat 50% 50%;}
.paginate a.next:hover {background:#eee url('../images/common/ico_paging_next.png') no-repeat 50% 50%;}
.paginate a.pre-end:hover {background:#eee url('../images/common/ico_paging_first.png') no-repeat 50% 50%;}
.paginate a.next-end:hover {background:#eee url('../images/common/ico_paging_last.png') no-repeat 50% 50%;}

/* list(mobile) */
.board-list {border-top:1px solid #000;}
.board-list li {position:relative;border-bottom:1px solid #c4c4c4;}
.board-list li a {display:block;padding:18px 10px;}
.board-list li.major {background:#f8f8f8;}
.board-list li .category {display:inline-block;min-width:53px;padding:4px 10px;border-radius:11px;background:#f8f8f8;font-size:12px;font-weight:500;color:#4d4d4d;text-align:center;}
.board-list li .category.important {background:#4d4d4d;color:#fff;}
.board-list li .tit {position:relative;padding-right:15px;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list li .tit:after {content: '';position:absolute;top:3px;right:2px;width:10px;height:10px;border-top:1px solid #7d7d7d;border-right:1px solid #7d7d7d;transform:rotate(45deg);}
.board-list li .date {position:absolute;top:18px;right:10px;font-size:12px;color:#7d7d7d;}

/* list more(mobile) */
.btn-more {margin-top:30px;text-align:center;}
.btn-more button {padding:7px 20px;border:1px solid #c4c4c4;border-radius:20px;background:transparent;}
.btn-more button span {display:inline-block;position:relative;padding-left:15px;}
.btn-more button span:before,.btn-more button span:after {content:'';position:absolute;top:65%;left:0;width:10px;height:1px;margin-top:-3px;background:#000;}
.btn-more button span:after {content:'';transform:rotate(90deg);}

/* 자주묻는 질문 */
.faq-tab {display:flex;justify-content:center;overflow-x:auto;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;}
.faq-tab ul {display:flex;}
.faq-tab ul li a {display:block;min-width:150px;margin:0 18px;padding-top:68px;font-size:16px;color:#7d7d7d;text-align:center;transition:all 0.3s;background-size:48px 48px !important;}
.faq-tab ul li:nth-child(1) a {background:url('../images/sub/ico_faq1.svg') no-repeat 50% 0;}
.faq-tab ul li:nth-child(2) a {background:url('../images/sub/ico_faq2.svg') no-repeat 50% 0;}
.faq-tab ul li:nth-child(3) a {background:url('../images/sub/ico_faq3.svg') no-repeat 50% 0;}
.faq-tab ul li:nth-child(4) a {background:url('../images/sub/ico_faq4.svg') no-repeat 50% 0;}
.faq-tab ul li:nth-child(5) a {background:url('../images/sub/ico_faq5.svg') no-repeat 50% 0;}
.faq-tab ul li:nth-child(6) a {background:url('../images/sub/ico_faq6.svg') no-repeat 50% 0;}
.faq-tab ul li.on:nth-child(1) a,.faq-tab ul li:nth-child(1) a:hover {background:url('../images/sub/ico_faq1_on.svg') no-repeat 50% 0;}
.faq-tab ul li.on:nth-child(2) a,.faq-tab ul li:nth-child(2) a:hover {background:url('../images/sub/ico_faq2_on.svg') no-repeat 50% 0;}
.faq-tab ul li.on:nth-child(3) a,.faq-tab ul li:nth-child(3) a:hover {background:url('../images/sub/ico_faq3_on.svg') no-repeat 50% 0;}
.faq-tab ul li.on:nth-child(4) a,.faq-tab ul li:nth-child(4) a:hover {background:url('../images/sub/ico_faq4_on.svg') no-repeat 50% 0;}
.faq-tab ul li.on:nth-child(5) a,.faq-tab ul li:nth-child(5) a:hover {background:url('../images/sub/ico_faq5_on.svg') no-repeat 50% 0;}
.faq-tab ul li.on:nth-child(6) a,.faq-tab ul li:nth-child(6) a:hover {background:url('../images/sub/ico_faq6_on.svg') no-repeat 50% 0;}
.faq-tab ul li.on a {color:#000;font-weight:500;}
.faq-tab ul li a:hover {color:#000;}
.faq-list {margin-top:70px;border-top:1px solid #dcdcdc;}
.faq-list li {border-bottom:1px solid #dcdcdc;}
.faq-list li .question {position:relative;display:flex;align-items:center;padding:35px 70px 35px 35px;cursor:pointer;}
.faq-list li .question .category {display:inline-block;min-width:165px;height:45px;line-height:45px;text-align:center;padding:0 20px;font-weight:500;font-size:17px;border-radius:45px;background:#f8f8f8;flex:none;margin-right:16px;}
.faq-list li .question .tit {font-size:17px;}
.faq-list li .question:hover .tit {color:#000;}
.faq-list li .answer {display:none;border-top:1px solid #dcdcdc;}
.faq-list li .answer .cont {padding:35px;color:#7d7d7d;font-size:16px;line-height:32px;}
.faq-list li.open .question .tit {font-weight:500;color:#000;}
.faq-list li .question:before {content:'';position:absolute;top:50%;right:35px;width:16px;height:2px;background-color:#4d4d4d;transition:0.2s;transform:translateY(-50%);}
.faq-list li .question:after {content:'';position:absolute;top:50%;right:35px;width:16px;height:2px;background-color:#4d4d4d;transition:0.2s;transform:translateY(-50%) rotate(90deg);}
.faq-list li.open .question:after {transform:translateY(-50%) rotate(0deg);}
@media only all and (max-width:1024px) {
  .faq-tab ul li a {min-width:100px;margin:0 10px;}
}
@media only all and (max-width:767px) {
  .faq-tab {display:block;}
  .faq-tab ul li {min-width:72px;}
  .faq-tab ul li a {min-width:auto;margin:0;padding-top:40px;font-size:13px;background-size:30px 30px !important;}
  .faq-list {margin-top:30px;}
  .faq-list li .question {display:block;padding:20px 40px 20px 10px;}
  .faq-list li .question .category {min-width:110px;height:30px;line-height:30px;padding:0 10px;font-size:12px;margin-right:0;margin-bottom:8px;}
  .faq-list li .question .tit {font-size:14px;line-height:1.3;}
  .faq-list li .answer .cont {padding:20px 18px;font-size:14px;line-height:26px;}
  .faq-list li .question:before {right:10px;width:12px;}
  .faq-list li .question:after {right:10px;width:12px;}
}

/* 1:1 문의 */
.faq-info {position:relative;margin-top:60px;padding:60px 30px 60px 195px;background:#f8f8f8;display:flex;justify-content:space-between;align-items:center;overflow:hidden;}
.faq-info:before {content:'';position:absolute;top:50%;left:50px;width:104px;height:104px;border-radius:50%;transform:translateY(-50%);background:#fff url('../images/sub/ico_faq.png') no-repeat 50% 50%;}
.faq-info dt {font-weight:500;font-size:22px;line-height:30px;margin-bottom:8px;}
.faq-info dd {font-size:16px;line-height:24px;color:#7d7d7d;}
.faq-info .link {font-size:15px;line-height:21px;padding-bottom:1px;position:relative;display:inline-block;color:#7d7d7d;border-bottom:1px solid #7d7d7d;margin-left:10px;vertical-align:bottom;}
.faq-info .faq-kakao p {line-height:24px;font-size:16px;}
.faq-info .faq-kakao button {float:right;display:flex;align-items:center;justify-content:center;margin-top:10px;width:150px;height:46px;background:#FDDC40;border-radius:50px;font-size:20px;font-weight:500;color:#3A2929;}
.faq-info .faq-kakao button .ico-kakao {display:inline-block;width:26px;height:26px;margin-right:6px;background:url(../images/common/icon_kakao.svg) no-repeat center / cover;}
.tbl-header {display:flex;align-items:center;margin-top:60px;padding-bottom:15px;}
.tbl-header h3 {margin-bottom:0;}
.tbl-header .mandatory {font-size:16px;line-height:22px;}
.tbl-header .mandatory:before {content:'*';display:inline-block;vertical-align:top;color:#ff4040;margin-right:3px;font-size:20px;}
.tbl-header .right {margin-left:auto;}
.tbl-form {width:100%;line-height:1.6;border-top:2px solid #000;}
.tbl-form > tbody > tr > th {padding:40px 0 30px 80px;text-align:left;font-size:18px;line-height:26px;font-weight:500;border-bottom:1px solid #c4c4c4;vertical-align:baseline;}
.tbl-form > tbody > tr > th.mandatory:after {content:'*';display:inline-block;vertical-align:top;color:#ff4040;margin-left:3px;font-size:20px;}
.tbl-form > tbody > tr > td {padding:30px 0;font-size:16px;border-bottom:1px solid #c4c4c4;}
.tbl-form .data-select {display:flex;flex-wrap:wrap;}
.tbl-form .data-select .form-category {width:240px;margin:3px 10px 3px 0;}
.tbl-form .data-input {position:relative;max-width:840px;}
.tbl-form .data-input .byte-case {padding-right:100px;}
.tbl-form .data-input .byte {position:absolute;top:50%;right:24px;height:24px;font-size:12px;line-height:16px;color:#7d7d7d;transform:translateY(-50%);letter-spacing:normal;display:flex;align-items:center;}
.tbl-form .data-textarea {max-width:840px;border:1px solid #c4c4c4;}
.tbl-form .data-textarea textarea {height:268px;border:0;}
.tbl-form .data-textarea .byte {display:block;padding:20px 24px;text-align:right;font-size:12px;line-height:16px;color:#7d7d7d;  letter-spacing:normal;}
.tbl-form .data-sms {display:flex;align-items:baseline;}
.tbl-form .data-sms ~ .data-sms {margin-top:20px;}
.tbl-form .data-sms .chk {flex:none;width:72px;}
.tbl-form .data-sms .chk-tit {flex:none;width:100px;}
.tbl-form .data-sms .input-tel {margin-left:30px;width:370px;color:#7d7d7d;}
.tbl-form .data-sms .item-list li {padding:0;}
.tbl-form .error-msg {margin-top:12px;font-size:15px;line-height:21px;color:#FF4040;}
.tbl-form .desc {margin-top:12px;font-size:15px;line-height:21px;color:#7d7d7d;}
.tbl-form .agree-chk {padding-left:80px;}
.tbl-form .agree-chk .tit {font-size:18px;line-height:26px;color:#333;font-weight:500;}
.tbl-form .agree-chk .tit.mandatory:after {content:'*';display:inline-block;vertical-align:top;color:#ff4040;margin-left:3px;font-size:20px;}
.tbl-form .agree-tbl-box {width:962px;margin-top:30px;}
.tbl-form .agree-tbl-box .chk {margin-top:20px;}
.tbl-form .agree-box {height:210px;padding:16px;border:1px solid #C4C4C4;overflow:auto;font-size:14px;color:#7D7D7D;line-height:29px;}
.tbl-form .addr-group {display:flex;}
.tbl-form .addr-group .form-keyword {width:300px;}
.tbl-form .addr-search {display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#7D7D7D;border:1px solid #4d4d4d;transition:all 0.3s;width:100px;height:46px;font-size:16px;flex:none;margin-left:10px;}
.tbl-form .addr-detail {margin-top:10px;}
.tbl-form .agree-check {margin-top:20px;}
.tbl-form .col1 {width:290px;}
.tbl-form .col2 {width:410px;}
.tbl-form .col3 {width:290px;}
.tbl-inner {border:1px solid #c4c4c4;}
.tbl-inner > thead > tr > th {height:48px;padding:10px 15px;vertical-align:middle;font-size:16px;font-weight:400;text-align:left;background:#f8f8f8;border-left:1px solid #e5e5e5;}
.tbl-inner > thead > tr > th:first-child {border-left:none;}
.tbl-inner > tbody > tr > td {height:48px;padding:10px 15px;vertical-align:top;font-size:16px;line-height:24px;color:#7d7d7d;border:1px solid #e5e5e5;border-bottom:none;}
.tbl-inner > tbody > tr > td a {color:#7d7d7d;}
.tbl-inner > tbody > tr > td:first-child {border-left:none;}
.tbl-inner > tbody > tr > td:last-child {border-right:none;}
@media only all and (max-width:1024px) {
  .faq-info {display:block;}
  .faq-info .faq-kakao {margin-top:20px;}
  .tbl-form > tbody > tr > th {padding:40px 20px 30px 40px;}
  .tbl-form .data-input {max-width:none;}
  .tbl-form .data-textarea {max-width:none;}
  .tbl-form .agree-tbl-box {width:auto;}
  .tbl-form .col1 {width:20%;}
  .tbl-form .col2 {width:30%;}
  .tbl-form .col3 {width:20%;}
  .tbl-inner colgroup {display:none;}
}
@media only all and (max-width:767px) {
  .faq-info {margin-top:30px;padding:18px 18px 18px 86px;}
  .faq-info:before {top:18px;left:18px;width:60px;height:60px;transform:translateY(0);background-size:40px;}
  .faq-info dt {font-size:16px;line-height:26px;margin-bottom:5px;}
  .faq-info dd {font-size:14px;}
  .faq-info .link {font-size:13px;margin-left:0;}
  .faq-info .faq-kakao {margin-top:10px;}
  .faq-info .faq-kakao p {font-size:14px;}
  .faq-info .faq-kakao button {margin-top:10px;width:110px;height:34px;font-size:16px;}
  .faq-info .faq-kakao button .ico-kakao {width:20px;height:20px;margin-right:3px;position:relative;top:1px;}
  .tbl-header {margin-top:30px;padding-bottom:10px;}
  .tbl-header .mandatory {font-size:14px;}
  .tbl-header .mandatory:before {font-size:16px;}
  .tbl-form {line-height:1.4;}
  .tbl-form colgroup {display:none;}
  .tbl-form > tbody > tr > th {padding:18px 5px 0 5px;font-size:16px;line-height:24px;display:block;border-bottom:0;}
  .tbl-form > tbody > tr > th.mandatory:after {font-size:16px;}
  .tbl-form > tbody > tr > td {padding:15px 5px 18px 5px;font-size:14px;display:block;}
  .tbl-form .data-select .form-category {width:100%;}
  .tbl-form .data-input .byte-case {padding-right:70px;}
  .tbl-form .data-input .byte {right:12px;}
  .tbl-form .data-textarea textarea {height:120px;}
  .tbl-form .data-textarea .byte {padding:15px 12px;}
  .tbl-form .data-sms .input-tel {margin-left:15px;width:auto;}
  .tbl-form .error-msg {margin-top:8px;font-size:13px;line-height:18px;}
  .tbl-form .desc {margin-top:8px;font-size:13px;line-height:18px;}
  .tbl-form .agree-chk {padding-left:5px;}
  .tbl-form .agree-chk .tit {font-size:16px;line-height:24px;}
  .tbl-form .agree-chk .tit.mandatory:after {font-size:16px;}
  .tbl-form .agree-tbl-box {margin-top:15px;}
  .tbl-form .agree-tbl-box .chk {margin-top:15px;}
  .tbl-form .agree-box {height:139px;padding:12px;font-size:13px;line-height:24px;}
  .tbl-form .agree-check {margin-top:10px;}
  .tbl-form .addr-group .form-keyword {width:100%;}
  .tbl-form .addr-search {height:40px;font-size:14px;margin-left:5px;}
  .tbl-inner > thead > tr > th {height:auto;padding:10px;font-size:14px;}
  .tbl-inner > tbody > tr > td {height:auto;padding:10px;font-size:14px;line-height:22px;}
}

/* 파일첨부 - 다중 */
.mn_multi_file {position:relative;}
.mn_multi_file .file_multiple{position:relative;display:inline-block;padding:0 18px;width:280px;height:46px;border:1px solid #c4c4c4;cursor:pointer}
.mn_multi_file .file_multiple>span{display:block;text-align:left;font-size:16px;line-height:44px}
.mn_multi_file .file_multiple::after{content:'';position:absolute;top:50%;right:15px;width:16px;height:16px;background:url('../images/common/ico_plus.png') no-repeat;transform:translateY(-50%)}
.mn_multi_file__inp{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.mn_multi_file__list li {margin-bottom:10px;}
.mn_multi_file__list li:nth-of-type(1) {margin-top:26px;}
.mn_multi_file__list li:nth-last-of-type(1){margin-bottom:0;}
.mn_multi_file__list li .item {position:relative;width:490px;padding:11px 110px 11px 18px;font-size:16px;line-height:22px;border:1px solid #c4c4c4}
.mn_multi_file__list li .item .byte {position:absolute;top:50%;right:55px;font-size:12px;line-height:22px;color:#7d7d7d;transform:translateY(-50%);letter-spacing:normal}
.mn_multi_file__list li .item .btn.close {position:absolute;top:50%;right:15px;transform:translateY(-50%)}
.mn_multi_file__list.big li .item {position:relative;width:490px;padding:13px 110px 13px 18px;font-size:18px;line-height:26px;border:1px solid #c4c4c4}
.mn_multi_file__list.big li .item .btn.close {position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.mn_multi_file__list li .item .btn-del {position:absolute;top:50%;right:15px;transform:translateY(-50%);width:16px;height:16px;background:url('../images/common/ico_del.png') no-repeat 0 0 / cover;display:inline-block;overflow:hidden;text-indent:-999px;}
@media only all and (max-width:767px) {
  .mn_multi_file .file_multiple {width:100%;padding:0 10px;}
  .mn_multi_file .file_multiple > span {font-size:14px;}
  .mn_multi_file__list li .item {width:100%;padding:10px 100px 10px 10px;font-size:14px;}
}

/* 지역총판 안내 */
.market-header {padding-bottom:10px;text-align:right;}
.market-header .inline {display:inline-block;position:relative;}
.market-header .inline:after {content:'';position:absolute;top:8px;right:0;width:0;height:0;border-width:4px;border-style:solid;border-color:#000 transparent transparent transparent;background:none;}
.market-header .inline + .inline {margin-left:24px;padding-left:25px;}
.market-header .inline + .inline::before {content:'';position:absolute;top:50%;left:0;height:14px;border-left:1px solid #dbdbdb;transform: translateY(-50%);}
.market-header .inline select {width:62px;height:20px;line-height:20px;padding:0;padding-right:10px;border:0;font-size:13px;background:none;}
.market-list {display:flex;flex-wrap:wrap;border-top:2px solid #000;}
.market-list li {position:relative;width:50%;padding:40px;border-bottom:1px solid #c4c4c4;}
.market-list li:nth-child(2n):before {content:'';position:absolute;top:40px;left:0;height:calc(100% - 80px);border-left:1px solid #dcdcdc;}
.market-list li .shop-name {display:flex;margin-bottom:15px;}
.market-list li .shop-name .name {display:inline-block;padding-right:5px;font-weight:500;font-size:20px;line-height:32px;}
.market-list li .shop-name .cate {display:flex;align-items:center;justify-content:center;padding:0 16px;font-weight:500;font-size:14px;line-height:32px;background:#f8f8f8;border-radius:25px;}
.market-list li .info {margin-top:24px;padding-left:24px;font-size:16px;line-height:22px;letter-spacing:normal;}
.market-list li .info  + .info {margin-top:12px;}
.market-list li .location {background:url('../images/common/ico_local.png') no-repeat 0 50%;}
.market-list li .tel {background:url('../images/common/ico_tel.png') no-repeat 0 50%;}
@media only all and (max-width:767px) {
  .market-header .inline + .inline {margin-left:14px;padding-left:15px;}
  .market-header .inline select {width:58px;font-size:12px;}
  .market-list {display:block;border-top:1px solid #000;}
  .market-list li {width:100%;padding:18px 0;}
  .market-list li:nth-child(2n):before {display:none;}
  .market-list li .shop-name {margin-bottom:12px;}
  .market-list li .shop-name .name {font-size:16px;line-height:24px;}
  .market-list li .shop-name .cate {padding:0 12px;font-size:12px;line-height:24px;}
  .market-list li .info {margin-top:5px;padding-left:18px;font-size:14px;line-height:20px;}
  .market-list li .info  + .info {margin-top:5px;}
  .market-list li .location {background-size:12px;}
  .market-list li .tel {background-size:14px;}
}

/* 교사용 교재 신청 */
.request-info {margin-top:60px;padding:40px 35px 40px 60px;background:#f8f8f8;display:flex;justify-content:space-between;}
.request-info dl {position:relative;padding-left:160px;}
.request-info dl:before {content:'';position:absolute;top:50%;left:0;width:104px;height:104px;border-radius:50%;transform:translateY(-50%);background:#fff url('../images/sub/ico_info.png') no-repeat 50% 50%;}
.request-info dt {font-weight:500;font-size:20px;color:#000;line-height:30px;margin-bottom:20px;}
.request-info dd {font-size:16px;line-height:24px;color:#4d4d4d;}
.btns.request {flex:none;}
.request-menu {padding:60px 0;display:flex;justify-content:center;align-items:center;}
.request-menu button {display:inline-flex;align-items:center;justify-content:center;width:72px;height:38px;padding:0 10px;color:#7D7D7D;font-size:15px;border-radius:38px;background:#fff;border:1px solid #C4C4C4;transition:all 0.3s;margin:0 8px;}
.request-menu button.on,.request-menu button:hover {color:#fff;background:#4d4d4d;border:1px solid #4d4d4d;}
.request-list-wrap {position:relative;padding:15px 15px;margin:-15px -15px;overflow:hidden;padding-bottom:220px;}
.request-list {display:flex;flex-wrap:wrap;margin:-80px -58px 0;}
.request-list li {width:calc(100%/4 - 116px);margin:80px 58px 0;}
.request-list li .item-box {width:263px;}
.request-list .thumb {position:relative;}
.request-list .thumb a {display:block;}
.request-list .thumb img {width:100%;height:100%;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.08);transition:all 0.3s;object-fit:cover;/*border:1px solid #EDEDED;*/}
.request-list .item-box:hover .thumb img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.3);}
.request-list .thumb:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:0;transition:all 0.3s ease 0.15s;}
.request-list  .item-box:hover .thumb:before {height:100%;background:rgba(0,0,0,0.7);transition:all 0.3s cubic-bezier(0.33, 1, 0.68, 1) 0s;}
.request-list .cover {position:absolute;top:-9000px;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;}
.request-list .item-box:hover .cover {top:0;opacity:1;}
.request-list .cover .btn-group {display:flex;}
.request-list .cover .btn-group button,.request-list .cover .btn-group a {font-size:14px;font-weight:500;color:#fff;background:transparent;width:56px;margin:0 12px;}
.request-list .cover .btn-group .basket i {display:block;width:56px;height:56px;margin-bottom:6px;border-radius:56px;background:rgba(0, 0, 0, 0.8) url('../images/sub/ico_basket.svg') no-repeat 50% 50%;background-size:30px;}
.request-list .cover .btn-group .detail i {display:block;width:56px;height:56px;margin-bottom:6px;border-radius:56px;background:rgba(255, 255, 255, 0.8) url('../images/sub/ico_detail.svg') no-repeat 50% 50%;background-size:34px;}
.request-list .info {padding-top:24px;}
.request-list .info .category {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:14px;color:#000;background:#fff;border:1px solid #000;}
.request-list .info dt {margin-top:6px;font-size:20px;color:#000;line-height:29px;font-weight:500;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.request-list .info dd {margin-top:10px;font-size:16px;color:#7D7D7D;}
.request-list .btn-group.mobile {display:none;}
.book-basket {position:fixed;bottom:0;width:1400px;height:228px;z-index:1;padding:24px 36px;background:#fff;border:1px solid #ededed;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.05);padding-left:310px;transition:all 0.5s;}
.book-basket.on {bottom:215px;}
.book-basket .tit-wrap {display:flex;flex-direction:column;margin-right:74px;position:absolute;left:32px;height:calc(100% - 48px);}
.book-basket .tit-wrap dt {font-size:24px;font-weight:500;color:#000;margin-bottom:8px;}
.book-basket .tit-wrap dd {font-size:16px;color:#7d7d7d;}
.book-basket .tit-wrap dd strong {color:#000;}
.book-basket .tit-wrap .btn-wrap {margin-top:auto;}
.book-basket .list-wrap {width:100%;height:100%;}
.book-basket .list-wrap .list {display:flex;}
.book-basket .list-wrap .list li {position:relative;/*height:240px;*/margin:0 85px;}
.book-basket .list-wrap .list li:last-child {margin-right:0;}
.book-basket .list-wrap .list .item-box {width:113px;}
.book-basket .list-wrap .list .thumb img {width:100%;height:100%;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.08);transition:all 0.3s;object-fit:cover;}
.book-basket .list-wrap .list .tit {font-size:14px;font-weight:500;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px;}
.book-basket .list-wrap .list .btn-del {position:absolute;top:-12px;right:-12px;width:26px;height:26px;background-color:#666;display:inline-block;overflow:hidden;text-indent:-999px;border-radius:26px;z-index:1;}
.book-basket .list-wrap .list .btn-del:before {content:"";position:absolute;left:50%;top:46%;display:block;width:14px;height:1px;background-color:#fff;transform:translate(-50%,50%) rotate(45deg);}
.book-basket .list-wrap .list .btn-del:after {content:"";position:absolute;left:50%;top:46%;display:block;width:14px;height:1px;background-color:#fff;transform:translate(-50%,50%) rotate(-45deg);}
.book-basket .list-wrap .list .btn-del:hover {background-color:#222;}
.basket-no-data {display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#FAFAFA;text-align:center;}
.basket-no-data p {display:inline-block;padding-top:70px;font-size:16px;line-height:24px;color:#7D7D7D;background:url('../images/common/ico_no_data3.png') no-repeat 50% 0;}
.request-list2 {display:flex;flex-wrap:wrap;margin-bottom:-1px;}
.request-list2 li {position:relative;display:flex;width:calc(100%/2);padding:32px 32px 32px 0;border-bottom:1px solid #dcdcdc;}
.request-list2 .thumb {margin-right:24px;flex:none;}
.request-list2 .thumb img {height:150px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.request-list2 .info {padding-top:10px;}
.request-list2 .info .category-wrap {display:flex;}
.request-list2 .info .category {display:inline-flex;justify-content:center;align-items:center;height:28px;padding:0 10px 1px;font-size:14px;color:#000;border-radius:28px;background:#fff;border:1px solid #000;margin-right:10px;}
.request-list2 .info dt {margin-top:6px;font-size:18px;color:#000;line-height:1.4;font-weight:500;}
.request-list2 .info dd {margin-top:8px;font-size:16px;color:#7D7D7D;}
.request-list2 .btn-del {position:absolute;top:30px;right:30px;width:16px;height:16px;background:url('../images/sub/ico_del.svg') no-repeat 0 0 / cover;display:inline-block;overflow:hidden;text-indent:-999px;}
.request-list2 .num-wrap {display:flex;width:90px;height:38px;margin-top:10px;border:1px solid #DCDCDC;}
.request-list2 .num-wrap button {width:30px;height:38px;border:0;overflow:hidden;text-indent:-999px;flex:none;}
.request-list2 .num-wrap .add {background:url('../images/sub/ico_plus.svg') no-repeat 50% 50%;}
.request-list2 .num-wrap .del {background:url('../images/sub/ico_minus.svg') no-repeat 50% 50%;}
.request-list2 .num-wrap .input-num {width:30px;padding:0;height:36px;border:0;text-align:center;flex:none;font-size:14px;}
@media only all and (max-width:1024px) {
  .request-info {padding:40px 20px 40px 30px;}
  .request-info dl {padding-left:110px;}
  .request-info dl:before {width:80px;height:80px;background-size:45px;}
  .request-list-wrap {padding-bottom:260px;}
  .request-list {padding:0 50px;}
  .request-list li {width:calc(100%/2 - 116px);display:flex;justify-content:center;}
  .book-basket {height:auto;}
  .book-basket .list-wrap .list {margin:0 -10px;}
  .book-basket .list-wrap .list li {width:calc(100%/4 - 10px);margin:0 10px;display:flex;justify-content:center;}
  .book-basket .list-wrap .list li:last-child {margin-right:10px;}
  .book-basket .list-wrap .list .item-box {width:95px;}
  .book-basket .list-wrap .list .btn-del {right:50%;transform:translateX(60px);}
  .book-basket {width:calc(100% - 36px);padding-left:36px;}
  .book-basket.on {bottom:240px;}
  .book-basket .tit-wrap {flex-direction:row;margin-right:0;position:relative;height:auto;left:auto;margin-bottom:30px;}
  .book-basket .tit-wrap .btn-wrap {margin-left:auto;flex:none;}
  .basket-no-data {height:calc(100% - 65px);}
}
@media only all and (max-width:767px) {
  .request-info {margin-top:30px;padding:18px;}
  .request-info dl {padding-left:65px;}
  .request-info dl:before {width:54px;height:54px;top:0;transform:none;background-size:28px;}
  .request-info dt {font-size:16px;line-height:26px;margin-bottom:15px;}
  .request-info dd {font-size:13px;line-height:20px;}
  .btns.request {position:absolute;top:82px;right:16px;}
  .request-menu {padding:20px 0;}
  .request-menu button {width:60px;height:32px;font-size:14px;margin:0 4px;}
  .request-list-wrap {padding-bottom:230px;}
  .request-list {padding:0;margin:-32px -10px 0;}
  .request-list li {width:calc(100%/2 - 20px);margin:32px 10px 0;}
  .request-list  .item-box:hover .thumb:before {display:none;}
  .request-list .cover {display:none;}
  .request-list .info {padding-top:12px;}
  .request-list .info .category {height:22px;padding:0 8px;font-size:13px;}
  .request-list .info dt {font-size:15px;line-height:22px;}
  .request-list .info dd {font-size:13px;}
  .request-list .btn-group.mobile {display:block;margin-top:10px;}
  .request-list .btn-group.mobile .basket {display:inline-block;width:32px;height:32px;border-radius:32px;border:1px solid #C4C4C4;background:#fff url('../images/sub/ico_basket2.svg') no-repeat 50% 50%;background-size:16px;text-indent:-999px;overflow:hidden;margin-right:6px;}
  .request-list .btn-group.mobile .detail {display:inline-block;width:32px;height:32px;border-radius:32px;border:1px solid #C4C4C4;background:#fff url('../images/sub/ico_detail2.svg') no-repeat 50% 50%;background-size:18px;text-indent:-999px;overflow:hidden;}
  .book-basket {width:calc(100% - 32px);padding:15px;padding-left:15px;}
  .book-basket.on {bottom:260px;}
  .book-basket .tit-wrap {margin-bottom:10px;}
  .book-basket .tit-wrap dt {font-size:16px;}
  .book-basket .tit-wrap dd {font-size:13px;}
  .book-basket .list-wrap .list {margin:0 -5px;}
  .book-basket .list-wrap .list li {width:calc(100%/4 - 5px);margin:0 5px;padding:25px 10px;height:150px;}
  .book-basket .list-wrap .list .item-box {width:70px;}
  .book-basket .list-wrap .list .tit {font-size:12px;margin-top:8px;}
  .book-basket .list-wrap .list .btn-del {width:20px;height:20px;top:15px;transform:translateX(40px);}
  .book-basket .list-wrap .list .btn-del:before {width:10px;}
  .book-basket .list-wrap .list .btn-del:after {width:10px;}
  .basket-no-data {height:100%;padding:20px 0;}
  .basket-no-data p {padding-top:50px;font-size:13px;background-size:40px;line-height:20px;}
  .request-list2 {display:block;margin-bottom:0;}
  .request-list2 li {width:100%;padding:18px 10px 18px 0;}
  .request-list2 li:last-child {border-bottom:0;}
  .request-list2 .thumb {margin-right:15px;}
  .request-list2 .thumb img {height:100px;}
  .request-list2 .info {padding-top:2px;}
  .request-list2 .info .category {height:22px;padding:0 8px;font-size:13px;margin-right:5px;}
  .request-list2 .info dt {margin-top:5px;font-size:15px;}
  .request-list2 .info dd {margin-top:3px;font-size:13px;}
  .request-list2 .btn-del {top:15px;right:5px;}
  .request-list2 .num-wrap .input-num {font-size:13px;}
}
@media only all and (max-width:580px) {
  .request-list li .item-box {width:auto;}
}
@media only all and (max-width:480px) {
  .book-basket .list-wrap .list li {padding:25px 3px;height:130px;}
  .book-basket .list-wrap .list .item-box {width:60px;}
}
@media only all and (max-width:400px) {
  .request-info dd ul {margin-left:-65px;}
}

/* 마이페이지 */
.my-information {display:flex;justify-content:space-between;padding:56px 90px;background:#F8F8F8;}
.my-information .info .name-wrap .name {font-size:30px;font-weight:500;color:#000;}
.my-information .info .name-wrap .id {font-size:20px;color:#7d7d7d;margin-left:16px;}
.my-information .info .change {margin-top:20px;}
.my-information .info .change a {font-size:16px;}
.my-information .info .change a + a {margin-left:30px;}
.my-information .info .change a:after {content:'';display:inline-block;width:9px;height:14px;margin-left:5px;background:url('../images/common/ico_arrow.svg') no-repeat 100% 50%;background-size:contain;}
.my-information .info .certify {margin-top:16px;}
.my-information .data-wrap {width:660px;margin-left:auto;letter-spacing:-1px;}
.my-information .data-list {padding:0 30px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.05);background:#fff;}
.my-information .data-list .data {display:flex;justify-content:space-between;padding:30px 0;font-size:20px;color:000;border-top:1px solid #DCDCDC;}
.my-information .data-list .data:first-child {border-top:0}
.my-information .data-list .data strong {font-weight:500;flex:none;}
.my-information .data-list span {margin-left:auto;font-weight:500;flex:none;}
.list-header {display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;}
.list-header.line {border-bottom:2px solid #000;}
.list-header.type2 {margin-top:80px;}
.list-header.type3 {margin-top:60px;border-bottom:2px solid #000;}
.list-header .h3-tit {margin-bottom:0;}
.list-header .right {margin-left:auto;}
.list-header .num {font-size:18px;color:#7d7d7d;}
.list-header .num strong {color:#000;font-weight:700;}
.list-num {display:flex;justify-content:space-between;align-items:center;padding:32px 0;}
.list-num .num {font-size:18px;color:#7d7d7d;}
.list-num .num strong {color:#000;font-weight:700;}
.list-num .right {margin-left:auto;}
.list-num .right button,.list-num .right a {margin-left:6px;}
.my-inquiry {border-top:2px solid #000;}
.my-inquiry li {display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #dcdcdc;}
.my-inquiry li .tit {font-size:16px;color:#4D4D4D;}
.my-inquiry li .tit strong {color:#000;font-weight:500;margin-right:16px;}
.my-inquiry li .info-state {margin-left:auto;flex:none;font-size:16px;}
.my-inquiry li .info-state .date {color:#4D4D4D;}
.my-inquiry li .info-state .state {display:inline-flex;justify-content:center;align-items:center;width:90px;height:34px;color:#fff;background-color:#7D7D7D;margin-left:16px;}
.my-inquiry li .info-state .state.end {background-color:#5BBEBC;}
.my-draw {padding-top: 30px;text-align: right;}
.my-draw a {font-size: 16px;}
.my-draw a:after {content:'';display:inline-block;width:9px;height:14px;margin-left:5px;background:url('../images/common/ico_arrow.svg') no-repeat 100% 50%;background-size:contain;}
.inquiry-no-data {width:100%;padding:100px 0;text-align:center;border-bottom:1px solid #dcdcdc;}
.inquiry-no-data p {display:inline-block;padding-top:78px;font-size:16px;color:#7D7D7D;background:url('../images/common/ico_no_data2.png') no-repeat 50% 0;}
.my-download {border-top:2px solid #000;}
.my-download .download-list > li {padding:20px 0;border-bottom:1px solid #dcdcdc;}
.my-download .download-list li .info-wrap {display:flex;}
.my-download .download-list li .item-box .thumb {margin-right:16px;flex:none;}
.my-download .download-list li .item-box .thumb img {height:100px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.my-download .download-list li .item-box .info {padding-top:10px;}
.my-download .download-list li .item-box .info .category {display:inline-flex;justify-content:center;align-items:center;height:22px;padding:0 8px 1px;font-size:13px;color:#000;border-radius:28px;background:#fff;border:1px solid #000;}
.my-download .download-list li .item-box .info dt {margin-top:10px;font-size:15px;color:#000;line-height:1.4;font-weight:500;}
.my-download .download-list li .item-box .info .tit {margin-top:10px;font-size:15px;color:#000;line-height:1.4;font-weight:500;}
.my-download .download-list li .item-box .info dd {margin-top:3px;font-size:13px;color:#7D7D7D;}
.my-download .download-list li .item-box .info dd.date {margin-top:10px;}
.my-download .download-list li .down-list {font-size:13px;border-top:1px solid #EDEDED;margin-top:12px;padding-top:10px;}
.my-download .download-list li .down-list li {padding:4px 0;line-height:1.6;}
.my-download .download-list li .down-list li span {font-weight:500;margin-right:10px;}
.my-download .download-list li .down-list li .ico {display:inline-block;width:22px;height:22px;vertical-align:middle;}
.my-download .download-list li .down-list li .ico1 {background:url('../images/sub/ico_label1.png') no-repeat 50% 50%;}
.my-download .download-list li .down-list li .ico2 {background:url('../images/sub/ico_label2.png') no-repeat 50% 50%;}
.my-download .download-list li .down-list li a {border-bottom:1px solid #4d4d4d;}
.download-no-data {width:100%;padding:100px 0;text-align:center;border-bottom:1px solid #dcdcdc;}
.download-no-data p {display:inline-block;padding-top:78px;font-size:16px;color:#7D7D7D;background:url('../images/common/ico_no_data2.png') no-repeat 50% 0;}
.tbl-inquiry {width:100%;line-height:1.6;}
.tbl-inquiry > thead > tr > th {height:65px;padding:10px 5px;text-align:center;font-size:16px;font-weight:400;border-bottom:1px solid #dcdcdc;}
.tbl-inquiry > tbody > tr > td {height:80px;padding:10px;text-align:center;font-size:16px;border-bottom:1px solid #dcdcdc;}
.tbl-inquiry .tleft {text-align:left;}
.tbl-inquiry .state {display:inline-flex;justify-content:center;align-items:center;width:90px;height:34px;color:#fff;background-color:#7D7D7D;}
.tbl-inquiry .state.end {background-color:#5BBEBC;}
.tbl-inquiry .thumb-wrap {display:flex;align-items:center;padding:10px 0;}
.tbl-inquiry .thumb-wrap img {height:150px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);flex:none;}
.tbl-inquiry .thumb-wrap p {margin-left:16px;}
.tbl-inquiry .down-list {font-size:14px;padding:10px 0;}
.tbl-inquiry .down-list li {padding:4px 0;line-height:1.6;}
.tbl-inquiry .down-list li span {font-weight:500;margin-right:10px;}
.tbl-inquiry .down-list li .ico {display:inline-flex;width:25px;height:25px;vertical-align:middle;}
.tbl-inquiry .down-list li .ico1 {background:url('../images/sub/ico_label1.png') no-repeat 50% 50%;}
.tbl-inquiry .down-list li .ico2 {background:url('../images/sub/ico_label2.png') no-repeat 50% 50%;}
.tbl-inquiry .down-list li a {border-bottom:1px solid #4d4d4d;}
.tbl-detail {width:100%;border-top:2px solid #000;}
.tbl-detail > tbody > tr > th {padding:24px 10px;text-align:center;font-size:18px;line-height:30px;font-weight:500;border-bottom:1px solid #c4c4c4;vertical-align:baseline;}
.tbl-detail > tbody > tr > td {height:72px;padding:24px 10px;text-align:left;font-size:16px;border-bottom:1px solid #c4c4c4;line-height:30px;}
.tbl-detail .col {width:180px;}
.tbl-detail .detail-attach {padding:12px 20px;background:#fafafa;margin-top:10px;}
.tbl-detail .detail-attach .attach-list a {display:block;padding-left:46px;font-size:16px;line-height:32px;background:url('../images/common/ico_download.svg') no-repeat 0 50%;}
.tbl-detail .detail-attach .attach-list a:hover {text-decoration:underline;}
.tbl-detail .detail-attach .attach-list > li + li {margin-top:15px;}
.dibs-list {display:flex;flex-wrap:wrap;margin:0 -18px;}
.dibs-list li {width:calc(100%/2 - 36px);margin:36px 18px 0;}
.dibs-list li:nth-child(-n + 2) {margin-top:0;}
.dibs-list .item-box {position:relative;display:flex;padding:32px;border:1px solid #dcdcdc;}
.dibs-list .item-box .check {display:flex;align-items:center;padding-right:32px;}
.dibs-list .item-box .check label.chk > input[type=checkbox] + span::before {margin-right:0;}
.dibs-list .item-box .thumb {margin-right:32px;flex:none;}
.dibs-list .item-box .thumb a {display:block;}
.dibs-list .item-box .thumb img {height:150px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.dibs-list .item-box .thumb a:hover img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.3);}
.dibs-list .item-box .info {padding-top:10px;}
.dibs-list .item-box .info .category {display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 10px 2px;font-size:14px;color:#000;background:#fff;border:1px solid #000;}
.dibs-list .item-box .info dt {margin-top:6px;font-size:18px;color:#000;line-height:1.4;font-weight:500;}
.dibs-list .item-box .info dd {margin-top:8px;font-size:16px;color:#7D7D7D;}
.dibs-list .item-box .info dd.date {margin-top:18px;}
.dibs-list .item-box .btn-del {position:absolute;top:25px;right:25px;width:16px;height:16px;background:url('../images/common/ico_del.png') no-repeat 0 0 / cover;display:inline-block;overflow:hidden;text-indent:-999px;}
.dibs-no-data {width:100%;padding:100px 0;text-align:center;border-bottom:1px solid #dcdcdc;}
.dibs-no-data p {display:inline-block;padding-top:78px;font-size:16px;color:#7D7D7D;background:url('../images/common/ico_no_data3.png') no-repeat 50% 0;}
.state-header {padding:48px 0 16px;font-size:16px;font-weight:500;}
.state-header .date {color:#7D7D7D;}
.state-header .state {position:relative;color:#4D4D4D;padding-left:10px;margin-left:8px;}
.state-header .state.end {color:#33cccc;}
.state-header .state:before {content:'';position:absolute;left:0;top:6px;display:inline-block;width:1px;height:12px;background:#dcdcdc;}
.request-box {position:relative;padding:0 32px;border:1px solid #dcdcdc;}
.request-box .list {display:flex;flex-wrap:wrap;margin-bottom:-1px;}
.request-box .list li {display:flex;width:calc(100%/2);padding:32px 32px 32px 0;border-bottom:1px solid #dcdcdc;}
.request-box .list .thumb {margin-right:32px;flex:none;}
.request-box .list .thumb a {display:block;}
.request-box .list .thumb img {height:150px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.1);transition:all 0.3s;}
.request-box .list .thumb a:hover img {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.3);}
.request-box .list .info {padding-top:10px;}
.request-box .list .info .category {display:inline-flex;justify-content:center;align-items:center;height:24px;padding:0 10px 1px;font-size:14px;color:#000;background:#fff;border:1px solid #000;}
.request-box .list .info dt {margin-top:6px;font-size:18px;color:#000;line-height:1.4;font-weight:500;}
.request-box .list .info dd {margin-top:8px;font-size:16px;color:#7D7D7D;}
.request-box .list .info dd.num {margin-top:18px;font-size:14px;}
.request-no-data {width:100%;padding:100px 0;text-align:center;border-bottom:1px solid #dcdcdc;}
.request-no-data p {display:inline-block;padding-top:78px;font-size:16px;color:#7D7D7D;background:url('../images/common/ico_no_data3.png') no-repeat 50% 0;}
@media only all and (max-width:1024px) {
  .my-information {display:block;}
  .my-information .info {text-align:center;}
  .my-information .data-wrap {width:auto;margin-top:30px;}
  .dibs-list {display:block;margin:0;}
  .dibs-list li {width:100%;margin:36px 0 0;}
  .dibs-list li:nth-child(-n + 2) {margin-top:36px;}
  .dibs-list li:nth-child(1) {margin-top:0;}
}
@media only all and (max-width:767px) {
  .my-information {padding:20px;}
  .my-information .info {text-align:left;}
  .my-information .info .name-wrap .name {font-size:22px;}
  .my-information .info .name-wrap .id {font-size:16px;margin-left:10px;}
  .my-information .info .change {margin-top:15px;}
  .my-information .info .change a {font-size:14px;}
  .my-information .info .change a + a {margin-left:15px;}
  .my-information .info .change a:after {width:5px;height:10px;}
  .my-information .data-list {padding:0 16px;}
  .my-information .data-list .data {padding:20px 0;font-size:14px;}
  .my-draw a {font-size: 14px;}
  .list-header {padding-bottom:12px;}
  .list-header .btns.dark {height:32px;}
  .list-header.type2 {margin-top:35px;}
  .list-header.type3 {margin-top:30px;}
  .list-header .num {font-size:14px;}
  .list-num {padding:16px 0;}
  .list-num .num {font-size:14px;}
  .list-num .right button,.list-num .right a {margin-left:3px;}
  .my-inquiry li {display:block;padding:18px 0;}
  .my-inquiry li .tit {font-size:14px;}
  .my-inquiry li .tit strong {margin-right:8px;}
  .my-inquiry li .info-state {font-size:13px;margin-top:15px;}
  .my-inquiry li .info-state .state {width:64px;height:26px;margin-left:18px;}
  .inquiry-no-data {padding:50px 0;}
  .inquiry-no-data p {padding-top:50px;font-size:14px;background-size:40px;}
  .my-download li {display:block;padding:18px 0;}
  .download-no-data {padding:50px 0;}
  .download-no-data p {padding-top:50px;font-size:14px;background-size:40px;}
  .tbl-detail > tbody > tr > th {padding:16px 5px;font-size:14px;line-height:24px;}
  .tbl-detail > tbody > tr > td {height:auto;padding:16px 5px;font-size:14px;line-height:24px;}
  .tbl-detail .col {width:90px;}
  .tbl-detail .detail-attach {padding:10px 10px;}
  .tbl-detail .detail-attach .attach-list a {padding-left:28px;font-size:13px;line-height:24px;background-size:20px;}
  .tbl-detail .detail-attach .attach-list > li + li {margin-top:5px;}
  .dibs-list li {margin:20px 0 0;}
  .dibs-list li:nth-child(-n + 2) {margin-top:20px;}
  .dibs-list li:nth-child(1) {margin-top:0;}
  .dibs-list .item-box {padding:18px 15px;align-items:center;}
  .dibs-list .item-box .check {padding-right:12px;}
  .dibs-list .item-box .thumb {margin-right:15px;}
  .dibs-list .item-box .thumb img {height:100px;}
  .dibs-list .item-box .info {padding-top:0;}
  .dibs-list .item-box .info .category {height:22px;padding:0 8px;font-size:13px;}
  .dibs-list .item-box .info dt {margin-top:5px;font-size:15px;}
  .dibs-list .item-box .info dd {margin-top:3px;font-size:13px;}
  .dibs-list .item-box .info dd.date {margin-top:5px;}
  .dibs-list .item-box .btn-del {top:15px;right:15px;width:12px;height:12px;}
  .dibs-no-data {padding:50px 0;}
  .dibs-no-data p {padding-top:50px;font-size:14px;background-size:40px;}
  .state-header {padding:24px 0 10px;font-size:14px;}
  .request-box {padding:0 18px;}
  .request-box .list {display:block;margin-bottom:0;}
  .request-box .list li {width:100%;padding:18px 10px 18px 0;align-items:center;}
  .request-box .list li:last-child {border-bottom:0;}
  .request-box .list .thumb {margin-right:15px;}
  .request-box .list .thumb img {height:100px;}
  .request-box .list .info {padding-top:0;}
  .request-box .list .info .category {height:22px;padding:0 8px;font-size:13px;}
  .request-box .list .info dt {margin-top:5px;font-size:15px;}
  .request-box .list .info dd {margin-top:3px;font-size:13px;}
  .request-box .list .info dd.num {margin-top:5px;font-size:12px;}
  .request-no-data {padding:50px 0;}
  .request-no-data p {padding-top:50px;font-size:14px;background-size:40px;}
}

/* 로그인 */
.login-wrap {display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:30px;min-height:100%;background-color:#f8f8f8;}
.login-box {position:relative;width:520px;padding:56px 40px;border:solid 1px #dcdcdc;background-color:#fff;}
.login-box h2 {padding-bottom:30px;font-size:30px;font-weight:500;text-align:center;letter-spacing:-1.5px;}
.login-box .login-input .form-keyword {padding:0;border:0;border-bottom:1px solid #dcdcdc;min-height:60px;width:100%;font-size:16px;transition:all 0.5s;}
.login-box .login-input .form-keyword:focus {border-bottom:1px solid #222;}
.login-box .login-input .form-keyword:-ms-input-placeholder {color:#7d7d7d;}
.login-box .login-input .form-keyword::placeholder {color:#7d7d7d;}
.login-box .login-save {margin-top:25px;}
.login-box .login-save input[type=checkbox] ~ label {font-size:15px;}
.login-box .login-btn {margin-top:38px;}
.login-box .login-btn .btn-login {width:100%;min-height:50px;background-color:#4d4d4d;border-radius:30px;color:#fff;font-size:18px;}
.login-box .sign-wrap {display:flex;justify-content:center;margin-top:25px;}
.login-box .sign-wrap a {font-size:15px;padding:0 15px;position:relative;}
.login-box .sign-wrap a::after {position:absolute;content:'';width:1px;height:12px;background-color:#c4c4c4;right:0;top:55%;transform:translateY(-50%);}
.login-box .sign-wrap a:last-child::after {display:none;}
.login-box .sns-wrap {margin-top:35px;padding-top:35px;border-top:1px solid #dcdcdc;}
.login-box .sns-wrap h3 {font-size:18px;font-weight:400;}
.login-box .sns-group {width:100%;display:flex;justify-content:space-between;}
.login-box .sns-group a {width:calc(50% - 8px);height:46px;border-radius:30px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;margin-top:17px;}
.login-box .sns-wrap a.facebook {border:1px solid #3d548e;color:#3d548e;}
.login-box .sns-wrap a.kakao {border:1px solid #ffc400;color:#ffc400;}
.login-footer {margin-top:120px;margin-bottom:25px;display:flex;flex-direction:column;align-items:center;}
.login-footer .list a {font-size:13px;letter-spacing:-0.78px;color:#7d7d7d;position:relative;padding:0 10px;line-height:1;}
.login-footer .list a:hover {color:#000;}
.login-footer .list a::after {position:absolute;content: '';width:1px;height:12px;background-color:#c4c4c4;right:0;top:50%;transform:translateY(-50%);}
.login-footer .list a:last-child::after {display:none;}
.login-footer .copyright {font-size:11px;color:#7d7d7d;margin-top:10px;line-height:1;}
@media only all and (max-width:522px) {
  .login-wrap {padding:30px 12px;}
  .login-box {width:100%;padding:35px 16px;}
  .login-box h2 {padding-bottom:20px;font-size:22px;}
  .login-box .login-input .form-keyword {min-height:50px;font-size:15px;}
  .login-box .login-save {margin-top:20px;}
  .login-box .login-save input[type=checkbox] ~ label {font-size:14px;}
  .login-box .login-btn {margin-top:30px;}
  .login-box .login-btn .btn-login {min-height:46px;font-size:15px;}
  .login-box .sign-wrap {margin-top:20px;}
  .login-box .sign-wrap a {font-size:14px;}
  .login-box .sns-wrap {margin-top:30px;padding-top:30px;}
  .login-box .sns-wrap h3 {font-size:16px;}
  .login-box .sns-group a {height:42px;font-size:14px;margin-top:15px;}
  .login-footer {margin-top:60px;}
  .login-footer .list a {font-size:12px;}
}

/* main */
.main h2 {margin-bottom:48px;font-size:32px;line-height:33px;font-weight:700;color:#000;}
.visual-section {padding:26px 0 36px;}
.visual-section .visual-slide-wrap {position:relative;}
.visual-section .visual-slide {padding-top:10px;}
.visual-section .visual-slide .swiper-slide {width:360px;height:500px;letter-spacing:-1.5px;}
.visual-section .visual-slide .swiper-slide.swiper-slide-active {width:648px;}
.visual-section .visual-slide .swiper-slide a {display:block;height:100%;padding:48px;transition:all 0.5s;border-radius:24px;}
.visual-section .visual-slide .swiper-slide a:hover {transform:translateY(-10px);}
.visual-section .visual-slide .swiper-slide.item1 a {background-color:#7A47E5;}
.visual-section .visual-slide .swiper-slide.item2 a {background-color:#FFB31C;}
.visual-section .visual-slide .swiper-slide.item3 a {background-color:#03A6CB;}
.visual-section .visual-slide .swiper-slide.item4 a {background-color:#0798A1;}
.visual-section .visual-slide .swiper-slide .category {display:inline-flex;justify-content:center;align-items:center;height:34px;padding:0 16px;font-size:16px;font-weight:500;border-radius:34px;background:#fff;}
.visual-section .visual-slide .swiper-slide.item1 .category {color:#7A47E5;}
.visual-section .visual-slide .swiper-slide.item2 .category {color:#F29305;}
.visual-section .visual-slide .swiper-slide.item3 .category {color:#038BA9;}
.visual-section .visual-slide .swiper-slide.item4 .category {color:#0798A1;}
.visual-section .visual-slide .swiper-slide .tit {margin-top:16px;font-size:28px;color:#fff;line-height:36px;}
.visual-section .visual-slide .swiper-slide .tit span {display:block;font-size:32px;font-weight:700;}
.visual-section .visual-slide .swiper-slide .txt {margin-top:10px;font-size:16px;font-weight:500;line-height:26px;color:#fff;letter-spacing:-1px;}
.visual-section .visual-slide .swiper-slide .txt.arrow:after {content:'';display:inline-block;width:24px;height:24px;margin:0 0 5px 5px;vertical-align:middle;background:url('../images/main/ico_arr_right.svg') no-repeat 100% 50%;}
.visual-section .visual-slide .swiper-slide i {position:absolute;right:30px;bottom:30px;display:inline-block;width:220px;height:196px;}
.visual-section .visual-slide .swiper-slide.item1 .img {width:224px;height:197px;background:url('../images/main/visual_img1.png') no-repeat 50% 50%;}
.visual-section .visual-slide .swiper-slide.item2 .img {background:url('../images/main/visual_img2.png') no-repeat 50% 50%;}
.visual-section .visual-slide .swiper-slide.item3 .img {background:url('../images/main/visual_img3.png') no-repeat 50% 50%;}
.visual-section .visual-slide .swiper-slide.item4 .img {width:299px;height:196px;background:url('../images/main/visual_img4.png') no-repeat 50% 50%;}
.visual-section .visual-slide .swiper-slide.swiper-slide-active .category {animation-fill-mode:both;animation-name:fadeBigInUp;animation-delay:0.1s;animation-duration:0.5s;}
.visual-section .visual-slide .swiper-slide.swiper-slide-active .tit {animation-fill-mode:both;animation-name:fadeBigInUp;animation-delay:0.2s;animation-duration:0.5s;}
.visual-section .visual-slide .swiper-slide.swiper-slide-active .tit span {animation-fill-mode:both;animation-name:flipInX;animation-delay:0.5s;animation-duration:1.2s;}
.visual-section .visual-slide .swiper-slide.swiper-slide-active .txt {animation-fill-mode:both;animation-name:fadeBigInUp;animation-delay:0.5s;animation-duration:0.5s;}
.visual-section .visual-slide .swiper-slide.swiper-slide-active .img {animation-fill-mode:both;animation-name:fadeBigInUp;animation-delay:0.3s;animation-duration:1.5s;}
.visual-section .visual-slide-wrap .ctrl-wrap {margin-top:30px;text-align:center;}
.visual-section .visual-slide-wrap .ctrl-wrap button {width:36px;height:36px;text-indent:-999px;overflow:hidden;}
.visual-section .visual-slide-wrap .ctrl-wrap .button-prev {background:url('../images/main/ico_prev.svg') no-repeat 50% 50%;}
.visual-section .visual-slide-wrap .ctrl-wrap .button-next {background:url('../images/main/ico_next.svg') no-repeat 50% 50%;}
.visual-section .visual-slide-wrap .pager {margin:0 55px;}
.visual-section .visual-slide-wrap .pager .swiper-pagination-bullet {position:relative;width:5px;height:5px;margin:0 8px;opacity:1;overflow:hidden;border-radius:5px;background:#D9D9D9;}
.visual-section .visual-slide-wrap .pager .swiper-pagination-bullet-active {width:50px;background:transparent;}
.visual-section .visual-slide-wrap .pager .swiper-pagination-bullet i {position:absolute;top:0;left:0;z-index:1;width:5px;height:5px;background:#D9D9D9;}
.visual-section .visual-slide-wrap .pager .swiper-pagination-bullet em {position:absolute;top:0;left:0;z-index:2;width:0;height:0;border-radius:5px;}
.visual-section .visual-slide-wrap .pager .swiper-pagination-bullet-active i {width:100%;}
.visual-section .visual-slide-wrap .pager .swiper-pagination-bullet-active em {height:5px;background:#262626;animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate ;animation-fill-mode:forwards;}
@keyframes countingBar {0% {width:0;} 100% {width:100%;}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@media only all and (max-width:1024px) {
  .visual-section .visual-slide {margin:0 -20px 0 0;padding-top:0;}
  .visual-section .visual-slide .swiper-slide {width:340px;height:490px;}
  .visual-section .visual-slide .swiper-slide.swiper-slide-active {width:340px;}
  .visual-section .visual-slide .swiper-slide a {padding:30px;}
  .visual-section .visual-slide .swiper-slide a:hover {transform:translateY(0);}
}
@media only all and (max-width:767px) {
  .main h2 {margin-bottom:12px;margin-top:35px;font-size:20px;}
  .visual-section {padding:0;}
  .visual-section .visual-slide {margin:0 -16px 0 0;}
  .visual-section .visual-slide .swiper-slide {width:300px;height:420px;}
  .visual-section .visual-slide .swiper-slide.swiper-slide-active {width:300px;}
  .visual-section .visual-slide .swiper-slide .category {height:28px;padding:0 18px;font-size:13px;}
  .visual-section .visual-slide .swiper-slide .tit {margin-top:10px;font-size:18px;line-height:30px;}
  .visual-section .visual-slide .swiper-slide .tit span {font-size:22px;}
  .visual-section .visual-slide .swiper-slide .txt {margin-top:10px;font-size:14px;line-height:24px;}
  .visual-section .visual-slide .swiper-slide .txt br {display:none;}
  .visual-section .visual-slide .swiper-slide .txt.arrow:after {width:18px;height:18px;background-size:18px;}
  .visual-section .visual-slide .swiper-slide i {right:20px;bottom:20px;width:175px;height:155px;background-size:100% !important;}
  .visual-section .visual-slide .swiper-slide.item1 .img {width:170px;height:149px;}
  .visual-section .visual-slide .swiper-slide.item4 .img {width:210px;height:138px;}
  .visual-section .visual-slide-wrap .ctrl-wrap {margin-top:5px;}
  .visual-section .visual-slide-wrap .ctrl-wrap button {display:none;}
}

/* 메인 검색 */
.search-section {display:flex;align-items:center;}
.search-section .search-box {display:flex;align-items:center;position:relative;padding:0 20px 0 22px;margin:2px 0;border-radius:60px;background:#F5F5F5;width:100%;}
.search-section .search-box .form-keyword {height:60px;padding:0;font-size:18px;color:#000;border:0;background:#F5F5F5;}
.search-section .search-box .btn-search {width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('../images/main/ico_search.svg') no-repeat 50% 50%;background-size:22px;flex:none;}
.search-section .btn-lineup {display:inline-flex;align-items:center;justify-content:center;width:220px;height:60px;padding:0 20px;color:#fff;font-size:18px;font-weight:500;text-align:center;border-radius:60px;background:#4D4D4D;transition:all 0.3s;flex:none;margin-left:16px;}
.search-section .btn-lineup:hover {background:#000;}
@media only all and (max-width:767px) {
  .search-section {display:block;}
  .search-section .search-box {padding:0 12px 0 18px;margin:2px 0;}
  .search-section .search-box .form-keyword {height:54px;font-size:16px;}
  .search-section .search-box .btn-search {background-size:18px;}
  .search-section .btn-lineup {width:100%;height:54px;font-size:16px;margin-left:0;margin-top:16px;}
}

/* 참고서 시리즈 */
.reference-book {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1200;background:#fff;}
.reference-book .inner {position:relative;width:1400px;margin:0 auto;height:100vh;padding:55px 0 50px;animation-fill-mode:both;animation-name:fadeBigInUp;animation-duration:0.8s;}
.reference-book .book-header {display:flex;align-items:center;}
.reference-book .book-header .tit {font-size:32px;font-weight:500;color:#000;margin-right:50px;letter-spacing:-1.5px;}
.reference-book .book-header .book-nav {flex:none;}
.reference-book .book-header .book-nav a {position:relative;display:inline-block;margin:0 16px;padding:15px 0;color:#7D7D7D;font-size:18px;font-weight:500;}
.reference-book .book-header .book-nav a:hover {color:#000;}
.reference-book .book-header .book-nav a.on {color:#000;}
.reference-book .book-header .book-nav a:after {content:"";position:absolute;bottom:0;left:50%;transition:all 0.4s;width:0;transform:translateX(-50%);}
.reference-book .book-header .book-nav a:hover:after,.reference-book .book-header .book-nav a.on:after {width:100%;height:2px;background:#000;}
.reference-book .sel-subject {margin-top:60px;}
.reference-book .sel-subject .check {position:absolute;clip:rect(0,0,0,0);pointer-events:none;}
.reference-book .sel-subject .check + label {display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:38px;padding:0 22px;margin:4px 8px 4px 0;color:#777;font-size:15px;background:#fff;border:1px solid #C4C4C4;border-radius:38px;transition:all 0.3s;}
.reference-book .sel-subject .check + label:hover {background:#EFEFEF;}
.reference-book .sel-subject .check:checked + label {color:#fff;background:#4D4D4D;border:1px solid #4D4D4D;}
.reference-book .sel-subject .check.all:checked + label {background:#4D4D4D;border:1px solid #4D4D4D;}
.reference-book .book-list-wrap {height:calc(100% - 200px);overflow-y:auto;overflow-x:hidden;padding:0 20px;margin:60px -20px 0;}
.reference-book .book-list {display:flex;flex-wrap:wrap;;margin:0 -25px}
.reference-book .book-list li {text-align:center;}
.reference-book .book-list li {width:calc(100%/5 - 50px);margin:60px 25px 0;}
.reference-book .book-list li:nth-child(-n + 5) {margin-top:0;}
.reference-book .book-list li a {display:block;}
.reference-book .book-list li .thumb {width:240px; height:240px; border:1px solid #ededed;transition:all 0.3s; display: flex; align-items: center;}
.reference-book .book-list li a:hover .thumb {box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);}
.reference-book .book-list li .thumb img {margin: auto;}


.reference-book .book-list li dt {margin-top:24px;font-size:18px;line-height:22px;font-weight:500;}
.reference-book .book-list li dd {margin-top:4px;font-size:14px;line-height:22px;color:#7D7D7D;}
.reference-book .close {position:absolute;top:26px;right:0;display:inline-block;width:24px;height:24px;overflow:hidden;text-indent:-999px;background:url('../images/main/ico_close.svg') no-repeat 50% 50%;animation-fill-mode:both;animation-name:fadeBigInUp;animation-duration:0.8s;}
@media only all and (max-width:1024px) {
  .reference-book .inner {width:auto;padding:55px 40px 50px;}
  .reference-book .book-list {margin:0 -15px;}
  .reference-book .book-list li {width:calc(100%/3 - 30px);margin:60px 15px 0;}
  .reference-book .book-list li:nth-child(-n + 5) {margin-top:60px;}
  .reference-book .book-list li:nth-child(-n + 3) {margin-top:0;}
  .reference-book .book-list li .thumb {width:auto;}
  .reference-book .close {right:16px;}
}
@media only all and (max-width:767px) {
  .reference-book .inner {padding:30px 16px 30px;}
  .reference-book .book-header {display:block;}
  .reference-book .book-header .tit {font-size:22px;margin-right:0;margin-bottom:10px;}
  .reference-book .book-header .book-nav a {padding:10px 0;font-size:16px;}
  .reference-book .book-header .book-nav a:first-child {margin-left:0;}
  .reference-book .sel-subject {margin-top:30px;}
  .reference-book .sel-subject .check + label {min-width:48px;height:30px;padding:0 10px;margin:3px 2px 3px 0;font-size:13px;}
  .reference-book .book-list li dt {margin-top:12px;font-size:15px;}
  .reference-book .book-list li dd {margin-top:2px;font-size:12px;}
}
@media only all and (max-width:640px) {
  .reference-book .book-list-wrap {height:calc(100% - 140px);padding:0 10px;margin:30px -10px 0;}
  .reference-book .book-list {margin:0 -10px;padding-bottom:30px;}
  .reference-book .book-list li {width:calc(100%/2 - 20px);margin:40px 10px 0;}
  .reference-book .book-list li:nth-child(-n + 5) {margin-top:40px;}
  .reference-book .book-list li:nth-child(-n + 3) {margin-top:40px;}
  .reference-book .book-list li:nth-child(-n + 2) {margin-top:0;}
}

/* contents link */
.cont-section {padding:100px 0;}
.cont-section .cont-link {display:flex;justify-content:center;}
.cont-section .cont-link li {margin:0 70px;text-align:center;}
.cont-section .cont-link li a {display:block;width:150px;height:150px;font-size:18px;padding-top:92px;transition:all 0.3s;}
.cont-section .cont-link li:nth-child(1) a {background:url('../images/main/ico_cont1.svg') no-repeat 50% 31px;}
.cont-section .cont-link li:nth-child(2) a {background:url('../images/main/ico_cont2.svg') no-repeat 50% 31px;}
.cont-section .cont-link li:nth-child(3) a {background:url('../images/main/ico_cont3.svg') no-repeat 50% 31px;}
.cont-section .cont-link li:nth-child(4) a {background:url('../images/main/ico_cont4.svg') no-repeat 50% 31px;}
.cont-section .cont-link li:nth-child(1) a:hover {background:url('../images/main/ico_cont1_on.svg') no-repeat 50% 26px;}
.cont-section .cont-link li:nth-child(2) a:hover {background:url('../images/main/ico_cont2_on.svg') no-repeat 50% 26px;}
.cont-section .cont-link li:nth-child(3) a:hover {background:url('../images/main/ico_cont3_on.svg') no-repeat 50% 26px;}
.cont-section .cont-link li:nth-child(4) a:hover {background:url('../images/main/ico_cont4_on.svg') no-repeat 50% 26px;}
.cont-section .cont-link li a:hover {box-shadow:0px 4px 18px 0px rgba(0, 0, 0, 0.08);}
@media only all and (max-width:1024px) {
  .cont-section {padding:80px 0;}
  .cont-section .cont-link li {margin:0 20px;}
  .cont-section .cont-link li a {width:140px;height:140px;}
}
@media only all and (max-width:767px) {
  .cont-section {padding:25px 0 35px;}
  .cont-section .cont-link li {margin:0 10px;width:calc(100%/4);}
  .cont-section .cont-link li a {width:auto;height:auto;font-size:15px;font-weight:500;color:#000;padding-top:42px;}
  .cont-section .cont-link li a {background-size:32px !important;background-position:50% 0 !important;}
  .cont-section .cont-link li a:hover {box-shadow:none;}
  .cont-section .cont-link li span {display:none;}
}

/* 미래엔 Pick */
.pick-section {padding-bottom:100px;}
.pick-section .pick-wrap {display:flex;}
.pick-section .pick-wrap .pick-tab {width:100px;flex:none;margin-right:160px;}
.pick-section .pick-wrap .pick-tab button {display:inline-flex;align-items:center;justify-content:center;width:100px;height:46px;color:#7D7D7D;font-size:16px;font-weight:500;;border-radius:46px;border:1px solid #C4C4C4;background:#fff;transition:all 0.3s;margin-bottom:16px;}
.pick-section .pick-wrap .pick-tab button.on,.pick-section .pick-wrap .pick-tab button:hover {color:#fff;border:1px solid #4D4D4D;background:#4D4D4D;}
.pick-section .pick-wrap .pick-slide-wrap {position:relative;width:calc(100% - 260px);}
.pick-section .pick-wrap .pick-slide .swiper-slide {width:270px;}
.pick-section .pick-wrap .pick-slide a {display:block;transition:all 0.3s;}
.pick-section .pick-wrap .pick-slide .thumb {width:270px;height:360px;overflow:hidden;transition:all 0.3s;border:1px solid #ededed;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);}
.pick-section .pick-wrap .pick-slide .thumb img {width:100%;height:100%;transform:scale(1);transition:0.5s;}
.pick-section .pick-wrap .pick-slide a:hover .thumb img {transform:scale(1.03);}
.pick-section .pick-wrap .pick-slide .swiper-slide dt {margin-top:24px;font-size:20px;line-height:29px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.pick-section .pick-wrap .pick-slide .swiper-slide dd {margin-top:10px;font-size:16px;line-height:22px;color:#7D7D7D;text-overflow:ellipsis;white-space:normal;max-height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pick-section .pick-wrap .pick-slide .swiper-slide dt span {position:relative;}
.pick-section .pick-wrap .pick-slide .swiper-slide dt span:after {content:"";position:absolute;bottom:0;left:0;transition:all 0.4s;width:0;}
.pick-section .pick-wrap .pick-slide .swiper-slide a:hover dt span:after {width:100%;height:1px;background:#000;}
.pick-section .pick-wrap .swiper-arrow {width:50px;height:50px;border-radius:50%;top:50%;margin-top:-50px;transform:translateY(-50%);background:rgba(255, 255, 255, 0.8);box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.15);}
.pick-section .pick-wrap .swiper-arrow.swiper-button-prev {background:rgba(255, 255, 255, 0.8) url('../images/main/ico_prev.svg') no-repeat center;background-size:9px;left:-25px;}
.pick-section .pick-wrap .swiper-arrow.swiper-button-next {background:rgba(255, 255, 255, 0.8) url('../images/main/ico_next.svg') no-repeat center;background-size:9px;right:-25px;}
.pick-section .pick-wrap .swiper-arrow:after {display:none;}
@media only all and (max-width:1024px) {
  .pick-section .pick-wrap {display:block;}
  .pick-section .pick-wrap .pick-tab {width:auto;margin-right:0;}
  .pick-section .pick-wrap .pick-slide-wrap {width:100%;}
  .pick-section .pick-wrap .pick-slide .swiper-slide {width:auto;}
  .pick-section .pick-wrap .pick-slide .thumb {width:100%;height:100%;}
  .pick-section .pick-wrap .swiper-arrow.swiper-button-prev {left:0;}
  .pick-section .pick-wrap .swiper-arrow.swiper-button-next {right:0;}
}
@media only all and (max-width:767px) {
  .pick-section {padding-bottom:40px;}
  .pick-section .pick-wrap .pick-tab button {width:60px;height:30px;font-size:14px;}
  .pick-section .pick-wrap .pick-slide {margin:0 -16px 0 0;}
  .pick-section .pick-wrap .pick-slide .swiper-slide {width:190px;}
  .pick-section .pick-wrap .pick-slide .thumb {width:190px;height:254px;}
  .pick-section .pick-wrap .pick-slide .swiper-slide dt {margin-top:16px;font-size:16px;line-height:24px;}
  .pick-section .pick-wrap .pick-slide .swiper-slide dd {font-size:14px;line-height:20px;}
  .pick-section .pick-wrap .swiper-arrow {display:none;}
}

/* 미래엔 배너 */
.banner-section {padding-bottom:100px;}
.banner-section .banner-slide {position:relative;}
.banner-section .banner-slide .pager {position:absolute;left:50%;bottom:30px;width:auto;z-index:1;transform:translateX(-50%);}
.banner-section .banner-slide .pager .swiper-pagination-bullet {width:6px;height:6px;margin:0 8px;background:#D9D9D9;opacity:1;}
.banner-section .banner-slide .pager .swiper-pagination-bullet-active {background:#262626;}
@media only all and (max-width:767px) {
  .banner-section {padding-bottom:0;}
  .banner-section .banner-slide img {width:100%;}
  .banner-section .banner-slide .pager {position:relative;bottom:auto;text-align: center;}
  .banner-section .banner-slide .pager .swiper-pagination-bullet {margin:0 6px;}
}

/* 미래엔 북튜브 */
.book-section {padding-bottom:100px;}
.book-section .book-slide {padding:0 15px;margin:0 -15px;}
.book-section .book-list {display:flex;}
.book-section .book-list li {width:436px;}
.book-section .book-list li a {display:block;transition:all 0.3s;}
.book-section .book-list li .thumb {width:436px;height:246px;overflow:hidden;transition:all 0.3s;}
.book-section .book-list li a:hover .thumb {box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.15);}
.book-section .book-list li .thumb img {width:100%;height:100%;transform:scale(1);transition:0.5s;}
.book-section .book-list li a:hover .thumb img {transform:scale(1.03);}
.book-section .book-list li dt {margin-top:24px;font-size:20px;line-height:29px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.book-section .book-list li dd {margin-top:10px;font-size:16px;line-height:22px;color:#7D7D7D;text-overflow:ellipsis;white-space:normal;max-height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.book-section .book-list li dt span {position:relative;}
.book-section .book-list li dt span:after {content:"";position:absolute;bottom:0;left:0;transition:all 0.4s;width:0;}
.book-section .book-list li:hover dt span:after {width:100%;height:1px;background:#000;}
.book-section h2 small{font-size:18px;line-height:33px;font-weight:500; margin-left:20px;}
.book-section h2 img{width: 20px;padding-top: 7px;}

@media only all and (max-width:767px) {

  .book-section h2 small{font-size:14px;}
  .book-section h2 img{padding-top: 3px;}
  .book-section {padding-bottom:0;}
  .book-section .book-slide {padding:0;margin:0 -16px 0 0;}
  .book-section .book-list li dt {margin-top:16px;font-size:16px;line-height:24px;}
  .book-section .book-list li dd {font-size:14px;line-height:20px;}
  .book-section .book-list li {width:300px;}
  .book-section .book-list li .thumb {width:300px;height:auto;}
}

/* 공지사항,이벤트 */
.notice-section {display:flex;}
.notice-section .notice {width:calc(50% - 24px);}
.notice-section .notice ul {height:212px;padding:15px 30px;border:1px solid #ededed;}
.notice-section .notice ul li {position:relative;font-size:16px;line-height:22px;}
.notice-section .notice ul li a {display:block;margin:18px 0;}
.notice-section .notice ul li span {display:block;padding-right:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.notice-section .notice ul li em {position:absolute;right:0;top:0;color:#7D7D7D;}
.notice-section .event {width:calc(50% - 24px);margin-left:48px;}
.notice-section .event .event-slide {height:212px;border:1px solid #ededed;}
.notice-section .event .event-slide a {display:block;padding:30px 140px 30px 30px;height:100%;}
.notice-section .event .event-slide .event1 a {background:url('../images/main/event_img1.png') no-repeat right 38px bottom 32px;}
.notice-section .event .event-slide .event2 a {background:url('../images/main/event_img2.png') no-repeat right 38px bottom 32px;}
.notice-section .event .event-slide .event3 a {background:url('../images/main/event_img3.png') no-repeat right 38px bottom 32px;}
.notice-section .event .event-slide dt {font-size:20px;font-weight:500;line-height:1.4;}
.notice-section .event .event-slide dd {font-size:16px;color:#7D7D7D;margin-top:10px;}
.notice-section .event .pager {position:absolute;left:25px;bottom:28px;width:auto;z-index:1;}
.notice-section .event .pager .swiper-pagination-bullet {width:6px;height:6px;margin:0 5px;background:#D9D9D9;opacity:1;}
.notice-section .event .pager .swiper-pagination-bullet-active {background:#262626;}
@media only all and (max-width:1024px) {
  .notice-section {display:block;}
  .notice-section .notice {width:100%;}
  .notice-section .notice ul {height:auto;padding:15px 30px;border:1px solid #ededed;}
  .notice-section .event {width:100%;margin-left:0;}
  .notice-section .event h2 {margin-top:60px;}
}
@media only all and (max-width:767px) {
  .notice-section .notice ul {padding:5px 16px;}
  .notice-section .notice ul li {font-size:15px;border-top:1px solid #ededed;}
  .notice-section .notice ul li:first-child {border-top:0;}
  .notice-section .notice ul li a {margin:12px 0;}
  .notice-section .notice ul li span {padding-right:0;}
  .notice-section .notice ul li em {position:relative;display:block;font-size:13px;margin-top:3px;}
  .notice-section .event h2 {margin-top:35px;}
  .notice-section .event .event-slide {height:112px;}
  .notice-section .event .event-slide a {padding:16px 80px 16px 16px;background-position:right 16px bottom 16px !important;background-size:64px !important;}
  .notice-section .event .event-slide dt {font-size:16px;}
  .notice-section .event .event-slide dt br {display:none;}
  .notice-section .event .event-slide dd {font-size:14px;color:#7D7D7D;margin-top:6px;}
  .notice-section .event .pager {left:12px;bottom:20px;}
}

/* notice popup */
.notice-popup-wrap {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:10000;display:flex;justify-content:center;align-items:center;}
.notice-popup {width:800px;}
.notice-popup .foot {padding-top:16px;text-align:right;}
.notice-popup .foot input[type=checkbox] + em {border:1px solid #4D4D4D;}
.notice-popup .foot input[type=checkbox] ~ label {font-size:14px;font-weight:700;}
.notice-popup .foot .close {width:36px;height:36px;text-indent:-999px;overflow:hidden;background:url('../images/main/pop_close.svg') no-repeat 50% 50%;background-size:100%;margin-left:8px;}
@media only all and (max-width:1024px) {
	.notice-popup {width:auto;margin:20px;max-width:600px;}
}
@media only all and (max-width:767px) {
	.notice-popup {max-width:400px;}
  .notice-popup .foot {padding-top:8px;}
  .notice-popup .foot input[type=checkbox] ~ label {font-size:13px;}
  .notice-popup .foot .close {width:32px;height:32px;}
}

/* select2 */
.select2-container {width:100% !important;}
.select2-container .select2-search--inline .select2-search__field {margin:0;height:30px;position:relative;top:10px;font-family:'Noto Sans KR';}
.select2-container .select2-selection--multiple {min-height:52px;}
.select2-container--default .select2-selection--multiple {min-height:52px;padding:0 50px 0 22px;font-size:15px;color:#7d7d7d;border:1px solid #c4c4c4;border-radius:52px;background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 26px center/12px 7px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border:1px solid #c4c4c4;border-radius:26px;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-radius:26px;border:1px solid #c4c4c4;}
.select2-container--open .select2-dropdown--below {border-top:1px solid #c4c4c4;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {padding:6px 6px 6px 24px;margin-top:9px;background-color:#f1f1f1;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {padding:4px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {position:relative;top:-1px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:#4D4D4D;}
.select2-results__option {padding:8px 20px;}
.select2-search.select2-search--inline {display:inline-block;height:40px;}
@media only all and (max-width:767px) {
  .select2-container .select2-search--inline .select2-search__field {top:8px;}
	.select2-container .select2-selection--multiple {min-height:40px;}
  .select2-container--default .select2-selection--multiple {min-height:40px;padding:0 40px 0 16px;font-size:13px;background:#fff url('../images/common/icon_arrow_down.png') no-repeat right 18px center/12px 7px;}
  .select2-container--default .select2-selection--multiple .select2-selection__choice {padding:3px 6px 3px 24px;margin-top:7px;}
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {top:-4px;}
  .select2-results__option {padding:6px 18px;}
  .select2-search.select2-search--inline {height:30px;}
}

/* 영상강의 */
.vod-wrap {display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.6);line-height:1.4;}
.vod-wrap .vod-popup {position:relative;width:1400px;background:#fff;overflow:hidden;}
.vod-wrap .vod-head {display:flex;align-items:center;height:70px;padding:0 30px;border-bottom:1px solid #ddd;}
.vod-wrap .vod-head h2 {font-size:24px;font-weight:700;color:#222;letter-spacing:-1px;padding-top:5px;}
.vod-wrap .vod-cont {padding:30px;overflow-y:auto;max-height:calc(100vh - 9rem);display:flex;}
.vod-wrap .video-box {width:900px;height:507px;flex:none;}
.vod-wrap .video-box iframe {width:100% !important;height:100% !important;}
.vod-wrap .video-list {width:100%;margin-left:30px;border:1px solid #ddd;}
.vod-wrap .vod-num {padding:12px 20px 10px;}
.vod-wrap .vod-list {height:446px;padding:0 20px 20px 20px;overflow-y:auto;}
.vod-wrap .vod-list li {margin-top:11px;padding-top:11px;border-top:1px solid #ddd;}
.vod-wrap .vod-list li:first-child {margin-top:0;}
.vod-wrap .vod-list li a {display:flex;}
.vod-wrap .vod-list li .thumb {position:relative;flex:none;margin-right:15px;}
.vod-wrap .vod-list li.active .thumb:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;}
.vod-wrap .vod-list li .txt {padding-top:5px;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vod-close {position:absolute;right:18px;top:20px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/common/ico_close.svg') no-repeat 50% 50%;}
@media only all and (max-width:1400px) {
	.vod-wrap .vod-popup {width:auto;margin:20px;}
  .vod-wrap .video-box {width:705px;height:397px;}
  .vod-wrap .vod-list {height:354px;}
}
@media only all and (max-width:1200px) {
  .vod-wrap .video-box {width:615px;height:346px;}
  .vod-wrap .video-list {margin-left:20px;}
  .vod-wrap .vod-list {height:302px;}
  .vod-wrap .vod-list li .thumb img {width:100px;}
}
@media only all and (max-width:1024px) {
  .vod-wrap .vod-cont {display:block;}
	.vod-wrap .video-box {position:relative;width:100%;height:0;padding-bottom:56.25%;}
	.vod-wrap .video-box iframe {position:absolute;top:0;left:0;}
  .vod-wrap .video-list {margin-left:0;margin-top:20px;}
}
@media only all and (max-width:767px) {
  .vod-wrap .vod-head {height:auto;padding:12px 16px;}
  .vod-wrap .vod-head h2 {font-size:18px;padding-top:0;}
  .vod-wrap .vod-cont {padding:15px;}
	.vod-wrap .video-box {position:relative;width:100%;height:0;padding-bottom:56.25%;}
	.vod-wrap .video-box iframe {position:absolute;top:0;left:0;}
  .vod-wrap .video-list {margin-top:15px;}
  .vod-wrap .vod-num {padding:10px 15px 5px;font-size:13px;}
  .vod-wrap .vod-list {padding:0 15px 15px 15px;height:294px;}
  .vod-wrap .vod-list li .thumb {margin-right:10px;}
  .vod-wrap .vod-list li .thumb img {width:90px;}
  .vod-wrap .vod-list li .txt {font-size:13px;}
  .vod-close {right:10px;top:10px;}
}