<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";   /* �ڽ�  8cbb00 */

/*�׺��� ȭ��*/
.main .content {width: 100%; padding: 0}
.main .content &gt; 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/btn_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%}
.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: #0064b2; background-image: url(../images/main/icon_quick01_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: #2d7c62; background-image: url(../images/main/icon_quick02_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: #1a2865; background-image: url(../images/main/icon_quick03_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: 1px;}
.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: -10px; z-index: 1}

.main_cont03 {padding: 0px 0 20px 0; background: #f2f4f7; border:0px solid red;}
.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: 90px; margin-bottom: 8px; text-align: center; background:#ff9900  url(../images/main/icon_policy01_bg.png) no-repeat 50% 50%; background-size: 60px; border-radius: 3px}
.main_cont03 .policy_cont.policy02 ul li {background: #217cc0 url(../images/main/icon_policy02_bg.png) no-repeat 50% 50%; background-size: 60px}
.main_cont03 .policy_cont.policy03 ul li {background: #217cc0 url(../images/main/icon_policy03_bg.png) no-repeat 50% 50%; background-size: 54px}
.main_cont03 .policy_cont.policy04 ul li {background: #217cc0 url(../images/main/icon_policy04_bg.png) 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: 0 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:#330000; 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 65px; border: 2px dashed #0062b1; background: #fff url(../images/main/icon_policy01.png) no-repeat 16px 50%; background-size: 40px; text-align: left}
.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(../images/main/icon_policy02.png) 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(../images/main/icon_policy03.png) 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(../images/main/icon_policy04.png) 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: left}
.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: 80%; 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 40px 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 &gt; div:after {content: ''; display: block; clear: both}
.main_cont04 .space_search .tab_cont form &gt; div:first-child select {width: calc(50% - 4px)}
.main_cont04 .space_search .tab_cont form &gt; div:first-child select:first-child {margin-right: 8px}
.main_cont04 .space_search .tab_cont form &gt; div select, .main_cont04 .space_search .tab_cont form &gt; div input {float: left; height: 28px; color: #333}
.main_cont04 .space_search .tab_cont form &gt; div select::-webkit-input-placeholder, .main_cont04 .space_search .tab_cont form &gt; div input::-webkit-input-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont form &gt; div select:-moz-placeholder, .main_cont04 .space_search .tab_cont form &gt; div input:-moz-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont form &gt; div select::-moz-placeholder, .main_cont04 .space_search .tab_cont form &gt; div input::-moz-placeholder {color: #333 !important}
.main_cont04 .space_search .tab_cont &gt;form  div select:-ms-input-placeholder, .main_cont04 .space_search .tab_cont form &gt; 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 &gt; 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 &gt;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 &gt;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 0px 0; background: #f2f4f7}
.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 &gt; 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 &gt; 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 &gt; 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: 0 0 30px 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}
.main_cont03 .policy_list .slick-current .tab_btn:before {content: ''; position: absolute; bottom: -5px; left: 50%; border-top: 5px solid #0062b1; border-right: 4px solid transparent; border-left: 4px solid transparent}
.main_cont03 .policy_cont ul li {border:0px solid red; width: calc(33.33% - 6px); height: 90px; margin-right: 9px; margin-bottom: 9px; background:#ff9900 url(../images/main/icon_policy01_bg.png) no-repeat 50% 50%; background-size: 60px; border-radius: 3px}
.main_cont03 .policy_cont.policy02 ul li {background: #217cc0 url(../images/main/icon_policy02_bg.png) no-repeat 50% 50%; background-size: 60px}
.main_cont03 .policy_cont.policy03 ul li {background: #217cc0 url(../images/main/icon_policy03_bg.png) no-repeat 50% 50%; background-size: 54px}
.main_cont03 .policy_cont.policy04 ul li {background: #217cc0 url(../images/main/icon_policy04_bg.png) no-repeat 50% 50%; background-size: 62px}
.main_cont03 .policy_cont ul li:nth-child(even) {margin-right: 9px}
.main_cont03 .policy_cont ul li:nth-child(3n) {margin-right: 0}
.main_cont03 .policy_cont ul li a {display: table-cell; padding: 0 15px; vertical-align: middle}
.main_cont03 .policy_cont ul li strong {max-height: 42px; margin-bottom: 7px; font-size: 16px; line-height: 21px}
.main_cont03 .policy_cont ul li span {max-height: 30px; font-size: 13px; font-weight: 400; 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: table}
.main_cont03 .policy_cont ul li a.active, .main_cont03 .policy_cont ul li a:focus {padding: 0 15px 0 75px; border: 2px dashed #0062b1; background: #fff url(../images/main/icon_policy01.png) no-repeat 16px 50%; background-size: 40px; text-align: left}
.main_cont03 .policy_cont.policy02 ul li a.active, .main_cont03 .policy_cont.policy02 ul li a:focus {background: #fff url(../images/main/icon_policy02.png) 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(../images/main/icon_policy03.png) 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(../images/main/icon_policy04.png) no-repeat 9px 50%; background-size: 48px}
.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; left: 15px}

.main_cont04 .inner:after {content: ''; display: block; clear: both}
.main_cont04 .space_search {float: right; width: calc(35% - 5px); padding-top: 55px; margin-bottom: 0}
.main_cont04 .space_search .tab_btn {padding: 7px 0; font-size: 15px}
.main_cont04 .space_search .tab_cont .btn_search {padding: 3px 0}
.main_cont04 .space_search .tab_cont &gt; div select, .main_cont04 .space_search .tab_cont &gt; div input {font-size: 13px}
.main_cont04 .space_search .tab02 .tab_cont {position: relative; padding: 15px}
.main_cont04 .space_search .tab02 .tab_cont ul li a {font-size: 14px}
.main_cont04 .space_search .tab02 .tab_cont ul li a:before {top: 13px}
.main_cont04 .space_result {float: left; width: calc(65% - 5px); margin-right: 10px}
.main_cont04 .space_result .space_slider ul.slide li {float: left; width: calc(50% - 5px); height: 123px; box-sizing: border-box}
.main_cont04 .space_result .space_slider ul.slide li:nth-child(odd) {margin-right: 10px}
.main_cont04 .space_result .space_slider ul.slide li .img {width: 110px; height: 121px}
.main_cont04 .space_result .space_slider ul.slide li .img .space_name {height: 32px; font-size: 16px; line-height: 31px}
.main_cont04 .space_result .space_slider ul.slide li .img .space_addr {top: 32px; width: 44px; height: 44px; padding-top: 4px; font-size: 14px; line-height: 19px; box-sizing: border-box}
.main_cont04 .space_result .space_slider ul.slide li .txt {float: left; width: calc(100% - 136px); padding: 12px 10px 0 16px; border-left: 0}
.main_cont04 .space_result .space_slider ul.slide li .txt span {margin-bottom: 9px; font-size: 16px}
.main_cont04 .space_result .space_slider ul.slide li .txt span:before {right: -14px; width: 8px; height: 15px; margin-top: -6px; background-size: 8px 15px}
.main_cont04 .space_result .space_slider ul.slide li .txt .info {height: 66px; line-height: 22px; font-size: 14px; -webkit-line-clamp: 3}
.main_cont04 .space_result .space_slider .dots_wrap {margin-top: 24px}
.main_cont04 .space_result .no_data {height: 258px; padding: 0; background: #f8f8f8 url(../images/basic/img_no_data.png) no-repeat 50% 60px; background-size: 120px}
.main_cont04 .space_result .no_data p {padding-top: 150px; font-size: 19px}

.main_cont05 {padding: 0 0 25px 0}
.main_cont05 .info_wrap &gt; 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: 73px 0 42px; 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 &gt; 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: -1000px; 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_quick01_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_quick02_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_quick03_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 {padding: 0 0 0px 0}
.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(../images/main/arrow_prev01.png) no-repeat; background-size: 100%}
.main_cont03 .slick-prev:hover {background: url(../images/main/arrow_prev01_over.png) no-repeat; background-size: 100%}
.main_cont03 .slick-next {right: 2px; background: url(../images/main/arrow_next01.png) no-repeat; background-size: 100%}
.main_cont03 .slick-next:hover {background: url(../images/main/arrow_next01_over.png) no-repeat; background-size: 100%}
.main_cont03 .policy_list {float: left; width: calc(100% - 360px)}
.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 {height: 544px}
.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(33.33% - 8px); height: 195px; 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: 0}
.main_cont03 .policy_cont ul li a {padding: 0 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}
.main_cont03 .policy_cont ul li a.active, .main_cont03 .policy_cont ul li a:focus {padding: 0 20px 0 127px; border: 2px dashed #0062b1; background: #fff url(../images/main/icon_policy01.png) no-repeat 27px 50%; background-size: auto; text-align: left}
.main_cont03 .policy_cont.policy02 ul li a.active, .main_cont03 .policy_cont.policy02 ul li a:focus {background: #fff url(../images/main/icon_policy02.png) no-repeat 27px 50%; background-size: auto}
.main_cont03 .policy_cont.policy03 ul li a.active, .main_cont03 .policy_cont.policy03 ul li a:focus {background: #fff url(../images/main/icon_policy03.png) no-repeat 27px 50%; background-size: auto}
.main_cont03 .policy_cont.policy04 ul li a.active, .main_cont03 .policy_cont.policy04 ul li a:focus {background: #fff url(../images/main/icon_policy04.png) no-repeat 19px 50%; background-size: auto}
.main_cont03 .utill_wrap {float: left; width: 340px; margin-left: 20px}
.main_cont03 .banner_slider {float: none; width: 100%; margin-bottom: 18px; margin-right: 0}
.main_cont03 .banner_slider .m_cont {display: none}
.main_cont03 .banner_slider .pc_cont {display: block}
.main_cont03 .banner_slider .slick-arrow {width: 35px; height: 35px; margin-top: -17px}
.main_cont03 .banner_slider .slick-prev {left: 10px; background: url(../images/main/arrow_prev01.png) no-repeat; background-size: 100%}
.main_cont03 .banner_slider .slick-next {right: 10px; background: url(../images/main/arrow_next01.png) no-repeat; background-size: 100%}
.main_cont03 .banner_slider img {width: 338px; height: 305px}
.main_cont03 .slick-next:hover {background: url(../images/main/arrow_next01_over.png) no-repeat; background-size: 100%}
.main_cont03 .dots_wrap {bottom: 24px; left: 32px}
.main_cont03 .rank {float: none; width: 100%}
.main_cont03 .rank .tit {padding: 12px 0 15px; margin: 0 18px; font-size: 24px}
.main_cont03 .rank ol {padding: 26px 29px}
.main_cont03 .rank ol li {margin-bottom: 9px; font-size: 17px}
.main_cont03 .rank ol li:before {vertical-align: -1px}
.main_cont03 .rank ol li:after {top: 50%; right: 7px}
.main_cont03 .rank ol li.up:after {border-bottom: 6px solid #ff0000; border-left: 4px solid transparent; border-right: 4px solid transparent}
.main_cont03 .rank ol li.down:after {border-top: 6px solid #0062b1; border-left: 4px solid transparent; border-right: 4px solid transparent}
.main_cont03 .rank .date_choice {top: 18px; right: 20px}
.main_cont03 .rank .date_choice .btn_prev {background-size: 6px; margin-left: 2px}
.main_cont03 .rank .date_choice .btn_next {background-size: 6px; margin-right: 2px}
.main_cont03 .rank .date_choice span {font-size: 17px}

.main_cont04 {padding: 0 0 0px 0}
.main_cont04 .main_tit {padding: 0px 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 &gt; div select, .main_cont04 .space_search .tab_cont &gt; 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 &gt; div select, .main_cont04 .space_search .tab_cont form &gt; div input {height: 32px}

.main_cont05 {padding: 0 0 20px 0 ; border:0px solid red;}
.main_cont05 .inner:after {content: ''; display: block; clear: both}
.main_cont05 .info_wrap &gt; div {position: relative; float: left; width: 313px; height: 145px; padding: 15px; margin-right: 0}
.main_cont05 .info_wrap &gt; 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: 10px}

.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: 257px}
.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}

}
</pre></body></html>