@charset "UTF-8";

.container .section1 {position: relative;}
.container .section1 .cont1 {position: relative; padding: 0 640px; margin: 0 -640px;background: url(/images/main/main-visual.jpg) center top / contain no-repeat;}
.container .section1 .cont1 .main_visual_area {}
.container .section1 .cont1 .main_visual_area .slick-list {}
.container .section1 .cont1 .main_visual_area .slick-list .slick-track {}
.container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide {padding:  90px 10px 190px; text-align: center;}
.container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner {display: inline-block; width: 100%;}
.container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .title {font-family: 'NanumSquare'; font-weight: 800; font-size: 2.513em; line-height: 1.5; color: #ffffff; text-shadow: 3px 0 24px rgba(0, 0, 0, 1);margin-top:20px;}
.container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text {margin: 0.377% 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 1.250em; line-height: 22px; color: #ffffff; text-shadow: 3px 0 13px rgba(0, 0, 0, 0.5); word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text br.m {display: none;}
.container .section1 .cont1 .main_visual_area .slick-dots {display: none !important;}
 
.container .section1 .cont1 .state_box {position: absolute; top: 50%; right: 30%; width: 51px; height: 104px; margin: -83px 0 0 0; background: rgba(255, 255, 255, 0.15); border-radius: 25px; text-align: center;}
.container .section1 .cont1 .state_box .nav_box {width: 100%; height: 100%; padding: 33.35% 0 35.3%;}

.container .section1 .cont1 .state_box .nav_box p.num {margin: 13px 0 12px; font-family: 'Spoqa Han Sans'; font-weight: 700; font-size: 13px; line-height: 1.5; color: #ffffff;}
.container .section1 .cont1 .state_box .nav_box p.num .now {font-size: 20px; line-height: 1.5; color: #ffffff;}
.container .section1 .cont1 .state_box .nav_box p.num .total {}

.container .section1 .cont1 .state_box .nav_box button {display: block; margin: 0 auto;}
.container .section1 .cont1 .state_box .nav_box button.nav {}
.container .section1 .cont1 .state_box .nav_box button.nav.prev {width: 11px; height: 6px; background: url(/images/main/prev-icon.png) 0 0 no-repeat; background-image: url(/images/main/prev-icon.png); background-position: 0 0; background-repeat: no-repeat;}
.container .section1 .cont1 .state_box .nav_box button.nav.next {width: 11px; height: 7px; background: url(/images/main/next-icon.png) 0 0 no-repeat;}

.container .section1 .sub_tab_area {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.9);}
.container .section1 .sub_tab_area .sub_tab {position: relative; overflow: hidden; width: 100%; max-width: 1280px; margin: -95px auto 0; padding: 95px 0 0; font-size: 0;}
.container .section1 .sub_tab_area .m_sub_tab {display: none;}
.container .section1 .sub_tab_area .sub_tab li {position: relative; display: inline-block; width: 33.3333%; border-right: 1px solid rgba(255, 255, 255, 0.15);}
.container .section1 .sub_tab_area .sub_tab li button {width: 100%; text-align: inherit;}
.container .section1 .sub_tab_area .sub_tab li button:after {display: block; content: ""; position: absolute; top: 35px; right: 39px; width: 15px; height: 15px; background: url(/images/common/sub-next-icon.png) 0 0 no-repeat;}
.container .section1 .sub_tab_area .sub_tab li button .title_area_01 {}
.container .section1 .sub_tab_area .sub_tab li button .title_area_01 .title {padding: 0 0 0 10.573%; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; line-height: 84px; color: #ffffff;}

.container .section1 .sub_tab_area .sub_tab li.tab_01 button .title_area_02 {background: url(/images/common/tab-01.png) 0 0 / 100% no-repeat;}
.container .section1 .sub_tab_area .sub_tab li.tab_02 button .title_area_02 {background: url(/images/common/tab-02.png) 0 0 / 100% no-repeat;}
.container .section1 .sub_tab_area .sub_tab li.tab_03 button .title_area_02 {background: url(/images/common/tab-03.png) 0 0 / 100% no-repeat;}
.container .section1 .sub_tab_area .sub_tab li button .title_area_02 {position: absolute; bottom: -179px; left: 0; z-index: 2; width: 100%; max-width: 425px;}
.container .section1 .sub_tab_area .sub_tab li button .title_area_02.tabcontent1 {display: none;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02 {bottom: 0;}
.container .section1 .sub_tab_area .sub_tab li.current.tab_03 button .title_area_02 {bottom: -21px;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent  {display: block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent .plus_btns {display: block; content: ""; position: absolute; top: 28px; right: 42px; width: 15px; height: 15px; background: url(/images/common/sub-next-icon-on.png) 0 0 no-repeat;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent  a {display: block; width: 100%; padding: 7.05% 40.645% 7.05% 9.634%;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent  a .sub_title {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, 0.45);}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent  a .title {margin: 1.42% 0 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 26px; line-height: 1.5; color: #ffffff;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent  a .title span {font-weight: 700;}
.container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent  a .text {margin: 4.253% 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 15px; line-height: 22px; color: #ffffff; word-break: keep-all;}

.container .section2 {position: relative; margin: 0 0 0; padding: 30px 0 0;  background: url(/images/main/main-cont-bg.jpg) no-repeat center top / 100% 100%;}
/*
.container .section2:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/main/main-top-bg.jpg) 0 0 no-repeat;}
.container .section2:after {display: block; content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(/images/main/main-bottom-bg.jpg) 0 0 no-repeat;}
*/
.container .section2 .cont1 {width: 100%; max-width: 1280px; margin: 0 auto;}
.container .section2 .cont1 .cont_top_area {}
.container .section2 .cont1 .cont_top_area .title_area {position: relative; text-align: center;}
.container .section2 .cont1 .cont_top_area .title_area .title {font-family: 'Spoqa Han Sans'; font-weight: 700; font-size: 2.250em; line-height: 50px; color: #000000; letter-spacing: -0.025em;}
.container .section2 .cont1 .cont_top_area .title_area a {display: block; position: absolute; top: 2px; right: 0; width: 49px; height: 45px; background: url(/images/common/view-01.gif) 0 0 no-repeat; text-indent: -9999px;}

.container .section2 .cont1 .cont_top_area .cont_tab_list_area {}
.container .section2 .cont1 .cont_top_area .cont_tab_list_area .tab_list {overflow: hidden; text-align: center;}
.container .section2 .cont1 .cont_top_area .cont_tab_list_area .tab_list li {float: left; width: 50%;}
.container .section2 .cont1 .cont_top_area .cont_tab_list_area .tab_list li.current button {border-bottom: 3px solid #0f5333; color: #0f5333;}
.container .section2 .cont1 .cont_top_area .cont_tab_list_area .tab_list li button {display: block; width: 100%; border-bottom: 3px solid rgba(168, 157, 149, 0.20); font-family: 'Noto Sans KR'; font-weight: 700; font-size: 1.375em; line-height: 50px; color: rgba(0, 0, 0, 0.45); cursor: pointer;}

.container .section2 .cont1 .tab_list {padding: 1.563% 0 0;}
.container .section2 .cont1 .tab_list .info_title_list_area {overflow: hidden;}
.container .section2 .cont1 .tab_list .info_title_list_area .title span.ft-bold {font-weight: 700;}
.container .section2 .cont1 .tab_list .info_title_list_area .info-list_area {float: left; padding: 0 0 0 40px;}
.container .section2 .cont1 .tab_list .info_title_list_area .info-list_area .info-list {}
.container .section2 .cont1 .tab_list .info_title_list_area .info-list_area .info-list li {}
.container .section2 .cont1 .tab_list .info_title_list_area .info-list_area .info-list li button {}

.container .section2 .cont1 .tab_list_area {margin: 2.032% 0 0;}
.container .section2 .cont1 .tab_list_area.tabcontent1 {display: none;}
.container .section2 .cont1 .tab_list_area.tabcontent1.current {display: block;}
.container .section2 .cont1 .tab_list_area .table_area {padding: 0 7.032% 90px 6.798%;}
.container .section2 .cont1 .tab_list_area .table_area table {}
.container .section2 .cont1 .tab_list_area .table_area table colgroup {}
.container .section2 .cont1 .tab_list_area .table_area table colgroup col.m_table {display: none;}
.container .section2 .cont1 .tab_list_area .table_area table thead {display: none;}
.container .section2 .cont1 .tab_list_area .table_area table thead tr {}
.container .section2 .cont1 .tab_list_area .table_area table thead tr th {position: relative; padding: 0 0 0 2.72%; font-family: 'NanumSquare'; font-weight: 400; font-size: 1.375em; line-height: 36px; color: #000000; letter-spacing: -0.025em; text-align: left;}
.container .section2 .cont1 .tab_list_area .table_area table thead tr th:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin: -12px 0 0; background: url(/images/common/search-icon.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .table_area table thead tr th span {font-weight: 700;}
.container .section2 .cont1 .tab_list_area .table_area table tbody {}
.container .section2 .cont1 .tab_list_area .table_area table tbody tr {}
.container .section2 .cont1 .tab_list_area .table_area table tbody tr th {padding: 0 0 0 2.72%; font-family: 'NanumSquare'; font-weight: 400; font-size: 1.375em; line-height: 36px; color: #000000; letter-spacing: -0.025em; text-align: left; background: url(/images/common/search-icon.png) 0 50% no-repeat;}
/*.container .section2 .cont1 .tab_list_area .table_area table tbody tr th:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin: -12px 0 0;}*/
.container .section2 .cont1 .tab_list_area .table_area table tbody tr th span {font-weight: 700;}


.container .section2 .cont1 .tab_list_area table {}
.container .section2 .cont1 .tab_list_area table tbody {}
.container .section2 .cont1 .tab_list_area table tbody tr {}
.container .section2 .cont1 .tab_list_area table tbody tr td {}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list {}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul {}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li {overflow: hidden; margin: -11px 0 0;}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label {float: left; margin: 1.24% 1.69% 0 0;}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label input {display: none;}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label input:checked + span {position: relative; border: 1px solid #000000; background: #000000; color: #ffffff;}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label input:checked + span:after {display: block; content: ""; position: absolute; top: -6px; right: 3px; width: 15px; height: 15px; background: url(/images/common/chk-icon.png) 0 0 no-repeat;}

.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label.all span {position: relative; border: 1px solid #000000; background: #000000; color: #ffffff;}
.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label.all span:after {display: block; content: ""; position: absolute; top: -6px; right: 3px; width: 15px; height: 15px; background: url(/images/common/chk-icon.png) 0 0 no-repeat;}

.container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label span {display: block;  border: 1px solid #e8e7e6; border-radius: 20px; padding: 0 15px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 1.063em; line-height: 35px; color: rgba(0, 0, 0, 0.65); cursor: pointer;}

.container .section2 .cont1 .tab_list_area .info_text_list {} /* 2020-05-13 margin: 0 0 -24px; */
.container .section2 .cont1 .tab_list_area .info_text_list .list_area {overflow: hidden; /*height: 1265px;*/ margin: 0 -640px; padding: 2.454% 640px 3.125%;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li {position: relative; float: left; width: 23.67%; margin: 0 1.7188% 1.875% 0; box-shadow: 7px 0 13px rgba(77, 34, 32, 0.11); background: #ffffff;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:nth-child(4n + 1) {margin: 0 1.7188% 1.875% 0; clear: both;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:nth-child(4n) {margin: 0;}
/*.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner {padding: 10.895% 11.883% 8.912% 9.905%;}*/
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner {padding: 33px 36px 27px 30px;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner a {display: block;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .sub_text {font-family: 'Noto Sans KR'; font-weight: 300; font-size: 0.813em; line-height: 1.5; color: #ff6600;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .title {position: relative; margin: 6.753% 0 0; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 1.375em; line-height: 26px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area {margin: 13.082% 0 0;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li {position: relative; padding: 0 0 0 12.659%;  font-family: 'Noto Sans KR'; font-weight: 200; font-size: 0.938em; line-height: 27px; color: #4d4d4d; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li:before {display: block; content: ""; position: absolute; top: 50%; left: 0; width: 22px; height: 22px; margin: -11px 0 0;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.name:before {background: url(/images/main/name-icon-off.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.sortation:before {background: url(/images/main/sortation-icon-off.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.year:before {background: url(/images/main/year-icon-off.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.prize:before {background: url(/images/main/prize-icon-off.png) 0 0 no-repeat;}



.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area {display: none;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc {overflow: hidden;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li {width: 36.96%; text-align: center;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li:first-child {width: 63.04%;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a {cursor: pointer;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.green {display: block; position: relative; overflow: hidden; line-height: 41px; color: #ffffff; text-align: center; text-transform: capitalize; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #11a151; z-index: 10;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.green:hover {color: #ffffff !important;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.green:before {display: block; content: ''; position: absolute; top: 0; left: -10%; width: 0%; height: 100%; background: #11914a; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a:hover:before {opacity: 1; width: 116%;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.green:after {display: block; content: ''; top: 0; left: -10%; width: 0%; height: 100%; background: rgba(255, 255, 255, 0.1); position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 0; z-index: -15; -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99); -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99); -o-transition: all .4s cubic-bezier(.2,.95,.57,.99); transition: all .4s cubic-bezier(.2,.95,.57,.99);}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.green:hover:after {opacity: 1; width: 120%;}


.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.black {display: block; position: relative; overflow: hidden; line-height: 41px; color: #ffffff; text-align: center; text-transform: capitalize; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #000000; z-index: 10;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.black:hover {color: #ffffff !important;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.black:before {display: block; content: ''; position: absolute; top: 0; left: -10%; width: 0%; height: 100%; background: #393939; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a:hover:before {opacity: 1; width: 116%;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.black:after {display: block; content: ''; top: 0; left: -10%; width: 0%; height: 100%; background: rgba(255, 255, 255, 0.1); position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 0; z-index: -15; -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99); -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99); -o-transition: all .4s cubic-bezier(.2,.95,.57,.99); transition: all .4s cubic-bezier(.2,.95,.57,.99);}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a.black:hover:after {opacity: 1; width: 120%;}

/* hover*/
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover {box-shadow: 5px 5px 21px rgba(124, 50, 47, 0.35);}
/*.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner, .container .section2 .cont1 .tab_list_01 .info_text_list .list_area > li:focus .inner {padding: 7.263% 11.882% 5.943% 9.905%;}*/
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner {padding: 22px 36px 18px 30px;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .title:before {display: block; content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 8px; background: rgba(43, 149, 48, 0.4);}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .title {margin: 4.22% 0 0;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .info_area {margin: 6.753% 0 0;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.name:before {background: url(/images/main/name-icon-on.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.sortation:before {background: url(/images/main/sortation-icon-on.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.year:before {background: url(/images/main/year-icon-on.png) 0 0 no-repeat;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.prize:before {background: url(/images/main/prize-icon-on.png) 0 0 no-repeat;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area {display: block;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li {float: left; background: #000000; transition: all 0.5s;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li:first-child {background: #00893d;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li a {display: block; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 1.000em; line-height: 41px; color: #ffffff;}

.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li:hover {box-sizing: border-box; background: none;}
.container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li:hover a.green {color: #00893d;}
@media screen and (max-width: 1850px) {
	.container .section1 .cont1{background-size:cover;}
}	
@media screen and (max-width: 1280px) {
    .container .section2 {margin: 0; padding: 38px 10px 0; background: url(/images/main/main-cont-bg.jpg) no-repeat 0 center/100% 100%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area {margin: 0; padding: 4.454% 0 3.125%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .title {margin: 4.04% 0 0;}
}


@media screen and (max-width: 1200px) {
    .container .section1 .sub_tab_area .sub_tab li.tab_01 button .title_area_02 {background: url(/images/common/tab-01.png) center center /100% 100% no-repeat;}
    .container .section1 .sub_tab_area .sub_tab li.tab_02 button .title_area_02 {background: url(/images/common/tab-02.png) center center /100% 100% no-repeat;}
    .container .section1 .sub_tab_area .sub_tab li.tab_03 button .title_area_02 {background: url(/images/common/tab-03.png) center center /100% 100% no-repeat;}
    .container .section1 .sub_tab_area .sub_tab li.current button .title_area_02 {bottom: -6px;}
    .container .section1 .sub_tab_area .sub_tab li.current button .title_area_02.tabcontent a {padding: 3.525% 20.322% 3.525% 4.817%;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner {padding: 11px 36px 13px 30px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .title {margin: 4.056% 0 0;;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area { margin: 6.541% 0 0;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li {padding: 0 0 0 18.659%;}
    
    .container .section1 .cont1 .state_box {right: 28%; margin: -83px 15px 0 0; }
}

@media screen and (max-width: 991px) {
    .container .section1 .cont1 {margin: 0; padding: 0; background-image: url(/images/main/m-via-bg.jpg); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
    /*.container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide {padding: 5.647% 0 4.894%;}*/
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .title {font-size: 3.750em; line-height: 1.5;}
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text {margin: 14px 0 0; font-size: 1.586em; line-height: 29px;}
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text br.m {display: block;}
    
    .container .section1 .cont1 .state_box {top: inherit; right: 0; bottom: 39px; left: 50%; width: 171px; height: 64px; margin: 0 0 0 -85px; border-radius: 35px;}
    .container .section1 .cont1 .state_box .nav_box {overflow: hidden; width: inherit; height: inherit; padding: 0 23px;}
    .container .section1 .cont1 .state_box .nav_box p.num {float: left; margin: 15px 0 0 40px;}
    .container .section1 .cont1 .state_box .nav_box p.num .now {font-size: 1.794em;}
    .container .section1 .cont1 .state_box .nav_box p.num .total {font-size: 1.161em;}
    .container .section1 .cont1 .state_box .nav_box button {margin: 0;}
    .container .section1 .cont1 .state_box .nav_box button.nav.prev {float: left; width: 9px; height: 15px; margin: 25px 0 0; background-image: url(/images/main/m-prev-icon.png); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
    .container .section1 .cont1 .state_box .nav_box button.nav.next {float: right; width: 9px; height: 15px; margin: 25px 0 0; background-image: url(/images/main/m-next-icon.png); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}

    
    .container .section1 .sub_tab_area .sub_tab {display: none;}
    .container .section1 .sub_tab_area .m_sub_tab {display: block;}
    
    .container .section1 .sub_tab_area {position: inherit; bottom: inherit; left: inherit; right: inherit; margin: 0; padding: 0; background: inherit;}
    .container .section1 .sub_tab_area .m_sub_tab {}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area {position: relative;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list {height: 100% !important;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track {}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide {}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area {position: relative; padding: 3.23% 3.735% 6.156% 3.533%; background: #11a151;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area:after {display: block; content: ""; position: absolute; right: 37px; bottom: 0; width: 180px; height: 148px;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area.m_slider_01:after {background-image: url(/images/common/m-sub-tab-01.png); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area.m_slider_02:after {background-image: url(/images/common/m-sub-tab-01.png); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area.m_slider_03:after {background-image: url(/images/common/m-sub-tab-01.png); background-position: 0 0; background-size: cover; background-repeat: no-repeat;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .sub_text {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 1.457em; line-height: 1.5; color: rgba(255, 255, 255, 0.45);}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .title {margin: 6px 0 0;  font-family: 'Noto Sans KR'; font-weight: 400; font-size: 2.500em; line-height: 1.5; color: #ffffff;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .title .ft_bold {font-weight: 700;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .text {margin: 1px 0 0; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 1.609em; line-height: 1.5; color: #ffffff; word-break: keep-all;}
    
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots {position: absolute; bottom: 25px; left: 50%; margin: 0 0 0 -43px; overflow: hidden;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots li {float: left; width: 17px; height: 17px; margin: 0 18px 0 0;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots li:last-child {margin: 0;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots li button {width: 100%; height: 100%; border: none; background: rgba(255, 255, 255, 0.3); text-indent: -9999px; border-radius: 50%;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots li.slick-active button {background: #ffffff;}
    
    .container .section2 {padding: 4.2382% 37px 0; background: none;}
    .container .section2 .cont1 .cont_top_area .title_area .title {font-family: 'Spoqa Han Sans'; font-weight: 700; font-size: 2.688em; line-height: 50px; color: #000000; letter-spacing: -0.025em;}
    .container .section2 .cont1 .cont_top_area .title_area a {width: 52px; height: 48px; background-image: url(/images/common/view-01.gif); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .cont_top_area .cont_tab_list_area .tab_list li button {font-size: 2.000em;}
    .container .section2 .cont1 .tab_list {padding: 2.668% 0 0;}
    .container .section2 .cont1 .tab_list_area {margin: 3.193% 0 0;}
    .container .section2 .cont1 .tab_list_area table tbody tr td .type_list ul li label {float: inherit; display: inline-block;}
    .container .section2 .cont1 .tab_list_area .table_area {padding: 0 0 2.727%;}
    .container .section2 .cont1 .tab_list_area .table_area table colgroup col.m_table {display: block;}
    .container .section2 .cont1 .tab_list_area .table_area table colgroup col.pc_table {display: none;}
    .container .section2 .cont1 .tab_list_area .table_area table thead {display: block;}
    .container .section2 .cont1 .tab_list_area .table_area table thead tr {display: block; margin: 0 auto;}
    .container .section2 .cont1 .tab_list_area .table_area table thead tr th {display: block; width: 253px; margin: 0 auto 4.017%; padding: 0 0 0 40px; font-size: 2.000em; text-align: center; box-sizing: border-box;}
    .container .section2 .cont1 .tab_list_area .table_area table thead tr th:before {left: 0; width: 32px; height: 32px; margin: -16px 0 0 0; background-image: url(/images/common/m-search-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .table_area table thead tr th span {font-weight: 800;}
    .container .section2 .cont1 .tab_list_area .table_area table tbody tr:first-child th {display: none;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area {height: 100%; margin: 0 -37px; padding: 3.163% 37px 17.886%; background-color: #f8f8f8; background-image: url(/images/common/m-bottom-bg.jpg); background-position: 0 bottom; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:nth-child(4n) {margin:  0 0 4.016%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:nth-child(4n + 1) {margin:  0 0 4.016%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li {float: inherit; width: 100%; margin: 0 0 4.016%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:last-child {margin: 0;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area {display: block;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner {padding:  2.733% 27.263% 2.077% 4.036%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .sub_text {font-size: 1.144em;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .title {margin: 1.138% 0 0; font-size: 1.936em; line-height: 36px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .title:before, .container .section2 .cont1 .tab_list_01 .info_text_list .list_area > li:focus .inner .title:before {display: none;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area {overflow: hidden; margin: 2.392% 0 0;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li {float: left; padding: 0 0 0 6.842%; margin: 0 5.568% 1.1138% 0; width: 35%; font-size: 1.375em; line-height: 1.5; word-break: inherit; overflow: inherit;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li:before {width: 32px; height: 32px; margin: -14px 0 0px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.name:before {background-image: url(/images/main/m-name-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.sortation:before {background-image: url(/images/main/m-sortation-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.year:before {background-image: url(/images/main/m-year-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li.prize:before {background-image: url(/images/main/m-prize-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    
    .btn_list_area .etc li, .container .section2 .cont1 .tab_list_01 .info_text_list .list_area > li:focus .btn_list_area .etc li {float: left; background: #000000;}
    .btn_list_area .etc li:first-child, .container .section2 .cont1 .tab_list_01 .info_text_list .list_area > li:focus .btn_list_area .etc li:first-child {background: #00893d;}
    .btn_list_area .etc li a, .container .section2 .cont1 .tab_list_01 .info_text_list .list_area > li:focus .btn_list_area .etc li a {display: block; font-family: 'Noto Sans KR'; font-weight: 300; font-size: 1.407em; line-height: 41px; color: #ffffff;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover {box-shadow: 7px 0 13px rgba(77, 34, 32, 0.11);}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner {padding:  2.733% 27.263% 2.077% 4.036%;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li {width: 50%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li:first-child {width: 50%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a {height: 64px; font-size: 1.407em; line-height: 64px !important; color: #ffffff;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li:hover a {line-height: 64px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li:hover a.green {color: #ffffff;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li a {font-size: 1.407em; line-height: 64px;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.name:before {background-image: url(/images/main/m-name-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.sortation:before {background-image: url(/images/main/m-sortation-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.year:before {background-image: url(/images/main/m-year-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner .info_area li.prize:before {background-image: url(/images/main/m-prize-icon.png); background-position: 0 0; background-size: 100%; background-repeat: no-repeat;}
}

@media screen and (max-width: 800px) {
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner {padding: 2.733% 9.263% 2.077% 4.036%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner {padding:  2.733% 9.263% 2.077% 4.036%;}
    
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .title {font-size: 2.7em;}
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text {font-size: 1.1em;}
    .container .section1 .cont1 .state_box {bottom: 15px;}
}

@media screen and (max-width: 720px) {
    .container .section2 {padding: 4.2382% 16px 0;}
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide {padding: 180px 10px 105px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area {margin: 0 -16px; padding: 3.163% 16px 17.886%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area li {float: inherit; width: 100%; margin: 0 0 6px; padding: 0 0 0 38px; line-height: 35px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li {width: 100%;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li:first-child {width: 100%;}
    
    .container .section1 .cont1 .state_box {height: 50px;}
    .container .section1 .cont1 .state_box .nav_box p.num {margin: 7px 0 0 40px;}
    .container .section1 .cont1 .state_box .nav_box button.nav.prev {margin: 18px 0 0;}
    .container .section1 .cont1 .state_box .nav_box button.nav.next {margin: 18px 0 0;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots {bottom: 15px;}
    
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .title {font-size: 2.1em;}
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text {font-size: 1.01em;}
}
@media screen and (max-width: 480px) {
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .sub_text {font-size: 1.157em;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .title {font-size: 2em;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area .text {font-size: 1.2em;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area:after {width: 90px; height: 74px;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area.m_slider_01:after {background-image: url(/images/common/m-sub-tab-01.png); background-position: right bottom; background-size: 100%; background-repeat: no-repeat;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area.m_slider_02:after {background-image: url(/images/common/m-sub-tab-01.png); background-position: right bottom; background-size: 100%; background-repeat: no-repeat;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-list .slick-track .slick-slide .text_area.m_slider_03:after {background-image: url(/images/common/m-sub-tab-01.png); background-position: right bottom; background-size: 100%; background-repeat: no-repeat;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots {bottom: 8px;}
    .container .section1 .sub_tab_area .m_sub_tab .m_slider_area .slick-dots li {width: 8px; height: 8px;}
    
    .container .section2 .cont1 .cont_top_area .title_area .title {font-size: 2.1em;}
    .container .section2 .cont1 .cont_top_area .title_area a {top: 15px; width: 26px; height: 24px;}
    .container .section2 .cont1 .cont_top_area .cont_tab_list_area .tab_list li button {font-size: 1.4em;}
    .container .section2 .cont1 .tab_list_area .table_area table thead tr th {width: 154px; margin: 0 auto 15px; padding: 0 0 0 20px; font-size: 1.4em;}
    .container .section2 .cont1 .tab_list_area .table_area table thead tr th:before {width: 16px; height: 16px; margin: -8px 0 0;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .btn_list_area .etc li a {height: 50px; font-size: 15px; line-height: 50px !important;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .btn_list_area .etc li a {height: 50px; font-size: 15px; line-height: 50px !important;}
    .container .section2 {padding: 20px 16px 0;}
    .container .section2 .cont1 .tab_list_area {margin: 15px 0 0;}
    .container .section2 .cont1 .tab_list_area .table_area {padding: 0 0 10px;}
    
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner {padding: 12px 40px 9px 18px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li:hover .inner {padding: 12px 40px 9px 18px;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .title {margin: 10px 0 0;}
    .container .section2 .cont1 .tab_list_area .info_text_list .list_area > li .inner .info_area {margin: 10px 0 0;}
    
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .title {font-size: 1.7em;}
    .container .section1 .cont1 .main_visual_area .slick-list .slick-track .slick-slide .inner .text {font-size: 1em; line-height: 20px;}
    
    .container .section1 .cont1 .state_box {bottom: 10px; width: 120px; height: 35px; margin: 0 0 0 -60px;}
    .container .section1 .cont1 .state_box .nav_box p.num .now {font-size: 1.5em;}
    .container .section1 .cont1 .state_box .nav_box p.num {margin: 3px 0 0 18px;}
    .container .section1 .cont1 .state_box .nav_box button.nav.prev {margin: 12px 0 0;}
    .container .section1 .cont1 .state_box .nav_box button.nav.next {margin: 12px 0 0;}
}