@charset "utf-8";
@import url("font.css");

:root{
	/* width */
	--width-inner: 1516px;
	--width-inner-m: 1200px;

	/* fonts */
	--font-base: 'Pretendard', 'Malgun Gothic', 'Dotum', sans-serif;
  	--font-aggro: 'SB Aggro', var(--font-base);

	/* color */
	--color-main: #FA9819;
	--color-black: #596276;
	--color-black-dark: #131A2F;
	--color-black-light: #606678;

	--black : #000;
	--black1 : #111;
	--black2 : #222;
	--black3 : #333;
	--navy : #062d5c;
	--blue : #114c9d;
	--blue2 : #0c76bd;
	--blue3 : #0f4a91;
	--ccc : #ccc;
	--ddd : #ddd;
	--orange : #ff6c00;
	--red : #be3333;
}

/* Default Layout */
html{font-size: 16px;}
#wrap {position: relative; overflow: hidden}
body{
	font-family:'Pretendard', 'Malgun Gothic', 'Dotum';
	line-height: 1.5;
  color: #666;
	overflow-y: scroll;
  font-weight: 400;
}

.transparents-layer {display: none;}
.block-t{display: none !important;}
select,input[type="text"],textarea,input[type="password"],button,input[type="button"],input[type="submit"]{font:inherit}

/* .btn {padding: 0 50px; font-size: 18px; line-height: 50px;}
.btn:disabled {color: #828282; border: 1px solid #bbb; background: #ddd; cursor: inherit;}
.btn.add span {padding-right: 20px; background: url('/static/sw/images/icon_add.png') right center no-repeat;}
.btn2 {padding: 0 30px; min-width: 230px; line-height: 80px; font-size: 20px; font-weight: 500;}
.btn2.next span {padding-right: 20px; background: url('/static/sw/images/icon_next.png') right center no-repeat;}
.btn2.prev span {padding-left: 20px; background: url('/static/sw/images/icon_prev.png') left center no-repeat;}
.btn3 {padding: 0 15px; color: #fff; font-size: 16px; font-weight: 600; line-height: 44px; background: #525252; border-radius: 3px;}
.btn4 {width: 140px; font-size: 16px; font-weight: 600; line-height: 50px;}
.btn5 {width: 150px;height: 114px;font-size: 20px;font-weight: 500;}
.btn6 {width: 110px; height: 36px; font-size: 16px; font-weight: 600; border-radius: 3px;}
.btn7 {width: 140px; height: 44px; font-size: 18px; font-weight: 600; border-radius: 3px; line-height: 44px; text-align: center;}

.btn8 {display:inline-flex; align-items:center; justify-content:center; color:#fff; width:100px; height:40px; font-size:16px; font-weight:500; border-radius:3px; margin:8px 0; background:#333;}
.btn8_sui {display:inline-flex; align-items:center; justify-content:center; color:#fff; padding:5px 10px; font-size:14px; font-weight:500; border-radius:3px; margin:8px 0; background:#333;}
.btn8_sui_success{display:inline-flex; align-items:center; justify-content:center; width:45px; height:30px; color:#fff; padding:5px 10px; font-size:14px; font-weight:500; border-radius:3px; margin:8px 0; background:#333;} */
.d-flex{display:flex}
.f-wrap{flex-wrap:wrap}
.align-items-center{align-items:center;}

