@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-8Heavy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-7ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*ver4*/

html, body, ul, li, ol, dl, dt, dd {
    margin:0;
    padding:0;
    list-style:none;
}

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-size: inherit;
}

a {
    text-decoration:none;
    color:inherit;
}

.con {
    margin:0 auto;
}

.row::after {
    content:"";
    display:block;
    clear:both;
}

.relative { position:relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }

.logo > a {
    display: block;
    width:100%;
    height:100%;
}

.hide-infomation {
    position: absolute;
    color:transparent !important;
    width:0;
    height:0;
    font-size: 0 !important;
    z-index: -9999;
    overflow: hidden;
}

.d-flex{display:flex;align-items:center;flex-wrap:npwrap;width:100%;}
.hide-infomation{position:absolute;opacity:0;width:0px;height:0px;}
.main .content {width: 100%; padding: 0}
.main .content > div {position: relative}
.btn_more {display: block; width: 20px; height: 20px; background: url(../images/main/more.png) no-repeat 0 0; background-size: 20px; font-size: 0; color: transparent}
.btn_more.position {position: absolute; top: 23px; right: 3%}
.main_tit {padding: 20px 0 18px; font-size: 18px; font-weight: 500; color: #333; font-family: 'BMDOHYEON'; text-align: center; letter-spacing: -0.05em}
.main_tit span {font-size: 20px}
.main_board {position: relative; margin-top: 10px; background: #fff; border: 1px solid #ccc}
.main_board .tit {padding: 8px 0 8px 15px; font-size: 14px; font-weight: 700; color: #333; letter-spacing: -0.05em; border-bottom: 1px solid #ccc}
.main_board .btn_more {position: absolute; top: 9px; right: 11px}
.main_board ul {padding: 14px 20px}
.main_board ul li {margin-bottom: 3px; line-height: 1}
.main_board ul li:last-child {margin-bottom: 0}
.main_board ul li {position: relative; padding-left: 8px}
.main_board ul li:before {content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; margin-top: -1px; border-radius: 2px; background: #333}
.main_board ul li a {display: inline-block; height: 13px; max-width: 93%; margin: 5px 0; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; vertical-align: middle}
.main_board ul li a:hover, .main_board ul li a:focus {font-weight: 500; color: #333}
.main_board ul li strong {display: inline-block; width: 15px; height: 16px; margin-left: 3px; background: url(../images/main/icon_new.gif) no-repeat 0 0; background-size: 100%; text-indent: -9999px; vertical-align: middle}
.main_board ul li .date {display: none}
.main_board .coming_soon {display: table; width: 100%; padding: 25px 0; text-align: center;}
.main_board .coming_soon span {display: table-cell; font-family: 'BMDOHYEON'; font-size: 20px; color: #333; vertical-align: middle}
.main .dots_wrap {text-align: center; line-height: 1}
.main .slick-dots {display: inline-block; margin-right: 10px; text-align: center; font-size: 0}
.main .slick-dots li {display: inline-block; margin-right: 8px}
.main .slick-dots li:last-child {margin-right: 0}
.main .slick-dots button {width: 12px; height: 12px; background: #b7b7b7; border-radius: 12px; box-sizing: border-box}
.main .slick-dots .slick-active button {width: 28px; background: #000}
.main .btn_play {display: inline-block; width: 11px; height: 12px; margin-right: 9px; background: url(../images/main/tbn_play.png) no-repeat; background-size: 11px 12px}
.main .btn_stop {display: inline-block; width: 10px; height: 12px; background: url(../images/main/btn_stop.png) no-repeat; background-size: 10px 12px}
.main_cont01 .visual_slider img {width: 100%}
.main_cont01 .visual_slider .m_cont {display: block}
.main_cont01 .visual_slider .t_cont, .main_cont01 .visual_slider .pc_cont {display: none}
.main_cont01 .quick_menu {position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0.8;}
.main_cont01 .quick_menu ul {position: relative; left: 17.5%;  width: 65%; font-size: 0}
.main_cont01 .quick_menu ul:after {content: ''; display: block; clear: both}
.main_cont01 .quick_menu ul li {position: relative; display: inline-block; width: calc(33.33% - 1px); margin-right: 1px; vertical-align: bottom;}
.main_cont01 .quick_menu ul li a {position: relative; display: block; height: 0; padding-top: 89%; text-align: center; color: #fff; font-weight: 700; letter-spacing: -0.05em}
.main_cont01 .quick_menu ul li a span {position: absolute; bottom: 8.57%; left: 0; display: block; width: 100%; font-size: 12px; text-align: center; line-height: 1}
.main_cont01 .quick_menu ul li a span:before {content: ''; position: absolute; top: -5px; left: 50%; display: block; width: 26px; height: 1px; background: #fff; margin-left: -13px}
.main_cont01 .quick_menu ul li a.active, .main_cont01 .quick_menu ul li a:focus {padding-top: 103%}
.main_cont01 .quick_menu ul li a.active span, .main_cont01 .quick_menu ul li a:focus span {bottom: 63%}
.main_cont01 .quick_menu ul li:nth-child(1) a {background-color: #3187ce; background-image: url(../images/main/icon_quick011_m.png); background-repeat: no-repeat; background-position: 50% 23%; background-size: 29.48%}
.main_cont01 .quick_menu ul li:nth-child(2) a {background-color: #ff6600; background-image: url(../images/main/icon_quick022_m.png); background-repeat: no-repeat; background-position: 50% 23%; background-size: 25.64%}
.main_cont01 .quick_menu ul li:nth-child(3) a {background-color: #e7bb0e; background-image: url(../images/main/icon_quick033_m.png); background-repeat: no-repeat; background-position: 50% 25%; background-size: 35.35%}
.main_cont01 .quick_menu ul li:nth-child(1) a.active, .main_cont01 .quick_menu ul li:nth-child(1) a:focus {background-position: right 50% bottom 21%; background-size: 29.48%}
.main_cont01 .quick_menu ul li:nth-child(2) a.active, .main_cont01 .quick_menu ul li:nth-child(2) a:focus {background-position: right 50% bottom 21%; background-size: 25.64%}
.main_cont01 .quick_menu ul li:nth-child(3) a.active, .main_cont01 .quick_menu ul li:nth-child(3) a:focus {background-position: right 50% bottom 21%; background-size: 35.35%}
.main_cont01 .quick_menu ul li p {display: none}
.main_cont01 .dots_wrap {display: none; position: absolute; top: 4.5%; left: 0; width: 100%}
.main_cont01 .slick-arrow {position: absolute; top: 50%; width: 35px; height: 35px; margin-top: -17px; z-index: 1}
.main_cont01 .slick-prev {left: 3%; background: url(../images/main/arrow_prev01.png) no-repeat; background-size: 100%}
.main_cont01 .slick-next {right: 3%; background: url(../images/main/arrow_next01.png) no-repeat; background-size: 100%}
.main_cont02 {position: relative; padding: 12px 0}
.main_cont02:after {content: ''; display: block; clear: both}
.main_cont02 .tit {position: relative; float: left; padding-right: 23px; font-size: 14px; font-weight: 700; color: #333; letter-spacing: -0.05em}
.main_cont02 .tit:before {content: ''; position: absolute; top: 50%; right: 11px; width: 1px; height: 12px; margin-top: -6px; background: #333}
.main_cont02 .news {float: left; width: calc(100% - 114px); margin: 3px 27px 0 0}
.main_cont02 .news li {position: relative; padding-left: 7px; line-height: 1}
.main_cont02 .news li:before {content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; margin-top: -1px; border-radius: 2px; background: #333}
.main_cont02 .news li a {display: inline-block; max-width: 90%; height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333}
.main_cont02 .news li strong {display: inline-block; width: 15px; height: 16px; margin-left: 3px; background: url(../images/main/icon_new.gif) no-repeat 0 0; background-size: 100%; text-indent: -9999px; vertical-align: 2px}
.main_cont02 .news li:last-child {display: none}
.main_cont02 .btn_more {position: absolute; top: 50%; right: 3%; margin-top: px; z-index: 1}


.main_cont022 {position: relative; padding: 12px 0}
.main_cont022 .news {float: left; width: calc(100% - 114px); margin: 3px 27px 0 0}
.main_cont022 .news li {position: relative; padding-left: 7px; line-height: 1}
.main_cont022 .news li:before {content: ''; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; margin-top: -1px; border-radius: 2px; background: #333}
.main_cont022 .news li a {display: inline-block; max-width: 90%; height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333}
.main_cont022 .news li strong {display: inline-block; width: 15px; height: 16px; margin-left: 3px; background: url(../images/main/icon_new.gif) no-repeat 0 0; background-size: 100%; text-indent: -9999px; vertical-align: 2px}
.main_cont022 .news li:last-child {display: none}

.main_cont03 {padding: 10px 0 20px 0; }
.main_cont03 .main_tit span {color: #0062b1}
.main_cont03 .slick-arrow {display: none !important;}
.main_cont03 .policy_list .slider-nav .slick-list {padding-bottom: 14px}
.main_cont03 .policy_list .slider-nav .slick-slide {margin: 0 2px}
.main_cont03 .policy_list .slider-nav .slick-track {margin-left: -4px}
.main_cont03 .policy_list .slider-nav .slick-arrow {position: absolute; top: 3px; width: 24px; height: 24px}
.main_cont03 .policy_list .slider-nav .slick-prev {left: 0; background: url(../images/main/arrow_prev01.png) no-repeat; background-size: 100%}
.main_cont03 .policy_list .slider-nav .slick-next {right: 0; background: url(../images/main/arrow_next01.png) no-repeat; background-size: 100%} 
.main_cont03 .policy_list .tab_btn {display: block; float: left; width: 100%; padding: 4px 0; font-size: 14px; font-weight: 300; text-align: center; border: 1px solid #e5e5e5; background: #fff; border-radius: 3px; margin: 0 2px}
.main_cont03 .policy_list .slick-current .tab_btn {position: relative; font-weight: 500; color: #fff; background: #0062b1; border-color: #0062b1}
.main_cont03 .policy_list .slick-current .tab_btn:before {content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -4px; border-top: 5px solid #0062b1; border-right: 4px solid transparent; border-left: 4px solid transparent}
.main_cont03 .policy_cont ul:after {content: ''; display: block; clear: both}

/*¸ð¹ÙÀÏ*/
.main_cont03 .policy_cont ul li {display: table; overflow: hidden; width: calc(50% - 4px); margin-right: 8px; float: left; height: 106px; margin-bottom: 8px; text-align: center; background:#d0757a url() no-repeat 50% 50%; background-size: 60px; border-radius: 3px}
.main_cont03 .policy_cont.policy02 ul li {background: #ff9933 url() no-repeat 50% 50%; background-size: 60px}
.main_cont03 .policy_cont.policy03 ul li {background: #0d76c7 url() no-repeat 50% 50%; background-size: 54px}
.main_cont03 .policy_cont.policy04 ul li {background: #999999 url() no-repeat 50% 50%; background-size: 62px}
.main_cont03 .policy_cont ul li:nth-child(even) {margin-right: 0}
.main_cont03 .policy_cont ul li a {display: table-cell; padding: 10px 15px; color: #ddd; vertical-align: middle}
.main_cont03 .policy_cont ul li strong {display: block; max-height: 40px; margin-bottom: 7px; font-size: 14px; font-weight: 400; color: #fff; line-height: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all}
.main_cont03 .policy_cont ul li span {display: block; max-height: 30px; font-size: 11px; font-weight: 400; color: #fff; line-height: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all}
.main_cont03 .policy_cont ul li:nth-child(9) {display: none}
.main_cont03 .policy_cont ul li a.active, .main_cont03 .policy_cont ul li a:focus {padding: 0 10px 0 10px; border: 2px dashed #0062b1; background: #fff url() no-repeat 16px 50%; background-size: 40px; text-align: center}
.main_cont03 .policy_cont ul li a.active strong, .main_cont03 .policy_cont ul li a:focus strong {font-weight: 500; color: #333}
.main_cont03 .policy_cont ul li a.active span, .main_cont03 .policy_cont ul li a:focus span {color: #666}
.main_cont03 .policy_cont.policy02 ul li a.active, .main_cont03 .policy_cont.policy02 ul li a:focus {background: #fff url() no-repeat 16px 50%; background-size: 43px}
.main_cont03 .policy_cont.policy03 ul li a.active, .main_cont03 .policy_cont.policy03 ul li a:focus {background: #fff url() no-repeat 16px 50%; background-size: 40px}
.main_cont03 .policy_cont.policy04 ul li a.active, .main_cont03 .policy_cont.policy04 ul li a:focus {background: #fff url() no-repeat 9px 50%; background-size: 48px}
.main_cont03 .banner_slider {position: relative; border: 1px solid #dee3eb; margin-bottom: 8px}
.main_cont03 .banner_slider a {display: block}
.main_cont03 .banner_slider img {width: 100%}
.main_cont03 .banner_slider .pc_cont {display: none}
/*À̹ÌÁö À§Ä¡*/
.main_cont03 .dots_wrap {position: absolute; bottom: 30px; left: 30px; text-align: center}
.main_cont03 .rank {position: relative; border: 2px solid #0062b1; background: #fff}
.main_cont03 .rank .tit {padding: 11px 0 11px 16px; font-size: 14px; font-weight: bold; letter-spacing: -0.05em; color: #333; border-bottom: 1px solid #ccc}
.main_cont03 .rank ol {padding: 9px 16px}
.main_cont03 .rank ol li {position: relative; margin-bottom: 5px; font-weight: 300; color: #666; letter-spacing: 0; }
.main_cont03 .rank ol li a {overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; display: inline-block; vertical-align: middle; max-width: 100%; line-height:1}
.main_cont03 .rank ol li:last-child {margin-bottom: 0}
.main_cont03 .rank ol li:first-child a {font-weight: 700; color: #333}
.main_cont03 .rank ol li:before {margin-right: 6px; line-height: 1; vertical-align: -2px; display: inline-block}
.main_cont03 .rank ol li:nth-child(1):before {content: '1'; color: #333; font-weight: 700}
.main_cont03 .rank ol li:nth-child(2):before {content: '2'}
.main_cont03 .rank ol li:nth-child(3):before {content: '3'}
.main_cont03 .rank ol li:nth-child(4):before {content: '4'}
.main_cont03 .rank ol li:nth-child(5):before {content: '5'}
.main_cont03 .rank ol li:after {content: ''; position: absolute; top: 50%; right: 7px; margin-top: -2px; width: 6px; height: 2px; background: #8c8c8c}
.main_cont03 .rank ol li.up:after {width: 0; height: 0; border-bottom: 4px solid #ff0000; border-left: 3px solid transparent; border-right: 3px solid transparent; background: none}
.main_cont03 .rank ol li.down:after {width: 0; height: 0; border-top: 4px solid #0062b1; border-left: 3px solid transparent; border-right: 3px solid transparent; background: none}
.main_cont03 .rank .date_choice {position: absolute; top: 11px; right: 13px}
.main_cont03 .rank .date_choice button {display: inline-block; width: 26px; height: 30px; text-indent: -9999px}
.main_cont03 .rank .date_choice .btn_prev {background: url(../images/main/arrow_rank_prev.png) no-repeat 50% 50%; background-size: 5px}
.main_cont03 .rank .date_choice .btn_next {background: url(../images/main/arrow_rank_next.png) no-repeat 50% 50%; background-size: 5px}
.main_cont03 .rank .date_choice span {display: inline-block; font-size: 14px; font-weight: 500; color: #333; letter-spacing: 0}


.main_cont04 {position: relative; padding: 0 0 0px 0}
.main_cont04 .main_tit span {color: #33856a}
.main_cont04 .slick-arrow {display: none !important;}
.main_cont04 .space_search {position: relative; padding-top: 38px; margin-bottom: 27px}
.main_cont04 .space_search .tab_btn {display: block; position: absolute; top: 0; width: calc(50% - 5px); padding: 4px 0; font-size: 14px; font-weight: 300; text-align: center; border: 1px solid #e5e5e5; background: #fff; border-radius: 3px}
.main_cont04 .space_search .tab_btn.active {background: #2d7c62; border-color: #2d7c62; font-weight: 500; color: #fff}
.main_cont04 .space_search .tab_btn.active:before {content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -4px; border-top: 6px solid #2d7c62; border-left: 4px solid transparent; border-right: 4px solid transparent}
.main_cont04 .space_search .tab_btn.active + .tab_cont {display: block}
.main_cont04 .space_search .tab_cont {display: none; padding: 18px 23px; border: 2px dashed #33856a; background: #f8f8f8}
.main_cont04 .space_search .tab_cont form > div:after {content: ''; display: block; clear: both}
.main_cont04 .space_search .tab_cont form > div:first-child select {width: calc(50% - 4px)}
.main_cont04 .space_search .tab_cont form > div:first-child select:first-child {margin-right: 8px}
.main_cont04 .space_search .tab_cont form > div select, .main_cont04 .space_search .tab_cont form > div input {float: left; height: 28px; color: #333}
.main_cont04 .space_search .tab_cont form > div select::-webkit-input-placeholder, .main_cont04 .space_search .tab_cont form > div input::-webkit-input-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont form > div select:-moz-placeholder, .main_cont04 .space_search .tab_cont form > div input:-moz-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont form > div select::-moz-placeholder, .main_cont04 .space_search .tab_cont form > div input::-moz-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont >form  div select:-ms-input-placeholder, .main_cont04 .space_search .tab_cont form > div input:-ms-input-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont .btn_search {position: relative; display: block; width: 100%; padding: 8px 0; font-size: 18px; font-weight: 500; color: #fff; background: #333; border-radius: 3px}
.main_cont04 .space_search .tab_cont .btn_search span {position: relative; display: inline-block}
.main_cont04 .space_search .tab_cont .btn_search span:before {content: ''; position: absolute; top: 4px; left: -27px; width: 20px; height: 20px; background: url(../images/main/icon_search.png) no-repeat; background-size: 20px; vertical-align: -2px}
.main_cont04 .space_search .tab01 .tab_btn {left: 0; margin-right: 10px}
.main_cont04 .space_search .tab01 .tab_cont form > div {margin-bottom: 15px}
.main_cont04 .space_search .tab02 .tab_btn {right: 0}
.main_cont04 .space_search .tab02 .tab_cont .tit {position: relative; padding-left: 9px; margin-bottom: 8px; font-size: 14px; color: #333; letter-spacing: -0.05em}
.main_cont04 .space_search .tab02 .tab_cont .tit:before {content: '*'; position: absolute; top: 2px; left: 0;}
.main_cont04 .space_search .tab02 .tab_cont .tit span {font-size: 14px; font-weight: 700}
.main_cont04 .space_search .tab02 .tab_cont .tit .pc_cont {display: none}
.main_cont04 .space_search .tab02 .tab_cont ul:after {content: ''; display: block; clear: both}
.main_cont04 .space_search .tab02 .tab_cont ul li {float: left; width: 50%}
.main_cont04 .space_search .tab02 .tab_cont ul li a {position: relative; display: block; padding: 3px 0 3px 6px; padding-left: 6px; color: #333}
.main_cont04 .space_search .tab02 .tab_cont ul li a:before {content: ''; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background: #333}
.main_cont04 .space_search .tab02 .tab_cont ul li a:hover, .main_cont04 .space_search .tab02 .tab_cont ul li a:focus {text-decoration: underline}
.main_cont04 .space_search .tab02 .tab_cont .map_area img {display: none}
.main_cont04 .space_result .space_slider ul.slide li {height: 134px; margin-bottom: 10px; border: 1px solid #ccc; background: #f2f4f7; cursor: pointer}
.main_cont04 .space_result .space_slider ul.slide li:last-child {margin-bottom: 0}
.main_cont04 .space_result .space_slider ul.slide li a {display: block}
.main_cont04 .space_result .space_slider ul.slide li a:after {content: ''; display: block; clear: both}
.main_cont04 .space_result .space_slider ul.slide li .img {float: left; position: relative; width: 137px; height: 134px; overflow: hidden}
.main_cont04 .space_result .space_slider ul.slide li .img span {position: absolute; text-align: center; font-weight: 500; color: #fff}
.main_cont04 .space_result .space_slider ul.slide li .img .space_name {top: 0; width: 100%; padding: 0 5px; height: 28px; font-size: 14px; background: rgba(0,0,0,0.7); line-height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box}
.main_cont04 .space_result .space_slider ul.slide li .img .space_addr {top: 28px; right: 0; width: 40px; height: 38px; line-height: 16px; padding: 3px 2px 0; font-size: 13px; background: #0a6648; box-sizing: border-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all}
.main_cont04 .space_result .space_slider ul.slide li .img img {position: absolute} 
.main_cont04 .space_result .space_slider ul.slide li .img.mih >img {max-width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.main_cont04 .space_result .space_slider ul.slide li .img.miw >img {max-height: 100%; max-width: none; width: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.main_cont04 .space_result .space_slider ul.slide li .txt {float: left; width: calc(100% - 163px); padding: 12px 10px 0 16px; border-left: 0}
.main_cont04 .space_result .space_slider ul.slide li .txt span {position: relative; display: inline-block; margin-bottom: 7px; font-size: 14px; font-weight: 700; color: #333}
.main_cont04 .space_result .space_slider ul.slide li .txt span:before {display: none !important; content: ''; position: absolute; top: 50%; right: -9px; width: 6px; height: 13px; margin-top: -6px; background: url(../images/main/img_slash.png) no-repeat 0 0; background-size:  6px 13px}
.main_cont04 .space_result .space_slider ul.slide li .txt .info {height: 76px; line-height: 19px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all}
.main_cont04 .space_result .space_slider .dots_wrap {margin-top: 24px}
.main_cont04 .space_result .space_slider li {position: relative}
.main_cont04 .space_result .space_slider a {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.main_cont04 .slick-arrow {display: none !important;}
.main_cont04 .space_result .no_data {border: 1px solid #dee3eb; padding: 90px 0 20px; background: #f8f8f8 url(../images/basic/img_no_data.png) no-repeat 50% 20px; background-size: 102px; text-align: center}
.main_cont04 .space_result .no_data p {font-family: 'BMDOHYEON'; color: #333}

.main_cont05 {padding: 0 0 21px 0; background: #fff}
.main_cont05 .main_tit span {color: #1a2865}
.main_cont05 .info_wrap:after {content: ''; display: block; clear: both}
.main_cont05 .info_wrap strong {display: block; padding-bottom: 4px; font-size: 14px; font-weight: 700; color: #333}
.main_cont05 .info_wrap > div {float: left; width: calc(50% - 5px); position: relative; padding: 10px; border: 1px solid #ccc; letter-spacing: -0.05em; box-sizing: border-box; background: #fff; height: 113px}
.main_cont05 .info_wrap > div:first-child {margin-right: 10px}
.main_cont05 .info_wrap p {padding-bottom: 9px}
.main_cont05 .info_wrap .txt {display: inline-block; vertical-align: middle}
.main_cont05 .kakao .btn_link {font-weight: 700; color: #333}
.main_cont05 .kakao .btn_link:after {content: ''; display: inline-block; width: 43px; height: 6px; margin-left: 4px; background: url(../images/main/icon_link.png) no-repeat 0 0; background-size: 43px 6px; vertical-align: 3px}
.main_cont05 .kakao:after {display: inline-block; content: ''; width: 40px; height: 40px; margin-left: 10px; background: url(../images/main/img_kakao02.jpg) no-repeat; background-size: 100%; vertical-align: middle}
.main_cont05 .call a {display: block; font-size: 14px; font-weight: 700; color: #333}
.main_cont05 .call:after {display: inline-block; content: ''; width: 42px; height: 42px; margin-left: 10px; background: url(../images/sub/coun/call_coun1.png) no-repeat; background-size: 100%; vertical-align: middle}

.main_cont06 {position: relative; padding-bottom: 48px;}
.main_cont06 .slick-arrow {display: none !important;}
.main_cont06 .btn_more {top: 21px}
.main_cont06 .video_slider_wrap {position: relative}
.main_cont06 .video_slider {text-align: center}
.main_cont06 .slick-slide {margin: 0 5px; border: 1px solid #ccc; box-sizing: border-box}
.main_cont06 .slick-slide .img {height: 100px}
.main_cont06 .slick-slide .img img {width: 100%; max-height: 100%}
.main_cont06 .slick-slide .txt {padding: 12px 10px; text-align: left}
.main_cont06 .slick-slide .txt p {height: 57px; line-height: 19px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all}
.main_cont06 .slick-dots {display: inline-block; padding-top: 15px; margin-left: -24px; font-size: 0}
.main_cont06 .play_btn_wrap {display: inline-block; position: absolute; top: 0; left: 50%; margin-top: -3px}
       

@media screen and (min-width: 768px){

.main_tit {padding: 32px 0 28px; font-size: 24px}
.main_tit span {font-size: 27px}
.btn_more {width: 100px; height: 28px; background: url(../images/main/more_plus.png) no-repeat right 12px bottom 50%; border: 2px solid #222; border-radius: 30px}
.btn_more span {display: block; padding-left: 12px; font-size: 13px; font-weight: 500; line-height: 27px; color: #333}

.main_board {margin-top: 12px}
.main_board .tit {padding: 13px 0 13px 20px; font-size: 19px}
.main_board .btn_more {top: 13px; right: 20px}
.main_board > div {height: 209px}
.main_board ul {padding: 26px 22px 26px 26px}
.main_board ul li {margin-bottom: 8px}
.main_board ul li a {display: inline-block; height: 15px; max-width: calc(100% - 105px); margin: 5px 0; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 0; vertical-align: middle}
.main_board ul li a:hover, .main_board ul li a:focus {font-weight: 500; color: #333}
.main_board ul li strong {display: inline-block; width: 15px; height: 16px; margin-left: 3px; background: url(../images/main/icon_new.gif) no-repeat 0 0; background-size: 100%; text-indent: -9999px; vertical-align: middle}
.main_board ul li .date {float: right; display: block; margin-top: 5px}
.main_board .coming_soon {height: 100%; padding: 0;}
.main_board .coming_soon span {font-size: 28px; vertical-align: middle} 
.main .slick-dots {margin-right: 12px}
.main .slick-dots li {margin-right: 12px}
.main .slick-dots button {width: 16px; height: 16px; border-radius: 16px}
.main .slick-dots .slick-active button {width: 32px}
.main .btn_play {width: 15px; height: 16px; margin-right: 9px; background-size: 15px 16px}
.main .btn_stop {width: 14px; height: 16px; background: url(../images/main/btn_stop.png) no-repeat; background-size: 14px 16px}

.main_cont01 .quick_menu ul {left: 25%; width: 50%}
.main_cont01 .quick_menu ul li a span {bottom: 10%; font-size: 16px}
.main_cont01 .quick_menu ul li a span:before {width: 32px; margin-left: -16px}
.main_cont01 .quick_menu ul li a.active span, .main_cont01 .quick_menu ul li a:focus span {bottom: 68%}
.main_cont01 .quick_menu ul li:nth-child(1) a {background-position: 50% 25%; background-size: 29.48%}
.main_cont01 .quick_menu ul li:nth-child(2) a {background-position: 50% 25%; background-size: 25.64%}
.main_cont01 .quick_menu ul li:nth-child(3) a {background-position: 50% 24%; background-size: 35.35%}
.main_cont01 .quick_menu ul li:nth-child(1) a.active, .main_cont01 .quick_menu ul li:nth-child(1) a:focus {background-position: right 50% bottom 24%; background-size: 29.48%}
.main_cont01 .quick_menu ul li:nth-child(2) a.active, .main_cont01 .quick_menu ul li:nth-child(2) a:focus {background-position: right 50% bottom 24%; background-size: 25.64%}
.main_cont01 .quick_menu ul li:nth-child(3) a.active, .main_cont01 .quick_menu ul li:nth-child(3) a:focus {background-position: right 50% bottom 24%; background-size: 35.35%}

.main_cont01 .dots_wrap {top: 7.54%}
.main_cont01 .slick-arrow {top: 50%; width: 50px; height: 50px; margin-top: -25px}
.main_cont01 .visual_slider .m_cont {display: none}
.main_cont01 .visual_slider .t_cont {display: block}

.main_cont02 {padding: 20px 3%}
.main_cont02 .tit {padding-right: 46px; font-size: 18px}
.main_cont02 .tit:before {right: 23px; height: 16px; margin-top: -8px}
.main_cont02 .news {width: calc(100% - 270px); margin: 7px 0 0 0}
.main_cont02 .news li {padding-left: 7px}
.main_cont02 .news li:before {margin-top: -3px}
.main_cont02 .news li a {max-width: 90%; height: 15px}
.main_cont02 .news li strong {margin-left: 5px; vertical-align: 2px}
.main_cont02 .btn_more {margin-top: -17px}

.main_cont03 {padding: 10px 0 20px 0}
.main_cont03 .utill_wrap:after {content: ''; display: block; clear: both}
.main_cont03 .policy_list .slider-nav .slick-list {padding-bottom: 14px}
.main_cont03 .policy_list .slider-nav .slick-slide {margin: 0 4px}
.main_cont03 .policy_list .slider-nav .slick-track {margin-left: -4px}
.main_cont03 .policy_list .tab_btn {padding: 7px 0; font-size: 15px}

/*pc*/

.main_cont03 .banner_slider {float: left; width: 350px; margin-right: 9px; margin-bottom: 0}
.main_cont03 .banner_slider img {width: 348px; height: 221px}
.main_cont03 .rank {float: left; width: calc(100% - 359px); box-sizing: border-box}
.main_cont03 .rank .tit {padding: 10px 0 10px 20px; font-size: 17px}
.main_cont03 .rank ol {padding: 15px 20px}
.main_cont03 .rank ol li {margin-bottom: 8px}
.main_cont03 .rank ol li:after {top: 50%; right: 7px; width: 8px; height: 2px}
.main_cont03 .rank ol li.up:after {border-bottom: 5px solid #ff0000; border-left: 4px solid transparent; border-right: 4px solid transparent}
.main_cont03 .rank ol li.down:after {border-top: 5px solid #0062b1; border-left: 4px solid transparent; border-right: 4px solid transparent}
.main_cont03 .rank .date_choice {top: 11px; right: 20px}
.main_cont03 .dots_wrap {bottom: 15px; center: 15px}

.main_cont05 {padding: 0 0 25px 0}
.main_cont05 .info_wrap > div {height: 138px; padding-left: 20px}
.main_cont05 .info_wrap strong {padding-bottom: 4px; font-size: 19px}
.main_cont05 .info_wrap p {padding-bottom: 13px; font-size: 16px}
.main_cont05 .kakao .btn_link {font-size: 15px}
.main_cont05 .kakao .txt {display: inline-block; vertical-align: middle}
.main_cont05 .kakao:after {width: 88px; height: 88px; margin-left: 40px}
.main_cont05 .call a {font-size: 16px}
.main_cont05 .call:after {width: 88px; height: 88px; margin-left: 40px}
.main_cont05 .board_wrap:after {content: ''; display: block; clear: both}
.main_cont05 .board_wrap .main_board {float: left; width: calc(50% - 6px); box-sizing: border-box}
.main_cont05 .main_board:first-child {margin-right: 12px}

.main_cont06 {padding: 0 0 35px 0}
.main_cont06 .slick-slide {margin: 0 5px; border: 1px solid #ccc; box-sizing: border-box}
.main_cont06 .slick-slide .img {height: 144px}
.main_cont06 .slick-slide .img img {width: 100%}
.main_cont06 .slick-slide .txt {padding: 15px 15px}
.main_cont06 .slick-slide .txt p {height: 66px; line-height: 22px}
.main_cont06 .slick-dots {padding-top: 25px}
.main_cont06 .play_btn_wrap {margin-top: -1px}

}

@media screen and (min-width: 1070px){

.main_tit {padding: 20px 0px 20px 0px; font-size: 35px; font-weight: 500; color: #333; font-family: 'BMDOHYEON'; text-align: center; letter-spacing: -0.05em}
.main_tit span {font-size: 40px}
.btn_more {width: 120px; height: 36px; background: url(../images/main/more_plus.png) no-repeat right 12px bottom 50%; border-radius: 40px}
.btn_more span {padding-left: 17px; font-size: 15px; line-height: 36px}
.btn_more.position {position: absolute; top: 158px; right: 0}
.main_board {margin-top: 0}
.main_board .tit {padding: 19px 0 19px 22px; font-size: 25px}
.main_board .btn_more {top: 19px; right: 17px}
.main_board ul {padding: 26px 22px 26px 26px}
.main_board ul li {margin-bottom: 8px}
.main_board ul li a {height: 16px; max-width: calc(100% - 113px); margin: 6px 0; font-size: 16px}
.main_board ul li a:hover, .main_board ul li a:focus {font-weight: 500; color: #333}
.main_board ul li strong {width: 18px; height: 19px}
.main_board ul li .date {float: right; display: block; margin-top: 5px}
.main_board > div {height: 224px}
.main_board .coming_soon span {font-size: 34px}
.main .slick-dots {margin-right: 13px}
.main .slick-dots li {margin-right: 10px}
.main .slick-dots button {width: 14px; height: 14px; border-radius: 14px}
.main .slick-dots .slick-active button {width: 32px}
.main .btn_play {width: 13px; height: 14px; margin-right: 9px; background-size: 13px 14px}
.main .btn_stop {width: 12px; height: 14px; background-size: 12px 14px}

.main_cont01 .visual_slider .slick-slide {position: relative; height: 300px;  overflow: hidden;}
.main_cont01 .visual_slider .slick-slide .pc_cont {position: absolute; top: 0; left: 50%; margin-left: -915px; width: auto; max-width: none}
.main_cont01 .quick_menu ul {left: 50%; width: 620px; margin-left: -310px}
.main_cont01 .quick_menu ul li a {transition: none}
.main_cont01 .quick_menu ul li a span {bottom: 25px; font-size: 25px}
.main_cont01 .quick_menu ul li a span:before {top: -12px;  width: 68px; margin-left: -34px}
.main_cont01 .quick_menu ul li a.active, .main_cont01 .quick_menu ul li a.focus {}
.main_cont01 .quick_menu ul li a.active span, .main_cont01 .quick_menu ul li a:focus span {bottom: 68%}
.main_cont01 .quick_menu ul li:nth-child(1) a {background-image: url(../images/main/icon_quick011_pc.png); background-position: 50% 41px; background-size: auto}
.main_cont01 .quick_menu ul li:nth-child(2) a {background-image: url(../images/main/icon_quick022_pc.png); background-position: 50% 38px; background-size: auto}
.main_cont01 .quick_menu ul li:nth-child(3) a {background-image: url(../images/main/icon_quick033_pc.png); background-position: 50% 43px; background-size: auto}
.main_cont01 .quick_menu ul li a.active, .main_cont01 .quick_menu ul li a:focus {background-image: none !important}

.main_cont01 .quick_menu ul li a p {display: none; position: absolute; bottom: 33px; left: 23px; font-size: 17px; font-weight: 300; letter-spacing: -0.05em; line-height: 1.52; text-align: left; transition: 0.5s}
.main_cont01 .quick_menu ul li a.active p, .main_cont01 .quick_menu ul li a:focus p {display: block}
.main_cont01 .dots_wrap {display: block; top: 40px}
.main_cont01 .slick-arrow {top: 50%; width: 70px; height: 70px; margin-top: -35px}
.main_cont01 .visual_slider .t_cont {display: none}
.main_cont01 .visual_slider .pc_cont {display: block}

.main_cont02 {padding: 20px 3%}
.main_cont02 .tit {padding-right: 76px; font-size: 28px}
.main_cont02 .tit:before {right: 38px; height: 22px; margin-top: -11px}
.main_cont02 .news {float: left; width: calc(100% - 330px); margin: 12px 0 0 0}
.main_cont02 .news li {float: left; width: 50%; padding: 0 25px 0 9px; box-sizing: border-box}
.main_cont02 .news li:before {margin-top: -1px}
.main_cont02 .news li a {max-width: 93%; height: 17px; font-size: 17px}
.main_cont02 .news li strong {margin-left: 5px; vertical-align: 2px; width: 18px; height: 19px}
.main_cont02 .news li:last-child {display: block}
.main_cont02 .btn_more {right: 0; margin-top: -20px}

.main_cont03 .inner:after {content: ''; display: block; clear: both}
.main_cont03 .slick-arrow {display: block !important; position: absolute; top: 50%; width: 70px; height: 70px; margin-top: -35px; z-index: 1}
.main_cont03 .slick-prev {left: 0; background: url() no-repeat; background-size: 100%}
.main_cont03 .slick-prev:hover {background: url() no-repeat; background-size: 100%}
.main_cont03 .slick-next {right: 2px; background: url() no-repeat; background-size: 100%}
.main_cont03 .slick-next:hover {background: url() no-repeat; background-size: 100%}
.main_cont03 .policy_list {float: left; width: calc(100% - 0px)}
.main_cont03 .policy_list .slider-nav .slick-list {padding-bottom: 11px}
.main_cont03 .policy_list .slider-nav .slick-slide {margin: 0 4px}
.main_cont03 .policy_list .slider-nav .slick-track {margin-left: -4px}
.main_cont03 .policy_list .slider-for ul {}
.main_cont03 .policy_list .tab_btn {padding: 11px 0; font-size: 21px}
.main_cont03 .policy_list .slick-current .tab_btn:before {bottom: -10px;  margin-left: -7px; border-top: 10px solid #0062b1; border-right: 7px solid transparent; border-left: 7px solid transparent}
.main_cont03 .policy_cont ul li { width: calc(24% - 0px); height: 400px; margin-right: 12px; margin-bottom: 10px; background-size: auto}
.main_cont03 .policy_cont.policy02 ul li {background-size: auto}
.main_cont03 .policy_cont.policy03 ul li {background-size: auto}
.main_cont03 .policy_cont.policy04 ul li {background-size: auto}
.main_cont03 .policy_cont ul li:nth-child(even) {margin-right: 12px}
.main_cont03 .policy_cont ul li:nth-child(3n) {margin-right: 12px}
.main_cont03 .policy_cont ul li a {padding: 10px 20px}
.main_cont03 .policy_cont ul li strong {max-height: 52px; margin-bottom: 18px; font-size: 20px; line-height: 26px}
.main_cont03 .policy_cont ul li span {max-height: 40px; font-size: 15px; line-height: 20px}
.main_cont03 .policy_cont ul li:nth-child(7), .main_cont03 .policy_cont ul li:nth-child(8), .main_cont03 .policy_cont ul li:nth-child(9) {margin-bottom: 0}

/*pc À̹ÌÁö ¿©¹é Á¶Á¤*/


.main_cont04 {padding: 0 0 0px 0}
.main_cont04 .main_tit {padding: 73px 0 82px}
.main_cont04 .inner {position: relative}
.main_cont04 .slick-arrow {display: block !important; position: absolute; top: 50%; width: 70px; height: 70px; margin-top: -60px; z-index: 1}
.main_cont04 .slick-prev {left: 0; background: url(../images/main/arrow_prev01.png) no-repeat; background-size: 100%}
.main_cont04 .slick-prev:hover {background: url(../images/main/arrow_prev01_over.png) no-repeat; background-size: 100%}
.main_cont04 .slick-next {right: 0px; background: url(../images/main/arrow_next01.png) no-repeat; background-size: 100%}
.main_cont04 .slick-next:hover {background: url(../images/main/arrow_next01_over.png) no-repeat; background-size: 100%}
.main_cont04 .space_search {width: 500px; padding-top: 66px}
.main_cont04 .space_search .tab_btn {padding: 10px 0; font-size: 22px}
.main_cont04 .space_search .tab_btn.active:before {bottom: -10px; margin-left: -7px; border-top: 10px solid #2d7c62; border-right: 7px solid transparent; border-left: 7px solid transparent}
.main_cont04 .space_search .tab_cont {padding: 40px 32px 39px}
.main_cont04 .space_search .tab_cont > div select, .main_cont04 .space_search .tab_cont > div input {height: 33px; font-size: 15px}
.main_cont04 .space_search .tab_cont .btn_search {margin-top: 35px; padding: 20px 0; font-size: 30px}
.main_cont04 .space_search .tab_cont .btn_search span:before {left: -57px; width: 39px; height: 39px; background-size: 35px; vertical-align: -2px}
.main_cont04 .space_search .tab02 .tab_cont {padding: 10px 0}
.main_cont04 .space_search .tab02 .tab_cont .tit {position: absolute; top: 10px; left: 10px; margin-bottom: 0}

.main_cont04 .space_search .tab02 .tab_cont .tit {position: relative; padding-left: 9px; margin-bottom: 15px; font-size: 16px; color: #333; letter-spacing: -0.05em}
.main_cont04 .space_search .tab02 .tab_cont .tit:before {content: '*'; position: absolute; top: 2px; left: 0;}
.main_cont04 .space_search .tab02 .tab_cont .tit span {font-size: 16px; font-weight: 700}
.main_cont04 .space_search .tab02 .tab_cont .tit .pc_cont {display: none}
.main_cont04 .space_search .tab02 .tab_cont ul:after {content: ''; display: block; clear: both}

.main_cont04 .space_search .tab02 .tab_cont ul:after {content: ''; display: block; clear: both}
.main_cont04 .space_search .tab02 .tab_cont ul li {float: left; padding-left:20px; width: 100%}
.main_cont04 .space_search .tab02 .tab_cont ul li a {position: relative; display: block; padding: 3px 0 3px 6px; padding-left: 6px; color: #333}
.main_cont04 .space_search .tab02 .tab_cont ul li a:before {content: ''; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background: #333}
.main_cont04 .space_search .tab02 .tab_cont ul li a:hover, .main_cont04 .space_search .tab02 .tab_cont ul li a:focus {text-decoration: underline}


.main_cont04 .space_result {float: left; width: calc(100% - 510px)}
.main_cont04 .space_result .space_slider ul.slide li {height: 193px}
.main_cont04 .space_result .space_slider ul.slide li .img {width: 180px; height: 191px}
.main_cont04 .space_result .space_slider ul.slide li .img .space_name {height: 40px; font-size: 16px; line-height: 39px}
.main_cont04 .space_result .space_slider ul.slide li .img .space_addr {top: 40px; width: 62px; height: 60px; padding: 10px 8px; font-size: 16px}
.main_cont04 .space_result .space_slider ul.slide li .img .space_addr:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 10px 8px; border-color: #0a6648; border-style: solid; box-sizing: border-box}
.main_cont04 .space_result .space_slider ul.slide li .txt {float: left; width: calc(100% - 213px); padding: 8px 13px 0 20px}
.main_cont04 .space_result .space_slider ul.slide li .txt span {margin-bottom: 9px; font-size: 18px}
.main_cont04 .space_result .space_slider ul.slide li .txt span:before {right: -11px; width: 7px; height: 18px; margin-top: -9px; background-size: 7px 18px}
.main_cont04 .space_result .space_slider ul.slide li .txt .info {height: 120px; line-height: 24px; -webkit-line-clamp: 5; font-size: 14px}
.main_cont04 .space_result .space_slider .dots_wrap {margin-top: 24px}
.main_cont04 .space_result .no_data {height: 394px; background: #f8f8f8 url(../images/basic/img_no_data.png) no-repeat 50% 100px; background-size: auto}
.main_cont04 .space_result .no_data p {padding-top: 246px; font-size: 25px}

.main_cont04 .space_search .tab_cont form > div select, .main_cont04 .space_search .tab_cont form > div input {height: 32px}

.main_cont05 {padding: 0 0 10px 0}
.main_cont05 .inner:after {content: ''; display: block; clear: both}
.main_cont05 .info_wrap > div {position: relative; float: left; width: 313px; height: 145px; padding: 15px; margin-right: 0}
.main_cont05 .info_wrap > div:first-child {margin-bottom: 13px}
.main_cont05 .kakao:after {position: absolute; top: 10px; right: 22px; width: 47px; height: 47px}
.main_cont05 .info_wrap {width: 313px; float: left; margin-right: 18px}
.main_cont05 .info_wrap .txt {display: inline-block;}
.main_cont05 .info_wrap strong {padding-bottom: 8px; font-size: 25px}
.main_cont05 .info_wrap p {padding-bottom: 0}
.main_cont05 .info_wrap p br {display: block}
.main_cont05 .call a {font-size: 17px}
.main_cont05 .kakao .btn_link {position: absolute; bottom: 16px; right: 20px; font-size: 15px}
.main_cont05 .kakao .btn_link:after {width: 59px; height: 9px; margin-left: 12px; background-size: 59px 9px; vertical-align: 3px}
.main_cont05 .board_wrap {float: left; width: calc(100% - 331px)}
.main_cont05 .board_wrap .main_board:first-child {margin-right: 0px}

.main_cont06 {padding: 0 0 77px 0}
.main_cont06 .slick-arrow {display: block !important; position: absolute; top: 50%; width: 70px; height: 70px; margin-top: -60px; z-index: 1}
.main_cont06 .slick-prev {left: -95px; background: url(../images/main/arrow_prev01.png) no-repeat; background-size: 100%}
.main_cont06 .slick-prev:hover {background: url(../images/main/arrow_prev01_over.png) no-repeat; background-size: 100%}
.main_cont06 .slick-next {right: -95px; background: url(../images/main/arrow_next01.png) no-repeat; background-size: 100%}
.main_cont06 .slick-next:hover {background: url(../images/main/arrow_next01_over.png) no-repeat; background-size: 100%}
.main_cont06 .main_tit {padding: 73px 0 82px}
.main_cont06 .inner {position: relative}
.main_cont06 .slick-slide .img {height: 188px}
.main_cont06 .slick-slide .txt {padding: 24px 18px}
.main_cont06 .slick-slide .txt p {height: 72px; line-height: 24px; font-size: 16px}
.main_cont06 .slick-dots {padding-top: 36px}
.main_cont06 .play_btn_wrap {margin-top: -5px}

}

@media screen and (min-width: 1300px){
	
.main_cont02 {padding: 20px 0; width: 1280px; margin: 0 auto}
.main_cont02 .tit {padding-left: 28px}
.main_cont02 .news {width: 880px}

}

@media screen and (max-width: 359px){
	
.main_tit {font-size: 16px}
.main_tit span {font-size: 19px}
.main_cont05 .kakao:after {width: 40px; height: 40px; margin-left: 10px}

}

@media screen and (min-width: 1350px){
	
.main_cont01 .slick-prev {left: 50%; margin-left: -640px}
.main_cont01 .slick-next {right: 50%; margin-right: -640px}
}

@media screen and (min-width: 900px) and (max-width: 1069px){
	
.main_cont03 .banner_slider {width: 408px}
.main_cont03 .banner_slider img {width: 406px; height:300px}
.main_cont03 .rank {float: left; width: calc(100% - 417px)}
.main_cont03 .rank .tit {padding: 14px 0 14px 20px}
.main_cont03 .rank ol {padding: 20px}
.main_cont03 .rank ol li {margin-bottom: 13px}
.main_cont03 .rank .date_choice {top: 11px; right: 13px}

}

@media screen and (min-width: 1070px) and (max-width: 1300px){
.main_cont04 .space_search {width: 400px}
.main_cont04 .space_result {width: calc(100% - 410px)}

.main_cont04 .space_search .tab02 .tab_cont .map_area .map_seoul {left: 157px; top: 53px; width: 22px; height: 18px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_busan {left: 258px; top: 206px; width: 25px; height: 20px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_daegu {left: 229px; top: 160px; width: 24px; height: 26px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_incheon {left: 129px; top: 38px; width: 30px; height: 36px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_gwangju {left: 142px; top: 214px; width: 21px; height: 13px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_daejeon {left: 172px; top: 133px; width: 17px; height: 22px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_ulsan {left: 268px; top: 175px; width: 28px; height: 28px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_sejong {left: 169px; top: 115px; width: 15px; height: 18px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_gyeonggido {left: 132px; top: 16px; width: 80px; height: 82px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_gangwondo {left: 198px; top: 0; width: 87px; height: 91px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_chungcheongbukdo {left: 191px; top: 97px; width: 46px; height: 62px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_chungcheongnamdo {left: 122px; top: 97px; width: 66px; height: 60px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_Jeollabukdo {left: 149px; top: 158px;  width: 65px; height: 48px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_Jeollanamdo {left: 106px; top: 201px; width: 89px; height: 66px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_gyeongsangbukdo {left: 222px; top: 107px; width: 73px; height: 80px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_gyeongsangnamdo {left: 195px; top: 187px; width: 93px; height: 60px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_jeju {left: 93px; top: 286px; width: 38px; height: 20px}
.main_cont04 .space_search .tab02 .tab_cont .map_area .map_jeju span.active {top: -19px; left: -94px}

.main_cont04 .space_search .tab02 .tab_cont .tit {font-size: 13px}
.main_cont04 .space_result .space_slider ul.slide li .img {width: 150px}
.main_cont04 .space_result .space_slider ul.slide li .txt {width: calc(100% - 183px)}

}

@media screen and (max-width: 1069px){
	.main_cont04 .space_search .tab02 .tab_cont ul li a {display: block !important}
	.main_cont04 .space_search .tab02 .tab_cont ul li a span {display: block !important}
}

@media screen and (max-width: 1520px){
	
	.main_cont06 .slick-prev {left: 5px}
	.main_cont06 .slick-next {right: 5px}

}

@media screen and (min-width: 1070px) and (max-width: 1240px){

	.main_board .tit {padding: 22px 0 22px 22px; font-size: 20px}
	.main_cont05 .btn_more {width: 88px}

}

@media screen and (max-width: 400px){
	
	.main_cont05 .kakao:after, .main_cont05 .call:after {display: none}

}


/*¸ÞÀÎ ¹è³Ê*/

section.page-1 { 
    padding:170px 0 80px; 
    background: #fae9ed url(../img/main/page_1_bg.png) left bottom no-repeat; 
    background-size: contain !important;
}
.page_1_inner { max-width:1400px; margin:0 auto; }
.page_1_cell1 { width:49.9%; float:left; background-color: #e1edff; height:550px; position: relative; border:0px solid #D2D2D2;} 

.page_1_cell2 { width:49.9%; float:left; height:550px;  border:1px solid #D2D2D2;}
.tab_menu_wrap { background-color: #fff; height:400px; padding:23px 40px; }
.tab_head { border-bottom:2px solid #e5e5e5; }
.tab_head_list {  }
.tab_head_list > li { 
    float:left; 
    text-align: center; 
    line-height: 48px; 
    font-size: 17px; 
    letter-spacing: -1px; 
    color:#444; 
    padding: 0 20px;
    position: relative;
    cursor:pointer;
}
.tab_head_list > li {}
.tab_head_list > li.active::after { 
    content:""; 
    display: block; 
    position: absolute; 
    width:100%; 
    height:2px; 
    background-color: #333333; 
    top: 100%; 
    left:0;
}
.tab_head_list > li > button {color: #555555;}
.tab_head_list > li.active > button {color: #333333; font-weight: 600;}

.tab_contents { position: relative; height:340px; }
.tab_contents > li { position: absolute; width:100%; height:100%; display: none; }
.tab_contents > li.active { display: block; }
.tab_contents_row1 { padding:35px 5px 30px 0; border-bottom: 1px solid #ddd; }
.tab_contents3 .tab_contents_row1 { border-bottom:0; }
.tab_contents_row2 { padding:30px 0 0 0; }

.quick_menu_wrap { background-color: #f6f6f6; height:145px; padding:0 38px; border-top:0px solid #eeeeee;}
.quick_menu_wrap > div { float:left; }
.quick_menu_row1 { width:100%; }
.quick_menu_row2 { width:40%; padding-left:20px; padding-top:27px;}
.quick_menu_row1 > a {
    padding-top:105px; 
    float:left;
    width:calc(99.9% / 4); 
    color: #394553; 
    font-size: 18px;
    font-family: 'S-CoreDream-7ExtraBold'; 
    text-align: center; 
    cursor: pointer;
}
.quick_menu_row2 > div > h4 > a {
    padding-left:22px; 
    background: url(../img/site_link_ico.png) left center no-repeat; 
    color:#333333;
    font-family: 'S-CoreDream-7ExtraBold'; 
    font-size:18px; 
    line-height: 35px; 
    display: block;
}
.quick_link1 { background: url(../img/quick_ico11.png) center 38px no-repeat; }
.quick_link2 { background: url(../img/quick_ico22.png) center 29px no-repeat; }
.quick_link3 { background: url(../img/quick_ico33.png) center 37px no-repeat; }
.quick_link4 { background: url(../img/quick_ico44.png) center 31px no-repeat; }

@media screen and (max-width: 1400px) {
    section.page-1 { padding:130px 0 80px 0; }
    .page_1_inner { width:700px; }
    .page_1_cell1 { width:100%; float:none; margin-bottom:15px; }
    .page_1_cell2 { width:100%; float:none; }
}

@media screen and (max-width: 720px) {
    .page_1_inner { width:calc(100% - 20px); }
    .page_1_cell1 { height:auto; margin-bottom:10px; }
    .page_1_cell2 { height:auto; }

    .tab_menu_wrap { padding:10px 15px 0; height:315px;}
    .tab_head_list > li { font-size: 16px; line-height: 42px; padding:0 20px; }
    .tab_contents { height:290px; }
    .tab_contents_row1 { padding:20px 5px 15px 0; }
    .tab_contents_row2 { padding:20px 0 0 0; }

    .quick_menu_wrap { height: 130px; padding:0 15px; }
    .quick_menu_row1 > a { font-size: 15px; padding-top:90px; }
    .quick_link1 { background-size:51px; }
    .quick_link2 { background-size:52px; }
    .quick_link3 { background-size:49px; }
    .quick_link4 { background-size:35px; }
    .quick_menu_row2 > div > h4 > a { font-size: 15px; line-height: 28px; padding-left:18px; }
}

@media screen and (max-width: 600px) {
    section.page-1 { padding:90px 0 60px; }
    .tab_menu_wrap { height:305px; }
    .tab_head_list > li { font-size: 15px; line-height: 40px; padding:0 15px; }
    .tab_contents { height:250px; }
    .quick_menu_wrap { height: 120px; padding:0 10px; }
    .quick_menu_row1 > a { font-size: 13px; padding-top:80px; }
    .quick_link1 { background-size:41px; }
    .quick_link2 { background-size:42px; }
    .quick_link3 { background-size:38px; }
    .quick_link4 { background-size:27px; }
    .quick_menu_row2 { padding-top:24px; }
    .quick_menu_row2 > div > h4 > a { font-size: 13px; line-height: 25px; padding-left:17px; }
}

@media screen and (max-width: 500px) {
    .quick_menu_wrap { height:155px; }
    .quick_menu_row1 { float: none; width:100%; }
    .quick_menu_row1 > a { padding-top:70px; }
    .quick_menu_row2 { float: none; width:100%; }
    .quick_link1 { background-position:center 28px; }
    .quick_link2 { background-position:center 19px; }
    .quick_link3 { background-position:center 27px; }
    .quick_link4 { background-position:center 21px; }
    .quick_menu_row2 { padding-top:24px; }
    .quick_menu_row2 > div { float:left; }
    .quick_menu_row2 > div > h4 > a { padding-right:20px; }
    .quick_menu_row2 > div:last-child > h4 > a { padding-right:0; }
}

@media screen and (max-width:405px) {
    .tab_head_list > li { font-size: 14px; }
    .quick_menu_wrap { padding:0; }
    .quick_menu_row2 > div > h4 > a { padding-right:15px; }
}

@media screen and (max-width:370px) {
    section.page-1 { padding:85px 0 40px; }
    .page_1_inner { width:100%; }
    .tab_menu_wrap { padding:10px 10px 0; height:280px; }
    .tab_contents { height:230px; }
    .quick_menu_row1 { font-size: 12px; }
    .quick_menu_row2 { padding-left:13px; }
    .quick_menu_row2 > div { font-size: 12px; line-height: 23px; }
}

@media screen and (max-width: 320px) {
    .quick_menu_wrap { height:145px; }
    .quick_menu_row2 { padding-left:10px; }
    .quick_menu_row1 > a { font-size: 11px; }
    .quick_menu_row2 > div { background-size:8px; padding-left:12px; font-size: 11px; }
}

.main_carousel .owl-stage-outer .item img { width:auto; cursor: pointer; }

.main_carousel .owl-dots {position: absolute; z-index: 9999; padding: 0 3px 3px 3px;background-color:rgba(0, 0, 0, 0.5);}
.main_carousel .owl-dots a {color: #fff; padding: 0 2px; font-size:12px; letter-spacing: -1px; font-weight: 100;}

.main_carousel .owl-theme .owl-dots  { position: absolute; bottom:40px; left:50%; transform:translateX(-50%); display: none; }
.main_carousel .owl-theme .owl-dots .owl-dot {
    position: relative; width:10px; height:10px; padding:0; margin-right:37px; display: block; float:left;
}
.main_carousel .owl-theme .owl-dots .owl-dot:last-child { margin-right:0; }
.main_carousel .owl-theme .owl-dots .owl-dot span { background-color:#fff !important; display: block; height:100%; padding:0; margin:0;}
.main_carousel .owl-theme .owl-dots .owl-dot.active span { background-color:#fff; }
.main_carousel .owl-theme .owl-dots .owl-dot::after {
    content:""; position: absolute; width:0; height:0; border:1px solid #fff; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius: 50%;
}
.main_carousel .owl-theme .owl-dots .owl-dot.active::after { width:34px; height:34px; transition: all .2s;}
.main_carousel .slide_text_box p { color:#fff; }
.main_carousel .side-btns {
    width:100px; 
    height:50px; 
    line-height: 52px; 
    background-color: #404347; 
    text-align: center; 
    position: absolute; 
    left:65px; 
    bottom:0; 
    z-index: 1;
}
.main_carousel .side-btns > button {width: calc(100% / 2); cursor: pointer; height: 50px;}
.main_carousel .side-btns button.prev {float:left; border-right: 1px solid #ffffff;  }
.main_carousel .side-btns button.next {float:right; }

.main_carousel .item-counter {
    position:absolute; font-size:16px; line-height:52px; color:#333; width:65px; height:50px; text-align: center;
    bottom:0; left: 0; z-index: 1; font-family: 'Montserrat', sans-serif; background-color: #f8fbff; font-weight:bold;
}

.main_carousel .item-counter .current-item-no {}

.play_stop { 
    z-index: 1; 
    position: absolute; 
    bottom:0; 
    left: 165px; 
    width:50px; 
    height:50px; 
    line-height: 50px; 
    background-color: #00589b; 
    text-align: center;
}

.main_carousel[data-carousel-1-autoplay-status="Y"] .play {
    display:none;
}

.main_carousel[data-carousel-1-autoplay-status="N"] .stop {
    display:none;
}

@media screen and (max-width:720px) {
    .main_carousel .owl-stage-outer .item img { width:100%; }
    .main_carousel .side-btns { width: 76px; height:40px; line-height: 42px; left:55px; }
    .main_carousel .side-btns button.prev { height: 40px; width: 38px; }
    .main_carousel .side-btns button.next { height: 40px; width: 38px; }
    .play_stop { width:40px; height:40px; line-height: 42px; left:131px; }
    .main_carousel .item-counter { width:55px; height:40px; line-height: 42px; font-size: 14px; }
}

@media screen and (max-width:400px) {
    .main_carousel .side-btns { width: 56px; height:30px; line-height: 32px; left:45px; }
    .main_carousel .side-btns button.prev { height: 30px; width: 28px; }
    .main_carousel .side-btns button.next { height: 30px; width: 28px; }
    .play_stop { width:30px; height:30px; line-height: 32px; left:101px; }
    .main_carousel .item-counter { width:45px; height:30px; line-height: 32px; font-size: 12px; }
}
section.page-2 { padding:14vh 0 7vh; background: #cff1ef url(../img/main/page_2_bg.png) left top no-repeat; background-size: cover !important; }

.page_2_inner { max-width:1400px; margin:0 auto; }
.page_2_row1 { margin-bottom:65px; }


@media screen and (max-width: 1400px) {
    section.page-2 { padding:60px 0; background-size: contain !important; }
    .page_2_inner { width:700px; }
    .schedule_menu_cell1 { float:none; width:100%; }
    .schedule_menu_cell2 { float:none; width:100%; }
}

@media screen and (max-width:720px) {
    .page_2_inner { width:calc(100% - 20px); }
    .schedule_menu_cell1 {  }
    .schedule_menu_cell2 {  }
}

@media screen and (max-width: 350px) {
    section.page-2 { padding:40px 0; }
    .page_2_inner { width:100%; }
    .schedule_menu_cell1 {  }
    .schedule_menu_cell2 {  }
}

/*ÃÖ½Å±Û ½ºÅ²*/
.pic_lt{position:relative;overflow:hidden;}
.pic_lt .lat_title {
	letter-spacing: -1px;
	font-size: 19px;
	font-weight: 600;
	text-align: left;
	margin-bottom:25px;
	display: none;
}
.pic_lt .lat_title a {color: #3e3e3e;}
.pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;text-align:center;}
.pic_lt .lt_more:hover{color:#777}
.pic_lt ul:after {display:block;visibility:hidden;clear:both;content:""}

.pic_lt li { width:calc((99.9% - 20px) / 2); float: left; margin:0 auto; text-align: left;}
.pic_lt li:not(:nth-of-type(2n)) { margin-right:20px; }
.pic_lt li .lt_img { margin:0; display:block; overflow: hidden; height:187px; margin-bottom: 35px; overflow: hidden; position: relative; }
.pic_lt li .lt_img::after {
	content:""; display: block; position: absolute; width: 100%; height: 100%; 
	top: 0; left: 0; transition: border .3s; border:0 solid transparent;
}
.pic_lt li .lt_img:hover::after { border:3px solid #20a6d7; }
.pic_lt li .lt_img img { display: block; width:100%; }
.pic_lt li a { display: block; }
.pic_lt li a > p { height:100%; background-size: cover; background-position: center center; }

.pic_lt li a.pic_subject {
	display: block; overflow: hidden; text-overflow: ellipsis; width: 98%; white-space: nowrap;
	font-size: 16px; line-height:16px; height: 17px; letter-spacing: -1px; position: relative; font-weight:500;
	color: #225593;
}
.pic_lt li span.lt_date {
	color:#999; font-size:15px; line-height:15px; font-weight: 400; letter-spacing: -1px; display:block; color: #999;
}
.pic_lt li span.lt_date i { margin-right:3px; }

.pic_lt li .wr_content {
	margin-bottom:17px;
	display: block;
}

.pic_lt li .wr_content {
	color:#777;
	font-size:15px;
	line-height: 15px;
	letter-spacing: -1px;
	word-break:normal;
}

.pic_lt li .wr_content > p:not(:nth-of-type(1)) {
	display: none;
}

.pic_lt li .wr_content > p:nth-of-type(1) {
	position: relative;
}

.pic_lt li .wr_content > p:nth-of-type(1)::after {
	content:"...";
	display: block;
	position: absolute;
	top:100%;
	left:0;
}

.pic_lt li .wr_content div {
	display: none;
}

.pic_lt li .fa-heart{color:#ff0000;}
.pic_lt li .fa-lock{display: inline-block;line-height: 12px;width: 12px;font-size: 5px;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.pic_lt li .new_icon{display:inline-block;width: 12px;line-height:12px ;font-size: 5px;color:#fff;background:#76b9bd;text-align:center;border-radius: 2px;}
.pic_lt li .hot_icon{display:inline-block;width: 12px;line-height:12px ;font-size: 5px;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.pic_lt li .fa-caret-right{color:#bbb}
.pic_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}

.pic_lt .lt_cmt{ font-size:12px; color:#666; font-family: NanumGothic;}
.pic_lt .lt_more { font-size:14px; position:absolute; top:0px; right:15px; display:block; width:27px; height:27px; border:1px solid #ddd; line-height:27px; text-align:center; color:#888; }
.pic_lt .lt_more:hover{color:#777}

@media screen and (max-width: 1400px) {
	.pic_lt li .lt_img { height:180px; }
	.pic_lt li a.pic_subject { font-size: 14px; }
}

@media screen and (max-width: 860px) {
	.pic_lt li .lt_img { height:150px; }
	.pic_lt li a.pic_subject { font-size: 12px; }
}

@media screen and (max-width: 600px) {
	.pic_lt li .lt_img { margin-bottom: 25px;}
}
@media screen and (max-width: 450px) {
	.pic_lt li .lt_img {height: 120px;}
}



/* »õ±Û ½ºÅ² (latest) */

.simple_lat_typeA { position:relative; overflow:hidden; }
.simple_lat_typeA .lat_title {letter-spacing: -0.3px; font-size: 1.7em; font-weight: 600; text-align: left; display: none; }
.simple_lat_typeA .lat_title a {color: #3e3e3e;}
.simple_lat_typeA ul { padding-left:6px; }
.simple_lat_typeA li { 
	white-space: nowrap; 
	position: relative; 
	letter-spacing: -1px; 
	margin-bottom:10px; 
	padding-left:12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.simple_lat_typeA li::before { 
	content:""; 
	display: block; 
	position: absolute; 
	width:3px;
	height:3px; 
	top:8px; 
	left:0; 
	background: #b3b3b3;
}
.simple_lat_typeA li:nth-of-type(1) { display: none; }
.simple_lat_typeA li a { text-overflow: ellipsis; letter-spacing: -1px; }
.simple_lat_typeA .lt_subject { 
	color:#555; 
	font-weight: 400; 
	font-size:16px; 
	/*line-height: 18px; */
	text-overflow: ellipsis; 
	max-width:calc(99% - 35px); 
	overflow: hidden; 
	/*float:left;*/
}
.simple_lat_typeA .lt_subject strong {font-weight: 500;}
.simple_lat_typeA .lt_date { 
	color:#999999; 
	font-weight: 400; 
	font-size:14px; 
	/*line-height: 16px; */
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	width: 35px;
}
.simple_lat_typeA .empty_li { color:#666; text-align:left; padding:0;}
.simple_lat_typeA .empty_li:before{ content: ''; }
.simple_lat_typeA .title_icon { float:right; }

.simple_lat_typeA .lt_cmt{ font-size:12px; color:#666;}
.simple_lat_typeA .lt_more { display:none;
	font-size:14px; position:absolute; top:0px; right:15px; width:27px; height:27px; border:1px solid #ddd; line-height:27px; text-align:center; color:#888; }

@media screen and (max-width: 720px) {
	.simple_lat_typeA li { margin-bottom:18px; }
	.simple_lat_typeA .lt_subject { font-size: 15px; line-height: 15px; }
	.simple_lat_typeA .lt_date { font-size:14px; line-height: 14px; }
}

@media screen and (max-width: 600px) {
	.simple_lat_typeA ul { padding-left:3px; }
	.simple_lat_typeA li { margin-bottom:15px; padding-left: 13px; }
	.simple_lat_typeA .lt_subject { font-size: 14px; line-height: 14px; }
	.simple_lat_typeA .lt_date { font-size: 13px; line-height: 13px; }
}

@media screen and (max-width: 370px) {
	.simple_lat_typeA .lt_subject { font-size: 13px; line-height: 13px; }
	.simple_lat_typeA .lt_date { font-size: 12px; line-height: 12px; }
}



.basic_lat_typeA { position:relative; overflow:hidden; font-family: 'Noto Sans KR', sans-serif; }
.basic_lat_typeA .lat_title {letter-spacing: -0.3px; font-size: 1.7em; font-weight: 600; text-align: left; display: none; }
.basic_lat_typeA .lat_title a {color: #3e3e3e;}
.basic_lat_typeA > ul {  }
.basic_lat_typeA > ul > li { position:relative; padding: 30px 0 0; text-align: left; font-size: 17px; color: #555; max-height:75px; overflow: hidden; }
.basic_lat_typeA > ul > li:first-child { padding-top:0; }

.basic_lat_typeA li a { text-overflow: ellipsis; display: block; letter-spacing: -.5px; float:left; position: relative; padding-left:20px; width:calc(100% - 100px); }

.basic_lat_typeA li a span { display: block; }
.basic_lat_typeA li a .subject { font-size:17px; line-height:17px; color:#1764a8; margin-bottom:5px; font-weight:500; max-width: 99.9%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.basic_lat_typeA li a .content {
	font-size:16px; 
	line-height:23px;
	color:#666;
	height:50px; overflow: hidden;
	width: 99.9%; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	margin-top: .7rem;
}

.basic_lat_typeA li .title_icon { position: absolute; top:0; right:0; }

.basic_lat_typeA .lt_date { float:left; width: 75px; height: 75px; border:2px solid #ddd; box-sizing: border-box; text-align: center; padding-top:8px; }
.basic_lat_typeA .lt_date .year { color: #444; font-size:14px; line-height: 23px; font-weight: 500; letter-spacing: -.5px; }
.basic_lat_typeA .lt_date .month { color: #444; font-size:14px; line-height: 23px; font-weight: 500; letter-spacing: -.5px; }
.basic_lat_typeA .lt_date .day { display: block; color: #444; font-size:23px; line-height: 28px; font-weight: 800;}

.basic_lat_typeA .empty_li{ color:#666; text-align:left; padding:0;}
.basic_lat_typeA .empty_li:before{ content: ''; }

.basic_lat_typeA .lt_cmt{ font-size:12px; color:#999; }
.basic_lat_typeA .lt_more { display:none;
	font-size:14px; position:absolute; top:0px; right:15px; width:27px; height:27px; border:1px solid #ddd; line-height:27px; text-align:center; color:#888;
}

@media screen and (max-width: 600px) {
	.basic_lat_typeA .lt_date { width:65px; height:65px; margin-left:10px; }
	.basic_lat_typeA .lt_date .day { font-size: 21px; line-height: 21px; }
	.basic_lat_typeA .lt_date .month { font-size: 13px; line-height: 13px; }
	.basic_lat_typeA li a { width:calc(100% - 90px); }
	.basic_lat_typeA li a .subject { font-size: 15px; }
	.basic_lat_typeA li a .content { font-size: 14px; line-height: 23px; height:46px; }
}

@media screen and (max-width: 370px) {
	.basic_lat_typeA .lt_date { width:55px; height:55px; margin-left:10px; }
	.basic_lat_typeA .lt_date .day { font-size: 19px; line-height: 19px; }
	.basic_lat_typeA .lt_date .month { font-size: 11px; line-height: 11px; }
	.basic_lat_typeA li a { width:calc(100% - 80px); }
	.basic_lat_typeA li a .subject { font-size: 14px; line-height: 14px; }
	.basic_lat_typeA li a .content { font-size: 13px; line-height: 20px; height:40px; }
}


/*¸ÞÀÎ ´Þ·Â*/

.calendar-menu{margin-bottom: 16px;border-radius: 8px;border: 1px solid #ddd;}
.calendar-menu > ul{}
.calendar-menu > ul > li{float: left;width: 50%;height: 55px;text-align: center;}
.calendar-menu > ul > li > a{position: relative;display: inline-block;line-height: 55px;font-size: 18px;font-weight: bold;letter-spacing: -1px;}
.calendar-menu > ul > li > a.blue{color: #00ac97;}
.calendar-menu > ul > li > a.orange{color: #f08300;}
.calendar-menu > ul > li > a.blue.on::before{position: absolute;bottom: -1px;left: 0;z-index: 9;width: 100%;height: 5px;background: #00ac97;content:"";}
.calendar-menu > ul > li > a.orange.on::before{position: absolute;bottom: -1px;left: 0;z-index: 9;width: 100%;height: 5px;background: #f08300;content:"";}
.calendar-box{display: none;padding: 10px;border-radius: 8px;}
.calendar-box.on{display: block;}
.calendar-box.blue-con {}
/*.calendar-box.blue-con{background: #00ac97;}
.calendar-box.orange-con{background: #f08300;}*/
.calendar-title{display: table;margin: 0 auto 15px;position: relative;padding: 20px 40px 10px 40px;}
.calendar-title > h4{font-size: 16px; line-height: 0px;}
.calendar-title > a{position: absolute;bottom: 0;width: 12px;height: 22px;top:7px}
.calendar-title > a.prev{left: 0;}
.calendar-title > a.next{right: 0;}

.calendar-table{background: #fff;margin-bottom: 12px;  float:left; max-width:49%}

.calendar-table table{width: 100%;}
.calendar-table table th{background: #fff1ea;color: #333;font-size: 15px;height: 36px;border-left: 1px solid #efe6e1;}
.calendar-table table td{position: relative;vertical-align: top;height: 52px;padding: 6px 0 0 10px;color: #000;font-size: 15px;font-weight: bold;line-height: 15px;box-sizing: border-box;border-left: 1px solid #efe6e1;border-bottom: 1px solid #efe6e1;}
.calendar-table table tr > th:first-child,
.calendar-table table tr > td:first-child{color: #fd4949;border-left: 0;}
.calendar-table table tr:last-child > td{border-bottom: 0;}
.calendar-table .remind{position: absolute;top: 28px;left: 0;width: 100%;}
.calendar-table .remind > ul{display: table;margin: 0 auto;}
.calendar-table .remind > ul > li{float: left;width: 10px;height: 10px;font-size: 0;border-radius: 10px;margin-left:3px;}
.calendar-table .remind > ul > li:first-child{margin-left: 0;}

/*1226 »ö»óÃß°¡*/
.calendar-table .remind > ul > li.red{background: #ff6666;}  /*»èÁ¦*/
.calendar-table .remind > ul > li.blue{background: #3399ff;} /*»èÁ¦*/
.calendar-table .remind > ul > li.green{background: #99cc33;}/*»èÁ¦*/
.calendar-table .remind > ul > li.bgff5b00 { background-color: #ff5b00;}
.calendar-table .remind > ul > li.bg3abc17 { background-color: #3abc17;}
.calendar-table .remind > ul > li.bgf4f7fc { background-color: #f4f7fc;}
.calendar-table .remind > ul > li.bgdbebe5 { background-color: #dbebe5;}
.calendar-table .remind > ul > li.bgf4f7fc { background-color: #f4f7fc;}
.calendar-table .remind > ul > li.bgf3893b { background-color: #f3893b;}
.calendar-table .remind > ul > li.bgacb329 { background-color: #acb329;}
.calendar-table .remind > ul > li.bg3badd3 { background-color: #3badd3;}
.calendar-table .remind > ul > li.bg20c1cb { background-color: #20c1cb;}
.calendar-table .remind > ul > li.bgd7ba33 { background-color: #d7ba33;}
.calendar-table .remind > ul > li.bg0cbce2 { background-color: #0cbce2;}
.calendar-table .remind > ul > li.bg19d300 { background-color: #19d300;}
.calendar-table .remind > ul > li.bgfeeab8 { background-color: #feeab8;}
.calendar-table .remind > ul > li.bgfcefe5 { background-color: #fcefe5;}
.calendar-table .remind > ul > li.bge0e0e0 { background-color: #e0e0e0;}
.calendar-table .remind > ul > li.bg6dba8e { background-color: #6dba8e;}
.calendar-table .remind > ul > li.bg81a9c2 { background-color: #81a9c2;}
.calendar-table .remind > ul > li.bga6bd62 { background-color: #a6bd62;}
.calendar-table .remind > ul > li.bgf38738 { background-color: #f38738;}
.calendar-table .remind > ul > li.bgabb226 { background-color: #abb226;}
.calendar-table .remind > ul > li.bgd7b930 { background-color: #d7b930;}
.calendar-table .remind > ul > li.bg03b9e1 { background-color: #03b9e1;}
.calendar-table .remind > ul > li.bg18d300 { background-color: #18d300;}
.calendar-table .remind > ul > li.bg9dbb48 { background-color: #9dbb48;}
.calendar-table .remind > ul > li.bg74a8ca { background-color: #74a8ca;}
.calendar-table .remind > ul > li.bg5fbb85 { background-color: #5fbb85;}
.calendar-table .remind > ul > li.bgea7778 { background-color: #ea7778;}
.calendar-table .remind > ul > li.bg609fc7 { background-color: #609fc7;}
.calendar-table .remind > ul > li.bg90ad3c { background-color: #90ad3c;}
.calendar-table .remind > ul > li.bgff900e { background-color: #ff900e;}
.calendar-table .remind > ul > li.bgeb84b3 { background-color: #ea7778;}
.calendar-table .remind > ul > li.bg4bc7f1 { background-color: #609fc7;}
.calendar-table .remind > ul > li.bgbfd641 { background-color: #90ad3c;}

.calendar-memo{background: #f8f8f8; float:left; min-width:49%;  max-width:220px;  min-height:260px; margin-left:8px; padding-top:10px}
.calendar-memo .top-title{position: relative;padding: 0 135px 0 10px;margin: 0 17px 10px 10px;border-bottom: 1px solid #cdcdcd;}
.calendar-memo .top-title > p{display: table-cell;vertical-align: middle;height: 42px;color: #333;font-size: 22px;line-height: 22px;}
.calendar-memo .top-title > a{position: absolute;right: 4px;top: 6px;color: #fff;font-size: 14px;height: 30px;line-height: 29px;padding: 0 18px 0 40px;border-radius: 4px;background: #5d5d5d url('/images/front/main/new_bg9.png') no-repeat 18px center;}
.calendar-memo .bom-font{height:265px;overflow-y: auto;/*padding-left: 10px;*/}
.calendar-memo .bom-font > ul{padding: 10px 0 10px 5px;}
.calendar-memo .bom-font > ul > li{position: relative;color: #333;font-size: 14px;line-height: 18px;margin-top: 18px; /*padding-left: 20px;*/}
.calendar-memo .bom-font > ul > li:first-child{margin-top: 0;}
.calendar-memo .bom-font > ul > li::before{position: absolute;top: 4px;left: 0;z-index: 9;width: 10px;height: 10px;font-size: 0;border-radius: 10px;content:"";}

.calendar-memo .bom-font > ul > li a span{font-size: 14px; text-align:left; margin:15px 0px 5px 0px; font-weight:200px}


.calendar-memo .bom-font > ul > li a span:before{position: absolute;top: 20px;left: 0px;width: 5px;height: 5px;background: #f08300;content: '';border-radius: 50%; }

/*1226 »ö»óÃß°¡*/
.calendar-memo .bom-font > ul > li.blue::before{background: #5daeff;}  /*»èÁ¦*/
.calendar-memo .bom-font > ul > li.blue2::before{background: #0785aa;} /*»èÁ¦*/
.calendar-memo .bom-font > ul > li.green::before{background: #99cc33;} /*»èÁ¦*/
.calendar-memo .bom-font > ul > li.purple::before{background: #d569f8;}/*»èÁ¦*/
.calendar-memo .bom-font > ul > li.libgff5b00::before { background-color: #ff5b00;}
.calendar-memo .bom-font > ul > li.libg3abc17::before { background-color: #3abc17;}
.calendar-memo .bom-font > ul > li.libgf4f7fc::before { background-color: #f4f7fc;}
.calendar-memo .bom-font > ul > li.libgdbebe5::before { background-color: #dbebe5;}
.calendar-memo .bom-font > ul > li.libgf4f7fc::before { background-color: #f4f7fc;}
.calendar-memo .bom-font > ul > li.libgf3893b::before { background-color: #f3893b;}
.calendar-memo .bom-font > ul > li.libgacb329::before { background-color: #acb329;}
.calendar-memo .bom-font > ul > li.libg3badd3::before { background-color: #3badd3;}
.calendar-memo .bom-font > ul > li.libg20c1cb::before { background-color: #20c1cb;}
.calendar-memo .bom-font > ul > li.libgd7ba33::before { background-color: #d7ba33;}
.calendar-memo .bom-font > ul > li.libg0cbce2::before { background-color: #0cbce2;}
.calendar-memo .bom-font > ul > li.libg19d300::before { background-color: #19d300;}
.calendar-memo .bom-font > ul > li.libgfeeab8::before { background-color: #feeab8;}
.calendar-memo .bom-font > ul > li.libgfcefe5::before { background-color: #fcefe5;}
.calendar-memo .bom-font > ul > li.libge0e0e0::before { background-color: #e0e0e0;}
.calendar-memo .bom-font > ul > li.libg6dba8e::before { background-color: #6dba8e;}
.calendar-memo .bom-font > ul > li.libg81a9c2::before { background-color: #81a9c2;}
.calendar-memo .bom-font > ul > li.libga6bd62::before { background-color: #a6bd62;}
.calendar-memo .bom-font > ul > li.libgf38738::before { background-color: #f38738;}
.calendar-memo .bom-font > ul > li.libgabb226::before { background-color: #abb226;}
.calendar-memo .bom-font > ul > li.libgd7b930::before { background-color: #d7b930;}
.calendar-memo .bom-font > ul > li.libg03b9e1::before { background-color: #03b9e1;}
.calendar-memo .bom-font > ul > li.libg18d300::before { background-color: #18d300;}
.calendar-memo .bom-font > ul > li.libg9dbb48::before { background-color: #9dbb48;}
.calendar-memo .bom-font > ul > li.libg74a8ca::before { background-color: #74a8ca;}
.calendar-memo .bom-font > ul > li.libg5fbb85::before { background-color: #5fbb85;}
.calendar-memo .bom-font > ul > li.libgea7778::before { background-color: #ea7778;}
.calendar-memo .bom-font > ul > li.libg609fc7::before { background-color: #609fc7;}
.calendar-memo .bom-font > ul > li.libg90ad3c::before { background-color: #90ad3c;}
.calendar-memo .bom-font > ul > li.libgff900e::before { background-color: #ff900e;}
.calendar-memo .bom-font > ul > li.libgeb84b3::before { background-color: #ea7778;}
.calendar-memo .bom-font > ul > li.libg4bc7f1::before { background-color: #609fc7;}
.calendar-memo .bom-font > ul > li.libgbfd641::before { background-color: #90ad3c;}

@media screen and (max-width: 640px){
.calendar-table{background: #fff;margin-bottom: 12px;  float:left; max-width:100%}
.calendar-memo{background: #f8f8f8; float:left; min-width:100%;  max-width:100%;  min-height:260px; margin-left:0px; padding-top:10px}


@media screen and (max-width: 425px){

/*main*/
.calendar-title > h4{font-size: 26px;}/*20191231*/
.calendar-menu > ul > li{height: 45px;}
.calendar-menu > ul > li > a{line-height: 45px;font-size: 16px;}
.calendar-table .remind > ul > li{width: 8px;height: 8px;}
.calendar-memo .top-title{padding: 0 115px 0 5px;margin: 0 6px 10px 5px;}
.calendar-memo .top-title > p{font-size: 18px;line-height: 18px;}
.calendar-memo .top-title > a{font-size: 13px;padding: 0 10px 0 30px;background-position: 10px center;}
.message-board-menu > ul > li{width: calc(50% - 2px);}
.message-board-center .list-img-fonts > li > *{display: block;}
.message-board-center .list-img-fonts > li > a > img{width: 100%;}
.message-board-center .list-img-fonts > li > dl{padding: 10px 0 0;}
/*main*/

}