html { }
body {  color:#1A1A1A;   line-height: 1.3; }
a { text-decoration: none; }
input:focus{ outline: none; }
textarea:focus{ outline: none; }

input::placeholder { color:#8E8E8E; }
textarea::placeholder { color:#8E8E8E; }

select {
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background:url('../images/select_arrow.svg') no-repeat 97% 50%/30px auto;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
}

.highlight {background-color:yellow;} 
.sInput{ height: 28px !important; width: 83%; }

#wrap { position: relative; min-width: 300px; z-index: 999; }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; } 

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }

.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
} 
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
} 

.hide-scroll { overflow-x: auto; }
.hscroll::-webkit-scrollbar { width:0px; }

/* .iscroll {touch-action: manipulation !important;} */

/*공통 - 텍스트 스타일*/

/*공통 - 컬러코드*/
.btn { font-weight: bold; min-width:250px; text-align:center; color:#262626; display:inline-block; vertical-align: middle; font-size:17px; margin:0px; line-height: 50px; border:solid 1px #262626;  white-space: nowrap; }
.btn:hover { background:#262626; color:#fff;  }
.btn span { font-size:inherit; color:inherit; }

.gra1 { background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.gra1_bg { background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); }

.btn_gra1 { display:inline-block; font-size:18px; font-weight: 600; color:#fff; position:relative; background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); padding:23px 60px 23px 30px; border-radius:50px; white-space: nowrap; }
.btn_gra1::after { content:url(../images/btn_bullet_arrow.svg); position:absolute; right:30px; top:49%; transform:translateY(-50%); }
.btn_gra1.small { padding:10px 40px 10px 20px; }
.btn_gra1.small::after { right:20px; }

.btn1 { display:inline-block; height:46px; line-height:46px; border:solid 1px #7D7D7D; border-radius:50px; font-size:14px; font-weight:700;  }
.btn1 span { padding:0 20px; }

.btn_down { display:inline-block; height:40px; line-height:40px; border:solid 1px #7D7D7D; border-radius:50px; font-size:14px; font-weight:700;  }
.btn_down span { margin:0 20px; background:url(../images/icon_download.svg) no-repeat right center; padding-right:30px; }

.btn2 { display:inline-block; height:40px; line-height:40px; border:solid 1px #7D7D7D; border-radius:50px; font-size:14px; font-weight:700;  }
.btn2 span { margin:0 20px; background:url(../images/btn_bullet_arrow2.svg) no-repeat right center; padding-right:25px; }


.hiddenFrm { display:none !important; }

.loading-container { position: fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index: 99999;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }


body.cke_editable { padding:10px; }

.reset { float:none !important; padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

select { vertical-align: middle; font-family: 'Pretendard'; color:#444; height:24px; font-size:12px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'Pretendard'; font-size:12px; line-height: 1.4;  border-radius: 2px; }

.loading-container { position: fixed; width:100%; height:100%; background:url(/admin/asset/images/bg-pop-mask.png); z-index: 99999; display:none;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

input.disabled { border:none;  }


span.red { color:#f53c09; }
span.white { color:#fff; }

.bx-wrapper .bx-pager.bx-default-pager a { width:10px; height:10px; background:#D9D9D9; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus { background:#0074C8; }

/*페이징*/
.paging-container { clear:both; text-align: center;  font-size:0px; margin:60px 0 15px 0; position: relative; }
.paging-container > a { font-weight: 400; display:inline-block; vertical-align: top; height:20px; line-height: 20px; width:31px; text-align: center; margin:0 0 1px 0; font-size:11px; vertical-align: middle; }
.paging-container > a.bic { width:40px; }
.paging-container > a img {  margin-top:5px; height: 9px; }
.paging-container > a.prev { background:url(../images/board_btn_prev.svg) no-repeat center center; width:26px; height:26px; text-indent: -100px; overflow: hidden; }
.paging-container > a.prev:hover { background-image:url(../images/board_btn_prev_hover.svg); }
.paging-container > a.next { background:url(../images/board_btn_next.svg) no-repeat center center; width:26px; height:26px; text-indent: -100px; overflow: hidden; }
.paging-container > a.next:hover { background-image:url(../images/board_btn_next_hover.svg); }
.paging-container > ul { display:inline; margin:0 5px; vertical-align: middle; }
.paging-container > ul li { display:inline-block; zoom:1; font-size:14px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 15px; line-height:38px; height:38px; color:#1E1E1E; font-weight:500;  }
.paging-container > ul li.selected a { font-weight: bold; color:#fff; background: #1E1E1E; border-radius:19px;  }
.paging-container > ul li:hover a { text-decoration: underline; }

/*게시판 공통*/
.board-summary { margin-bottom:100px; }
.board-summary .tot { float:left; font-size:16px; font-weight:300; color:#5D5D5D; margin-top:15px; }
.board-summary .tot span { font-weight:700; margin-left:5px; }
.board-summary .search { float:right; position:relative; min-width:300px; min-height:24px; }
.board-summary .search form { text-align: right; }
.board-summary .search input { border:none; border-bottom:solid 2px #1E1E1E; height:44px; line-height:44px; font-size:18px; width:300px; text-indent:5px; }
.board-summary .search a { position:absolute; right:0px; top:5px; background: #fff; z-index:5; }

.board-article { min-height:120px; font-size:16px; }
.board-attach { margin-top:40px; }
.btnDownload { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:55px; line-height:55px; font-size:14px; font-weight:500; background: #fff; }
.btnDownload span { display: block; color:#1E1E1E; margin:0 20px;  background:url(../images/icon_download.svg) no-repeat right center; padding-right:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-list-view { display:none; }
.board-list-view td {  padding:55px 60px; background:#F8F8F8; position:relative; }
.board-list-view td a.close { position:absolute; right:45px; top:45px; }
.board-view-tool { position:relative; max-width: 950px; margin:0 auto; }
.board-view-tool .share { position:absolute; right:-70px; top:0px; z-index: 800; }
.board-view-tool .share li { margin-bottom:6px; }
.board-content { padding-top:60px; max-width: 950px; margin:0 auto; }
.board-content .share { margin-top:40px; display:none; }
.board-content .share li { float:left; margin-right:10px; }
.board-content .share li img { width:40px; height:auto; }
.board-content .ctg { font-size:22px; font-weight:800; color:#0074C8; margin-bottom:10px; }
.board-content h3 { font-size:45px; font-weight:800; margin-bottom:30px; color:#1E1E1E; }
.board-content .date { font-size:16px; color:#7F7F7F }
.board-content .date li { float:left; margin-right:40px; }
.board-content .date label { font-weight:800; color:#3D3D3D; margin-right:15px; }
.board-content .val { font-size:16px; color:#7F7F7F; position: relative; }
.board-content .val a { position: absolute; top:0px; right:0px; background: #0074C8; color:#fff; border-radius: 40px; height:64px; line-height: 64px; padding:0 30px; font-size: 18px; font-weight: 600; }
.board-content .val li {  margin-bottom:7px; }
.board-content .val label { font-weight:800; color:#3D3D3D; margin-right:15px; }
.board-content .board-article { min-height: 150px; margin-top:60px; font-size: 15px; line-height:1.6; color:#3D3D3D; padding-top:80px; padding-bottom:80px; border-top:solid 1px #D9D9D9;  border-bottom:solid 1px #D9D9D9; }
.board-content .board-article img { max-width: 100%; height:auto; }
.board-content .board-article .attact { padding-top:60px; }
.board-content .board-article h3 { font-size:20px; }
.board-view-btns { margin-top:35px; text-align:center; position:relative; }
.board-view-btns a { display:inline-block; height:56px; line-height:56px; border:solid 1px #D9D9D9; font-size:14px; font-weight:600; padding:0 28px; border-radius: 30px; }
.board-view-btns a span { display:block; background:url(../images/board_bt_list.svg) no-repeat left center; padding-left:30px; }
.board-view-btns a.blue { background:#0074C8; color:#fff; }
.board-view-btns a.blue span { background:none; padding:0 25px; }
.board-view-btns .prev { position:absolute; left:0px; }
.board-view-btns .prev span { background:url(../images/board_bt_prev.svg) no-repeat left center; padding-left:30px;  }
.board-view-btns .next { position:absolute; right:0px; }
.board-view-btns .next span { background:url(../images/board_bt_next.svg) no-repeat right center; padding-right:30px; padding-left:0px; }

.youtube_embed { position: relative;padding-bottom:56.25%; }
.youtube_embed iframe { width:100%; height:100%; position: absolute; }

/*게시판 - 리스트*/
.droplist { border-top:solid 1px #1A1A1A; }
.droplist li { border-bottom:solid 1px #1A1A1A; }
.droplist li > a { display: block; padding:30px 20px; font-size:22px; font-weight: 700; background:url(../images/dropdown_btn_normal.svg) no-repeat 99% center; padding-right:40px;  }
.droplist li > a strong { margin-right:15px; }
.droplist li .content { background:#F2F4F5; padding:30px; display:none; }
.droplist li .content dt { font-size:18px; color:#5C5C5C; margin-bottom:10px; }
.droplist li .content dd { margin-bottom:40px; line-height:1.6; }
.droplist li .content dl dd:last-child { margin-bottom:0px; }
.droplist li.selected > a { background:url(../images/dropdown_btn_open.svg) no-repeat 99% center; }
.droplist li.selected .content { display:block; color:#5c5c5c; line-height: 1.6; }

.thumblist { width:calc(100% + 40px)}
.thumblist li { float:left; width:33.33%; margin-bottom:70px; min-height:320px; }
.thumblist li .box { max-width:370px; cursor: pointer; margin-right:40px; }
.thumblist li .img { border-radius:10px; overflow:hidden; background:#f3f3f3; }
.thumblist li .img img { max-width:100%; height:auto; }
.thumblist li .desc { margin-top:25px; min-height:93px; }
.thumblist li .desc > span { display:block; }
.thumblist li .desc .c { font-size:14px; font-weight:800; color:#0074C8; margin-bottom:5px; }
.thumblist li .desc .t { font-size:15px; font-weight:500; color:#5D5D5D; margin-bottom:5px; line-height:1.5; max-height:45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.thumblist li .desc .d { font-size:13px; color:#8E8E8E; }

/*테이블 */
table { border-top:solid 2px #1A1A1A; width:100%; font-size:18px; color:#1E1E1E; }
table thead th { background:#F3F3F3; border-bottom:solid 2px #ECECEC;  padding:20px 5px; text-align:center; }
table tbody td { border:solid 1px #ECECEC; padding:10px 10px; line-height:1.7; text-align:center; vertical-align:middle; }
table tbody tr td:first-child { border-left:none; }
table tbody tr td:last-child { border-right:none; }
table tbody th { background:#F3F3F3; border-bottom:solid 2px #ECECEC;  padding:20px 5px; text-align:center; font-weight: 500; }
table tbody td.left { text-align:left; }
table tbody td.center { text-align:center; }
table tbody td.right { text-align:right; }
table tbody td .down { display:inline-block; }

/*팝업*/
.popup { position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index:999; display: none; }
.popup .box { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:100%; max-width:900px; border-radius:30px; }
.popup .box .close { position:absolute; display:block; padding:10px; right:30px; top:30px; }
.popup .box .inner { margin:60px; }
.popup .box .txt1 { margin-bottom:35px; margin-top:15px; }
.popup .box label { display: inline-block; font-size:14px; font-weight:700; margin-bottom:5px; }
.popup .box label.ess { background:url(../images/icon_star.svg) no-repeat right 2px; padding-right:13px;  }
.popup .box li { margin-bottom:17px; }
.popup .box li .input input[type=text],
.popup .box li .input input[type=password] { border:none; width:100%; font-size: 16px; background:#F3F3F3; border-radius:8px; height:60px; line-height:60px; text-indent:18px; }
.popup .box .findpw { font-size:14px; font-weight:600; text-align:center; color:#8E8E8E; margin-top:15px; }
.popup .btns { margin-top:35px; text-align: center; }

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#popup-layer { position: fixed; z-index: 800; top:150px; left:0px; width:100%; }
#popup-layer > .inner { padding:0px 0px 60px 0px;  }
#popup-layer ul { display:table; margin:0 auto; text-align: center; white-space: nowrap; }
#popup-layer ul li { display:table-cell; text-align: center; padding:0 20px; }
#popup-layer ul li .box { margin:0 auto; width:470px; }
#popup-layer ul li .box img { max-width: 100%; border-top-left-radius:20px; border-top-right-radius:20px;  }
#popup-layer ul li .box .btns { border-bottom-left-radius:20px; border-bottom-right-radius:20px; box-shadow: 0 1px 0 #ECECEC, 1px 0 0 #ECECEC, -1px 0 0 #ECECEC; }
#popup-layer ul li .box .btns.pc { background: #fff; font-size:14px; color:#5D5D5D; line-height: 48px; height:48px; padding:0 20px; }
#popup-layer ul li .box .btns.pc .today { float:left; background: url(../images/popup_check.svg) no-repeat left center; padding-left:25px; }
#popup-layer ul li .box .btns.pc .close { float:right; background: url(../images/popup_btn_close2.svg) no-repeat right center; padding-right:25px; }
#popup-layer ul li .box .btns.mobile  { position: relative;  background: #fff; font-size:14px; color:#5D5D5D; line-height: 60px; height:60px; padding:0 0px; display:none; }
#popup-layer ul li .box .btns.mobile .today { float:left; width:50%; text-align: center; box-shadow: 1px 0 0 #ECECEC; font-size:16px; font-weight: 700; }
#popup-layer ul li .box .btns.mobile .detail { float:right; width:50%; text-align: center; font-size:16px; font-weight: 700; }
#popup-layer ul li .box .btns.mobile .close { position: absolute; left:50%; bottom:-50px; margin-left:-22px;  }

.error-info { text-align: center; padding:0 20px; }
.error-info .img { text-align: center; } 
.error-info .img img { max-width: 100%;}
.error-info .txt1 { font-size:30px; font-weight: 700; margin-top:50px; text-align: center; }
.error-info .txt2 { font-size:18px; margin-top:30px; text-align: center; color:#5D5D5D; }
.error-info .btns { text-align: center; margin-top:60px; }
.error-info .btns a { display:inline-block; height: 55px; line-height: 55px; background: #ECECEC; color:#5D5D5D; font-size:18px; border-radius: 40px; padding:0 30px; }
.error-info .btns a.home { background:#2CD343; color:#fff; }



/*헤더*/
#header { position: fixed; width:100%; top:0px; height:100px; z-index: 900; }
#header .topbar { background:#fff;  }
#header .subbar { position: absolute; left:0px; top:100%; width:100%; background:#fff; border-top:solid 1px #DADADA; border-bottom:solid 1px #E9E9E9; padding:35px 0px; display:none; }

#header .inner { padding:0 20px; max-width:1360px; margin:0 auto; position: relative; }
#header .topbar .logo { float:left; margin-top:27px; }
#header .topbar .logo img.hover { display:none; }

#header.hover { background:#fff; border-bottom:solid 1px #E9E9E9; }
#header.hover .topbar .logo img { display:none; }
#header.hover .topbar .logo img.hover { display:inline; }
#header.hover .topbar .mainmenu > ul > li:nth-child(5) img { filter: none; }
#header.hover .topbar .mainmenu > ul > li > a { color:#000; }
#header.hover .topbar .menu img { filter: invert(100%); }

#header.scroll { background:#fff; border-bottom:solid 1px #E9E9E9; }
#header.scroll .topbar .logo img { display:none; }
#header.scroll .topbar .logo img.hover { display:inline; }
#header.scroll .topbar .mainmenu > ul > li:nth-child(5) img { filter: none; }
#header.scroll .topbar .mainmenu > ul > li > a { color:#000; }
#header.scroll .topbar .menu img { filter: invert(100%); }

#header.reverse { background:#fff; border-bottom:solid 1px #E9E9E9;  }
#header.reverse .topbar .logo img { display:none; }
#header.reverse .topbar .logo img.hover { display:inline; }
#header.reverse .topbar .mainmenu > ul > li:nth-child(5) img { filter: none; }
#header.reverse .topbar .mainmenu > ul > li > a { color:#000; }
#header.reverse .topbar .menu img { filter: invert(100%); }


#header .mainmenu { float:right; font-size:0px; max-width:1068px; margin:0 auto; }
#header .mainmenu > ul { text-align:center; }
#header .mainmenu > ul > li { display:inline-block; padding:0px; position: relative; vertical-align: middle; }
#header .mainmenu > ul > li:nth-child(1) { width:225px; }
#header .mainmenu > ul > li:nth-child(2) { width:120px; }
#header .mainmenu > ul > li:nth-child(3) { width:150px; }
#header .mainmenu > ul > li:nth-child(4) { width:140px; }
#header .mainmenu > ul > li:nth-child(5) { width:80px; }
#header .mainmenu > ul > li:nth-child(5) a { text-align:right;  }
#header .mainmenu > ul > li:nth-child(5) img { filter: brightness(0) invert(1); }
#header .mainmenu > ul > li:last-child { padding-right:0px; }
#header .mainmenu > ul > li:hover > a span,
#header .mainmenu > ul > li.selected > a span { color:#39B54A; }
#header .mainmenu > ul > li > a { display:block; font-size:20px; font-weight: 700; height:100px; line-height:100px; color:#fff; text-align:center; vertical-align: middle;  }
#header .mainmenu > ul > li > a img { display:inline; }
#header .mainmenu > ul > li.selectLang a img { margin-top:35px; }

#header .mainmenu > ul > li .lang { position:absolute; width:92px; left:10px; margin-top:-15px; right:0px; top:100%; border:solid 1px #D9D9D9; background: #fff; color:#7F7F7F; z-index:50; display:none; }
#header .mainmenu > ul > li .lang a { display:block; line-height:36px; font-size:14px; font-weight:600; text-align:center; }
#header .mainmenu > ul > li .lang a.selected { background:#F3F3F3; color:#1E1E1E; }


#header .topbar .menu { position: absolute; right:20px; top:20px; display:none; }

#header .banner { float:left; min-height:125px; display:flex; align-items:center; }
#header .banner img {  }
#header .banner .desc { margin-left:20px; }
#header .banner .desc > span { display:block; font-size:20px; font-weight:700; }
#header .banner .desc > a { display:inline-block; margin-top:10px; font-size:17px; font-weight: 600; color:#fff; position:relative; background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); padding:10px 40px 10px 20px; border-radius:50px; }
#header .banner .desc > a::after { content:url(../images/btn_bullet_arrow.svg); position:absolute; right:20px; top:49%; transform:translateY(-50%); }


#header .subbar .submenu { position: absolute; right:20px; }
#header .subbar .submenu li { float:left; }
#header .subbar .submenu li a { display:block; text-align:center; font-size:17px; font-weight: 500; color:#5C5C5C; margin-bottom:16px; }
#header .subbar .submenu li a:hover span { color:#1A1A1A; border-bottom:solid 1px #1A1A1A; }
#header .subbar .submenu > ul > li:nth-child(1) { width:225px; }
#header .subbar .submenu > ul > li:nth-child(2) { width:120px; }
#header .subbar .submenu > ul > li:nth-child(3) { width:150px; }
#header .subbar .submenu > ul > li:nth-child(4) { width:140px; }
#header .subbar .submenu > ul > li:nth-child(5) { width:80px; }
#header .subbar .submenu > ul > li:nth-child(5) a { text-align:right;  }


/*헤더 - 모바일맵*/
#mobilemenu { position:fixed; top:0px; left:0px; width:100%; background: #fff; color:#1E1E1E; z-index:901; height:100%; overflow-y: auto; border-bottom:solid 1px #ECECEC; display:none; }
#mobilemenu > .inner { padding:0px; }
#mobilemenu .logo { position:absolute; left:20px; z-index: 100;  }
#mobilemenu .lang { position: absolute; top:15px; right:60px; background: #ECECEC; font-size:0px; color:#8E8E8E; font-weight: 700; border-radius: 45px; padding:3px;z-index: 100;  }
#mobilemenu .lang a { display:inline-block; font-size:12px; border-radius: 40px; height:28px; line-height: 28px; padding:0 13px; }
#mobilemenu .lang a.selected { background:#2F2F2F; color:#fff; }
#mobilemenu .close { position:absolute; right:10px; top:10px; z-index: 100; }
#mobilemenu .close a { display:block; padding:10px; }
#mobilemenu .navi { padding-top:65px; }
#mobilemenu .navi ul { width:100%; max-width:1435px; margin:0 auto; border-top:solid 1px #F3F3F3; display: block;}
#mobilemenu .navi li { display: block; width:auto; height:auto; padding:0px; border-bottom:solid 1px #F3F3F3; }
#mobilemenu .navi li > a { font-size:16px; font-weight:700; display:block; padding:20px 20px; position: relative;  }
#mobilemenu .navi li > a::after { content:url(../images/m_menu_arrow.svg); position: absolute; top:20px; right:20px; }
#mobilemenu .navi li > a.selected { font-size:16px; text-align: left; color:#39B54A; }
#mobilemenu .navi li > a.selected::after {content:url(../images/m_menu_arrow2.svg);}
#mobilemenu .navi li dl { padding:20px 0; background: #F3F3F3; display:none; }
#mobilemenu .navi li dl a { text-align: left; padding:10px 0px; display:block }
#mobilemenu .navi li dt { font-weight:700; margin-top:0px; font-size:15px; margin-bottom:0px; padding:0 20px; }
#mobilemenu .navi li dd { color:#7F7F7F;  font-weight:400; margin-top:0px; font-size:15px; margin-bottom:0px; padding:0 30px; line-height: 1; }
#mobilemenu .links { padding:20px 20px; }
#mobilemenu .links .banner { display:flex; float:none; }
#mobilemenu .links .banner .desc { margin-left:15px; margin-top:0px; }
#mobilemenu .links .banner .desc > span { font-size: 14px; color:#5c5c5c; }
#mobilemenu .links .banner img { width:120px; height:auto; }

/*푸터*/
#footer { border-top:solid 1px #D8D8D8;  }
#footer .inner { max-width:1360px; margin:0 auto; position:relative; }

#footer .top { border-bottom:solid 1px #D8D8D8; padding:0 20px; }
#footer .top .quick { float:left; font-size:15px; font-weight:600; }
#footer .top .quick li { float:left; padding:35px 0; margin-right:25px; }
#footer .top .quick li:last-child { margin-right:0px; font-weight:800; }
#footer .top .etc { float:right; }
#footer .top .link { float:right; margin-top:18px; padding-top:0px; margin-left:32px; }
#footer .top .sns { float:right; margin-top:18px; }
#footer .top .sns li { float:left; margin-left:10px; padding-top:7px; }
#footer .top .link .familysite { position: relative; font-size:13px; font-weight:500; width:230px; border:solid 1px #D8D8D8; height:54px; background:url(../images/familysize_arrow.svg)  no-repeat 93% center; }
#footer .top .link .familysite > span { display:block; line-height:54px; text-indent:20px; cursor: pointer; }
#footer .top .link .familysite > div { position:absolute; font-size:13px; width:100%; bottom:100%; background:#fff; box-shadow:0 0 0 1px #D8D8D8; display:none; }
#footer .top .link .familysite > div ul { padding:10px; }
#footer .top .link .familysite > div li { }
#footer .top .link .familysite > div li a { display: block; padding:10px; }
#footer .top .link .familysite > div a:hover { color:#000; background: #f7f7f7; font-weight:700; }


#footer .bottom { }
#footer .bottom .inner { padding:44px 20px; }
#footer .bottom .logo { }
#footer .bottom .info { font-size:13px; max-width:325px; }
#footer .bottom .info ul { padding-top:50px; }
#footer .bottom .info li { float:left; margin-right:12px; margin-bottom:3px; }
#footer .bottom .info li label { margin-right:2px; font-weight:800; }
#footer .bottom .info li.gray { color:#7D7D7D }
#footer .bottom .info .copyright { clear:both; padding-top:50px; font-size:16px; font-weight:700; }



/*본문*/
#contents { min-height:900px; position:relative; overflow: hidden;}
#contents.main { padding:0px; color:#8E8E8E; }


/*페이지 서브 비주얼*/
#page-visual { background:url() no-repeat center center; background-size: cover; height:580px; position:relative;  margin:0 auto; padding:0 20px; }
#page-visual .info { max-width:1360px; color:#fff; margin:0 auto; padding-top:280px; }
#page-visual .info ul { font-size:16px;}
#page-visual .info ul li { float:left; background:url(../images/navi_slash.svg) no-repeat right center; padding-right:16px; margin-right:5px; }
#page-visual .info ul li:last-child { background:none; padding-right:0px; }
#page-visual .info ul li:first-child img { margin-top:-4px; }
#page-visual .info > h2 { clear: both; padding-top:10px; display:block; font-size:90px; font-weight:800; word-break: break-all; line-height: 1.1; }


#page-visual.empty-container { height:auto !important; }
#page-visual.empty-container .info { color:#1a1a1a; padding-top:270px; }
#page-visual.empty-container .info ul li { background:url(../images/navi_slash2.svg) no-repeat right center; }
#page-visual.empty-container .info ul li:last-child { background:none; padding-right:0px; }
#page-visual.empty-container .info ul li:first-child img { filter: invert(1);}

/*페이지 콘텐츠*/
#page-content {  }
.section { padding:0 20px; }
.section > .inner { max-width:1360px; margin:0 auto;  }
.section1 { padding-top:120px; padding-bottom:120px; }
.section2 { background:#F2F4F5; padding-top:140px; padding-bottom:140px; }
.section3 { padding-top:140px; padding-bottom:140px; }
.section4 { background:#F2F4F5; padding-top:140px; padding-bottom:140px; }



/*공통 - 탭메뉴 */
.tab-menu { border-bottom:solid 1px #DDDDDD; font-size:20px; font-weight:800; color:#BCBEC0; }
.tab-menu ul { display:flex;  max-width:1360px; margin:0 auto; padding:0 20px; }
.tab-menu ul li a { display:block; padding:32px 50px; border-bottom:solid 10px transparent; text-align: center; }
.tab-menu ul li.selected a { color:#1A1A1A; border-image:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); border-image-slice: 1; }


.pageTop { position: fixed; bottom:60px; right:40px; z-index: 888; cursor: pointer;  }
.pageTop a { display:block; }
.pageTop img { margin-top:15px; width:120%;}


.banner1 { background:#182551; color:#fff; background:url(../images/banner1_bg1.png) #182551 no-repeat center center;}
.banner1 .inner { max-width:1360px; margin:0 auto; position:relative; height:540px; padding:0 20px;  }
.banner1 .desc { position:absolute; top:50%; transform:translateY(-50%); }
.banner1 .t { display: block; font-size:62px; font-weight:800; margin-bottom:25px; line-height:1.2; }
.banner1 p { font-size:22px; margin-bottom:30px; }

/*이용약관*/
.term-container { font-size:16px; }
.term-container table { font-size:14px; }
.term-container table thead th { font-size:15px; }
.term-container .section1 { padding-top:120px; padding-bottom:160px; }
.term-container dl dt { font-size:1.5em; font-weight:700; margin-bottom:15px; }
.term-container dl dt .box { display:inline-block; padding:0 25px; background: #5C5C5C; color:#fff; height:50px; line-height: 50px; border-radius: 50px; font-size:16px; font-weight: 600; margin-top:20px; margin-bottom:20px; }
.term-container dl dd { font-size:1em; color:#5D5D5D; margin-bottom:40px; line-height:1.6; }
.term-container dl dd table { margin-top:40px; }
.term-container dl dd table caption { font-size:18px; margin-bottom:20px; font-weight:700; }
.term-container dl dd .t2 { font-size:18px; font-weight:700; color:#1E1E1E; margin-top:40px; margin-bottom:14px; }
.term-container table tbody tr td {  }
.term-container .select select { border:solid 1px #000; width:280px; height:50px; line-height: 50px; font-size:16px; font-weight: 700; border-radius: 5px; padding:0 20px; }
.term-container .select select option { text-indent: 20px; }

.term-btns a { display:inline-block; border:solid 1px #5D5D5D; border-radius: 5px; min-width:340px; height:55px; line-height:55px; font-size:14px; font-weight:700;  }
.term-btns a span { display: block; color:#1E1E1E; margin:0 20px;  background:url(../images/bt_arrow.svg) no-repeat right center; padding-right:50px; }
.term-btns a.download span { background:url(../images/icon_download.svg) no-repeat right center }




/*연속혈당측정시스템이란?*/
.about-container {}
.about-container .section1 { padding-top:120px; padding-bottom:160px; }
.about-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.about-container .section1 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; }
.about-container .section1 .cont1 .img { flex-basis:50%;   }
.about-container .section1 .cont1 .img img { max-width:100%; height:auto; }
.about-container .section1 .cont1 .desc { flex-basis:50%;  margin-right:150px; line-height:1.5; }
.about-container .section1 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; }
.about-container .section1 .cont1 p { font-size:18px; }

.about-container .section2 {  }
.about-container .section2 .cont1 { display:flex; align-items:center; }
.about-container .section2 .cont1 .img { flex-basis:50%; } 
.about-container .section2 .cont1 .img img { max-width:100%; height:auto; }
.about-container .section2 .cont1 .desc { margin-left:80px; line-height:1.5; flex-basis:50%;}
.about-container .section2 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; line-height:1.3; }
.about-container .section2 .cont1 .j { font-size:14px; color: #838D8D}
.about-container .section2 .cont1 ul { margin-bottom:30px; }
.about-container .section2 .cont1 ul li { margin-bottom:20px; }
.about-container .section2 .cont1 ul li .num { position: absolute; background:#1A1A1A; color:#fff; font-size:15px; width:30px; height:30px; display:block; border-radius:50%; text-align:center; line-height:30px; }
.about-container .section2 .cont1 ul li p { margin-left: 40px; font-size:18px; color:#5c5c5c; }

.about-container .section3 {  }
.about-container .section3 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; }
.about-container .section3 .cont1 .img { flex-basis:25%; text-align:center; }
.about-container .section3 .cont1 .img img { max-width:364px; height:auto; }
.about-container .section3 .cont1 .desc { line-height:1.5; flex-basis:75%; }
.about-container .section3 .cont1 .desc .icon { margin-left:-10px; }
.about-container .section3 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-top:20px; margin-bottom:30px; line-height:1.3; }
.about-container .section3 .cont1 .j { font-size:14px; color: #838D8D}
.about-container .section3 .cont1 p { font-size:18px; margin-bottom:40px; color:#5C5C5C; }

.about-container .section4 {  }
.about-container .section4 .cont1 {  }
.about-container .section4 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; line-height:1.3; }
.about-container .section4 .cont1 p { font-size:18px; margin-bottom:35px; color:#5c5c5c; }
.about-container .section4 .cont1 p span { font-size:14px; font-weight:600; }
.about-container .section4 .cont1 ul { width:calc(100% + 25px); }
.about-container .section4 .cont1 ul li { float:left; width:25%; margin-top:25px; }
.about-container .section4 .cont1 ul li .box { border-radius:20px; overflow:hidden; filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.15)); margin-right:25px; }
.about-container .section4 .cont1 ul li .box img { max-width:100%; height:auto; }
.about-container .section4 .cont1 ul li .tt { background:#fff; padding:25px 20px; height:70px; text-align:center; color:#5C5C5C; line-height: 30px; }



/*바로잰 fit 개요*/
.prod-container {}
.prod-container .section1 { padding-top:120px; padding-bottom:140px; }
.prod-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod-container .section1 .line img { width:100%; height: auto; }
.prod-container .section1 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; margin-top:60px; margin-bottom:140px; }
.prod-container .section1 .cont1 .img { flex-basis:50%; padding-left:100px;  }
.prod-container .section1 .cont1 .img img { max-width:100%; height:auto; }
.prod-container .section1 .cont1 .desc { flex-basis:50%; line-height:1.5; }
.prod-container .section1 .cont1 .t { display:block; font-size:54px; font-weight:800; margin-bottom:20px; line-height:1.2; }
.prod-container .section1 .cont1 p { font-size:18px; color:#5C5C5C; margin-bottom:40px; }
.prod-container .section1 .cont1 .j { font-size:14px; color:#838D8D; }

.prod-container .section1 .cont2 ul { width:calc(100% + 30px); }
.prod-container .section1 .cont2 ul li { float:left; width:33.33%; margin-top:25px; }
.prod-container .section1 .cont2 ul li .box { border-radius:30px; overflow:hidden; filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.15)); margin-right:30px; }
.prod-container .section1 .cont2 ul li .box img { max-width:100%; height:auto; }
.prod-container .section1 .cont2 ul li .desc { background:#fff; padding:30px 35px; height:70px; height:200px; }
.prod-container .section1 .cont2 ul li .desc .c { font-size:28px; font-weight:800;  }
.prod-container .section1 .cont2 ul li .desc .t { display:block; font-size:32px; font-weight:800; margin-top:3px; margin-bottom:15px; }
.prod-container .section1 .cont2 ul li .desc dl { padding:0 5px; }
.prod-container .section1 .cont2 ul li .desc dl dd { background:url(../images/icon_point.svg) no-repeat left 8px; padding-left:12px; font-size:17px; line-height:1.5; margin-bottom:5px; color:#5c5c5c; }
.prod-container .section1 .cont2 ul li .desc .j { display:block; font-size:14px; color:#7D7D7D; padding:0 5px; margin-top:15px; line-height:1.5; }

.prod-container .section2 {  }
.prod-container .section2 .cont1 { display:flex; align-items:center; }
.prod-container .section2 .cont1 .img { flex-basis:50%; } 
.prod-container .section2 .cont1 .img img { max-width:100%; height:auto; }
.prod-container .section2 .cont1 .desc { margin-left:80px; line-height:1.5; flex-basis:50%;}
.prod-container .section2 .cont1 .desc .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; line-height:1.3; }
.prod-container .section2 .cont1 .desc .j { font-size:14px; color: #838D8D}
.prod-container .section2 .cont1 .desc dl { padding:0 5px; margin-bottom:50px; }
.prod-container .section2 .cont1 .desc dl dt { font-size:32px; font-weight:800; margin-bottom:10px;  }
.prod-container .section2 .cont1 .desc dl dd { background:url(../images/icon_point.svg) no-repeat left 8px; padding-left:12px; font-size:16px; line-height:1.5; margin-bottom:5px; color:#5c5c5c;  }
.prod-container .section2 .cont1 .desc ul { margin-bottom:30px; }
.prod-container .section2 .cont1 .desc ul li { float:left; margin-right:20px; margin-bottom:20px; }
.prod-container .section2 .cont1 .desc ul li img { max-width: 100%; height:auto;}

.prod-container .section3 {  }
.prod-container .section3 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; }
.prod-container .section3 .cont1 .img { width:45%; text-align:center; overflow:hidden; }
.prod-container .section3 .cont1 .img img { max-width:100%; height:auto; }
.prod-container .section3 .cont1 .img .slider-page { position:relative; height:44px; max-width:330px; margin:0 auto; }
.prod-container .section3 .cont1 .img .slider-page .page { text-align:center; padding-top:7px; }
.prod-container .section3 .cont1 .img .slider-page .page > span { display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; background:#D8D8D8; opacity:1; color:#7D7D7D; font-weight:600; margin:0 7px; }
.prod-container .section3 .cont1 .img .slider-page .page > span.swiper-pagination-bullet-active { color:#fff; background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); }
.prod-container .section3 .cont1 .img .slider-page .left { position:absolute; left:0px; top:0px; }
.prod-container .section3 .cont1 .img .slider-page .right { position:absolute; right:0px; top:0px;  }
.prod-container .section3 .cont1 .desc {line-height:1.5; flex-basis:55%; }
.prod-container .section3 .cont1 .desc .icon { margin-left:-10px; }
.prod-container .section3 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; line-height:1.3; }
.prod-container .section3 .cont1 .j { font-size:14px; color: #838D8D}
.prod-container .section3 .cont1 .tt { display:block; color:#5c5c5c; margin-bottom:20px; }
.prod-container .section3 .cont1 p { margin-bottom:40px; color:#5c5c5c;  }
.prod-container .section3 .cont1 .img .slider-container { position: relative;}
.prod-container .section3 .cont1 .img .slider-bg { position: absolute; }
.prod-container .section3 .cont1 .img .slider-bg img { max-width: 100%; }
.prod-container .section3 .cont1 .img li img { opacity: 0; }
.prod-container .section3 .cont1 .img li.swiper-slide-active img { opacity: 1; }
.prod-container .section3 .cont1 ul {  }
.prod-container .section3 .cont1 ul li { margin-bottom:20px; text-align:center; }
.prod-container .section3 .cont1 ul li .num { position: absolute; background:#1A1A1A; color:#fff; font-size:15px; width:30px; height:30px; display:block; border-radius:50%; text-align:center; line-height:30px; }
.prod-container .section3 .cont1 ul li p { margin-left: 40px; font-size:18px; }



/*바로잰 fit 특장점*/
.prod2-container {}
.prod2-container .section1 { padding-top:120px; padding-bottom:140px; }
.prod2-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod2-container .section1 .cont2 ul { width:calc(100% + 30px); }
.prod2-container .section1 .cont2 ul li { float:left; width:33.33%; margin-top:25px; }
.prod2-container .section1 .cont2 ul li .box { border-radius:30px; overflow:hidden; filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.15)); margin-right:30px; }
.prod2-container .section1 .cont2 ul li .box img { max-width:100%; height:auto; }
.prod2-container .section1 .cont2 ul li .desc { background:#fff; padding:30px 35px; height:70px; height:260px; }
.prod2-container .section1 .cont2 ul li .desc .t { display:block; font-size:34px; font-weight:800; margin-top:3px; margin-bottom:15px; }
.prod2-container .section1 .cont2 ul li .desc p { line-height:1.6; font-size:18px; color:#5C5C5C; }
.prod2-container .section1 .cont2 ul li .desc .btn1 { margin-top:18px; }

.prod2-container .section2 { padding-top:120px; padding-bottom:140px; }
.prod2-container .section2 .txt3 { font-size:54px; font-weight:800; text-align:center; margin-bottom:5px; }
.prod2-container .section2 .txt4 { font-size:28px; margin-bottom:70px; color:#5C5C5C; text-align:center; }
.prod2-container .section2 ul {  }
.prod2-container .section2 ul li { display:flex; margin-top: 70px; align-items:center; }
.prod2-container .section2 ul li .img { flex-basis:60%; }
.prod2-container .section2 ul li .img img { max-width:100%; height:auto; }
.prod2-container .section2 ul li .desc { flex-basis:40%; padding-left:60px; }
.prod2-container .section2 ul li .desc .t { display:block; font-size:34px; font-weight:800; margin-top:3px; margin-bottom:15px; }
.prod2-container .section2 ul li .desc p { line-height:1.6; font-size:18px; color:#5C5C5C; }
.prod2-container .section2 ul li .desc .j { display:block; font-size:14px; color:#838D8D; margin-top:30px; line-height: 1.5; }

.prod2-container .section3 { padding-top:120px; padding-bottom:140px; }
.prod2-container .section3 .txt3 { font-size:54px; font-weight:800; margin-bottom:5px; }
.prod2-container .section3 .txt4 { font-size:28px; margin-bottom:70px; color:#5C5C5C; }
.prod2-container .section3 ul { width:calc(100% + 30px); }
.prod2-container .section3 ul li { float:left; width:33.33%; align-items:center; }
.prod2-container .section3 ul li .box { margin-right:30px; border-radius: 30px; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.15) }
.prod2-container .section3 ul li .box .padding { padding:45px 40px 5px 40px;  }
.prod2-container .section3 ul li .img { flex-basis:60%; }
.prod2-container .section3 ul li .img img { max-width:100%; height:auto; }
.prod2-container .section3 ul li .num { display:inline-block; width:52px; height:52px; line-height:52px; border-radius: 50%; background:#1A1A1A; color:#fff; text-align:center; font-size:30px; font-weight:700; }
.prod2-container .section3 ul li .t { display:block; font-size:34px; font-weight:800; margin-top:3px; margin-top:18px; margin-bottom:15px; }
.prod2-container .section3 ul li p { line-height:1.6; font-size:18px; color:#5C5C5C; margin-bottom:20px; }
.prod2-container .section3 ul li .box > img { max-width:100%; height:auto; }



/*바로잰 Fit 앱*/
.prod3-container {}
.prod3-container .section1 { padding-top:120px; padding-bottom:140px; }
.prod3-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod3-container .section1 .cont1 { background:url(../images/prod3_img1.jpg) no-repeat center center; background-size:cover; height:736px; border-radius:30px; position:relative; }
.prod3-container .section1 .cont1 .info { position:absolute; top:50%; transform:translateY(-50%); left:95px; }
.prod3-container .section1 .cont1 .tt { display: block; font-size:28px; font-weight:700; margin-bottom:30px; }
.prod3-container .section1 .cont1 p { font-size:18px; margin-bottom:30px; line-height:1.5; }

.prod3-container .section2 { padding-top:120px; padding-bottom:140px; }
.prod3-container .section2 .txt3 { font-size:54px; font-weight:800; text-align:center; margin-bottom:10px; line-height:1.2; }
.prod3-container .section2 .txt5 { font-size:22px; margin-bottom:70px; color:#5C5C5C; text-align:center; }
.prod3-container .section2 .cont1 > ul {  }
.prod3-container .section2 .cont1 > ul > li { display:flex; margin-top: 70px; align-items:center; line-height:1.5;}
.prod3-container .section2 .cont1 > ul > li .img { flex-basis:60%; }
.prod3-container .section2 .cont1 > ul > li .img img { max-width:100%; height:auto; }
.prod3-container .section2 .cont1 > ul > li .desc { flex-basis:40%; padding-left:60px; }
.prod3-container .section2 .cont1 > ul > li .desc .t { display:block; font-size:32px; font-weight:800; margin-top:3px; margin-bottom:15px; }
.prod3-container .section2 .cont1 > ul > li .desc p { line-height:1.6; font-size:18px; color:#5C5C5C; }
.prod3-container .section2 .cont1 > ul > li:nth-child(1) ul li { background:url(../images/icon_point.svg) no-repeat left 8px; padding-left:12px; margin-bottom:5px; font-size:16px; color:#5c5c5c; }
.prod3-container .section2 .cont1 > ul > li:nth-child(2) ul { border-top:solid 1px #D8D8D8; }
.prod3-container .section2 .cont1 > ul > li:nth-child(2) ul li { margin-bottom:5px; display:flex; align-items:center; border-bottom:solid 1px #D8D8D8; padding:10px 0; color:#5c5c5c; }
.prod3-container .section2 .cont1 > ul > li:nth-child(2) ul li .img { flex-basis:210px; }

.prod3-container .section3 { position:relative; padding-top:170px; padding-bottom:170px; }
.prod3-container .section3 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; }
.prod3-container .section3 .cont1 .img { flex-basis:50%; align-self: stretch;  text-align:center; position: relative; }
.prod3-container .section3 .cont1 .img img { position: absolute; bottom:-170px; left:50%; transform: translateX(-50%); max-width:100%; height:auto; }
.prod3-container .section3 .cont1 .desc { line-height:1.5; flex-basis:50%; }
.prod3-container .section3 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; line-height:1.3; }
.prod3-container .section3 .cont1 .j { display:block; font-size:14px; color: #838D8D; margin-top: 40px; }
.prod3-container .section3 .cont1 p { margin-bottom:40px; font-size:18px; color:#5c5c5c; }

.prod3-container .section4 { position:relative; padding-top:180px; padding-bottom:180px;}
.prod3-container .section4 .cont1 { display:flex; align-items:center; }
.prod3-container .section4 .cont1 .img { flex-basis:50%; align-self: stretch; text-align:center; position: relative; }
.prod3-container .section4 .cont1 .img img { max-width: 100%; }
.prod3-container .section4 .cont1 .desc { margin-left:80px; line-height:1.5; flex-basis:50%; }
.prod3-container .section4 .cont1 .t { display:block; font-size:46px; font-weight:800; margin-bottom:30px; line-height:1.3; }
.prod3-container .section4 .cont1 .j { display:block; font-size:14px; color: #838D8D; margin-top: 40px; }
.prod3-container .section4 .cont1 p { font-size:18px; color:#5c5c5c; }
.prod3-container .section4 .advert { margin-top:100px;}



/*바로잰 Care 엡 */
.prod4-container {}
.prod4-container .section1 { padding-top:120px; }
.prod4-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod4-container .section1 .line img { width:100%; height: auto; }
.prod4-container .section1 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; margin-top:140px; }
.prod4-container .section1 .cont1.reverse { flex-direction:initial }
.prod4-container .section1 .cont1 .img { flex-basis:50%; }
.prod4-container .section1 .cont1 .img img { max-width:100%; height:auto; }
.prod4-container .section1 .cont1 .desc { flex-basis:50%; line-height:1.5; }
.prod4-container .section1 .cont1 .desc .icon { margin-left:-10px; }
.prod4-container .section1 .cont1 .desc > div { margin-right:120px; }
.prod4-container .section1 .cont1 .desc > img { margin-left:-10px; margin-bottom:30px; }
.prod4-container .section1 .cont1.reverse .desc > div { margin-left:50px; margin-right:0px; }
.prod4-container .section1 .cont1 .desc .t { display:block; font-size:46px; font-weight:800; margin-bottom:20px; line-height:1.2; }
.prod4-container .section1 .cont1 .desc .tt { display:block; font-size:22px;  margin-bottom:20px; color: #5C5C5C; line-height:1.2; }
.prod4-container .section1 .cont1 .desc p { font-size:18px; margin-bottom:40px; color: #5C5C5C; }
.prod4-container .section1 .cont1 .desc .j { display:block; font-size:14px; color:#838D8D; margin-top:40px; }
.prod4-container .section1 .cont1 .desc .btn_gra1 { margin-right:10px; }
.prod4-container .section1 .advert { margin-top:20px; }


/*바로잰 Care 웹 */
.prod5-container {}
.prod5-container .section1 { padding-top:120px; }
.prod5-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod5-container .section1 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; margin-top:140px; }
.prod5-container .section1 .cont1 .img { flex-basis:62%; text-align:right;  }
.prod5-container .section1 .cont1 .img img { max-width:100%; height:auto; }
.prod5-container .section1 .cont1 .desc { flex-basis:38%; line-height:1.5; }
.prod5-container .section1 .cont1 .desc > div { margin-right:100px; }
.prod5-container .section1 .cont1 .desc > img { margin-left:-10px; margin-bottom:30px; }
.prod5-container .section1 .cont1 .desc .t { display:block; font-size:46px; font-weight:800; margin-bottom:20px; line-height:1.2; }
.prod5-container .section1 .cont1 .desc .tt { display:block; font-size:22px;  margin-bottom:20px; color: #5C5C5C; line-height:1.2; }
.prod5-container .section1 .cont1 .desc p { font-size:18px; margin-bottom:40px; color: #5C5C5C; }
.prod5-container .section1 .cont1 .desc .j { display:block; font-size:14px; color:#838D8D; margin-top:40px; }

.prod5-container .section2 {  }
.prod5-container .section2 .inner { text-align:center; }
.prod5-container .section2 .inner img { max-width:100%; height:auto; }
.prod5-container .section2 .mobile { display:none; }

.prod5-container .section3 {  }
.prod5-container .section3 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod5-container .section3 .cont1 { display:flex; align-items:center; }
.prod5-container .section3 .cont1 .img { flex-basis: 51%; }
.prod5-container .section3 .cont1 .img img { max-width:100%; height:auto; }
.prod5-container .section3 .cont1 .desc { flex-basis:49%; line-height:1.5; }
.prod5-container .section3 .cont1 .desc > div { margin-left:100px; }
.prod5-container .section3 .cont1 .desc > img { margin-left:-10px; margin-bottom:30px; }
.prod5-container .section3 .cont1 .desc .t { display:block; font-size:46px; font-weight:800; margin-bottom:20px; line-height:1.2; }
.prod5-container .section3 .cont1 .desc .tt { display:block; font-size:22px;  margin-bottom:20px; color: #5C5C5C; line-height:1.2; }
.prod5-container .section3 .cont1 .desc p { font-size:18px; margin-bottom:40px; color: #5C5C5C; }
.prod5-container .section3 .cont1 .desc .j { display:block; font-size:14px; color:#838D8D; margin-top:40px; }
.prod5-container .section3 .advert { margin-top:20px; }


/*바로잰 Fit 워치앱 */
.prod6-container {}
.prod6-container .section1 { padding-top:120px; }
.prod6-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.prod6-container .section1 .line img { width:100%; height: auto; }
.prod6-container .section1 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; margin-top:140px; }
.prod6-container .section1 .cont1.reverse { flex-direction:initial }
.prod6-container .section1 .cont1 .img { flex-basis:45%; }
.prod6-container .section1 .cont1 .img img { max-width:100%; height:auto; }
.prod6-container .section1 .cont1 .desc { flex-basis:50%; line-height:1.5; }
.prod6-container .section1 .cont1 .desc .icon { margin-left:-10px; }
.prod6-container .section1 .cont1 .desc > div { margin-right:120px; }
.prod6-container .section1 .cont1 .desc > img { margin-left:-10px; margin-bottom:30px; }
.prod6-container .section1 .cont1.reverse .desc > div { margin-left:50px; margin-right:0px; }
.prod6-container .section1 .cont1 .desc .t { display:block; font-size:46px; font-weight:800; margin-bottom:20px; line-height:1.2; }
.prod6-container .section1 .cont1 .desc .tt { display:block; font-size:22px;  margin-bottom:20px; color: #5C5C5C; line-height:1.2; }
.prod6-container .section1 .cont1 .desc p { font-size:18px; margin-bottom:40px; color: #5C5C5C; }
.prod6-container .section1 .cont1 .desc .j { display:block; font-size:14px; color:#838D8D; margin-top:40px; }
.prod6-container .section1 .cont1 .desc .btn_gra1 { margin-right:10px; }
.prod6-container .section1 .advert { margin-top:20px; }

.prod6-container .section1 .cont2 {  margin-top:140px; }
.prod6-container .section1 .cont2 .tab-scroll { overflow-x: auto; margin-bottom:45px; }
.prod6-container .section1 .cont2 .tab { display:flex; font-size:20px; font-weight:600; color:#BCBEC0; }
.prod6-container .section1 .cont2 .tab li { flex-basis:25%; text-align:center; }
.prod6-container .section1 .cont2 .tab li a { white-space: nowrap; display:block; padding:0 10px; padding-top:25px; padding-bottom:25px; border-top:solid 10px #BCBEC0; text-align:center; }
.prod6-container .section1 .cont2 .tab li.selected a { background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; border-image:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); border-image-slice: 1; }
.prod6-container .section1 .cont2 .tab-content { position: relative;}
.prod6-container .section1 .cont2 .tab-content > li { overflow:hidden; display:block; display:none; background: #F1F1F1; }
.prod6-container .section1 .cont2 .tab-content > li img { max-width: 100%; height:auto; }
.prod6-container .section1 .cont2 .tab-content > li:nth-child(1) { display:block; }
.prod6-container .section1 .cont2 .tab-content .slider { position:relative; }
.prod6-container .section1 .cont2 .tab-content .slider li {  }
.prod6-container .section1 .cont2 .tab-content .slider li .box { display:flex; align-items: center; max-width: 1120px; height:580px; margin:0 auto; padding:0 20px; }
.prod6-container .section1 .cont2 .tab-content .slider li .img { flex-basis: 50%; text-align: center; padding:20px 40px 20px 0px; }
.prod6-container .section1 .cont2 .tab-content .slider li .desc { flex-basis: 50%; }
.prod6-container .section1 .cont2 .tab-content .slider li .desc .num span
{ 
    display:inline-block; height:44px; line-height: 44px; 
    font-size:18px; font-weight: 700; padding:0 22px;
    border:solid 1px #2CD343; margin-bottom:15px;
    /* border-image:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); border-image-slice: 1; */
    background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; 
    border-radius: 100px; overflow: hidden;
}
.prod6-container .section1 .cont2 .tab-content .slider li .desc .subject { font-size:28px; font-weight: 700; margin-bottom: 15px; }
.prod6-container .section1 .cont2 .tab-content .slider li .desc .tip { font-size:16px; color:#7D7D7D; margin-bottom: 15px;}
.prod6-container .section1 .cont2 .tab-content .slider li .desc .caution { color:rgba(138, 138, 138, 1); font-size:23px; margin-bottom: 15px;}

.prod6-container .section1 .cont2 .tab-content .left { position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:100; }
.prod6-container .section1 .cont2 .tab-content .right { position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:100; }
.prod6-container .section1 .cont2 .tab-content .slider .page { text-align:center; position:absolute; bottom:30px; z-index:100; }
.prod6-container .section1 .cont2 .tab-content .slider .page .swiper-pagination-bullet { border:solid 1px #1A1A1A; background:transparent; width:12px; height:12px; border-radius:50%; opacity:1; }
.prod6-container .section1 .cont2 .tab-content .slider .page .swiper-pagination-bullet-active { background:#1a1a1a; }


/*자주 묻는 질문 */
.customer-container {}
.customer-container .section1 { padding-top:120px; }
.customer-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }


/*요양비 지원*/
.customer2-container {}
.customer2-container .section1 { padding-top:120px; }
.customer2-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }
.customer2-container .section1 .p { margin-bottom:140px; }
.customer2-container .section1 .t { font-size:44px; font-weight:800; margin-bottom:15px; }
.customer2-container .section1 .t2 { display:inline-block; font-size:26px; font-weight:700; background: #1A1A1A; color:#fff; height:70px; line-height:70px; border-radius:60px; padding:0 35px; margin-bottom:35px; }
.customer2-container .section1 .t3 { font-size:28px; font-weight:700; margin-bottom:10px; }
.customer2-container .section1 .t4 { font-size:28px; font-weight:700; margin-bottom:10px; margin-top:60px; }
.customer2-container .section1 .j { font-size:16px; color:#7d7d7d; margin-bottom: 30px; }
.customer2-container .section1 .tt { font-size:28px; font-weight:400; margin-bottom:30px; }
.customer2-container .section1 .p > dl { font-size:18px; margin-bottom:30px; }
.customer2-container .section1 .p > dl > dt { margin-bottom:12px;  }
.customer2-container .section1 .p > dl > dd { margin-bottom:12px; background:url(../images/bullet_circle.svg) no-repeat left 5px; padding-left:24px;  }
.customer2-container .section1 .p > dl > dd.gray { background:none; padding-left:0px; color:#7D7D7D; }
.customer2-container .section1 .p > dl > dd dl { margin-top:10px; margin-bottom:10px; }
.customer2-container .section1 .p > dl > dd dl dd { margin-bottom:5px; font-size:16px; color:#7d7d7d; background:url(../images/bullet_hyphen.svg) no-repeat left 5px; padding-left:24px;  }
.customer2-container .section1 .p table { margin-bottom:20px; }
.customer2-container .section1 .p table dl { margin-top:10px; margin-bottom:10px; }
.customer2-container .section1 .p table dl dd { margin-bottom:5px; font-size:16px; color:#7d7d7d; background:url(../images/bullet_hyphen.svg) no-repeat left 5px; padding-left:24px;  }
.customer2-container .section1 .p .proc { display:flex; align-items:center; margin-top:50px; }
.customer2-container .section1 .p .proc li.arrow { margin:0 40px; }
.customer2-container .section1 .p .btns { text-align:center; margin-top:60px; }
.customer2-container .section1 .p .btns a { margin:0 10px; }


/*고객센터*/
.customer3-container {}
.customer3-container .section1 { padding-top:120px; padding-top:120px; }
.customer3-container .section1 .txt1 { font-size:62px; font-weight:800; }

.customer3-container .section2 { padding:60px 20px 80px 20px; }
.customer3-container .section2 .t { font-size:46px; font-weight:800; text-align:center; margin-bottom:45px; }
.customer3-container .section2 ul { width:calc(100% + 30px); }
.customer3-container .section2 ul li { float:left; width:33.33%;  }
.customer3-container .section2 ul li .box { margin-right:30px; background:#fff; border-radius:20px; height:386px; }
.customer3-container .section2 ul li .box > div { padding:60px 20px; text-align:center; }
.customer3-container .section2 ul li .box .desc { text-align:center; }
.customer3-container .section2 ul li .box p { text-align:center; margin-bottom: 7px; }
.customer3-container .section2 ul li .box p.tt { margin-top:40px; font-size:28px; font-weight:700; }
.customer3-container .section2 ul li .box p.i { font-size:16px; }
.customer3-container .section2 ul li .box p.p { font-size:22px; font-weight:700; }
.customer3-container .section2 .time { margin-top: 32px; color:#535353; font-size: 18px; text-align:center; }
.customer3-container .section2 .time strong { margin-right:20px; }


/*제품 사용법*/
.pds-container {}
.pds-container .section1 { padding-top:120px; padding-top:120px; }
.pds-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:10px; }
.pds-container .section1 .txt2 { font-size:28px; margin-bottom:120px; }
.pds-container .section1 .cont1 { margin-bottom:140px; }
.pds-container .section1 .cont1 .tab-scroll { overflow-x: auto; margin-bottom:45px; }
.pds-container .section1 .cont1 .tab { display:flex; font-size:20px; font-weight:600; color:#BCBEC0; }
.pds-container .section1 .cont1 .tab li { flex-basis:25%; text-align:center; }
.pds-container .section1 .cont1 .tab li a { white-space: nowrap; display:block; padding:0 10px; padding-top:25px; padding-bottom:25px; border-top:solid 10px #BCBEC0; text-align:center; }
.pds-container .section1 .cont1 .tab li.selected a { background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; border-image:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); border-image-slice: 1; }
.pds-container .section1 .cont1 .tab-content { position: relative;}
.pds-container .section1 .cont1 .tab-content > li { overflow:hidden; display:block; display:none; background: #F1F1F1; }
.pds-container .section1 .cont1 .tab-content > li img { max-width: 100%; height:auto; }
.pds-container .section1 .cont1 .tab-content > li:nth-child(1) { display:block; }
.pds-container .section1 .cont1 .tab-content .slider { position:relative; }
.pds-container .section1 .cont1 .tab-content .slider li {  }
.pds-container .section1 .cont1 .tab-content .slider li .box { display:flex; align-items: center; max-width: 1120px; margin:0 auto; padding:0 20px; }
.pds-container .section1 .cont1 .tab-content .slider li .img { flex-basis: 50%; text-align: center; }
.pds-container .section1 .cont1 .tab-content .slider li .desc { flex-basis: 50%; }
.pds-container .section1 .cont1 .tab-content .slider li .desc .num span
{ 
    display:inline-block; height:44px; line-height: 44px; 
    font-size:18px; font-weight: 700; padding:0 22px;
    border:solid 1px #2CD343; margin-bottom:15px;
    /* border-image:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); border-image-slice: 1; */
    background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; 
    border-radius: 100px; overflow: hidden;
}
.pds-container .section1 .cont1 .tab-content .slider li .desc .subject { font-size:28px; font-weight: 700; margin-bottom: 15px; }
.pds-container .section1 .cont1 .tab-content .slider li .desc .tip { font-size:16px; color:#7D7D7D; margin-bottom: 15px;}
.pds-container .section1 .cont1 .tab-content .slider li .desc .caution { color:#FF782C; background: url(../images/icon_caution.svg) no-repeat left 0px; padding-left: 40px; margin-bottom: 15px; padding-top:5px; padding-bottom:5px; }

.pds-container .section1 .cont1 .tab-content .left { position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:100; }
.pds-container .section1 .cont1 .tab-content .right { position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:100; }
.pds-container .section1 .cont1 .tab-content .slider .page { text-align:center; position:absolute; bottom:30px; z-index:100; }
.pds-container .section1 .cont1 .tab-content .slider .page .swiper-pagination-bullet { border:solid 1px #1A1A1A; background:transparent; width:12px; height:12px; border-radius:50%; opacity:1; }
.pds-container .section1 .cont1 .tab-content .slider .page .swiper-pagination-bullet-active { background:#1a1a1a; }

.pds-container .section1 .cont2 {}
.pds-container .section1 .cont2 .txt1 { font-size:54px; font-weight:800; margin-bottom:30px; }
.pds-container .section1 .cont2 ul { border-top:solid 1px #7D7D7D; }
.pds-container .section1 .cont2 ul li { display:flex; align-items:center; border-bottom:solid 1px #7D7D7D; padding:40px 0; }
.pds-container .section1 .cont2 ul li .mov { width: 720px; }
.pds-container .section1 .cont2 ul li .mov .mov_res { padding-bottom:56.25%; height:0px;position: relative;  }
.pds-container .section1 .cont2 ul li .mov iframe { position: absolute; width:100% !important; height:100% !important; }
.pds-container .section1 .cont2 ul li .desc { flex-basis: 50%; }
.pds-container .section1 .cont2 ul li .desc > div { padding: 0 60px; }
.pds-container .section1 .cont2 ul li .desc .t { font-size:46px; font-weight:700; margin-bottom:35px; }
.pds-container .section1 .cont2 ul li .desc .i { font-size:18px; line-height:1.4; }


/*다운로드-앱(APP) 다운로드*/
.pds2-container {}
.pds2-container .section1 { padding-top:120px; padding-top:120px; }
.pds2-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:120px; }

.pds2-container .section1 .cont1 { margin-bottom:60px; background:#E7ECF6; border-radius:30px; position:relative; }
.pds2-container .section1 .cont1 .img { position:absolute; right:0px; bottom:0px; }
.pds2-container .section1 .cont1 .img img { max-width: 100%; height:auto; }
.pds2-container .section1 .cont1 .desc { padding: 80px 80px 105px 80px; z-index: 10; position: relative; }
.pds2-container .section1 .cont1 .desc .logo { margin-bottom:15px; }
.pds2-container .section1 .cont1 .desc .t { font-size:46px; font-weight:700; margin-bottom:40px; }
.pds2-container .section1 .cont1 .desc .t span { color:#1E569B; }
.pds2-container .section1 .cont1 .desc ul.qr { display:flex; }
.pds2-container .section1 .cont1 .desc ul.qr li { margin-right:20px; }
.pds2-container .section1 .cont1 .desc ul.qr li:last-child { margin-right:0px; }
.pds2-container .section1 .cont1 .desc ul.qr li img { max-width: 100%; height:auto; }
.pds2-container .section1 .cont1 .desc ul.btns { display:flex; display: none; }
.pds2-container .section1 .cont1 .desc ul.btns li { flex-basis: 50%; text-align: center; }
.pds2-container .section1 .cont1 .desc ul.btns li:nth-child(odd) { padding-right:5px; }
.pds2-container .section1 .cont1 .desc ul.btns li:nth-child(even) { padding-left:5px; }
.pds2-container .section1 .cont1 .desc ul.btns li a { display:block; padding:11px 0 11px 12px; font-size:13px !important; padding-right:20px; }
.pds2-container .section1 .cont1 .desc ul.btns li a::after { right:15px; }

.pds2-container .section1 .cont1.watch { background:#FFF; }

.pds2-container .section1 .cont1.care { background:#E9F3EC; }
.pds2-container .section1 .cont1.care .desc .t span { color:#0F8549;  }



/*다운로드-바로잰 Fit 자료*/
.pds3-container {}
.pds3-container .section1 { padding-top:120px; padding-top:120px; }
.pds3-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:10px; }
.pds3-container .section1 .txt2 { font-size:28px; margin-bottom:120px; }
.pds3-container .section1 .cont1 ul { width:calc(100% + 25px); }
.pds3-container .section1 .cont1 ul li { float:left; width:25%; margin-bottom:25px; }
.pds3-container .section1 .cont1 ul li .box { border-radius: 20px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); height:368px; position:relative; margin-right:25px; }
.pds3-container .section1 .cont1 ul li .box > div { padding:45px 30px; }
.pds3-container .section1 .cont1 ul li .t { font-size:28px; font-weight:700; margin-bottom:15px; }
.pds3-container .section1 .cont1 ul li .t::after { content:''; display:block; height:2px; background:#1a1a1a; width:34px; margin-top:15px; }
.pds3-container .section1 .cont1 ul li .i { line-height:1.5; font-size:16px; color:#5c5c5c; }
.pds3-container .section1 .cont1 ul li a.down { position: absolute; bottom:25px; right:25px; display:block; background:url(../images/pds3_btn_down.png) #7D7D7D no-repeat center center; width:48px; height:48px; border-radius:50%; text-indent:-100px; overflow:hidden; }
.pds3-container .section1 .cont1 ul li:hover a.down { background-image:url(../images/pds3_btn_down2.png) ; }
.pds3-container .section1 .cont1 dl { margin-top:30px; font-size:16px; color:#7d7d7d; }
.pds3-container .section1 .cont1 dl dd { margin-bottom:10px; }



/*호환성*/
.pds4-container {}
.pds4-container .section1 { padding-top:120px; padding-top:120px; }
.pds4-container .section1 .txt1 { font-size:62px; font-weight:800; margin-bottom:10px; }
.pds4-container .section1 .txt2 { font-size:28px; margin-bottom:120px; }
.pds4-container .section1 .cont1 table { margin-bottom:80px; }
.pds4-container .section1 .cont1 dl { margin-top:30px; font-size:20px; margin-bottom:30px; }
.pds4-container .section1 .cont1 dl dd { background: url(../images/bullet_circle.svg) no-repeat left 5px; padding-left:25px; margin-bottom:10px; }
.pds4-container .section1 .cont1 .j { font-size:16px; color:#7d7d7d; }

.pds4-container .popup .box { height:90%; }
.popup .box .inner { margin:50px; height:calc(100% - 120px); }
.pds4-container .popup .scroll { width:100%; padding-right:50px; height:100%; overflow-Y: auto; }
/* #2CD343; */
.pds4-container .popup .scroll::-webkit-scrollbar { width:5px; }
.pds4-container .popup .scroll::-webkit-scrollbar-thumb { background: #2CD343;}
.pds4-container .popup .scroll::-webkit-scrollbar-track { background: #eee; }
.pds4-container .popup .txt1 { font-size:46px; font-weight: 700; }
.pds4-container .popup .tit span
{ 
    display:inline-block; height:48px; line-height: 48px; 
    font-size:18px; font-weight: 700; padding:0 22px;
    border:solid 1px #2CD343; margin-bottom:15px;
    /* border-image:linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); border-image-slice: 1; */
    background: linear-gradient(100.22deg, #2CD343 4.44%, #27AAE1 94.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; 
    border-radius: 100px; overflow: hidden;
}
.pds4-container .popup .cont1 { margin-bottom:50px; font-size:16px;}
.pds4-container .popup .cont1 ul { display:flex; align-items: flex-start; color:#5C5C5C; }
.pds4-container .popup .cont1 ul li { flex-basis: 50%; line-height: 1.5; }
.pds4-container .popup .cont1 ul li > div { padding-right:10px; }
.pds4-container .popup .cont1 .u { font-weight: 600; }
.pds4-container .popup .cont2 { margin-bottom:50px; font-size:16px; }
.pds4-container .popup .cont2 .t { font-weight: 700; margin-bottom:30px; }
.pds4-container .popup .cont2 dt { font-weight: 700; margin-bottom: 7px;}
.pds4-container .popup .cont2 dd { background:url(../images/icon_point.svg) no-repeat 4px 8px; padding-left:17px; margin-bottom: 7px; }
.pds4-container .popup .cont2 .j { font-size:14px; color:#7D7D7D; margin-bottom: 15px; }
.pds4-container .popup .cont2 .u { font-weight: 600; }



/*메인*/
#main-contents { overflow:hidden; }
#main-contents .fullpage { position:relative; }
#main-contents .fullpage .slider-page { position:absolute; bottom:60px; left:60px; display:flex; align-items:center; font-size: 16px; font-weight: 500; color:#fff; z-index:100 }
#main-contents .fullpage .slider-page .bar { margin-right:10px;  }
#main-contents .fullpage .slider-page .bar dl { display:flex; align-items:center;  }
#main-contents .fullpage .slider-page .bar dd { width:100px; height:2px; background:rgba(217, 217, 217, 0.7); margin:0 10px; margin-top:-2px; position:relative; }
#main-contents .fullpage .slider-page .bar dd span { position:absolute; width:50%; height:2px; background:#fff; top:0px; left:0px; }

#main-contents .fullpage .quick-float { position:absolute; right:45px; top:50%; transform:translateY(-50%); z-index:890; }
#main-contents .fullpage .iconScroll { position:absolute; bottom:40px; z-index:100; left:50%; transform:translateX(-50%); }
#main-contents .fullpage ul.pages {  color:#fff; }
#main-contents .fullpage ul.pages li { overflow: hidden; }
#main-contents .fullpage ul.pages li .slide-inner { position:absolute; width:100%; height:100%; background-size: cover; background-position: center; }
#main-contents .fullpage ul.pages li .copy { height: 100%; display: flex; align-items: center; max-width:1400px; margin:0 auto; font-size:90px; font-weight:900; z-index: 5; }
#main-contents .fullpage ul.pages li .copy .inner { padding: 0 0px; margin: 0 20px; }


#main-contents .scrollpage { position:relative; }

#main-contents .scrollpage .page1 { background:url(../images/main_bg1.png) no-repeat center center; padding:200px 0 150px 0; }
#main-contents .scrollpage .page1 .inner { max-width:1360px; margin:0 auto; padding:0 20px; }
#main-contents .scrollpage .page1 .cont1 { display:flex; align-items:center; }
#main-contents .scrollpage .page1 .cont1 .desc { width:50%; }
#main-contents .scrollpage .page1 .cont1 .desc .t { font-size:62px; font-weight:800; line-height:1.2; margin-bottom:20px; }
#main-contents .scrollpage .page1 .cont1 .desc .i { font-size:18px; color:#5c5c5c; margin-bottom:40px; }
#main-contents .scrollpage .page1 .cont1 .desc .j { font-size:14px; color:#838D8D; }
#main-contents .scrollpage .page1 .cont1 .desc .btns { margin-bottom:40px; }
#main-contents .scrollpage .page1 .cont1 .desc .btns a { margin-right:10px; }
#main-contents .scrollpage .page1 .cont1 .img { width:50%; }

#main-contents .scrollpage .page2 { background:#F2F4F5; padding:125px 0; }
#main-contents .scrollpage .page2 .inner { max-width:1360px; margin:0 auto; padding:0 20px; }
#main-contents .scrollpage .page2 .cont1 { max-width:1360px; margin:0 auto; }
#main-contents .scrollpage .page2 .cont1 .txt1 { font-size:62px; font-weight:800; text-align:center; line-height:1.2; margin-bottom:50px; }
#main-contents .scrollpage .page2 .cont1 ul { width:calc(100% + 30px); }
#main-contents .scrollpage .page2 .cont1 ul li { float:left; width:33.33%; }
#main-contents .scrollpage .page2 .cont1 ul li .box { margin-right:30px; border-radius:30px; box-shadow : 0px 0px 12px rgba(0, 0, 0, 0.15); overflow:hidden; }
#main-contents .scrollpage .page2 .cont1 ul li .img {}
#main-contents .scrollpage .page2 .cont1 ul li .img img { max-width:100%; height:auto; }
#main-contents .scrollpage .page2 .cont1 ul li .desc { background:#fff; min-height:280px; }
#main-contents .scrollpage .page2 .cont1 ul li .desc > div { padding:25px 30px; }
#main-contents .scrollpage .page2 .cont1 ul li .desc .t { font-size:32px; font-weight:800; margin-bottom:15px; }
#main-contents .scrollpage .page2 .cont1 ul li .desc dd { font-size:16px; color:#575757; background:url(../images/icon_point.svg) no-repeat left 5px; padding-left:15px; margin-bottom:5px; line-height:1.4; }
#main-contents .scrollpage .page2 .cont1 .btns { text-align:center; margin-top:50px; }


#main-contents .scrollpage .page3 { background:url(../images/main_page_bg1.jpg) no-repeat center center; padding:155px 0; color:#fff; background-size:cover; }
#main-contents .scrollpage .page3 .inner { max-width:1360px; margin:0 auto; padding:0 20px;}
#main-contents .scrollpage .page3 .cont1 { display:flex; align-items:center; flex-direction:row-reverse; }
#main-contents .scrollpage .page3 .cont1 .desc { width:50%; }
#main-contents .scrollpage .page3 .cont1 .desc .t { font-size:62px; font-weight:800; line-height:1.2; margin-bottom:20px; }
#main-contents .scrollpage .page3 .cont1 .desc dl { margin-bottom:30px; }
#main-contents .scrollpage .page3 .cont1 .desc dd { font-size:18px; background:url(../images/icon_point2.svg) no-repeat left 10px; padding-left:15px; margin-bottom:5px; line-height:1.4; }
#main-contents .scrollpage .page3 .cont1 .desc .j { font-size:14px;  }
#main-contents .scrollpage .page3 .cont1 .desc .btns { margin-bottom:30px; }
#main-contents .scrollpage .page3 .cont1 .img { width:50%; text-align:center; }
#main-contents .scrollpage .page3 .cont1 .img img { max-width:100%; height:auto; }



#main-contents .scrollpage .page4 { padding:130px 0 90px 0; }
#main-contents .scrollpage .page4 .inner { max-width:1360px; margin:0 auto; padding:0 20px;}
#main-contents .scrollpage .page4 .txt1 { font-size:62px; font-weight:800; line-height:1.2; margin-bottom:10px; text-align:center; }
#main-contents .scrollpage .page4 .txt2 { font-size:28px; line-height:1.2; margin-bottom:90px; text-align:center; color:#5C5C5C; }
#main-contents .scrollpage .page4 .cont1 { display:flex; align-items:center; flex-direction: row-reverse; }
#main-contents .scrollpage .page4 .cont1 .desc { width:30%; }
#main-contents .scrollpage .page4 .cont1 .desc .t { font-size:46px; font-weight:800; line-height:1.2; margin-bottom:20px; }
#main-contents .scrollpage .page4 .cont1 .desc .i { font-size:22px; line-height:1.4; margin-bottom:30px; color:#5c5c5c; }
#main-contents .scrollpage .page4 .cont1 .desc .btns { margin-bottom:30px; }
#main-contents .scrollpage .page4 .cont1 .img { width:70%; text-align:center; }
#main-contents .scrollpage .page4 .cont1 .img img { max-width:100%; height:auto; }

#main-contents .scrollpage .banner { background:url(../images/main_banner_img1.png) #0A122F no-repeat right bottom; color:#fff; position:relative; padding:110px 0; }
#main-contents .scrollpage .banner .inner { max-width:1360px; margin:0 auto; padding:0 20px }
#main-contents .scrollpage .banner .cont1 {  }
#main-contents .scrollpage .banner .cont1 .desc .t { font-size:62px; font-weight:800; line-height:1.2; margin-bottom:15px; }
#main-contents .scrollpage .banner .cont1 .desc .i { font-size:22px; line-height:1.2; margin-bottom:30px; }
#main-contents .scrollpage .banner .cont1 .desc .btns {}



.perm { color:#838D8D; font-size:18px; line-height: 1.5; } 
.perm strong { font-weight: 600; }

.advert { color:#838D8D; line-height: 1.6; max-width: 680px; font-size:18px; }
.advert p { margin-bottom:8px; }
.advert .rect { border:solid 1px #BCBEC0; padding:4px 5px; font-size:16px; }