button:disabled {color: #fff; border: 1px solid #d0d0d0; background-color: #d0d0d0; cursor: inherit;}

/* .btn9 {padding-left: 10px; width: 120px; font-size: 14px; font-weight: 600; line-height: 36px; text-align: left; border-radius: 3px;  background-position: right 10px center; background:#333; color:#fff;}

.btn_download, .btn_file span, .btn_file2 span, .btn_delete, .btn_save {padding-left: 10px; width: 120px; font-size: 14px; font-weight: 600; line-height: 36px; text-align: left; border-radius: 3px; background-repeat: no-repeat; background-position: right 10px center;}
.btn_download:hover, .btn_file input[type=file]:hover:after {background-color: #f1f7f7;}
.btn_download {color: #1f747a; border: 1px solid #1f747a; background-image: url('/static/sw/images/icon_download.png');}
.btn_file {position: relative;}
.btn_file span {display: block; color: #69b55a; background-color: #fff; border: 1px solid #69b55a; background-image: url('/static/sw/images/icon_file.png');}
.btn_file input[type=file] {z-index:2; position: absolute; left: 0; top: 0; width:120px; height:36px; cursor:pointer; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.btn_file2 {position: relative;}
.btn_file2 span {display: block; color: #fff; background-color: #525252; background-image: url('/static/sw/images/icon_file2.png');}
.btn_file2 input[type=file] {z-index:2; position: absolute; left: 0; top: 0; width:120px; height:36px; cursor:pointer; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.btn_delete {color: #999; border: 1px solid #999; background-image: url('/static/sw/images/icon_delete.png');}
.btn_delete:disabled {background-image: url('/static/sw/images/icon_delete_off.png');}
.btn_delete2 {width: 13px; height: 13px; background: url('/static/sw/images/icon_delete2.png') center center no-repeat;}
.btn_delete3 {width: 13px; height: 13px; background: url('/static/sw/images/icon_delete.png') center center no-repeat;}
.btn_save {color: #fff; background-color: #999; background-image: url('/static/sw/images/icon_save.png');}
.btn_save.check {background-color: #00b4eb;}
.btn_email {width: 20px; height: 18px; background: url('/static/sw/images/icon_email2.png') center center no-repeat;}
.btn_sns {width: 23px; height: 20px; background: url('/static/sw/images/icon_sns.png') center center no-repeat;}
.btn_prev {background-image: url('/static/sw/images/arrow_prev2.png');}
.btn_next {background-image: url('/static/sw/images/arrow_next2.png');}

.btn_blue {color: #fff; background: #006eb7;}
.btn_blue2 {color: #fff; transition: 0.5s; background-size: 200% auto; background-image: linear-gradient(to right, #006eb7 0%, #00b4eb 51%, #006eb7 100%)}
.btn_blue2:hover {background-position: right center;}
.btn_blue3 {color: #fff; background: #00b4eb;}
.btn_pink {color: #fff; background: #d03473;}
.btn_white {border: 1px solid #252525;}
.btn_white2 {color: #006eb7; border: 1px solid #006eb7; background: #fff;}
.btn_white3 {color: #525252; border: 1px solid #525252; background: #fff;}
.btn_gray {color: #828282; border: 1px solid #ddd; background: #bbb;}
.btn_gray2 {color: #fff; background: #525252;}
.btn_gray3 {color: #fff; background: #999;}
.btn_gray4 {color: #fefefe; background: #252525;}


.pdfViewBtn {padding: 30px 50px 30px 0; white-space: pre-line; word-break: keep-all;}
.pdfViewBtn {background: url('/static/sw/images/icon_upload.png') right center no-repeat;}
.pdfViewBtn {float: left; width: calc(10% - 145px);}

.color_b {color: #006eb7;}
.color_o {color: #ea5b25;}
.color_g {color: #69b55a;}
.color_p {color: #6d388c;}
.color_r {color: #e41741;}
.color_pk {color: #d03473;}
.color_gy {color: #999;}

.f_w {font-weight: 600 !important;}
.f_w400 {font-weight: 400 !important;}
.p_r {position: relative !important;}

.d_block {display: block;}
.d_inblock {display: inline-block;}
.d_none {display: none !important;}
.d_table {display: table;}
.d_cell {display: table-cell; text-align: center; vertical-align: middle}

.color_b {}

.bg_blue {}

.tit-st1{padding-bottom: 30px; font-size: 20px;}
.tit-st2{font-size: 18px; margin-bottom: 15px; font-weight: 500;} */

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt80 {margin-top:80px !important}
.mt70 {margin-top:70px !important}
.mt60 {margin-top:60px !important}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.w50 {width: 50px !important}
.w60 {width: 60px !important}
.w100 {width: 100px !important}
.w200 {width: 200px !important}
.w300 {width: 300px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_45 {width: 45% !important}
.w_55 {width: 55% !important}
.w_100 {width: 100% !important}

.f_aggro{font-family: var(--font-aggro);}

/* .f_12 {font-size: 12px !important;}
.f_14 {font-size: 14px !important;}
.f_16 {font-size: 16px !important;}

.in_0 {text-indent: 0;}
.in_20 {text-indent: -20px; padding-left: 20px;}

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}

.cl_bo {clear: both !important;}
.f_l {float: left !important;}
.f_r {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;} */

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/* card */
.card-asym{padding:20px; border-radius: 10px 20px; background: #FFF; font-family: var(--font-aggro); word-break: keep-all; }
.card-asym .t{font-size: 1.25rem; font-weight:500; color: #3C4356;}

.card-asym.has-shadow{box-shadow: 10px 20px 15px 0 rgba(43, 54, 91, 0.15);}
.card-asym.bordered{border: 1px solid #D0D6DB;}
.card-asym.type-dark{background: rgba(38, 18, 0, 0.75);}



/*메뉴*/

.toparea {position: fixed; z-index: 101; width: 100%; height: 80px; top: 0; left: 0; background: rgba(255, 255, 255, 0); transition: 0.5s;}
.toparea.on {background: rgba(255, 255, 255, 1); border-bottom: 1px solid #d9d9d9;}
.toparea .topmenu {position: relative; margin: 0 auto; width: 1440px; text-align: right;}
.toparea .topmenu h1 {position: absolute; left: 0; top: 25px; }
.toparea .topmenu h1 a {display: block; width: 231px; height: 36px; background-image: url('/static/sw/images/logo_w.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 100%;}
.toparea.on .topmenu h1 a {background-image: url('/static/sw/images/logo.png');}
.toparea .topmenu .gnb {display: inline-block; padding-top: 8px;}
.toparea .topmenu .gnb > ul {display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap; text-align: center;}
.toparea .topmenu .gnb > ul > li {position: relative; float: left; width: 195px;}
.toparea .topmenu .gnb > ul > li > a {position: relative; display: block; color: #fff; font-size: 20px; line-height: 72px; font-weight: 500;}
.toparea.on .topmenu .gnb > ul > li > a {color: #252525;}
.toparea .topmenu .gnb > ul > li:hover > a {color: #006eb7;}
.toparea .topmenu .gnb > ul > li:hover > a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #006eb7;}
.toparea .topmenu .gnb > ul > li > ul {display: none; position: absolute; z-index: 150; padding: 20px 0; width: 100%; height: 280px; left: 0; top: 72px; border-right: 1px solid #eee;}
.toparea .topmenu .gnb > ul > li:first-child > ul {border-left: 1px solid #eee;}
.toparea .topmenu .gnb > ul > li > ul > li {}
.toparea .topmenu .gnb > ul > li > ul > li a {color: #252525; line-height: 40px;}
.toparea .topmenu .right_box {position: relative; float: right; top: 27px; margin-left: 45px;}
.toparea .topmenu .right_box li {float: left;}
.toparea .topmenu .right_box li button {margin-left: 40px; width: 30px; height: 35px; background-position: center center; background-repeat: no-repeat;}
.toparea .topmenu .right_box li button.log {background-image: url('/static/sw/images/icon_login_w.png');}
.toparea .topmenu .right_box li button.logout {background-image: url('/static/sw/images/icon_logout_w.png');}
.toparea .topmenu .right_box li button.mypage {background-image: url('/static/sw/images/icon_my_w.png');}
.toparea.on .topmenu .right_box li button.log {background-image: url('/static/sw/images/icon_login.png');}
.toparea.on .topmenu .right_box li button.logout {background-image: url('/static/sw/images/icon_logout.png');}
.toparea.on .topmenu .right_box li button.mypage {background-image: url('/static/sw/images/icon_my.png');}
.toparea .topmenu .right_box li button.menu {position: relative; z-index: 550; background: none;}
.toparea .topmenu .right_box li button.menu.active {}
.toparea .topmenu .right_box li button.menu .line {position: relative; display: block; width: 30px; background: #fff; height: 3px; margin-bottom: 5px; transition: all 700ms cubic-bezier(.9, 0, .33, 1);}
.toparea .topmenu .right_box li button.menu .line.line1 {transform: rotate(0) translateY(0);}
.toparea .topmenu .right_box li button.menu.active .line.line1 {width: 28px; transform: rotate(45deg) translateY(5px) translateX(5px)}
.toparea .topmenu .right_box li button.menu .line.line2 {transform: translateX(0);}
.toparea .topmenu .right_box li button.menu.active .line.line2 {content: ''; transform: translate(0); opacity: 0;}
.toparea .topmenu .right_box li button.menu .line.line3 {margin-bottom: 0; transform: rotate(0) translateY(0);}
.toparea .topmenu .right_box li button.menu.active .line.line3 {width: 28px; transform: rotate(-45deg) translateY(-6px) translateX(6px);}

.toparea .bg-topmenu-on {overflow: hidden; display: none; width: 100%; top:80px;height: 281px; position: absolute; background: #fff;z-index: 140; border-bottom: 1px solid #d9d9d9;}
.toparea .mobile-category {display:none;}
/*전체메뉴*/
.site_map {z-index: 500; overflow-y: auto; display: none; position: fixed; top: 80px; left: 0; width: 100%; height: calc(100% - 80px);}
.site_map .menu_list {padding: 30px 0; display: flex; display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap; background: #fff;}
.site_map .menu_list .list {overflow: hidden; margin: 0 auto; display: table; table-layout: fixed; width: 1440px;}
.site_map .menu_list .list dt, .site_map .menu_list .list dd {display: table-cell; height: 125px; vertical-align: middle;}
.site_map .menu_list .list dt {width: 425px; font-size: 28px; font-weight: 500;}
.site_map .menu_list .list dd {display: table-cell;}
.site_map .menu_list .list dd .smenu {overflow: hidden;}
.site_map .menu_list .list dd .smenu li {float: left;}
.site_map .menu_list .list dd .smenu li a {padding: 45px; font-size: 20px;}
.site_map .menu_list .list dd .smenu li a:hover {color: #006eb7; font-weight: 600;}
.site_map .menu_list.type2 {border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: #fafafa;}
.site_map .menu_list.type2 .list dt {color: #999;}
.site_map .menu_list.type2 .list dd .smenu li a {color: #999;}
.site_map .menu_list.type2 .list dd .smenu li a:hover {color: #006eb7;}

/*최상단 메뉴바 - 투명*/
.top_bar_fix .toparea,
.fp-viewing-secondPage .toparea,
.fp-viewing-3rdPage .toparea,
.fp-viewing-4rdPage .toparea,
.fp-viewing-lastPage .toparea {background: #fff; border-bottom: 1px solid #d9d9d9;}
.top_bar_fix .toparea .topmenu h1 a,
.fp-viewing-secondPage .toparea .topmenu h1 a,
.fp-viewing-3rdPage .toparea .topmenu h1 a,
.fp-viewing-4rdPage .toparea .topmenu h1 a,
.fp-viewing-lastPage .toparea .topmenu h1 a {background-image: url('/static/sw/images/logo.png');}
.top_bar_fix .toparea .topmenu .gnb > ul > li > a,
.fp-viewing-secondPage .toparea .topmenu .gnb > ul > li > a,
.fp-viewing-3rdPage .toparea .topmenu .gnb > ul > li > a,
.fp-viewing-4rdPage .toparea .topmenu .gnb > ul > li > a,
.fp-viewing-lastPage .toparea .topmenu .gnb > ul > li > a {color: #252525;}
.top_bar_fix .toparea .topmenu .right_box li button.log,
.fp-viewing-secondPage .toparea .topmenu .right_box li button.log,
.fp-viewing-3rdPage .toparea .topmenu .right_box li button.log,
.fp-viewing-4rdPage .toparea .topmenu .right_box li button.log,
.fp-viewing-lastPage .toparea .topmenu .right_box li button.log {background-image: url('/static/sw/images/icon_login.png');}
.top_bar_fix .toparea .topmenu .right_box li button.logout,
.fp-viewing-secondPage .toparea .topmenu .right_box li button.logout,
.fp-viewing-3rdPage .toparea .topmenu .right_box li button.logout,
.fp-viewing-4rdPage .toparea .topmenu .right_box li button.logout,
.fp-viewing-lastPage .toparea .topmenu .right_box li button.logout {background-image: url('/static/sw/images/icon_logout.png');}
.top_bar_fix .toparea .topmenu .right_box li button.mypage,
.fp-viewing-secondPage .toparea .topmenu .right_box li button.mypage,
.fp-viewing-3rdPage .toparea .topmenu .right_box li button.mypage,
.fp-viewing-4rdPage .toparea .topmenu .right_box li button.mypage,
.fp-viewing-lastPage .toparea .topmenu .right_box li button.mypage {background-image: url('/static/sw/images/icon_my.png');}
.top_bar_fix .toparea .topmenu .right_box li button.menu .line,
.fp-viewing-secondPage .toparea .topmenu .right_box li button.menu .line,
.fp-viewing-3rdPage .toparea .topmenu .right_box li button.menu .line,
.fp-viewing-4rdPage .toparea .topmenu .right_box li button.menu .line,
.fp-viewing-lastPage .toparea .topmenu .right_box li button.menu .line {background: #252525;}

.mobile-category .mobild_menu {display: none; position: relative; z-index: 999; background:#fff; overflow-y: scroll;-ms-overflow-style: none;}
.mobile-category .mobild_menu::-webkit-scrollbar {display:none;}
.mobile-category .mobild_menu:-moz-scrollbar {display:none;}
.mobile-category .mobild_menu::-moz-scrollbar {display:none;}

#fp-nav {z-index: 62; position: fixed; left: 80px; top: 50%; }
#fp-nav ul li {margin: 10px 0;}
#fp-nav ul li:nth-child(n+4) {display: none;}
#fp-nav ul li a {position: relative; display: block; width: 13px; height: 13px; border: 1px solid #c0c0c0; border-radius: 13px;}
#fp-nav ul li a.active {background: #006eb7;}
.fp-viewing-firstPage #fp-nav ul li a {border: 1px solid rgba(255, 255, 255, 0.5);}
.fp-viewing-firstPage #fp-nav ul li a.active {background: #fff;}
#fp-nav ul li a .fp-sr-only {display: none;}
#fp-nav .fp-tooltip {display: none;}
.fp-viewing-lastPage #fp-nav, .fp-viewing-4rdPage #fp-nav {display: none !important;}

.midarea .section {position: relative; z-index: 25; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.midarea .section .area {position: absolute; z-index: 35; top: calc(50% + 40px); left: calc(50% - 843px); transform: translateY(-50%); width: 1686px;}
.midarea .section .area .title_area {padding-left: 180px;}
.midarea .section .area .title_area h3 {margin-bottom: 20px; font-size: 75px; line-height: 75px;}
.midarea .section .area .title_area p {position: relative; color: #525252; font-size: 18px;}
.midarea .section .area .title_area p::after {content: ''; position: absolute; left: -180px; top: 11px; width: 160px; height: 6px; background: #006eb7;}
.midarea .section .slick-arrow {position: absolute; width: 16px; height: 28px; background-repeat: no-repeat; background-position: center center; font-size: 0; text-indent: -999px;}
.midarea .section .slick-prev {background-image: url('/static/sw/images/arrow_prev.png');}
.midarea .section .slick-prev:hover {background-image: url('/static/sw/images/arrow_prev_on.png');}
.midarea .section .slick-next {background-image: url('/static/sw/images/arrow_next.png');}
.midarea .section .slick-next:hover {background-image: url('/static/sw/images/arrow_next_on.png');}

.midarea .section.section1 {overflow: hidden;/*background-image: url('/static/sw/images/main_section1_bg.jpg');*/}
.midarea .section.section1 .area .text_area {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
.midarea .section.section1 .area .text_area .l_text {margin-bottom: 60px; color: #eee;}
.midarea .section.section1 .area .text_area .l_text p {display: inline-block; font-size: 98px; font-weight: 500; line-height: 100px;}
.midarea .section.section1 .area .text_area .l_text p.second {position: relative; margin-left: 50px; padding-left: 10px;}
.midarea .section.section1 .area .text_area .l_text p.second .dot {margin-left: 35px;}
.midarea .section.section1 .area .text_area .l_text p.second .line {position: absolute; left: 0; bottom: -4px; width: 0; height: 1px; background: #eee;}
.midarea .section.section1 .area .text_area .l_text span {display: inline-block; animation: titleShow 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) both;}
.midarea .section.section1 .area .text_area .l_text span.line {animation: lineShow 0.25s cubic-bezier(0.25, 0.5, 0.25, 1) both;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(1) {animation-delay: 1.1s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(2) {animation-delay: 1.2s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(3) {animation-delay: 1.3s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(4) {animation-delay: 1.4s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(5) {animation-delay: 1.5s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(6) {animation-delay: 1.6s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(7) {animation-delay: 1.7s;}
.midarea .section.section1 .area .text_area .l_text .first span:nth-child(8) {animation-delay: 1.8s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(1) {animation-delay: 1.9s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(2) {animation-delay: 2s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(3) {animation-delay: 2.1s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(4) {animation-delay: 2.2s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(5) {animation-delay: 2.3s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(6) {animation-delay: 2.4s;}
.midarea .section.section1 .area .text_area .l_text .second span:nth-child(7) {animation-delay: 2.5s;}
.midarea .section.section1 .area .text_area .l_text .second span.lineShow {animation-delay: 2.6s;}
.midarea .section.section1 .area .text_area .s_text {padding: 0 30px; color: #d6d6d6; font-size: 18px; word-break: keep-all; animation: textShow 2.1s cubic-bezier(0.25, 0.1, 0.25, 1) both; animation-delay: 3.1s;}
.midarea .section.section1 video {position : absolute; top : 0; left : 50%; transform: translateX(-50%);min-width : 100%; min-height : 100%; width : auto; height : auto; z-index : -1;}
.midarea .section.section1 .scroll-link {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 25px; height: 40px; border: 2px solid #fff; border-radius: 25px;}
.midarea .section.section1 .scroll {position: relative; top: 8px; left: 9px; width: 3px; height: 10px; animation-name: scroll;animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction: alternate; transform-origin: 50% 20.5px; will-change: transform, opacity; background: #fff;}
.midarea .section.section2 .options {display:flex; flex-direction:row; align-items:stretch; overflow:hidden; width:1686px; height:570px;}
.midarea .section.section2 .options @for $i from 1 through 4 {
	@media screen and (max-width:798px - $i*80) {
		min-width:600px - $i*80;
		.option:nth-child(#{6-$i}) {display:none;}
	}
}
.midarea .section.section2 .options .option {position: relative; overflow:hidden; min-width:160px; background-size:cover; background-position:center; cursor: pointer; transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);}
.midarea .section.section2 .options .option @for $i from 1 through length($optionDefaultColours) {
	&:nth-child(#{$i}) {
		--defaultBackground:#{nth($optionDefaultColours, $i)};
	}
}
.midarea .section.section2 .options .option.active {flex-grow:10000; transform:scale(1); max-width:1686px; margin:0px;}
.midarea .section.section2 .options .option .label {width: 100%; height: 100%; transition:.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); background-color: rgba(0, 0, 0, 0.7);}
.midarea .section.section2 .options .option .label h4 {position: absolute; padding: 45px 50px 0 50px; width: 100%; height: 100%; font-size: 38px; color: #fff; font-weight: 400; text-align: center; line-height: 45px; background-image: url('/static/sw/images/icon_more.png'); background-repeat: no-repeat; background-position: center bottom 45px;}
.midarea .section.section2 .options .option .label h4 span {display: inline-block; margin-bottom: 10px;}
.midarea .section.section2 .options .option .label .detail {position: relative; display: none; opacity: 0;}
.midarea .section.section2 .options .option .label .detail > li {display: inline-block; margin-right: 15px;}
.midarea .section.section2 .options .option .label .detail > li h5 {padding: 0 20px; min-width: 110px; line-height: 40px; color: #fff; font-size: 18px; font-weight: 400; border: 1px solid #fff; border-radius: 40px; text-align: center; }
.midarea .section.section2 .options .option .label .detail > li h5:hover {border: 1px solid #006eb7; background: #006eb7;}
.midarea .section.section2 .options .option .label .detail > li p {display: none; position: absolute; padding: 0 20px; width: 100%; left: 0; top: 60px; color: #d6d6d6; font-size: 18px;}
.midarea .section.section2 .options .option.active .label {position: absolute; left: 0; top: 50%; height: auto; transform: translateY(-50%); width: 100%; padding-left: 120px; background-color: rgba(0, 0, 0, 0);}
.midarea .section.section2 .options .option.active .label h4 {position: relative; padding: 0; margin-bottom: 50px;  height: auto; font-size: 52px; background-image: none; line-height: 52px; text-align: left;}
.midarea .section.section2 .options .option.active .label h4 span {padding-top: 20px; border-top: 5px solid #00b4eb;}
.midarea .section.section2 .options .option.active .label .detail {display: block; opacity: 1;}

.midarea .section.section3 .area {position: relative; display: block; overflow: hidden}
.midarea .section.section3 .area .sw_slide {position: relative;width: calc(100% - 190px) !important;}
.midarea .section.section3 .area .sw_slide .slick-list {overflow: inherit;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box {position: relative; height: 684px; background-position: left 30px top; background-repeat: no-repeat; transition: background-position .4s ease-in-out .4s;}
.midarea .section.section3 .area .sw_slide .slick-list .slick-slide.slick-current .slide_box {background-position: right 0 top;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area {position: absolute; left: 0; top: 130px; padding: 30px 60px 30px 180px; background: rgba(255, 255, 255, 0.9); opacity: 0; transition: opacity .4s ease-in-out .4s;}
.midarea .section.section3 .area .sw_slide .slick-list .slick-slide.slick-active .slide_box .title_area {opacity: 1;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h3 {}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4 {position: relative; margin-bottom: 10px; color: #006eb7; font-size: 30px; font-weight: 600; line-height: 30px;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4::after {content: ''; position: absolute; left: -180px; top: 15px; width: 160px; height: 6px; background: #006eb7;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area p {line-height: 26px;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area p::after {display: none;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area button {margin-top: 40px; width: 215px; text-align: center; border: 1px solid #006eb7;}
.midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area button span {display: inline-block; padding-right: 38px; color: #006eb7; font-size: 16px; font-weight: 600; line-height: 50px; background: url('/static/sw/images/icon_more2.png') right center no-repeat;}
.midarea .section.section3 .area .slick-arrow {bottom: 30px;}
.midarea .section.section3 .area .slick-prev {left: 140px;}
.midarea .section.section3 .area .slick-next {left: 365px;}
.midarea .section.section3 .area .bar_area {position: absolute; left: 124px; bottom: 0; width: 264px; height: 2px; background: #d9d9d9}
.midarea .section.section3 .area .bar_area .pro-bar {position:absolute; bottom:0; left:0; width:0; height:2px; background: #666;}
.midarea .section.section3 .area .bar_area .pro-ani {animation: proBar 5s 1;}
.midarea .section.section3 .area:hover .bar_area .pro-bar{animation-play-state: running;}

.midarea .section.section4 {background: #f6f6f6;}
.midarea .section.section4 .area {padding: 0 0 130px 0}
.midarea .section.section4 .area .title_area {margin: 0 auto 40px; width: 1686px;}
.midarea .section.section4 .area .notice_area {overflow: hidden; margin: 0 auto; width: 1310px;}
.midarea .section.section4 .area .notice_area .news_box {position: relative; float: left; width: 26.7%; height: 390px; background: #fff;}
.midarea .section.section4 .area .notice_area .news_box li {}
.midarea .section.section4 .area .notice_area .news_box li a {position: relative; display: block; overflow: hidden; padding: 80px 20px 20px;}
.midarea .section.section4 .area .notice_area .news_box li a .top {position: absolute; right: 20px; top: 20px; color: #006eb7; font-size: 18px; letter-spacing: -1px; font-weight: 500; line-height: 25px; border-bottom: 1px solid #006eb7;}
.midarea .section.section4 .area .notice_area .news_box li a h4 {overflow: hidden; height: auto; max-height: 108px; font-size: 30px; line-height: 36px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.midarea .section.section4 .area .notice_area .news_box li a p {overflow: hidden; margin: 30px 0; height: auto; max-height: 66px; color: #525252; font-size: 18px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.midarea .section.section4 .area .notice_area .news_box li a .date {color: #a5a5a5; font-size: 14px; line-height: 18px;}
.midarea .section.section4 .area .notice_area .news_box .slick-arrow {bottom: 30px;}
.midarea .section.section4 .area .notice_area .news_box .slick-prev {right: 80px;}
.midarea .section.section4 .area .notice_area .news_box .slick-next {right: 20px;}
.midarea .section.section4 .area .notice_area .quick_box {float: left; width: 17.6%; padding: 0 30px;}
.midarea .section.section4 .area .notice_area .quick_box li {display: table; margin-bottom: 15px; width: 100%;}
.midarea .section.section4 .area .notice_area .quick_box li:last-child {margin-bottom: 0;}
.midarea .section.section4 .area .notice_area .quick_box li a {display: table-cell; width: 100%; height: 120px; text-align: center; vertical-align: middle; background: #fff; border: 5px solid #e5e5e5;}
.midarea .section.section4 .area .notice_area .quick_box li a img {}
.midarea .section.section4 .area .notice_area .quick_box li a p {color: #828282; font-size: 20px; font-weight: 500;}
.midarea .section.section4 .area .notice_area .quick_box li a:hover {border: 5px solid #bbd5e6;}
.midarea .section.section4 .area .notice_area .quick_box li a:hover p {color: #006eb7;}
.midarea .section.section4 .area .notice_area .swnotice_box {position: relative; float: left; width: 55.7%;}
.midarea .section.section4 .area .notice_area .swnotice_box h4 {margin-bottom: 15px; color: #222; font-size: 30px; font-weight: 400; line-height: 30px;}
.midarea .section.section4 .area .notice_area .swnotice_box button {position: absolute; right: 0; top: 0;}
.midarea .section.section4 .area .notice_area .swnotice_box .list {overflow: hidden;}
.midarea .section.section4 .area .notice_area .swnotice_box .list li {float: left; width: calc(50% - 20px); margin-right: 40px;}
.midarea .section.section4 .area .notice_area .swnotice_box .list li:last-child {margin-right: 0;}
.midarea .section.section4 .area .notice_area .swnotice_box .list li a {display: block;}
.midarea .section.section4 .area .notice_area .swnotice_box .list li a .img_box {overflow: hidden; position: relative; margin-bottom: 10px; width: 100%; height: 290px; border: 1px solid #bcbcbc;}
.midarea .section.section4 .area .notice_area .swnotice_box .list li a .img_box img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto;}
.midarea .section.section4 .area .notice_area .swnotice_box .list li a h5 {overflow: hidden; max-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; line-height: 22px;}
.midarea .section.section4 .banner_area {position: absolute; bottom: 0; left: 0; width: 100%; height: 130px; background: #fff;}
.midarea .section.section4 .banner_area .list {position: relative; margin: 0 auto; width: 1440px;}
.midarea .section.section4 .banner_area .list li {display: table !important; width: 100%;}
.midarea .section.section4 .banner_area .list li a {display: table-cell; padding: 0 10px; width: 100%; height: 130px; text-align: center; vertical-align: middle;}
.midarea .section.section4 .banner_area .list li a img {display: inline-block; max-width: 100%; max-height: 100%;}
.midarea .section.section4 .banner_area .slick-arrow {top: calc(50% - 14px);}
.midarea .section.section4 .banner_area .slick-prev {left: -65px;}
.midarea .section.section4 .banner_area .slick-next {right: -65px;}
.midarea .section.section5, .midarea .section.section5 .fp-tableCell {height: auto !important;}

/*10주년페이지*/
.sw {background-color: #f7f7f7; background-image: url('/static/sw/images/sw_main_bg3.png'),  url('/static/sw/images/sw_main_bg4.png'),  url('/static/sw/images/sw_main_bg2.png'),  url('/static/sw/images/sw_main_bg5.png'); background-repeat: no-repeat; background-position: left 0 bottom 220px,  right 0 bottom 715px, left 5px bottom 40px, center bottom 220px;}
.sw .midarea .section .sw_area {position: relative; margin: 0 auto; width: 1400px;}
.sw .midarea .section .sw_area .title_area {margin-bottom: 40px; text-align: center;}
.sw .midarea .section .sw_area .title_area h3 {font-size: 48px;}
.sw .midarea .section .sw_area .title_area p {margin-top: 20px; color: #999; font-size: 20px;}
.sw .midarea .section.section1 {position: relative; height: 940px; background-image: url('/static/sw/images/sw_main_img.jpg');}
.sw .midarea .section.section1 .sw_area {height: 100%; text-align: right;}
.sw .midarea .section.section1 .sw_area .text_area {position: relative; display: inline-block; left: 0; top: 50%; transform: translateY(-50%); text-align: left;}
.sw .midarea .section.section1 .sw_area .text_area .l_text {margin-bottom: 10px; color: #fffcf6;}
.sw .midarea .section.section1 .sw_area .text_area .l_text p {display: inline-block; font-size: 100px; font-weight: 400;}
.sw .midarea .section.section1 .sw_area .text_area .l_text p.second {margin-left: 0; padding-left: 0;}
.sw .midarea .section.section1 .sw_area .text_area .l_text span {display: inline-block; animation: titleShow 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) both;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(1) {animation-delay: 1.1s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(2) {animation-delay: 1.2s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(3) {animation-delay: 1.3s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(4) {animation-delay: 1.4s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(5) {animation-delay: 1.5s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(6) {animation-delay: 1.6s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .first span:nth-child(7) {animation-delay: 1.7s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .second span:nth-child(1) {animation-delay: 1.8s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .second span:nth-child(2) {animation-delay: 1.9s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .second span:nth-child(3) {animation-delay: 2.0s;}
.sw .midarea .section.section1 .sw_area .text_area .l_text .second span:nth-child(4) {animation-delay: 2.1s;}
.sw .midarea .section.section1 .sw_area .text_area .s_text {padding: 0; color: #f5ead0; font-size: 20px; animation: textShow 2.1s cubic-bezier(0.25, 0.1, 0.25, 1) both; animation-delay: 2.2s;}
.sw .midarea .section.section2 {background-image: url('/static/sw/images/sw_main_bg1.png'), url('/static/sw/images/sw_main_bg2.png'); background-repeat: no-repeat; background-position: left 0 top 0, right -244px top -570px; background-size: auto;}
.sw .midarea .section.section2 .sw_area {padding: 80px 40px;}
.sw .midarea .section.section2 .sw_area .list {position: relative; padding-top: 90px}
.sw .midarea .section.section2 .sw_area .list > li {}
.sw .midarea .section.section2 .sw_area .list > li > a {position: absolute; top: 0; width: calc(11.11% - 8px); text-align: center; font-size: 20px; line-height: 50px; background: #fff; border: 1px solid #d4d4d4;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(1) > a {left: 0;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(2) > a {left: 11.11%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(3) > a {left: 22.22%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(4) > a {left: 33.33%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(5) > a {left: 44.44%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(6) > a {left: 55.55%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(7) > a {left: 66.66%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(8) > a {left: 77.77%;}
.sw .midarea .section.section2 .sw_area .list > li:nth-child(9) > a {left: 88.88%; width: 11.11%;}
.sw .midarea .section.section2 .sw_area .list > li > a span {}
.sw .midarea .section.section2 .sw_area .list > li.active > a {color: #fff; background: #006eb7; border-color: #006eb7;}
.sw .midarea .section.section2 .sw_area .list > li.active > a span {}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane {display: none;}
.sw .midarea .section.section2 .sw_area .list > li.active .tab-pane {display: block;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list {overflow: hidden; display: block !important; height: 586px;transition: all ease 5s 5s;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list.hover {height: auto;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li {float: left; width: 180px; margin: 30px calc(20% - 159px) 30px 0; text-align: center;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li:nth-child(5n) {margin: 30px 0;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li .img_box {overflow: hidden; display: inline-block; width: 180px; height: 200px; background-color: #fff; border: 1px solid #ddd;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li .img_box img {width: 100%; height: 100%;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li .img_box.no_img {background-image: url('/static/sw/images/pic/img_no.png'); background-position: center center; background-repeat: no-repeat;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li .img_box.no_img img {display: none;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li p {font-weight: 500;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box {margin-top: 60px; text-align: center;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box button {width: 240px; border: 1px solid #006eb7;}
.sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box button span {padding-right: 30px; color: #006eb7; font-size: 18px; line-height: 60px; background: url('/static/sw/images/icon_more4.png') right center no-repeat;}
.sw .midarea .section.section3 {}
.sw .midarea .section.section3 .sw_area {padding: 20px 0 130px;}
.sw .midarea .section.section3 .sw_area .title_area {margin-bottom: 90px;}
.sw .midarea .section.section3 .sw_area .movie_box {position: relative; margin: 0 auto; width: 1080px; min-height: 600px; padding-bottom: 37.55%;}
.sw .midarea .section.section3 .sw_area .movie_box .text_box {position: absolute; z-index: 15; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.72);}
.sw .midarea .section.section3 .sw_area .movie_box .text_box .box {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding-top: 60px; background-image: url('/static/sw/images/icon_movie.png'); background-repeat: no-repeat; background-position: center top;}
.sw .midarea .section.section3 .sw_area .movie_box .text_box p { color: #fff;}
.sw .midarea .section.section3 .sw_area .movie_box .text_box p.p1 {font-size: 32px;}
.sw .midarea .section.section3 .sw_area .movie_box .text_box p.p2 {font-size: 42px;}
.sw .midarea .section.section3 .sw_area .movie_box .text_box .movie_play {margin-top: 60px; width: 240px; border: 1px solid #52c2e4;}
.sw .midarea .section.section3 .sw_area .movie_box .text_box .movie_play span {padding-right: 30px; color: #51c2e4; font-size: 18px; line-height: 50px; background: url('/static/sw/images/icon_more5.png') right center no-repeat;}
.sw .midarea .section.section3 .sw_area .movie_box iframe {position: absolute; z-index: 12; left: 0; top: 0; width: 100%; height: 100%;}
.web_only {display: block !important;}
.mobile_only {display: none !important;}
.mobileoff_in {display: inline-block !important;}
.mobileon_in {display: none !important;}


/*메인팝입*/
.popup.main {transform: translateX(0); z-index: 9;}
.popup.main .popup_inner {padding: 20px; overflow:hidden;}
.popup.main .bottom {width: 100%; height: 50px; border-top: 1px solid #ccc;}
.popup.main .bottom .check_box {float: left; margin: 5px 0 0 10px;}
.popup.main .bottom .check_box input[type=checkbox] + label {font-size: 14px; background-position: 0 1px;}
.popup.main .bottom button {float: right; margin: 10px 15px 0 0; width: 70px; height: 30px; color: #fff; font-size: 13px; background: #717171;}

/*에러페이지*/
.error {overflow: hidden; width: 100%; height: auto; margin-top: -125px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.error .error_box {width: 640px; margin: 0 auto; padding: 50px;}
.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}


@keyframes titleShow {
  0% {
    opacity: 0;
  }
  33%, 66% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes lineShow {
    0% {
        width: 0;
        opacity: 0;
    }
        33%, 66% {
        opacity: 0.9;
    }
    100% {
        width: calc(100% - 30px);
        opacity: 1;
    }
}
@keyframes textShow {
  0% {
    opacity: 0;
  }
  33%, 66% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scroll {
	0%, 20% {transform: translateY(10) scaleY(0);}
	100% {transform: translateY(12px) scaleY(1);}
}
@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}
@media screen and (min-width:320px) and (max-width:1686px){
    #fp-nav {left: 20px;}
    .midarea .section .area {left: 0; width: 100%;}
    .midarea .section.section2 .options {width:100%;}
    .midarea .section.section2 .options .option.active {max-width:100%;}
    .midarea .section.section2 .options .option .label .detail > li {margin: 5px 10px 5px 0;}
    .midarea .section.section2 .options .option .label .detail > li h5 {padding: 0 15px; min-width: 90px;}
    .midarea .section.section2 .options .option.active .label {padding-left: 40px;}


    .midarea .section.section3 .area .sw_slide {width: 100% !important;}
    .midarea .section.section3 .area .slick-prev {left: 20px;}
    .midarea .section.section3 .area .slick-next {left: 250px;}
    .midarea .section.section3 .area .bar_area {left: 10px;}

    .midarea .section.section4 .area .title_area {width: 100%;}
}
@media screen and (min-width:320px) and (max-width:1440px){
    .toparea {padding: 0 20px}
    .toparea.mobileOpen {padding: 0;}
    .toparea .topmenu {width: 100%;}
    .toparea .topmenu .right_box {margin-left: 0;}
    .toparea .topmenu .right_box li button {margin-left: 10px;}

    /*전체메뉴*/
    .site_map .menu_list .list {padding: 0 20px; width: 100%;}
    .site_map .menu_list .list dt, .site_map .menu_list .list dd {height: 100px;}
    .site_map .menu_list .list dt {width: 250px; font-size: 22px;}
    .site_map .menu_list .list dd .smenu li a {padding: 20px; font-size: 18px;}

    .midarea .section .area .title_area {padding-left: 100px;}
    .midarea .section .area .title_area h3 {font-size: 50px;}
    .midarea .section .area .title_area p::after {left: -100px; width: 80px;}

    .midarea .section.section2 .area .title_area {padding: 0 0 70px 100px;}
    .midarea .section.section2 .options .option .label .detail > li p {padding: 0; top: 120px;}

    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area {top: 130px; padding: 30px 60px 30px 100px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4 {font-size: 25px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4::after {left: -100px; top: 15px; width: 80px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slick-slide.slick-current .slide_box {background-position: left 285px top;}

    .midarea .section.section4 .area {padding: 0 10px 130px 10px;}
    .midarea .section.section4 .area .notice_area {width: 100%;}
    .midarea .section.section4 .area .notice_area .quick_box {padding: 0 20px;}
    .midarea .section.section4 .area .notice_area .swnotice_box .list li {width: calc(50% - 10px); margin-right: 20px;}
    .midarea .section.section4 .banner_area .list {width: calc(100% - 80px);}
    .midarea .section.section4 .banner_area .slick-prev {left: -30px;}
    .midarea .section.section4 .banner_area .slick-next {right: -30px;}

    /*10주년페이지*/
    .sw {background-size: 80px, 250px, 800px, contain;}
    .sw .midarea .section .sw_area {width: 100%;}
    .sw .midarea .section.section2 {background-position: left 0 top 0, right -350px top -400px; background-size: 150px, 800px;}
    .sw .midarea .section.section2 .sw_area {padding: 80px 20px;}
    .sw .midarea .section.section2 .sw_area .list > li > a {font-size: 18px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li {float: left; width: 20%; margin: 20px  0;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li:nth-child(5n) {margin: 20px 0;}
}
@media screen and (min-width:320px) and (max-width:1200px){
    .toparea .topmenu .gnb > ul > li {width: 170px;}
}
@media screen and (min-width:320px) and (max-width:1024px){

    .toparea {height: 50px;}
    .toparea.mobileOpen {height: 100%;}
    .toparea .topmenu h1 {top: 10px;}
    .toparea .topmenu h1 a {width: 160px; height: 25px;}
    .toparea .topmenu h1 a img {width: 160px;}
    .toparea .topmenu .gnb {display: none;}
    .toparea .topmenu .right_box {display: none;}

	#wrap {min-width:100%;}
	/*메뉴*/
	.toparea .mobile-category {z-index: 1300; display:block; position:absolute; top:0; width: 100% !important; }
	.toparea.mobileOpen .mobile-category {position:fixed; overflow-y: auto; height: 100%; background: rgba(0, 0, 0, 0.5);}
	.toparea .mobile-category .btn-category-holder {position:absolute; top:15px; right: 40px; z-index:101; width:30px; height:21px; background: url('/static/sw/images/icon_menu_w.png') center center no-repeat; background-size: 100%; font-size:0; text-indent:-99999px;}
    .toparea.on .mobile-category .btn-category-holder {background: url('/static/sw/images/icon_menu.png') center center no-repeat;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu {display: block; padding: 15px 20px;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .btn-category-close {position:absolute; top:15px; right: 25px; z-index:1101; width:20px; height:20px; background: url('/static/sw/images/icon_menu_c.png') center center no-repeat; background-size: 100%; font-size:0; text-indent:-99999px;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .log_box a {display: inline-block; margin-right: 18px; width: 105px; font-size: 14px; line-height: 20px; text-align: center; border: 1px solid #252525; border-radius: 20px;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb {padding: 20px 0 60px;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li {overflow: hidden; border-bottom: 1px solid #e6e6e6;}
	/* .toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li:nth-child(4) {display: none;} */
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li a {display: block;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li > a {padding: 10px 0; font-size: 20px; background-repeat: no-repeat; background-position: right 10px center; background-image: url('/static/sw/images/icon_open.png'); background-size: 15px;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li.active > a {color: #006eb7; background-image: url('/static/sw/images/icon_close.png');}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li > a span {display: none;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li > .smenu {display: none; padding: 10px 15px; background: #f6f6f6;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li > .smenu li {}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .mobile_gnb > li > .smenu li a {padding: 7px 0;}
	.toparea.mobileOpen .mobile-category > div.mobild_menu .footer_info {position: fixed; bottom: 0; left: 0; padding: 15px 20px; width: 100%; font-size: 14px; line-height: 18px; background: #fff;}

    .top_bar_fix .toparea .mobile-category .btn-category-holder {background: url('/static/sw/images/icon_menu.png') center center no-repeat;}

	#fp-nav {display: none}

    .midarea {transform: inherit !important;}
    .midarea .section, .midarea .section .fp-tableCell {height: auto !important;}
    .midarea .section .area {position: relative; top: 0; transform: translateY(0);}
    .midarea .section .area .title_area {padding: 30px 20px;}
    .midarea .section .area .title_area p::after {display: none;}

    .midarea .section.section1 .area {height: 750px;}
    .midarea .section.section1 video {position : relative; min-height : auto; width : 100%; height : auto;}
    .midarea .section.section1 .scroll-link {display: none;}

    .midarea .section.section2 {margin-bottom: 30px;}
    .midarea .section.section2 .area .title_area {padding: 30px 20px;}
    .midarea .section.section2 .options .option {min-width:80px;}
    .midarea .section.section2 .options .option .label h4 {padding: 30px 20px; font-size: 30px; line-height: 35px; background-size: 30px;}
    .midarea .section.section2 .options .option.active .label {padding-left: 20px;}
    .midarea .section.section2 .options .option.active .label h4 {font-size: 45px;}

    .midarea .section.section3 {margin-bottom: 30px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box {height: 500px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area {padding: 30px; top: 70px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4 {font-size: 25px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4::after {display: none;}

    .midarea .section.section4 .area {padding: 0;}
    .midarea .section.section4 .area .title_area {margin: 0 auto;}
    .midarea .section.section4 .area .notice_area {padding: 0 20px}
    .midarea .section.section4 .area .notice_area .news_box {width: calc(100% - 190px);}
    .midarea .section.section4 .area .notice_area .quick_box {width: 190px; padding: 0 0 0 20px;}
    .midarea .section.section4 .area .notice_area .swnotice_box {clear: both; margin-top: 20px; width: 100%;}
    .midarea .section.section4 .banner_area {position: relative; z-index: 30; margin-top: 30px; height: 80px;}
    .midarea .section.section4 .banner_area .list li a {height: 80px;}
    .midarea .section.section4 .banner_area .slick-arrow {top: calc(50% - 14px);}
    .midarea .section.section4 .banner_area .slick-prev {left: -20px;}
    .midarea .section.section4 .banner_area .slick-next {right: -20px;}

    /*10주년페이지*/
    .sw .midarea .section.section1 {height: 750px !important;}
    .sw .midarea .section.section1 .sw_area {text-align: center;}
    .sw .midarea .section.section1 .sw_area .text_area {text-align: center;}
    .sw .midarea .section.section1 .sw_area .text_area .l_text {margin-bottom: 30px;}
    .sw .midarea .section.section1 .sw_area .text_area .l_text p {display: block; line-height: 100px;}
    .sw .midarea .section.section2 .sw_area .list > li > a {width: calc(20% - 10px); line-height: 40px; background: #fff; border: 1px solid #d4d4d4;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(1) > a {left: 0;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(2) > a {left: 20%;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(3) > a {left: 40%;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(4) > a {left: 60%;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(5) > a {left: 80%; width: 20%;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(6) > a {left: 0; top: 50px;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(7) > a {left: 20%; top: 50px;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(8) > a {left: 40%; top: 50px;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(9) > a {left: 60%; top: 50px; width: calc(20% - 10px);}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li {width: 25%;}
    .sw .midarea .section.section3 .sw_area .movie_box {width: 100%; min-height: 400px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box p.p1 {font-size: 32px;}
}
@media screen and (min-width:320px) and (max-width:784px){
	.mobileoff_in {display: none !important;}
	.mobileon_in {display: inline-block!important;}
	.web_only {display: none !important;}
	.mobile_only {display: block !important;}

    /*10주년페이지*/
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list {height: 380px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li .img_box {width: 120px; height: 134px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box {margin-top: 30px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box button {width: 180px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box button span {padding-right: 20px; line-height: 50px;}
    .sw .midarea .section.section3 .title_area {padding: 0 20px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box p {font-size: 22px; line-height: 30px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box p.p1 {font-size: 22px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box p.p2 {font-size: 26px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box .movie_play {margin-top: 30px; width: 180px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box .movie_play span {padding-right: 20px; line-height: 40px;}
	/*에러페이지*/
	.error {overflow: hidden; width: 100%; height: auto; margin-top: -65px; position: absolute; top: 50%; background: #f8f8f9; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
	.error .error_box {width: 100%; margin: 0 auto; padding: 30px 20px;}
	.error .error_box h3 {color: #333; padding-bottom: 20px; font-size: 18px;}
	.error .error_box .text {color: #515151; font-size: 15px; line-height: 25px;}
	.error .error_box button {padding: 5px 15px; color: #fff; font-size: 13px;}
}
@media screen and (min-width:320px) and (max-width:640px){
    .midarea .section .area .title_area h3 {margin-bottom: 10px; font-size: 32px; line-height: 40px;}
    .midarea .section .area .title_area p {font-size: 14px;}
    .midarea .section .slick-arrow {background-size: 100%;}
    .midarea .section .slick-prev {background-image: url('/static/sw/images/arrow_prev_m.png');}
    .midarea .section .slick-prev:hover {background-image: url('/static/sw/images/arrow_prev_on_m.png');}
    .midarea .section .slick-next {background-image: url('/static/sw/images/arrow_next_m.png');}
    .midarea .section .slick-next:hover {background-image: url('/static/sw/images/arrow_next_on_m.png');}

    .midarea .section.section1 .area {height: 435px;}
    .midarea .section.section1 .area .text_area .l_text {margin-bottom: 30px;}
    .midarea .section.section1 .area .text_area .l_text p {font-size: 50px; line-height: 49px;}
    .midarea .section.section1 .area .text_area .l_text p.second {margin-left: 10px; padding-left: 5px;}
    .midarea .section.section1 .area .text_area .l_text p.second .dot {margin-left: 20px;}
    .midarea .section.section1 .area .text_area .s_text {padding: 0 30px; font-size: 14px;}

    .midarea .section.section2 {margin-bottom: 20px;}
    .midarea .section.section2 .options {flex-direction:column; height:450px;}
    .midarea .section.section2 .options @for $i from 1 through 4 {
        @media screen and (max-height:450px - $i*40) {
            min-height:320px - $i*40;
            .option:nth-child(#{6-$i}) {display:none;}
        }
    }
    .midarea .section.section2 .options .option {min-height: 40px; border-top: 1px solid #7b7b7b;}
    .midarea .section.section2 .options .option:first-child {border-top: 0;}
    .midarea .section.section2 .options .option .label h4 {padding: 0; font-size: 18px; line-height: 40px; background-position: right 20px center; background-size: 20px;}
    .midarea .section.section2 .options .option .label .detail {position: absolute; left: 0; top: calc(50% + 30px); transform: translateY(-50%); padding: 0 10px; width: 100%; text-align: center;}
    .midarea .section.section2 .options .option .label .detail > li {margin: 5px;}
    .midarea .section.section2 .options .option .label .detail > li h5 {min-width: 65px; line-height: 20px; font-size: 14px;}
    .midarea .section.section2 .options .option.active {border-top: 0;}
    .midarea .section.section2 .options .option.active .label {position: relative; top: 0; transform: translateY(0); height: 100%; padding: 40px 20px;}
    .midarea .section.section2 .options .option.active .label h4 {margin-bottom: 0; padding-left: 0; font-size: 28px; line-height: 28px;}
    .midarea .section.section2 .options .option.active .label h4 span {padding-top: 10px; border-top: 3px solid #00b4eb;}

    .midarea .section.section3 {margin-bottom: 0;}
    .midarea .section.section3 .area .sw_slide {padding-bottom: 65px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box {height: 410px; background-position: left 0 top; background-size: cover;}
    .midarea .section.section3 .area .sw_slide .slick-list .slick-slide.slick-current .slide_box {background-position: left 0 top;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area {top: 25px; padding: 15px 20px; max-width: calc(100% - 20px);}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h3 {font-size: 32px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area h4 {font-size: 20px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area p {line-height: 22px; font-size: 14px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area button {float: right; margin-top: 20px; width: 110px;}
    .midarea .section.section3 .area .sw_slide .slick-list .slide_box .title_area button span {padding-right: 15px; font-size: 14px; font-weight: 400; line-height: 30px; background-size: 8px;}
    .midarea .section.section3 .area .slick-arrow {bottom: 20px;}
    .midarea .section.section3 .area .slick-prev {left: 20%;}
    .midarea .section.section3 .area .slick-next {right: 20%; left: inherit;}
    .midarea .section.section3 .area .bar_area {display: none;}

    .midarea .section.section4 .area .title_area {display: none;}
    .midarea .section.section4 .area .notice_area {padding: 20px;}
    .midarea .section.section4 .area .notice_area .news_box {float: none; width: 100%; height: 200px;}
    .midarea .section.section4 .area .notice_area .news_box li a {padding: 40px 10px 10px; height: 200px;}
    .midarea .section.section4 .area .notice_area .news_box li a .top {right: 10px; top: 10px; font-size: 12px; letter-spacing: -1px; font-weight: 400; line-height: 15px;}
    .midarea .section.section4 .area .notice_area .news_box li a h4 {max-height: 52px; font-size: 20px; line-height: 26px; font-weight: 400; -webkit-line-clamp: 2;}
    .midarea .section.section4 .area .notice_area .news_box li a p {margin: 10px 0; max-height: 48px; font-size: 12px; line-height: 16px;}
    .midarea .section.section4 .area .notice_area .news_box li a .date {font-size: 12px;}
    .midarea .section.section4 .area .notice_area .news_box .slick-arrow {bottom: 10px;}
    .midarea .section.section4 .area .notice_area .news_box .slick-prev {right: 50px;}
    .midarea .section.section4 .area .notice_area .news_box .slick-next {right: 10px;}
    .midarea .section.section4 .area .notice_area .quick_box {overflow: hidden; float: none; width: 100%; padding: 20px 0 0;}
    .midarea .section.section4 .area .notice_area .quick_box li {float: left; display: table; margin-bottom: 0; margin-right: 9px; width: calc(33.33% - 6px);}
    .midarea .section.section4 .area .notice_area .quick_box li:last-child {margin-bottom: 0; margin-right: 0;}
    .midarea .section.section4 .area .notice_area .quick_box li a {height: 70px; border: 2px solid #e5e5e5;}
    .midarea .section.section4 .area .notice_area .quick_box li a img {width: 28px;}
    .midarea .section.section4 .area .notice_area .quick_box li:nth-child(2) a img {width: 21px;}
    .midarea .section.section4 .area .notice_area .quick_box li a p {font-size: 14px; font-weight: 400;}
    .midarea .section.section4 .area .notice_area .quick_box li a:hover {border: 2px solid #bbd5e6;}
    .midarea .section.section4 .area .notice_area .swnotice_box {float: none; width: 100%%;}
    .midarea .section.section4 .area .notice_area .swnotice_box h4 {margin-bottom: 5px; font-size: 18px; font-weight: 400; line-height: 26px;}
    .midarea .section.section4 .area .notice_area .swnotice_box button {top: 6px;}
    .midarea .section.section4 .area .notice_area .swnotice_box button img {width: 15px;}
    .midarea .section.section4 .area .notice_area .swnotice_box .list li {width: calc(50% - 5px); margin-right: 10px;}
    .midarea .section.section4 .area .notice_area .swnotice_box .list li a .img_box {margin-bottom: 10px; height: 110px;}
    .midarea .section.section4 .area .notice_area .swnotice_box .list li a h5 {max-height: 52px; -webkit-line-clamp: 3; font-size: 14px; line-height: 18px; font-weight: 400;}
    .midarea .section.section4 .banner_area {margin-top: 0; padding-top: 20px;}
    .midarea .section.section4 .banner_area .list li a {height: 40px;}
    .midarea .section.section4 .banner_area .slick-prev {left: -30px;}
    .midarea .section.section4 .banner_area .slick-next {right: -30px;}

    /*10주년페이지*/
    .sw .midarea .section .sw_area .title_area {margin-bottom: 20px;}
    .sw .midarea .section .sw_area .title_area h3 {font-size: 32px;}
    .sw .midarea .section .sw_area .title_area p {margin-top: 10px; color: #999; font-size: 14px;}
    .sw .midarea .section.section1 {height: 435px !important;}
    .sw .midarea .section.section1 .sw_area .text_area .l_text {margin-bottom: 30px;}
    .sw .midarea .section.section1 .sw_area .text_area .l_text p {font-size: 50px; line-height: 49px;}
    .sw .midarea .section.section1 .sw_area .text_area .s_text {padding: 0 30px; font-size: 14px;}
    .sw .midarea .section.section2 .sw_area {padding: 40px 20px;}
    .sw .midarea .section.section3 .sw_area .title_area {margin-bottom: 20px;}
    .sw .midarea .section.section2 .sw_area .list > li > a {padding: 5px 20px; width: calc(20% - 5px); font-size: 14px; line-height: 16px; word-break: keep-all;}
    .sw .midarea .section.section2 .sw_area .list > li:nth-child(9) > a {left: 60%; top: 50px; width: calc(20% - 5px);}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li {width: 33.33%;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box button {width: 140px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .btn_box button span {font-size: 14px; line-height: 30px;}
    .sw .midarea .section.section3 .sw_area .movie_box {min-height: 200px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box .box {padding-top: 30px; background-size: 30px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box p.p1 {font-size: 16px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box p.p2 {font-size: 18px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box .movie_play {margin-top: 10px; width: 140px;}
    .sw .midarea .section.section3 .sw_area .movie_box .text_box .movie_play span {font-size: 14px; line-height: 30px;}

	/*에러페이지*/
	.error {width: 100%; height: auto; margin: -150px auto 0; padding: 0 10px; position: absolute; left: 0; top: 50%; transform: translateX(0);}
    @keyframes lineShow {
        0% {
            width: 0;
            opacity: 0;
        }
            33%, 66% {
            opacity: 0.9;
        }
        100% {
            width: calc(100% - 15px);
            opacity: 1;
        }
    }
}
@media screen and (min-width:320px) and (max-width:480px){
    /*10주년페이지*/
    .sw .midarea .section.section2 .sw_area .list > li > a {padding: 5px 20px;}
    .sw .midarea .section.section2 .sw_area .list > li .tab-pane .fame_list li {width: 50%;}
}
@media screen and (min-width:320px) and (max-width:420px){

    /*10주년페이지*/
    .sw .midarea .section.section2 .sw_area .list > li > a {padding: 5px 0;}
}


.toparea .topmenu .right_box li{margin-left: 24px;}
.toparea .topmenu .right_box li:last-child{margin-right: 0;}
.toparea .topmenu .right_box li button{color: #fff; font-weight: 500; font-size: 14px;}
.toparea .topmenu .right_box li button.log_new{background: url('../img/ico-log.png') left center no-repeat; padding-left: 30px;}
.toparea .topmenu .right_box li button.user{background: url('../img/ico-user.png') left center no-repeat; padding-left: 20px;}
.fp-viewing-secondPage .toparea .topmenu .right_box li button,.top_bar_fix .toparea .topmenu .right_box li button{color: #333}
.fp-viewing-secondPage .toparea .topmenu .right_box li button.log_new,.top_bar_fix .toparea .topmenu .right_box li button.log_new{background-image: url('../img/ico-log_b.png')}
.fp-viewing-secondPage .toparea .topmenu .right_box li button.user,.top_bar_fix .toparea .topmenu .right_box li button.user{background-image: url('../img/ico-user_b.png')}

table {
	border-collapse: collapse;
	border-spacing: 0; font-size: 1rem;
}

select{
	border: 1px solid #ddd;
	border-radius: 0px;
	appearance: none;
	font: inherit;
	font-size: 1em;
	background: #fff url('../img/common/select.gif') calc(100% - 10px) center no-repeat;
	padding: 0 25px 0 10px; color: inherit
}
select::-ms-expand {
    display: none;
}

@media screen and (max-width:1024px) {
	html{font-size: 15px;}
}
@media screen and (max-width:720px) {
	html{font-size: 14px;}
}

.hide,legend,caption{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}
img{max-width:100%}

.ta-l{text-align: left !important;}
.ta-c{text-align: center !important;}
.ta-r{text-align: right !important;}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    /* -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none; */
            user-select: none;

   /*  -webkit-touch-callout: none;
    -khtml-user-select: none; */
    /* -ms-touch-action: pan-y; */
        touch-action: pan-y;
    /* -webkit-tap-highlight-color: transparent; */
}

.slick-list
{
    position: relative;

    /* display: block; */
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    /* -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0); */
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

h1,h2,h3,h4,h5{font-size: 1em;}

.clearfix:after{content: ''; display: block; clear:both}