/* common */
html,body {overflow-x:hidden;}
* {letter-spacing:-0.5px;}
.container {max-width:1220px; margin:0 auto; padding:0 10px;}
.container.min1300 {max-width:1320px;}
section {padding:0 0 150px;}
@media (max-width:991px){
section {padding:0 0 70px;}
}
@media (max-width:767px){
section {padding:0 0 50px;}
}


header a.menu {
    display: none;
    border-color: #000 !important;
}

/* icon */
.icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.icon-alert {width:24px; height:24px; font-size:0; background:url('../images/icon_alert.png') no-repeat center / cover;}
.icon-mypage {width:54px; height:54px; font-size:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.icon-filter {width:24px; height:24px; font-size:0; background:url('../images/icon_filter.png') no-repeat center / cover;}
.icon-play {width:100px; height:100px; font-size:0; background:url('../images/icon_play.svg') no-repeat center / cover;}
.icon-start:before {display:inline-block; content:""; width:12px; height:16px; background:url('../images/icon_start.svg') no-repeat center / cover; margin-right:7px;}		  
.icon-pause:before {display:inline-block; content:""; width:13px; height:10px; background:url('../images/icon_pause.svg') no-repeat center / cover; margin-right:7px;} 	  
.icon-screen:before {display:inline-block; content:""; width:13.5px; height:13.5px; background:url('../images/icon_screen.svg') no-repeat center / cover;}  	  
.icon-big-screen:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_big_screen.svg') no-repeat center / cover;}  	  
.icon-full-screen:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_full_screen.svg') no-repeat center / cover;}         
@media (max-width:991px){
.icon-play {width:50px; height:50px;}
.icon-start:before {margin:0;}
.icon-pause:before {margin:0;}
}
@media (max-width:767px){
.icon-play {width:25px; height:25px;}
}

/* sticker */
.sticker {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

/* background */
.bg-blue {background:#3797df; color:#fff;}

/* color */
.ft-black {color:#000 !important;}
.ft-white {color:#fff !important;}
.ft-pink {color:#3797df !important;}
.ft-skyblue {color:#d585d5 !important;}
.ft-orange {color:#FF5C00 !important;}
.ft-red {color:#ff0000 !important;}
.ft-blue {color:#4098ff !important;}

/* button */
.btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.btn-sm {width:100px; height:40px; font-size:16px; font-weight:600;}
.btn-big {width:300px; height:60px; font-size:20px; font-weight:700;}
.btn-submit {background:#ff7a00; height:60px; font-size:24px; font-weight:700; color:#fff !important;}
.btn-black {background:#000; color:#fff !important;}
.btn-white {background:#fff; border:1px solid #d9d9d9; color:#7d7878 !important;}
.btn-navy {background:#2f5596; color:#fff !important;}
.btn-navy-bd {border:1px solid #2f5596; color:#2f5596 !important;}
.btn-gray {background:#7d7878; color:#fff !important;}
.btn-orange {background:#FF5C00; color:#fff !important;}
.btn-kakao {background:#FEE500; justify-content:flex-start; height:45px;}
.btn-kakao span {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#392020;}
.btn-kakao span:before {display:inline-block; width:49px; height:21px; margin:0 25px; content:""; background:url('../images/icon_kakao.svg') no-repeat center / cover;}
.btn-wt {border:1px solid #fff; color:#fff !important;}
.btn-yellow {border:1px solid #fee500; color:#fee500 !important;}
@media (max-width:991px){
.btn-submit {height:45px; font-size:22px;}
.btn-kakao span {font-size:16px;}
.btn-kakao span:before {width:45px; height:19px;}
}
@media (max-width:767px){	 
.btn-big {width:200px; height:45px; font-size:18px;}   
.btn-submit {font-size:18px;}
.btn-kakao span:before {margin:0 20px;}
.btn-sm {font-size:15px;}
}

/* title */
strong.sub-title {display:block; font-size:20px; font-weight:700; color:#333; margin:0 0 15px;}
@media (max-width:991px){
strong.sub-title {font-size:18px;}
}
@media (max-width:767px){
strong.sub-title {font-size:16px; margin:0 0 10px;}
}

/* input-box */
.input-box input {height:50px; border:1px solid #d9d9d9; width:100%; padding:0 20px; font-size:18px; color:#000;}
.input-box input::placeholder {color:#7d7878;}
@media (max-width:991px){
.input-box input {height:40px; padding:0 15px; font-size:16px;}
}
@media (max-width:767px){
.input-box input {padding:0 10px; font-size:14px;}
}

/* select-box */
.select-box select {background:#fff url('../images/icon_select.svg') no-repeat calc(100% - 10px) center / 9px 14px; height:50px; border:1px solid #d9d9d9; width:100%; padding:0 40px 0 10px; font-size:18px; color:#000;}
@media (max-width:991px){
.select-box select {height:40px; font-size:16px;}
}
@media (max-width:767px){
.select-box select {font-size:14px;}
}

/* check-box */
.check-box {position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; opacity:0;}
.check-box label {font-size:14px; color:#7d7878; padding-left:25px; cursor:pointer;}
.check-box label b {font-size:18px; color:#333; font-weight:600; position:relative; top:-2px;}
.check-box input[type=checkbox] ~ label {color:#333;}
.check-box input[type=checkbox] ~ label:before {position:absolute; width:18px; height:18px; left:0; top:-2px; content:""; background:url('../images/icon_check.svg') no-repeat center / cover;}
.check-box input[type=checkbox]:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover;}
.check-box input[type=radio] ~ label:before {position:absolute; width:18px; height:18px; left:0; top:-2px; content:""; background:url('../images/icon_radio.svg') no-repeat center / cover;}
.check-box input[type=radio]:checked ~ label:before {background:url('../images/icon_radio_on.svg') no-repeat center / cover;}
.allcheck-box {border-bottom:1px solid #d9d9d9; padding:0 0 30px; margin:0 0 30px;}
.allcheck-box p {margin:10px 0 0; font-size:16px; color:#666; line-height:1.2;}
@media (max-width:991px){
.check-box label {padding-left:22px;}
.check-box input[type=checkbox] ~ label:before {width:16px; height:16px;}
.check-box label b {font-size:16px;}
.allcheck-box {margin:0 0 20px; padding:0 0 20px;}
.allcheck-box p {font-size:15px;}
}
@media (max-width:767px){
.check-box label {padding-left:20px;}
.check-box label b {top:0;}
.check-box input[type=checkbox] ~ label:before {width:14px; height:14px; top:0;}
.allcheck-box p {margin:5px 0 0; font-size:14px;}
}

/* textarea-box */
.textarea-box textarea {width:100%; border:1px solid #d9d9d9; height:150px; padding:10px; font-size:18px; line-height:1.2;}
@media (max-width:991px){
.textarea-box textarea {height:120px; font-size:16px;}
}
@media (max-width:767px){
.textarea-box textarea {height:120px; font-size:14px;}
}

/* button-box */
.button-box .btn {min-width:150px; height:50px; font-size:18px; margin-right:10px;}
.button-box .btn:last-of-type {margin-right:0;}
@media (max-width:991px){
.button-box .btn {height:40px; font-size:16px;}
}
@media (max-width:767px){
.button-box .btn {min-width:100px; height:35px; font-size:14px;}
}

/* header */
header {background:#fff; position:fixed; left:0; top:0; width:100%; z-index:1000; padding:30px 50px 0; border-bottom:1px solid #A9A9A9;}
header h1 a {padding:0 0 30px;}
header h1 a img {width:275px; position:relative; top:10px;}
header .lnb ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .lnb ul li {margin-right:25px;}
header .lnb ul li:last-of-type {margin-right:0;}
header .lnb ul li a {font-size:14px; color:#333; transition:all ease 0.5s;}
header .gnb ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding-left:100px;}
header .gnb ul li {position:relative; width:14.28%; text-align:center;}
header .gnb ul li:last-of-type {margin-right:0;}
header .gnb ul li dl {display:none;}
header .anb {display:none; position:absolute; background:transparent; left:0; top:142px; width:100%;}
header .anb .container {display:flex; flex-wrap;wrap; align-items:center;}
header .anb .blank {width:275px;}
header .anb ul {flex:1; min-width:0; display:flex; flex-wrap:wrap; justify-content:flex-end; padding-left:100px; flex:1; min-width:0;}
header .anb ul li {width:14.28%;}
header .anb ul li dl {padding:10px 0;}
header .anb ul li dl dd a {display:block; font-size:17px; color:#fff; font-weight:500; padding:10px 0; text-align:center;}
header .anb ul li dl dd a:hover {color:#FF7A00;}
header .container > .flex > .flex-box:last-of-type {flex:1; min-width:0;}
/* header white */
header .gnb ul li > a {font-size:20px; font-weight:700; color:#333; transition:all ease 0.5s; padding:0 0 30px;}
header.wt {background:transparent; border-bottom:0; transition:all ease 0.5s;}
header.wt h1 a img.basic {display:block;}
header.wt h1 a img.white {display:none;}
header.wt .lnb ul li a {color:#fff;}
header.wt .gnb ul li a {color:#fff;}
header.wt.active .anb {background:#fff; border:1px solid #e5e5e5; border-width:1px 0; box-shadow:0 10px 10px rgba(0,0,0,0.3);}
header.wt.active .anb ul li dl dd a {color:#333;}
header.wt.active .anb ul li dl dd a:hover {color:#ff7a00;}
/* header white active */
header.wt.active {background:#fff; border-bottom:1px solid #a9a9a9;}
header.wt.active .lnb ul li a {color:#333;}
header.wt.active .gnb ul li a {color:#333;}
header .snb {display:none;}
@media (max-width:1250px){
header {padding:30px 15px;}
header .gnb ul {padding-left:30px;}
header .anb {padding:0 15px;}
header .anb ul {padding-left:30px;}
header .anb ul li dl {padding:0;}
header .anb ul li dl dd a {font-size:14px;}
}
@media (max-width:991px){
header {padding:0;}
header h1 a {display:block; padding:0;}
header h1 a img {display:block; margin:0 auto; top:0;}
header .flex > .flex-box {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
header a.menu {position:relative; width:25px; height:20px; border:2px solid #000; border-width:2px 0; font-size:0;display:inline-block;}
header a.menu:after {position:absolute; width:100%; height:2px; background:#000; position:absolute; left:0; top:50%; transform:translateY(-50%); content:"";}
header.wt a.menu {border-color:#000;}
header.wt a.menu:after {background:#000;}
header .lnb {background:#eee; margin:0 -10px; padding:0 10px;}
header .lnb ul li {margin-right:15px;}
header .lnb ul li a {padding:10px 0;}
header .gnb {margin:10px -10px 0; border-top:1px solid #a9a9a9; overflow-y:hidden; overflow-x:auto; white-space:nowrap; display:none !important;}
header .gnb::-webkit-scrollbar {display:none;}
header .gnb ul {display:block; text-align:center; padding-left:0;}
header .gnb ul li {display:inline-block; margin-right:25px; width:auto;}
header .gnb ul li:first-of-type {margin-left:25px;}
header .gnb ul li:last-of-type {margin-right:25px;}
header .gnb ul li a {padding:15px 0; font-size:17px;}
header .anb {display:none !important;}
header.wt .lnb {background:transparent;}
header.wt .gnb {border-bottom:1px solid #a9a9a9;}
header.wt.active .lnb {background:#eee;}
header.wt.active .gnb {border-bottom-color:transparent;}
header .container > .flex > .flex-box:last-of-type {flex:none; width:100%;}
header .snb {width:240px; background:#fff; box-shadow:4px 0px 10px rgba(0, 0, 0, 0.05);}
header .snb .close {display:none;}
header .snb ul {padding:20px 0;}
header .snb ul li {margin:0 0 7px;}
header .snb ul li:last-of-type {margin:0;}
header .snb ul li .list-head .tit {display:flex; flex-wrap:wrap; align-items:center; padding:15px 20px; font-size:14px; font-weight:600; color:#404E67;}
header .snb ul li dl {display:none;}
header .snb ul li dl dd a {display:block; padding:7px 30px; font-size:14px; color:#404E67;}
header .snb ul li.active .list-head .tit {background:#f5f5f5;}
header article {width:calc(100% - 240px); padding:24px;}
header .snb {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000;}
header .snb .box {position:absolute; left:-240px; top:0; width:240px; height:100%; background:#fff; overflow-y:auto;}
header .snb .box::-webkit-scrollbar {width:5px;}
header .snb .box::-webkit-scrollbar-thumb {background:#d9d9d9; border-radius:60px;}
header .snb .close {position:absolute; right:7px; top:20px; width:30px; height:30px; position:absolute; display:block; font-size:0;}
header .snb .close:after {position:absolute; width:100%; height:2px; background:#fff; content:""; transform:rotate(45deg); left:0; top:15px;}
header .snb .close:before {position:absolute; width:100%; height:2px; background:#fff; content:""; transform:rotate(-45deg); left:0; top:15px;}
header .snb ul li .list-head .tit {width:100%;}
header .snb.fixed {display:block;}
header .snb.fixed .box {animation-name:menu; animation-duration:0.5s; animation-fill-mode:forwards;}
}
@keyframes menu {
	from {left:-240px;}
	to {left:0;}
}
}
@media (max-width:767px){
header h1 a img {width:200px;}
header .lnb {margin:0 -10px; padding:0;}
header .lnb ul {display:table; table-layout:fixed; width:100%; border:1px solid #a9a9a9; border-width:1px 0 0 0;}
header .lnb ul li {display:table-cell; border:1px solid #a9a9a9; border-width:0 1px 1px 0;}
header .lnb ul li:last-of-type {border-right:0;}
header .lnb ul li a {display:block; width:100%; text-align:center; padding:8px 0; font-size:12px;}
header .gnb ul li {margin-right:20px;}
header .gnb ul li:first-of-type {margin-left:20px;}
header .gnb ul li:last-of-type {margin-right:20px;}
header .gnb ul li a {font-size:15px;}
}

/* footer */
footer {background:#232328; padding:30px 0;}
footer .footer-link {margin:0 0 50px;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li:after {display:inline-block; content:"|"; margin:0 10px; color:rgba(255, 255, 255, 0.3); font-size:10px;}
footer .footer-link ul li:last-of-type:after {display:none;}
footer .footer-link ul li a {font-size:14px; font-weight:500; color:#fff;}
footer .footer-link ul li:first-of-type a {color:#ffcd62;}
footer .footer-info {margin:0 0 30px;}
footer .footer-info ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li span {font-size:14px; color:#fff; margin-right:15px; margin-bottom:10px; font-weight:300;}
footer .footer-info ul li span b {font-size:14px; color:#fff; font-weight:500;}
footer .footer-info img {width:175px;}
footer .footer-copyright p {text-align:center; font-size:12px; color:#fff; font-weight:200;}
@media (max-width:991px){
footer .footer-link {margin:0 0 20px;}
footer .footer-info .flex > .flex-box {width:100%; order:2;}
footer .footer-info .flex > .flex-box:last-of-type {order:1; margin:0 0 20px;}
}
@media (max-width:767px){
footer {padding-top:0;}
footer .footer-link {margin:0 -10px 20px;}
footer .footer-link ul {display:table; table-layout:fixed; width:100%;}
footer .footer-link ul li {display:table-cell; border:1px solid #383838; border-width:0 1px 1px 0;}
footer .footer-link ul li:last-of-type {border-right:0;}
footer .footer-link ul li:after {display:none;}
footer .footer-link ul li a {font-size:13px; text-align:center; display:block; width:100%; height:35px; line-height:35px;}
footer .footer-info {margin:0 0 20px;}
footer .footer-info img {display:block; margin:0 auto;}
footer .footer-info ul li {justify-content:center;}
footer .footer-info ul li span {font-size:12px; text-align:center;}
footer .footer-info ul li span.block {width:100%;}
footer .footer-info ul li span b {font-size:12px;}
footer .footer-copyright p {line-height:1.3; letter-spacing:-0.5px;}
}

/* topbanner */
.top-banner-wrap {margin:0 0 50px; height:480px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.top-banner-wrap.sub01 {background-image:url('../images/bg_top_mypage.png');}
.top-banner-wrap.sub02 {background-image:url('../images/bg_top_sub02.png');}
.top-banner-wrap h2 {position:absolute; padding:0 15px; left:0; top:57%; transform:translateY(-50%); width:100%; text-align:center; font-size:54px; font-weight:700; color:#fff;}
.top-banner-wrap h2 p {margin:4px 0 0; line-height:1.4; font-size:18px; font-weight:500; word-break:keep-all;}
.top-banner-wrap .text {position:absolute; padding:0 15px; left:0; top:57%; transform:translateY(-50%); width:100%; text-align:center;}
.top-banner-wrap .text span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#F7B427; border-radius:17px; font-size:18px; font-weight:700; padding:5px 25px; margin:0 0 10px;}
.top-banner-wrap .text h3 {font-size:54px; font-weight:700; color:#fff; margin:5px 0 20px;}
.top-banner-wrap .text p {font-size:18px; font-weight:500; color:#fff; line-height:1.3;}
@media (max-width:991px){
.top-banner-wrap {height:400px;}
.top-banner-wrap h2 {font-size:35px; top:70%;}
.top-banner-wrap h2 p {font-size:16px;}
.top-banner-wrap .text {top:70%;}
.top-banner-wrap .text span {font-size:15px; padding:5px 15px;}
.top-banner-wrap .text h3 {font-size:35px; margin:5px 0 10px;}
.top-banner-wrap .text p {display:none;}
}
@media (max-width:767px){
.top-banner-wrap {margin:0 0 25px; height:300px;}
.top-banner-wrap h2 {font-size:24px; top:75%;}
.top-banner-wrap h2 p {font-size:14px;}
.top-banner-wrap .text {top:75%;}
.top-banner-wrap .text span {font-size:13px;}
.top-banner-wrap .text h3 {font-size:24px;}
}

/* tab */
.tab-wrap ul {display:flex; flex-wrap:wrap; align-items:center;}
.tab-wrap ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:300px; height:60px; background:#f5f6fa; font-size:20px; font-weight:700; color:#666;}
.tab-wrap ul li.active a {background:#2f5596; color:#fff;}
.tab-wrap ul.fixed li {width:20%;}
.tab-wrap ul.fixed li a {width:100%;}
.tab-wrap ul.half-4 li {width:25%;}
.tab-wrap ul.half-4 li a {width:100%; height:40px; font-size:14px; font-weight:400;}
@media (max-width:991px){
.tab-wrap ul li a {width:250px; height:45px; font-size:17px;}
.tab-wrap ul.fixed li {width:25%;}
}
@media (max-width:767px){
.tab-wrap ul li a {width:auto; min-width:120px; padding:0 15px; font-size:14px; height:40px;}
.tab-wrap ul.fixed li {width:33.33%;}
.tab-wrap ul.fixed li a {min-width:100%;}
.tab-wrap ul.half-4 li a {min-width:100%; width:100%;}
}

/* category */
.cate-wrap {background:#f5f6fa; border-top:1px solid #2F5596;}
.cate-wrap ul {display:flex; flex-wrap:wrap; align-items:center; padding:0 35px;}
.cate-wrap ul li {margin:0 15px;}
.cate-wrap ul li a {display:block; padding:20px 0; font-size:16px; color:#666;}
.cate-wrap ul li.active a {color:#2F5596; border-bottom:2px solid #2F5596;}
@media (max-width:991px){
.cate-wrap {margin:0 -10px; overflow-y:hidden; overflow-x:auto; white-space:nowrap;}
.cate-wrap ul {padding:0; display:block;}
.cate-wrap ul li {margin:0 10px; display:inline-block;}
.cate-wrap ul li a {padding:15px 0; font-size:14px;}
}

/* table */
.table-wrap > .box {overflow-y:hidden; overflow-x:auto; white-space:nowrap;}
.table-wrap table {table-layout:fixed; width:100%;}
.table-wrap table {border-top:1px solid #000;}
.table-wrap table thead tr th {background:#fbfbfb; padding:15px 10px; font-size:18px; color:#333; text-align:center; border-bottom:1px solid #eee;}
.table-wrap table tbody tr td {padding:10px; font-size:15px; color:#333; text-align:center; border-bottom:1px solid #eee;}
.table-wrap table tbody tr td .btn {font-size:15px; padding:10px 15px;}
.table-wrap table tbody tr td a.subject {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; padding:5px 0; font-size:15px; color:#333;}
.table-wrap table tbody tr.notice td {background:#f5f6fa;}
@media (max-width:991px){
.table-wrap > .box {margin-right:-10px;}
.table-wrap table {margin-right:10px; table-layout:auto;}
.table-wrap table thead tr th {font-size:16px; padding:13px 10px;}
.table-wrap table tbody tr td {padding:10px; font-size:14px;}
.table-wrap table tbody tr td .btn {padding:8px 10px; font-size:14px;}
.table-wrap table tbody tr td a.subject {font-size:14px; padding:3px 0;}
}
@media (max-width:767px){
.table-wrap table thead tr th {font-size:15px;}
.table-wrap table tbody tr td {font-size:13px;}
.table-wrap table tbody tr td .btn {font-size:13px;}
.table-wrap table tbody tr td a.subject {font-size:13px;}
}

/* form */
.form-wrap > ul {border-top:1px solid #000;}
.form-wrap > ul > li {border-bottom:1px solid #eee; display:flex; flex-wrap:wrap;}
.form-wrap > ul > li > b.tit {width:200px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fbfbfb; font-size:19px; color:#333;}
.form-wrap > ul > li > .form-wrap-box {flex:1; padding:20px 40px;}
.form-wrap > ul > li > .form-wrap-box p {font-size:18px; color:#333;}
@media (max-width:991px){
.form-wrap > ul > li > b.tit {width:150px; font-size:15px;}
.form-wrap > ul > li > .form-wrap-box {padding:15px 20px;}
.form-wrap > ul > li > .form-wrap-box p {font-size:15px;}
}
@media (max-width:767px){
.form-wrap > ul > li > b.tit {width:100px; font-size:14px;}
.form-wrap > ul > li > .form-wrap-box {padding:10px 15px;}
.form-wrap > ul > li > .form-wrap-box p {font-size:14px;}
}

/* search */
.search-wrap {background:#f5f6fa; border-top:1px solid #2f5596; padding:30px 15px;}
.search-wrap form {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:610px; margin:0 auto;}
.search-wrap form .select-box select {height:40px;}
.search-wrap form .input-box {flex:1; min-width:0; margin:0 10px;}
.search-wrap form .input-box input {height:40px;}
.search-wrap form a.btn {width:109px; height:40px; font-size:16px; font-weight:600;}
@media (max-width:991px){
.search-wrap {padding:20px 10px;}
.search-wrap form a.btn {font-size:15px; width:auto; padding:0 20px;}
}

/* login */
.login-wrap {margin:100px auto 150px; max-width:560px; background:#fff; padding:50px 70px 70px;}
.login-wrap h2 {text-align:center; font-size:32px; color:#333; margin:0 0 30px;}
.login-wrap ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-wrap ul li {margin:0 15px;}
.login-wrap ul li a {font-size:16px; color:#333;}
@media (max-width:991px){
.login-wrap {margin:70px auto; padding:30px;}
.login-wrap h2 {font-size:27px; margin:0 0 20px;}
.login-wrap ul li a {font-size:15px;}
}
@media (max-width:767px){
.login-wrap {margin:50px auto; padding:20px;}
.login-wrap h2 {font-size:24px;}
.login-wrap ul li {margin:0 10px;}
.login-wrap ul li a {font-size:14px;}
}

/* register */
.register-wrap {margin:100px auto 150px; max-width:560px;}
.register-wrap h2 {text-align:center; font-size:32px; color:#333; margin:0 0 30px; font-weight:600;}
.register-wrap p.reg-tit {text-align:center; font-size:28px; line-height:1.3; color:#666; margin:5px 0 85px;}
.register-wrap .box {background:#fff; padding:30px 20px 60px;}
.register-wrap .box .form-group strong {display:block; margin:0 0 10px; font-size:18px; font-weight:600; color:#333;}
.register-wrap .box .form-group small {display:block; margin:10px 0 0; font-size:14px; line-height:1.2; color:#7d7878;}
.register-wrap .box .form-group a.btn-white {width:130px; height:50px; font-size:18px;}
@media (max-width:991px){
.register-wrap {margin:70px auto;}
.register-wrap h2 {font-size:27px; margin:0 0 20px;}
.register-wrap p.reg-tit {font-size:20px; margin:5px 0 50px;}
.register-wrap .box {padding:30px;}
.register-wrap .box .form-group strong {font-size:16px;}
.register-wrap .box .form-group small {margin:5px 0 0; font-size:12px;}
.register-wrap .box .form-group a.btn-white {height:40px; font-size:16px;}
}
@media (max-width:767px){
.register-wrap {margin:50px auto;}
.register-wrap h2 {font-size:24px;}
.register-wrap p.reg-tit {font-size:16px; margin:5px 0 30px;}
.register-wrap .box {padding:20px;}
.register-wrap .box .form-group strong {font-size:15px; margin:0 0 5px;}
.register-wrap .box .form-group a.btn-white {width:100px; font-size:14px;}
}

/* mypage */
.mypage-wrap .mypage-top > .flex > .flex-box:first-of-type {flex:1; margin-right:10px;}
.mypage-wrap .mypage-top .mypage-image {width:440px; background-size:cover; background-position:center; background-repeat:no-repeat;}
@media (max-width:991px){
.mypage-wrap .mypage-top .mypage-image {width:340px;}
}
@media (max-width:767px){
.mypage-wrap .mypage-top > .flex > .flex-box:first-of-type {width:100%; margin-right:0;}
.mypage-wrap .mypage-top .mypage-image {width:100%; /*height:150px;*/ margin:10px 0 0;}
}

/* intro */
.intro-wrap > ul > li {display:flex; flex-wrap:wrap; margin:0 0 50px;}
.intro-wrap > ul > li:last-of-type {margin:0;}
.intro-wrap > ul > li h3 {width:325px; font-size:32px; font-weight:700; color:#333; line-height:1.3;}
.intro-wrap > ul > li .intro-wrap-box {flex:1; min-width:0;}
.intro-wrap > ul > li .intro-wrap-box p {font-size:18px; color:#333; line-height:1.3; word-break:keep-all;}
.intro-wrap > ul > li .intro-wrap-box p b {font-size:18px; color:#333; line-height:1.3; font-weight:700;}
.intro-wrap > ul > li .intro-wrap-box img {display:block; max-width:100%;}
.intro-wrap > ul > li .intro-wrap-box a.btn-write {margin:35px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-shadow:0 4px 0 #000; border:1px solid #000; height:100px; font-size:32px; font-weight:700; color:#333;}
.intro-wrap > ul > li .intro-wrap-box a.btn-write:before {display:inline-block; content:""; width:24px; height:26px; background:url('../images/icon_write.svg') no-repeat center / cover; margin-right:15px;}
.intro-wrap > ul > li .intro-wrap-box dl {border:2px solid #333; border-width:2px 0;}
.intro-wrap > ul > li .intro-wrap-box dl dd {display:flex; flex-wrap:wrap; padding:20px; border-bottom:1px solid #7d7878;}
.intro-wrap > ul > li .intro-wrap-box dl dd:last-of-type {border-bottom:0;}
.intro-wrap > ul > li .intro-wrap-box dl dd span {font-size:18px; color:#333; line-height:1.3; width:90px;}
.intro-wrap > ul > li .intro-wrap-box dl dd p {font-size:18px; color:#333; line-height:1.3; flex:1;}
.intro-swiper {position:relative;}
.intro-swiper .swiper-slide .bg {height:378px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.intro-swiper .swiper-slide .txt {background:#fff; max-width:591px; margin-top:-120px; padding:20px;}
.intro-swiper .swiper-slide .txt strong {display:block; font-size:24px; font-weight:700; color:#333; margin:0 0 15px;}
.intro-swiper .swiper-slide .txt b {display:block; margin:15px 0 0; font-size:16px; color:#333; font-weight:700;}
.intro-swiper .swiper-control {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.intro-swiper .swiper-control > div {position:static; margin:0; width:40px; height:40px; margin:0 0.5px;}
.intro-swiper .swiper-control > div.swiper-button-prev {background:url('../images/icon_prev.svg') no-repeat center / cover;}
.intro-swiper .swiper-control > div.swiper-button-next {background:url('../images/icon_next.svg') no-repeat center / cover;}
@media (max-width:991px){
.intro-wrap > ul > li {margin:0 0 30px;}
.intro-wrap > ul > li h3 {width:100%; font-size:25px; margin:0 0 20px; word-break:keep-all;}
.intro-wrap > ul > li h3 br {display:none;}
.intro-wrap > ul > li .intro-wrap-box {width:100%; min-width:100%;}
.intro-wrap > ul > li .intro-wrap-box p {font-size:16px;}
.intro-wrap > ul > li .intro-wrap-box p b {font-size:16px;}
.intro-wrap > ul > li .intro-wrap-box a.btn-write {font-size:25px; height:70px;}
.intro-wrap > ul > li .intro-wrap-box dl dd {padding:15px;}
.intro-wrap > ul > li .intro-wrap-box dl dd span {font-size:16px; width:70px;}
.intro-wrap > ul > li .intro-wrap-box dl dd p {font-size:16px;}
.intro-swiper {margin:-10px 0 0;}
.intro-swiper .swiper-slide .bg {height:300px;}
.intro-swiper .swiper-slide .txt {max-width:100%; margin:20px 0 0; padding:0;}
.intro-swiper .swiper-slide .txt strong {font-size:20px; margin:0 0 10px;}
.intro-swiper .swiper-slide .txt b {margin:10px 0 0; font-size:15px;}
.intro-swiper .swiper-control {position:absolute; margin:0; right:0; top:-35px;}
.intro-swiper .swiper-control > div {width:30px; height:30px;}
}
@media (max-width:767px){
.intro-wrap > ul > li h3 {font-size:20px;}
.intro-wrap > ul > li .intro-wrap-box p {font-size:14px;}
.intro-wrap > ul > li .intro-wrap-box p b {font-size:14px;}
.intro-wrap > ul > li .intro-wrap-box a.btn-write {font-size:20px; height:60px;}
.intro-wrap > ul > li .intro-wrap-box a.btn-write:before {width:20px; height:22px;}
.intro-wrap > ul > li .intro-wrap-box dl dd {padding:10px;}
.intro-wrap > ul > li .intro-wrap-box dl dd span {font-size:14px; width:50px;}
.intro-wrap > ul > li .intro-wrap-box dl dd p {font-size:14px;}
}

/* location */
.loca-wrap {margin:100px 0 0;}
.loca-wrap .loca-map {border-top:1px solid #d9d9d9;}
.loca-wrap .loca-map ul {display:flex; flex-wrap:wrap; align-items:center; background:#fbfbfb; padding:20px 55px;}
.loca-wrap .loca-map ul li {font-size:18px; line-height:1.3; color:#333; margin-right:70px;}
.loca-wrap .loca-map ul li:last-of-type {margin:0; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.loca-wrap .loca-map ul li:last-of-type:before {display:inline-block; content:""; width:32px; height:32px; background:url('../images/icon_call.svg') no-repeat center / cover;}
.loca-wrap .loca-map .map {position:relative; overflow:hidden; height:548px;}
.loca-wrap .loca-map .map iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.loca-wrap .loca-info {padding:55px 55px 0;}
.loca-wrap .loca-info dl {margin:0 0 45px;}
.loca-wrap .loca-info dl:last-of-type {margin:0;}
.loca-wrap .loca-info dl dt {font-size:18px; font-weight:700; color:#d89403; margin:0 0 15px;}
.loca-wrap .loca-info dl dd {position:relative; font-size:16px; line-height:1.3; color:#333; word-break:keep-all; padding-left:10px; margin:0 0 10px;}
.loca-wrap .loca-info dl dd:last-of-type {margin:0;}
.loca-wrap .loca-info dl dd:before {position:absolute; left:0; top:7px; width:3px; height:3px; background:#333; border-radius:50%; content:"";}
.loca-wrap .loca-info dl dd.not {padding-left:0;}
.loca-wrap .loca-info dl dd.not:before {display:none;}
@media (max-width:991px){
.loca-wrap {margin:50px 0 0;}
.loca-wrap .loca-map ul {padding:20px;}
.loca-wrap .loca-map ul li {font-size:16px; margin-right:30px;}
.loca-wrap .loca-map ul li:last-of-type:after {width:27px; height:27px;}
.loca-wrap .loca-map .map {height:350px;}
.loca-wrap .loca-info {padding:30px 0;}
.loca-wrap .loca-info dl {margin:0 0 30px;}
.loca-wrap .loca-info dl dt {font-size:16px;}
.loca-wrap .loca-info dl dd {font-size:15px;}
}
@media (max-width:767px){
.loca-wrap {margin:30px 0 0;}
.loca-wrap .loca-map ul {padding:15px 10px;}
.loca-wrap .loca-map ul li {width:100%; font-size:14px; margin-right:0; margin:0 0 10px;}
.loca-wrap .loca-map ul li:last-of-type {margin:0;}
.loca-wrap .loca-map ul li:last-of-type:before {width:20px; height:20px;}
.loca-wrap .loca-map .map {height:200px;}
.loca-wrap .loca-info {padding:20px 0;}
.loca-wrap .loca-info dl {margin:0 0 20px;}
.loca-wrap .loca-info dl dt {font-size:15px;}
.loca-wrap .loca-info dl dd {font-size:14px; margin:0 0 5px;}
}

/* apply */
.apply-wrap form > ul > li {display:flex; flex-wrap:wrap;}
.apply-wrap form > ul > li h3 {width:300px; padding:30px 15px; margin-right:25px; border-top:2px solid #000; font-size:20px; font-weight:700; color:#333; line-height:1.3;}
.apply-wrap form > ul > li .apply-wrap-box {flex:1; padding:30px 15px; border-top:1px solid #7d7878;}
.apply-wrap form > ul > li .apply-wrap-box dl {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.apply-wrap form > ul > li .apply-wrap-box dl dd {position:relative; overflow:hidden;}
.apply-wrap form > ul > li .apply-wrap-box dl dd input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.apply-wrap form > ul > li .apply-wrap-box dl dd label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:150px; background:#eaedf1; font-size:18px; color:#333; padding:10px 50px; margin:0 10px 20px;}
.apply-wrap form > ul > li .apply-wrap-box dl dd input:checked ~ label {background:#D89403; color:#fff;}
.apply-wrap form > ul > li .apply-wrap-box p {font-size:16px; line-height:1.3; color:#FF0000;}
.apply-wrap .apply-total {border-top:2px solid #000;}
.apply-wrap .apply-total ul {padding:33px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #7d7878;}
.apply-wrap .apply-total ul li {width:33%; display:flex; flex-wrap:wrap; align-items:center;}
.apply-wrap .apply-total ul li:after {display:inline-block; content:""; width:30px; height:30px; background:blue; margin:0 60px;}
.apply-wrap .apply-total ul li:first-of-type:after {background:url('../images/icon_plus.svg') no-repeat center / cover;}
.apply-wrap .apply-total ul li:nth-of-type(2):after {background:url('../images/icon_result.svg') no-repeat center / cover;}
.apply-wrap .apply-total ul li:last-of-type:after {display:none;}
.apply-wrap .apply-total ul li dl {flex:1;}
.apply-wrap .apply-total ul li dl dd {margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.apply-wrap .apply-total ul li dl dd:last-of-type {margin:0;}
.apply-wrap .apply-total ul li dl dd span {font-size:18px; color:#333;}
.apply-wrap .apply-total ul li dl dd span b {color:#2f5596; font-size:20px; font-weight:700;}
.apply-wrap .apply-total ul li:nth-of-type(2) dl dd span {color:#666;}
.apply-wrap .apply-total ul li:last-of-typr dl dd span {color:#2F5596;}
.apply-wrap .apply-total a.btn {width:290px; height:60px; font-size:20px; font-weight:700;}
@media (max-width:991px){
.apply-wrap form > ul > li h3 {width:100%; word-break:keep-all; padding:15px; margin-right:0;}
.apply-wrap form > ul > li h3 br {display:none;}
.apply-wrap form > ul > li .apply-wrap-box {padding:15px;}
.apply-wrap form > ul > li .apply-wrap-box dl {margin:0 -5px -10px;}
.apply-wrap form > ul > li .apply-wrap-box dl dd {margin:0 5px 10px;}
.apply-wrap form > ul > li .apply-wrap-box dl dd label {font-size:16px; margin:0; padding:10px 25px;}
.apply-wrap form > ul > li .apply-wrap-box p {font-size:15px;}
.apply-wrap .apply-total ul {padding:25px 15px;}
.apply-wrap .apply-total ul li dl dd {margin:0 0 10px;}
.apply-wrap .apply-total ul li dl dd span {font-size:16px;}
.apply-wrap .apply-total ul li dl dd span b {font-size:18px;}
.apply-wrap .apply-total a.btn {width:240px; height:45px; font-size:17px;}
}
@media (max-width:767px){
.apply-wrap form > ul > li h3 {font-size:17px; padding:10px;}
.apply-wrap form > ul > li .apply-wrap-box {padding:10px;}
.apply-wrap form > ul > li .apply-wrap-box dl dd label {font-size:14px; padding:7px 15px;}
.apply-wrap form > ul > li .apply-wrap-box p {font-size:14px;}
.apply-wrap .apply-total ul {padding:20px 10px;}
.apply-wrap .apply-total ul li {width:100%;}
.apply-wrap .apply-total ul li:after {width:35px; height:35px; margin:20px auto 10px;}
.apply-wrap .apply-total ul li dl {width:100%; flex:none; border-bottom:1px solid #eee; padding:0 0 20px;}
.apply-wrap .apply-total ul li:last-of-type dl {border-bottom:0;}
.apply-wrap .apply-total ul li dl dd {margin:0 0 7px;}
.apply-wrap .apply-total ul li dl dd span {font-size:15px;}
.apply-wrap .apply-total ul li dl dd span b {font-size:17px;}
}

/* item */
.item-wrap {margin:30px 0 0;}
.item-wrap ul {display:flex; flex-wrap:wrap; margin:0 -6.5px -50px;}
.item-wrap ul li {width:calc(25% - 20px); margin:0 10px 50px;}
.item-wrap ul li a {display:block;}
.item-wrap ul li .list-image img {display:block; max-width:100%;}
.item-wrap ul li .list-content {margin:15px 0 0;}
.item-wrap ul li .list-content .price {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.item-wrap ul li .list-content .price strong {font-size:18px; font-weight:700; color:#ff0000; margin-right:20px;}
.item-wrap ul li .list-content .price b {font-size:18px; font-weight:700; color:#666;}
.item-wrap ul li .list-content .text {margin:15px 0 0; border-bottom:1px solid #d9d9d9; padding-bottom:25px;}
.item-wrap ul li .list-content .text p {font-size:16px; color:#666; line-height:1.3; display:-webkit-box; max-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
@media (max-width:991px){
.item-wrap ul {margin:0 -6.5px -20px;}
.item-wrap ul li {width:calc(33.33% - 13px); margin:0 6.5px 20px;}
.item-wrap ul li .list-content {margin:10px 0 0;}
.item-wrap ul li .list-content .price strong {font-size:16px;}
.item-wrap ul li .list-content .price b {font-size:16px;}
.item-wrap ul li .list-content .text {margin:10px 0 0; padding-bottom:20px;}
.item-wrap ul li .list-content .text p {font-size:15px;}
}
@media (max-width:767px){
.item-wrap ul li {width:calc(50% - 13px);}
.item-wrap ul li .list-content .price strong {font-size:15px; margin-right:10px;}
.item-wrap ul li .list-content .price b {font-size:15px;}
.item-wrap ul li .list-content .text {padding-bottom:15px;}
.item-wrap ul li .list-content .text p {font-size:14px;}
}

/* paging */
.paging-wrap {margin:50px 0 0;}
.paging-wrap ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-wrap ul li {margin:0 6px;}
.paging-wrap ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:36px; height:40px; font-size:16px; color:#666;}
.paging-wrap ul li.active a {background:#2f5596; color:#fff;}
.paging-wrap ul li.prev a {font-size:0; background:url('../images/icon_paging_prev.svg') no-repeat center / cover;}
.paging-wrap ul li.next a {font-size:0; background:url('../images/icon_paging_next.svg') no-repeat center / cover;}
@media (max-width:991px){
.paging-wrap {margin:30px 0 0;}
.paging-wrap ul li {margin:0 3px;}
.paging-wrap ul li a {width:35px; height:35px; font-size:15px;}
}
@media (max-width:767px){
.paging-wrap {margin:20px 0 0;}
.paging-wrap ul li {margin:0 3px;}
.paging-wrap ul li a {width:30px; height:30px; font-size:14px;}
}

/* view */
.view-wrap .view-head {background:#f5f6fa; border-top:1px solid #2f5596; padding:40px 50px;}
.view-wrap .view-head h3 {font-size:20px; font-weight:700; color:#333; line-height:1.3; flex:1; padding-right:25px;}
.view-wrap .view-head ul {display:flex; flex-wrap:wrap; align-items:center;}
.view-wrap .view-head ul li {display:flex; flex-wrap:wrap; align-items:center; margin-right:45px;}
.view-wrap .view-head ul li:last-of-type {margin-right:0;}
.view-wrap .view-head ul li span {font-size:16px; color:#666;}
.view-wrap .view-head ul li span:first-of-type:after {display:inline-block; content:""; width:1px; height:10px; background:#2f5596; margin:0 15px;}
.view-wrap .view-head ul li span:last-of-type:after {display:none;}
.view-wrap .view-file {border-bottom:1px solid #dcdcdc; padding:15px 50px 10px;}
.view-wrap .view-file ul li {margin:0 0 10px;}
.view-wrap .view-file ul li:last-of-type {margin:0;}
.view-wrap .view-file ul li a {display:block; position:relative; font-size:16px; color:#666; padding-left:28px;}
.view-wrap .view-file ul li a:before {position:absolute; left:0; top:-5px; width:24px; height:24px; content:""; background:url('../images/icon_file.svg') no-repeat center / cover;}
.view-wrap .view-content {padding:70px 50px 200px;}
.view-wrap .view-content p {font-size:16px; line-height:1.3; color:#666;}
.view-wrap .view-related ul {border-top:1px solid #dcdcdc;}
.view-wrap .view-related ul li {border-bottom:1px solid #dcdcdc;}
.view-wrap .view-related ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:15px 30px;}
.view-wrap .view-related ul li a b {font-size:16px; color:#666; display:flex; flex-wrap:wrap; align-items:center;}
.view-wrap .view-related ul li a b:after {display:inline-block; content:""; width:1px; height:10px; background:#666; margin:0 30px;}							  
.view-wrap .view-related ul li a p {font-size:16px; color:#666; line-height:1.3;}
.view-wrap .view-comment form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#f5f6fa; padding:20px 30px;}
.view-wrap .view-comment form textarea {flex:1; background:#fff; padding:10px; border:1px solid #d9d9d9; height:150px; font-size:16px; line-height:1.3; margin-right:50px;}
.view-wrap .view-comment form textarea::placeholder {color:#7d7878;}
.view-wrap .view-comment form .submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:150px; height:150px; background:#666; color:#fff; font-size:16px; font-weight:600;}
.view-wrap .view-comment ul {padding:0 50px;}
.view-wrap .view-comment ul li {padding:30px 0; border-bottom:1px solid #dcdcdc;}
.view-wrap .view-comment ul li .cmt-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 30px;}
.view-wrap .view-comment ul li .cmt-head b {font-size:15px; color:#666;}
.view-wrap .view-comment ul li .cmt-head b:after {display:inline-block; content:""; width:1px; height:10px; background:#666; margin:0 7px;}
.view-wrap .view-comment ul li .cmt-head time {font-size:15px; color:#666; margin-right:7px;}
.view-wrap .view-comment ul li .cmt-head a {width:40px; height:20px; font-size:12px; padding:1px 0 0;}
.view-wrap .view-comment ul li .cmt-body p {font-size:16px; line-height:1.3; color:#333;}
.view-wrap .view-quest h4 {padding:14px 30px; font-size:20px; font-weight:700; color:#333;}
.view-wrap .view-quest .quest-list {padding:35px 50px 50px;}
.view-wrap .view-quest .quest-list dl dt {font-size:18px; font-weight:500; color:#333; line-height:1.5; margin:0 0 25px;}
.view-wrap .view-quest .quest-list dl dd {margin:0 0 20px;}
.view-wrap .view-quest .quest-list dl dd:last-of-type {margin:0;}
.view-wrap .view-quest .quest-list dl dd .check-box label {font-size:16px; color:#333; font-weight:500; line-height:1.3;}
.view-wrap .view-quest .quest-list dl dd .check-box label b {font-size:12px; color:#333; font-weight:500; line-height:1.3; position:relative; top:2.5px;}
.view-wrap .view-quest .quest-list dl dd .check-box input:checked ~ label {color:#007205;}
.view-wrap .view-quest .quest-list dl dd .check-box input:checked ~ label b {color:#007205;}
.view-wrap .view-quest .quest-check {padding:0 50px 30px; display:flex; flex-wrap:wrap; align-items:center;}
.view-wrap .view-quest .quest-check b {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; color:#333;}
.view-wrap .view-quest .quest-check b strong {font-size:16px; color:#007205; margin:0 20px; position:relative; top:1px;}
.view-wrap .view-quest .quest-check a {margin-left:35px; width:90px; height:24px; font-size:14px;}
.view-wrap .view-quest .quest-result {border:1px solid #dcdcdc; border-width:1px 0; padding:30px 50px;}
.view-wrap .view-quest .quest-result strong {display:block; font-size:20px; color:#007205; margin:0 0 20px;}
.view-wrap .view-quest .quest-result p {font-size:16px; line-height:1.3; color:#666;}
@media (max-width:991px){
.view-wrap .view-head {padding:30px 20px;}
.view-wrap .view-head h3 {font-size:18px; padding-right:0;}
.view-wrap .view-head ul {width:100%; margin:15px 0 0;}
.view-wrap .view-head ul li {margin-right:15px;}
.view-wrap .view-head ul li span {font-size:15px;}
.view-wrap .view-head ul li span:first-of-type:after {margin:0 10px;}
.view-wrap .view-file {padding:15px 20px;}
.view-wrap .view-file ul li a {font-size:15px; padding-left:25px;}
.view-wrap .view-file ul li a:before {width:20px; height:20px; top:-3px;}
.view-wrap .view-content {padding:50px 20px;}
.view-wrap .view-content p {font-size:15px;}
.view-wrap .view-related ul li a {padding:15px;}
.view-wrap .view-related ul li a b {font-size:15px;}
.view-wrap .view-related ul li a b:after {margin:0 15px;}
.view-wrap .view-related ul li a p {font-size:15px;}
.view-wrap .view-comment form {padding:20px;}
.view-wrap .view-comment form textarea {margin-right:20px; height:120px; font-size:15px;}
.view-wrap .view-comment form .submit {width:120px; height:120px;}
.view-wrap .view-comment ul {padding:0 20px;}
.view-wrap .view-comment ul li {padding:20px 0;}
.view-wrap .view-comment ul li .cmt-head {margin:0 0 15px;}
.view-wrap .view-comment ul li .cmt-head b {font-size:14px;}
.view-wrap .view-comment ul li .cmt-head time {font-size:14px;}
.view-wrap .view-comment ul li .cmt-body p {font-size:15px;}
.view-wrap .view-quest h4 {padding:15px; font-size:17px;}
.view-wrap .view-quest .quest-list {padding:15px 15px 40px;}
.view-wrap .view-quest .quest-list dl dt {font-size:15px; margin:0 0 15px;}
.view-wrap .view-quest .quest-list dl dd {margin:0 0 10px;}
.view-wrap .view-quest .quest-list dl dd .check-box label {font-size:14px; padding-left:10px;}
.view-wrap .view-quest .quest-list dl dd .check-box label b {font-size:10px; top:4px;}
.view-wrap .view-quest .quest-check {padding:0 15px 20px;}
.view-wrap .view-quest .quest-check b {font-size:17px;}
.view-wrap .view-quest .quest-check b strong {font-size:13px; top:0;}
.view-wrap .view-quest .quest-check a {margin-left:10px;}
.view-wrap .view-quest .quest-result {padding:20px 15px;}
.view-wrap .view-quest .quest-result strong {font-size:16px;}
.view-wrap .view-quest .quest-result p {font-size:14px;}
}
@media (max-width:767px){	
.view-wrap .view-head {padding:20px 15px;}
.view-wrap .view-head ul li span {font-size:14px;}
.view-wrap .view-head ul li span:first-of-type:after {margin:0 7px;}
.view-wrap .view-file {padding:15px;}
.view-wrap .view-file ul li a {font-size:14px; padding-left:20px;}
.view-wrap .view-file ul li a:before {width:17px; height:17px; top:-1px;}
.view-wrap .view-content {padding:40px 15px;}
.view-wrap .view-content p {font-size:14px;}
.view-wrap .view-related ul li a b {font-size:14px;}
.view-wrap .view-related ul li a b:after {margin:0 10px;}
.view-wrap .view-related ul li a p {font-size:14px;}
.view-wrap .view-comment form {padding:15px;}
.view-wrap .view-comment form textarea {margin-right:15px; height:80px; font-size:14px;}
.view-wrap .view-comment form .submit {width:80px; height:80px; font-size:14px;}
.view-wrap .view-comment ul {padding:0 15px;}
.view-wrap .view-comment ul li {padding:15px 0;}
.view-wrap .view-comment ul li .cmt-head {margin:0 0 10px;}
.view-wrap .view-comment ul li .cmt-head b {font-size:13px;}
.view-wrap .view-comment ul li .cmt-head time {font-size:13px;}
.view-wrap .view-comment ul li .cmt-body p {font-size:14px;}	
.view-wrap .view-quest h4 {font-size:16px;}
}

/* write */
.write-wrap > ul {border-top:1px solid #000;}
.write-wrap > ul > li {border-bottom:1px solid #eee; display:flex; flex-wrap:wrap;}
.write-wrap > ul > li > b.tit {width:250px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#F5F6FA; font-size:19px; color:#333;}
.write-wrap > ul > li > .write-wrap-box {min-width:0; flex:1; padding:10px 25px;}
.write-wrap > ul > li > .write-wrap-box p {font-size:18px; color:#333;}
.write-wrap > ul > li > .write-wrap-box .check-box label {font-size:18px; color:#7d7878;}
@media (max-width:991px){
.write-wrap > ul > li > b.tit {width:150px; font-size:15px;}
.write-wrap > ul > li > .write-wrap-box {padding:15px 20px;}
.write-wrap > ul > li > .write-wrap-box p {font-size:15px;}
.write-wrap > ul > li > .write-wrap-box .check-box label {font-size:16px;}
}
@media (max-width:767px){
.write-wrap > ul > li > b.tit {width:100px; font-size:14px;}
.write-wrap > ul > li > .write-wrap-box {padding:10px 15px;}
.write-wrap > ul > li > .write-wrap-box p {font-size:14px;}
.write-wrap > ul > li > .write-wrap-box .check-box label {font-size:14px;}
}             

/* list */
.list-wrap {margin:30px 0 0;}
.list-wrap ul {display:flex; flex-wrap:wrap; margin:0 -6.5px -40px;}
.list-wrap ul li {width:calc(33.33% - 13px); margin:0 6.5px 40px;}
.list-wrap ul li a {display:block;}
.list-wrap ul li .list-image {position:relative;}
.list-wrap ul li .list-image img {display:block; max-width:100%;}
.list-wrap ul li .list-image .icon-play {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.list-wrap ul li .list-content {border:1px solid #dcdcdc; padding:15px;}
.list-wrap ul li .list-content h4 {font-size:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #dcdcdc; padding:0 0 10px; margin:0 0 10px;}
.list-wrap ul li .list-content p {margin:0 0 5px; font-size:16px; color:#333; line-height:1.3; display:-webkit-box; max-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.list-wrap ul li .list-content time {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#666;}
.list-wrap ul li .list-content time:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_time.svg') no-repeat center / cover; margin-right:5px;}
@media (max-width:991px){
.list-wrap ul {margin:0 -6.5px -20px;}
.list-wrap ul li {width:calc(33.33% - 13px); margin:0 6.5px 20px;}
.list-wrap ul li .list-content {padding:10px;}
.list-wrap ul li .list-content h4 {font-size:18px;}
.list-wrap ul li .list-content p {font-size:15px;}
.list-wrap ul li .list-content time {font-size:14px;}
}
@media (max-width:767px){
.list-wrap ul li {width:calc(50% - 13px);}
.list-wrap ul li .list-content h4 {font-size:16px;}
.list-wrap ul li .list-content p {font-size:14px;}
.list-wrap ul li .list-content time {font-size:13px;}
.list-wrap ul li .list-content time:before {width:20px; height:20px;}
}

/* video */
.video-wrap {max-width:980px; background:#000;}
.video-wrap .video-head h3 {font-size:28px; font-weight:700; color:#d9d9d9; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:20px;}
.video-wrap .video-body {position:relative;}
.video-wrap .video-body .video {position:relative; overflow:hidden;}
.video-wrap .video-body .video:after {display:block; content:""; padding-bottom:56%;}
.video-wrap .video-body .video video {position:absolute; left:0; top:0; width:100%; height:100%;}
.video-wrap .video-foot {background:#000; padding:20px 20px 60px;}
.video-wrap .video-foot .control .btn-yellow {width:100px; height:34px; margin:0 0 10px;}
.video-wrap .video-foot .control .btn-yellow:last-of-type {margin:0;}
.video-wrap .video-foot .control .btn-wt {width:110px; height:34px; margin-right:5px;}
.video-wrap .video-foot .control .btn-wt:last-of-type {margin-right:0;}
.video-wrap .video-foot .control .btn-wt:before {margin-right:5px;}
.video-wrap .video-foot .control .select-box select {background:url('../images/icon_select_w.svg') no-repeat calc(100% - 10px) center / 14px 14px; border:1px solid #fff; color:#fff; height:34px; font-size:14px;}
.video-wrap .video-foot .notice {background:#fff; border-radius:20px; padding:20px 50px; display:flex; flex-wrap:wrap; align-items:center;}
.video-wrap .video-foot .notice strong {font-size:12px; color:#000; display:block; text-align:center;}
.video-wrap .video-foot .notice strong:before {display:block; width:58px; height:53px; content:""; margin:0 auto 4px; background:url('../images/icon_notice.svg') no-repeat center / cover;}
.video-wrap .video-foot .notice ul {flex:1; min-width:0; padding-left:60px;}
.video-wrap .video-foot .notice ul li {font-size:16px; color:#000; line-height:1.3;}
@media (max-width:991px){
.video-wrap .video-head h3 {font-size:24px; padding:15px;}
.video-wrap .video-foot {padding:15px 15px 40px;}
.video-wrap .video-foot .control > .flex > .flex-box {display:flex; flex-wrap:wrap;}
.video-wrap .video-foot .control .btn-yellow {width:34px; margin:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0;}
.video-wrap .video-foot .control .btn-yellow:first-of-type {margin-right:5px;}
.video-wrap .video-foot .control .btn-wt {font-size:0; width:34px;}
.video-wrap .video-foot .control .btn-wt:before {margin-right:0;}
.video-wrap .video-foot .notice {border-radius:10px; padding:20px;}
.video-wrap .video-foot .notice strong:before {width:48px; height:43px;}
.video-wrap .video-foot .notice ul {padding-left:20px;}
.video-wrap .video-foot .notice ul li {font-size:14px;}
}
@media (max-width:767px){
.video-wrap .video-head h3 {font-size:20px;}
.video-wrap .video-foot .notice strong:before {width:38px; height:35px;}
.video-wrap .video-foot .notice ul {padding-left:20px;}
.video-wrap .video-foot .notice ul li {font-size:13px;}
}

/* sale */
.sale-wrap .sale-result h3 {text-align:center; font-size:32px; font-weight:700; color:#333; padding:0 0 20px;}
.sale-wrap .sale-result h3 p {margin:34px 0 0; font-size:28px; color:#666; line-height:1.3; text-align:center;}
.sale-wrap .sale-result > ul {border-top:1px solid #000;}
.sale-wrap .sale-result > ul > li {border-bottom:1px solid #eee; display:flex; flex-wrap:wrap;}
.sale-wrap .sale-result > ul > li > b.tit {width:250px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:20px 0; font-size:19px; color:#7D7878;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box {min-width:0; flex:1; padding:10px 25px; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box > * {width:100%;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box p {font-size:18px; color:#333; line-height:1.5;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box p small {display:block; font-size:18px; color:#777; line-height:1.5;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box strong {font-size:24px; font-weight:700; margin:20px 0 0;}
.sale-wrap .sale-buy .sale-item-info {border-top:1px solid #000;}
.sale-wrap .sale-buy .sale-item-info ul {display:flex; flex-wrap:wrap; border-bottom:1px solid #d9d9d9;}
.sale-wrap .sale-buy .sale-item-info ul li {border-right:1px solid #d9d9d9; padding:20px;}
.sale-wrap .sale-buy .sale-item-info ul li:first-of-type {flex:1; min-width:0;}
.sale-wrap .sale-buy .sale-item-info ul li:last-of-type {border:0; text-align:right;}
.sale-wrap .sale-buy .sale-item-info ul li:nth-of-type(2) {text-align:right;}
.sale-wrap .sale-buy .sale-item-info ul li p {font-size:18px; line-height:1.3; color:#000;}
.sale-wrap .sale-buy .sale-item-info ul li p b {font-size:20px; line-height:1.3; color:#000; font-weight:700;}
.sale-wrap .sale-buy .sale-item-info ul li p.is-m {display:none;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb {display:flex; flex-wrap:wrap; align-items:flex-start;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb > img {width:150px;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb > div {flex:1; min-width:0; padding-left:20px;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option {display:flex; flex-wrap:wrap; margin:20px 0 0;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option b {font-size:16px; font-weight:700; margin-right:20px; line-height:1.3;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option dl {flex:1; min-width:0;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option dl dd {font-size:16px; line-height:1.3; color:#000; margin:0 0 10px;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option dl dd:last-of-type {margin:0;}
.sale-wrap .sale-write {padding:0 0 100px;}
.sale-wrap .sale-write form > ul > li {margin:0 0 50px; border-bottom:1px solid #d9d9d9; padding:0 0 20px;}
.sale-wrap .sale-write form > ul > li:last-of-type {margin:0;}
.sale-wrap .sale-write form > ul > li strong.sub-title {border-bottom:1px solid #000; padding:0 0 15px;}
.sale-wrap .sale-write form > ul > li .form-group {margin:0 0 30px;}
.sale-wrap .sale-write form > ul > li .form-group:last-of-type {margin:0;}
.sale-wrap .sale-write form > ul > li .form-group b {font-size:18px; color:#000; margin:0 0 10px; display:block;}
.sale-wrap .sale-write form > ul > li .form-group a {height:50px; width:107px; font-size:18px;}
.sale-wrap .sale-write form > ul > li .form-group p {height:50px; line-height:50px; font-size:18px; color:#666;}
.sale-wrap .sale-write form > ul > li .form-group small {font-size:14px; color:#7d7878; line-height:1.3;}
.sale-wrap .sale-write form > ul > li .form-group .check-box label {font-size:18px; color:#000;}   
.sale-wrap .sale-detail {display:flex; flex-wrap:wrap;}
.sale-wrap .sale-detail img {width:392px; display:block; max-width:100%; height:auto;}
.sale-wrap .sale-detail > div {flex:1; min-width:0; padding-left:15px;}
.sale-wrap .sale-detail > div p {font-size:20px; line-height:1.3;}
.sale-wrap .sale-detail > div .price {padding:40px 0; border-bottom:1px solid #d9d9d9; text-align:right;}
.sale-wrap .sale-detail > div .price strong {font-size:30px; font-weight:700;}
.sale-wrap .sale-detail > div .info {border-bottom:1px solid #d9d9d9; padding:20px 10px;}
.sale-wrap .sale-detail > div .info strong {display:block; font-size:16px; font-weight:700; margin:0 0 20px;}
.sale-wrap .sale-detail > div .info ul li {font-size:16px; line-height:1.3;}
.sale-wrap .sale-detail > div .info ul li b {font-size:16px; line-height:1.3; font-weight:700;}
@media (max-width:991px){
.sale-wrap .sale-result h3 {font-size:27px;}
.sale-wrap .sale-result h3 p {margin:20px 0 0; font-size:23px;}
.sale-wrap .sale-result > ul > li > b.tit {width:150px; font-size:15px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box {padding:15px 20px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box p {font-size:15px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box p small {font-size:15px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box strong {font-size:20px; margin:10px 0 0;}
.sale-wrap .sale-buy .sale-item-info ul li {padding:15px 0;}
.sale-wrap .sale-buy .sale-item-info ul li:first-of-type {flex:1;}
.sale-wrap .sale-buy .sale-item-info ul li:nth-of-type(2) {display:none; width:auto;}
.sale-wrap .sale-buy .sale-item-info ul li:last-of-type {display:none; width:auto;}
.sale-wrap .sale-buy .sale-item-info ul li p {font-size:16px;}
.sale-wrap .sale-buy .sale-item-info ul li p.is-m {display:block;}
.sale-wrap .sale-buy .sale-item-info ul li p b {font-size:18px;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb > div {padding-left:15px;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option {margin:10px 0 0;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option b {font-size:15px;}
.sale-wrap .sale-write {padding:0;}
.sale-wrap .sale-write form > ul > li:last-of-type {border:0; padding:0;}
.sale-wrap .sale-write form > ul > li strong.sub-title {padding:0 0 10px;}
.sale-wrap .sale-write form > ul > li .form-group {margin:0 0 20px;}
.sale-wrap .sale-write form > ul > li .form-group b {font-size:16px;}
.sale-wrap .sale-write form > ul > li .form-group a {width:90px; height:40px; font-size:16px;}
.sale-wrap .sale-write form > ul > li .form-group p {height:40px; line-height:40px; font-size:16px;}
.sale-wrap .sale-write form > ul > li .form-group small {font-size:13px;}
.sale-wrap .sale-write form > ul > li .form-group .check-box label {font-size:16px;}
.sale-wrap .sale-detail img {width:300px;}
.sale-wrap .sale-detail > div {padding-left:10px;}
.sale-wrap .sale-detail > div p {font-size:17px;}
.sale-wrap .sale-detail > div .price {padding:20px 0; }
.sale-wrap .sale-detail > div .price strong {font-size:25px;}
.sale-wrap .sale-detail > div .info {padding:20px 10px;}
.sale-wrap .sale-detail > div .info strong {font-size:15px; margin:0 0 10px;}
.sale-wrap .sale-detail > div .info ul li {font-size:14px;}
.sale-wrap .sale-detail > div .info ul li b {font-size:14px;}
}
@media (max-width:767px){
.sale-wrap .sale-result h3 {font-size:23px;}
.sale-wrap .sale-result h3 p {margin:10px 0 0; font-size:18px;}
.sale-wrap .sale-result > ul > li > b.tit {width:100px; font-size:14px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box {padding:10px 15px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box p {font-size:14px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box p small {font-size:14px;}
.sale-wrap .sale-result > ul > li > .sale-wrap-box strong {font-size:18px; margin:5px 0 0;}
.sale-wrap .sale-buy .sale-item-info ul li {border-right:0;}
.sale-wrap .sale-buy .sale-item-info ul li p {font-size:14px;}
.sale-wrap .sale-buy .sale-item-info ul li p b {font-size:16px;}	
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option b {font-size:14px; margin-right:10px;}
.sale-wrap .sale-buy .sale-item-info ul li .thumb .thumb-option dl dd {font-size:14px; margin:0 0 5px;}
.sale-wrap .sale-write form > ul > li .form-group b {font-size:15px;}
.sale-wrap .sale-write form > ul > li .form-group a {width:90px; height:40px; font-size:14px;}
.sale-wrap .sale-write form > ul > li .form-group p {height:40px; line-height:40px; font-size:14px;}
.sale-wrap .sale-write form > ul > li .form-group small {font-size:12px;}
.sale-wrap .sale-write form > ul > li .form-group .check-box label {font-size:14px;}
.sale-wrap .sale-detail img {width:100%;}
.sale-wrap .sale-detail > div {padding-left:0; width:100%; flex:none; margin:10px 0 0;}
.sale-wrap .sale-detail > div p {font-size:15px;}
.sale-wrap .sale-detail > div .price {padding:20px 0; }
.sale-wrap .sale-detail > div .price strong {font-size:22px;}
.sale-wrap .sale-detail > div .info {padding:10px;}
.sale-wrap .sale-detail > div .info strong {font-size:14px;}
.sale-wrap .sale-detail > div .info ul li {font-size:13px;}
.sale-wrap .sale-detail > div .info ul li b {font-size:13px;}
}   

/* salebox */
.sale-box {position:relative; display:flex; flex-wrap:wrap;}
.sale-box .left-sale {flex:1; min-width:0; border-right:1px solid #d9d9d9; padding-right:30px;}
.sale-box .right-sale {width:290px; padding:20px 0 150px 15px; height:auto;}
.sale-box .right-sale > div {position:relative; transition:all ease 0.5s;}
.sale-box .right-sale ul {margin:30px 0 0;}
.sale-box .right-sale ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
.sale-box .right-sale ul li:last-of-type {margin:0;}
.sale-box .right-sale ul li.border {border-bottom:1px solid #d9d9d9; border-top:1px dashed #d9d9d9; padding:20px 0;}
.sale-box .right-sale ul li span {font-size:16px; color:#666;}
.sale-box .right-sale ul li span b {font-size:22px; font-weight:700;}
.sale-box .right-sale a {margin:40px 0 0; height:60px; font-size:20px; font-weight:600;}
.sale-box .right-sale .select-box select {height:40px; font-size:14px;}
.sale-box .right-sale .total .total-price {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #d9d9d9; padding:0 0 15px;}
.sale-box .right-sale .total .total-price b {font-size:20px; color:#ff0000;}
.sale-box .right-sale .total .total-price strong {font-size:24px; color:#ff0000; font-weight:700;}
.sale-box .right-sale .total .total-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:20px 0 0;}
.sale-box .right-sale .total .total-button a {width:calc(50% - 5px); height:60px; font-size:20px; font-weight:700; margin:0;}
@media (max-width:991px){
.sale-box .left-sale {flex:none; width:100%; padding-right:0; border-right:0;}
.sale-box .right-sale {width:100%; padding:30px 0 100px 0; margin:30px 0 0; border-top:1px solid #d9d9d9;}
.sale-box .right-sale > div {position:static;}
}
@media (max-width:767px){
.sale-box .right-sale ul {margin:15px 0 0;}
.sale-box .right-sale ul li {margin:0 0 10px;}
.sale-box .right-sale ul li span {font-size:14px;}
.sale-box .right-sale ul li span b {font-size:20px;}
.sale-box .right-sale a {margin:20px 0 0; height:45px; font-size:17px;}
.sale-box .right-sale .total .total-price b {font-size:18px;}
.sale-box .right-sale .total .total-price strong {font-size:20px;}
.sale-box .right-sale .total .total-button {margin:10px 0 0;}
.sale-box .right-sale .total .total-button a {height:40px; font-size:15px;}
}

/* page */
.page-top-wrap {background:#E9ECF1; padding:50px 0; margin:-50px 0 0;}
.page-top-wrap .container {position:relative;}
.page-top-wrap .sticky {position:absolute; right:0; top:-150px;}
.page-top-wrap .sticky img {width:180px; height:180px; border-radius:50%; object-fit:cover;}
.page-top-wrap h4 {text-align:center; font-size:32px; font-weight:700; color:#333; margin:0 0 50px;} 
.page-top-wrap h4 strong {display:block; text-align:center; margin:0 0 10px; font-size:20px; font-weight:700; color:#2f5596;}
.page-top-wrap ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.page-top-wrap ul li {width:calc(25% - 20px); margin:0 10px; background:#fff; border:1px solid #a9a9a9; border-radius:10px; padding:15px;}
.page-top-wrap ul li .sticker {display:inline-block; background:#f20066; border-radius:27px; color:#fff; padding:7px 20px 5px; font-size:16px; font-weight:700;}
.page-top-wrap ul li .subject {margin:25px 0 0;}
.page-top-wrap ul li .subject b {font-size:28px; font-weight:700; color:#333; line-height:1.3; word-break:keep-all;}
.page-top-wrap ul li .info {margin:30px 0 0;}
.page-top-wrap ul li .info dl dd {border-bottom:1px solid #bbb; display:flex; flex-wrap:wrap; padding:10px 0;}
.page-top-wrap ul li .info dl dd b {display:flex; flex-wrap:wrap; font-size:18px; font-weight:500; color:#7d7878; line-height:1.2;}
.page-top-wrap ul li .info dl dd b:before {display:inline-block; content:""; width:3px; height:3px; background:#333; border-radius:50%; margin-right:5px; position:relative; top:7px;}
.page-top-wrap ul li .info dl dd > div {flex:1; min-width:auto; padding-left:25px;}
.page-top-wrap ul li .info dl dd > div p {font-size:16px; color:#333; line-height:1.2;}
.page-top-wrap ul li .info dl dd > div p strong {font-size:16px; color:#333; line-height:1.2; font-weight:600;}
.page-top-wrap ul li .price {background:#f8f9fa; padding:20px 8px;}
.page-top-wrap ul li .price p {position:relative; font-size:14px; color:#7d7878; font-weight:500; padding-left:21px; line-height:1.2;}
.page-top-wrap ul li .price p:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_youtube.svg') no-repeat center / cover; position:absolute; left:0; top:0px;}
.page-top-wrap ul li .price > div {margin:55px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.page-top-wrap ul li .price > div strike {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:500; color:#7d7878;}
.page-top-wrap ul li .price > div strike:after {margin-left:5px; display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_arrow.svg') no-repeat center / cover;}
.page-top-wrap ul li .price > div strong {font-size:28px; font-weight:700; color:#333; letter-spacing:-2px;}
.page-top-wrap ul li .button {margin:30px 0 0;}
.page-top-wrap ul li .button a {height:46px; border-radius:27px; font-size:20px; font-weight:700;}
@media (max-width:1350px){
.page-top-wrap ul li .info dl dd b {width:100%; font-size:16px;}
.page-top-wrap ul li .info dl dd > div {padding-left:0; margin:5px 0 0;}
.page-top-wrap ul li .info dl dd > div p {font-size:14px;}
.page-top-wrap ul li .info dl dd > div p b {font-size:14px;}
.page-top-wrap ul li .info dl dd > div p strong {font-size:14px;}
.page-top-wrap ul li .price > div strike {font-size:16px;}
.page-top-wrap ul li .price > div strike:after {width:17px; height:17px;}
.page-top-wrap ul li .price > div strong {font-size:20px;}
}
@media (max-width:991px){
.page-top-wrap .sticky {top:-120px; right:20px;}
.page-top-wrap .sticky img {width:130px; height:130px;}
.page-top-wrap ul {margin:0 -5px -10px;}
.page-top-wrap ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.page-top-wrap ul li .sticker {padding:6px 10px 5px; font-size:12px;}
.page-top-wrap ul li .subject {margin:10px 0 0;}
.page-top-wrap ul li .subject b {font-size:20px; white-space:initial;}
.page-top-wrap ul li .info {margin:10px 0 0;}
.page-top-wrap ul li .info dl dd b {font-size:16px;}
.page-top-wrap ul li .info dl dd > div p {font-size:14px;}
.page-top-wrap ul li .info dl dd > div p strong {font-size:14px;}
.page-top-wrap ul li .price {padding:15px 10px;}
.page-top-wrap ul li .price p {white-space:initial; font-size:13px; padding-left:18px;}
.page-top-wrap ul li .price p:before {width:13px; height:13px;}
.page-top-wrap ul li .price > div {margin:25px 0 0;}
.page-top-wrap ul li .price > div strike {font-size:14px;}
.page-top-wrap ul li .price > div strike:after {display:none;}
.page-top-wrap ul li .price > div strong {font-size:18px;}
.page-top-wrap ul li .button {margin:15px 0 0;}
.page-top-wrap ul li .button a {height:40px; font-size:15px;}
}
@media (max-width:767px){
.page-top-wrap .sticky {top:-75px; right:10px;}
.page-top-wrap .sticky img {width:90px; height:90px;}
.page-top-wrap {margin:-25px 0 0; padding:25px 0;}
.page-top-wrap h4 {font-size:25px; margin:0 0 20px;}
.page-top-wrap h4 strong {font-size:15px;}
}
@media (max-width:500px){
.page-top-wrap .sticky {display:none;}
.page-top-wrap ul {margin:0;}
.page-top-wrap ul li {width:100%; margin:0 0 10px;}
.page-top-wrap ul li:last-of-type {margin:0;}
}

/* page */
.page-wrap {margin:53px 0 0;}
.page-wrap .page-icon {display:block; text-align:center; font-size:20px; font-weight:700; color:#F7B427; margin:0 0 15px;}
.page-wrap .page-icon:before {display:block; content:""; margin:0 auto 20px; width:100px; height:100px; background:url('../images/icon_page.svg') no-repeat center / cover;}
.page-wrap .page-title {text-align:center; position:relative; margin:60px 0 0;}
.page-wrap .page-title:before {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:1px; background:#d9d9d9; content:"";}
.page-wrap .page-title span {margin:0 auto; width:164px; height:32px; border:1px solid #d9d9d9; border-radius:130px; font-size:14px; font-weight:700; color:#d9d9d9; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; z-index:2;}
.page-wrap h4 {font-size:32px; font-weight:700; color:#333; line-height:1.3; text-align:center; margin:0 0 10px;}
.page-wrap h5 {font-size:24px; font-weight:700; color:#333; line-height:1.3; text-align:center; margin:0 0 10px;}
.page-wrap img {display:block; margin:0 auto; max-width:100%;}
.page-wrap .text p {font-size:20px; line-height:1.3; color:#333; text-align:center; word-break:keep-all;}
.page-wrap .text p b {font-size:20px; line-height:1.3; color:#333; font-weight:700;}
.page-wrap .page-info ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-wrap .page-info ul li {width:calc(50% - 18px); background:#f3f3f3; padding:20px 25px 60px; border-radius:30px;}
.page-wrap .page-info ul li b {font-size:18px; font-weight:700; color:#333; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.page-wrap .page-info ul li b:before {display:inline-block; content:""; width:20px; height:20px; margin-right:15px;}
.page-wrap .page-info ul li:first-of-type b:before {background:url('../images/icon_page_info_01.svg') no-repeat center / cover;}
.page-wrap .page-info ul li:last-of-type b:before {background:url('../images/icon_page_info_02.svg') no-repeat center / cover;}
.page-wrap .page-info ul li p {font-size:16px; color:#333; line-height:1.3; padding-left:35px;}
.page-wrap .page-table > strong {display:block; font-size:24px; font-weight:700; color:#333; margin:0 0 15px;}
.page-wrap .page-table > strong:before {display:block; content:""; width:20px; height:4px; margin:0 0 5px; background:rgba(255,122,0,1);}
.page-wrap .page-table > strong b {font-size:20px; font-weight:700; color:rgba(255, 122, 0, 1); position:relative; top:2px;}
.page-wrap .page-table > ul li {position:relative; font-size:18px; color:#666; line-height:1.3; padding-left:10px;}
.page-wrap .page-table > ul li:before {position:absolute; left:0; top:9px; width:3px; height:3px; background:#666; border-radius:50%; content:"";}
.page-wrap .page-table .box {overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.page-wrap .page-table table {table-layout:fixed; border-top:2px solid #2f5596;}
.page-wrap .page-table table tr th {background:#f3f3f3; text-align:center; padding:25px 10px; font-size:18px; font-weight:500; color:#333; line-height:1.3; border:1px solid #e0e0e0; border-width:0 1px 1px 0;}
.page-wrap .page-table table tr th:last-of-type {border-right:0;}
.page-wrap .page-table table tr th:first-of-type {border-right:1px solid #e0e0e0;}
.page-wrap .page-table table tr th small {font-size:16px; color:#333; font-weight:500; display:block;}
.page-wrap .page-table table tr td {font-size:16px; color:#333; line-height:1.3; white-space:initial; border:1px solid #e0e0e0; border-width:0 1px 1px 0; padding:15px 10px;}
.page-wrap .page-table table tr td:last-of-type {border-right:0;}
.page-wrap .page-table table tr td.br {border-right:1px solid #e0e0e0;}
.page-wrap .page-intro {background:#fbfbfb; margin-top:-16px; padding:50px 0;}
.page-wrap .page-intro .flex > img {width:610px; display:block;}
.page-wrap .page-intro .flex > div {flex:1; min-width:0; padding-left:50px;}
.page-wrap .page-intro .flex > div > b {display:block; font-size:18px; font-weight:700; margin:10px 0 15px;}
.page-wrap .page-intro .flex > div h6 {font-size:24px; color:#666; line-height:1.3; text-align:left; margin:0 0 10px;}
.page-wrap .page-intro .flex > div h6 b {font-size:32px; color:#333; font-weight:700; line-height:1.3;}
.page-wrap .page-intro .flex > div p {font-size:18px; font-weight:500; color:#333; line-height:1.3; padding-left:20px;}
.page-wrap .page-video {background:#3E465B; padding:30px 0;}
.page-wrap .page-video .container > .flex {flex-direction:row-reverse; align-items:center;}
.page-wrap .page-video .container > .flex .list-image {width:540px; position:relative;}
.page-wrap .page-video .container > .flex .list-image a {display:block;}
.page-wrap .page-video .container > .flex .list-image .icon-play {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.page-wrap .page-video .container > .flex .list-content {flex:1; min-width:0;}
.page-wrap .page-video .container > .flex .list-content strong {display:block; font-size:32px; font-weight:700; color:#fff; line-height:1.3;}
.page-wrap .page-video .container > .flex .list-content strong a {display:block; margin:5px 0 0; font-size:24px; color:#FEE500; font-weight:500;}
.page-wrap .page-video .container > .flex .list-content p {margin:25px 0 0; font-size:20px; color:#dcdcdc; line-height:1.3;}
.page-wrap .page-video .container > .flex .list-content a.btn {width:215px; height:50px; font-size:20px; font-weight:700; margin:50px 0 0;}
.page-wrap .page-text ul li {position:relative; font-size:20px; color:#333; line-height:1.3; padding-left:34px; margin:0 0 10px;}
.page-wrap .page-text ul li:last-of-type {margin:0;}
.page-wrap .page-text ul li b {font-size:20px; line-height:1.3; font-weight:700; color:rgba(255, 92, 0, 1);}
.page-wrap .page-text ul li:before {display:inline-block; position:absolute; left:0; top:-5px; width:34px; height:34px; content:""; background:url('../images/icon_page_check.svg') no-repeat center / cover;}
.page-wrap .page-order ul li {background:#f3f3f3; border-radius:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:25px; margin:0 auto 20px; max-width:700px;}
.page-wrap .page-order ul li:last-of-type {margin:0 auto;}
.page-wrap .page-order ul li > b {margin-left:10%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:70px; height:70px; font-size:24px; font-weight:700; color:#fff; background:url('../images/icon_page_order.svg') no-repeat center / cover;}
.page-wrap .page-order ul li > div {padding-left:20px; flex:1; min-width:0;}
.page-wrap .page-order ul li > div p {font-size:20px; color:#333; line-height:1.3; margin:0 0 10px;}
.page-wrap .page-order ul li > div p:last-of-type {margin:0;}
.page-wrap .page-order ul li > div p b {font-size:20px; color:#333; line-height:1.3; font-weight:700;}
.page-wrap .page-step ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-wrap .page-step ul li {width:25%; text-align:center;}
.page-wrap .page-step ul li > strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; width:90px; height:90px; border-radius:50%; background:#f6b427; font-size:18px; font-weight:700; color:#fff; margin:0 auto;}
.page-wrap .page-step ul li > strong b {font-size:18px; font-weight:700; color:#333; display:block; width:100%; margin:5px 0 0;}
.page-wrap .page-step ul li > p {font-size:20px; line-height:1.3; font-weight:700; color:#333; text-align:center;}
.page-wrap .page-step ul li > p:before {display:block; content:""; width:6px; height:53px; background:url('../images/icon_page_step.svg') no-repeat center / cover; margin:20px auto 30px;}
.page-teacher {background:#fbfbfb; margin-top:-16px; padding:50px 0 0;}
.page-teacher .container {max-width:1100px;}
.page-teacher .container > .flex .list-image {width:500px;}
.page-teacher .container > .flex .list-content {flex:1; padding-left:100px; padding-top:30px;}
.page-teacher .container > .flex .list-content > strong {font-size:18px; font-weight:700;}
.page-teacher .container > .flex .list-content h6 {display:flex; flex-wrap:wrap; align-items:flex-end; font-size:32px; font-weight:700; color:#333; margin:10px 0 20px;}
.page-teacher .container > .flex .list-content h6 small {margin-left:10px; font-size:24px; color:#666;}
.page-teacher .container > .flex .list-content dl {margin:0 0 20px;}
.page-teacher .container > .flex .list-content dl:last-of-type {margin:0;}
.page-teacher .container > .flex .list-content dl dt {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:700; color:#333; margin:0 0 10px;}
.page-teacher .container > .flex .list-content dl dt:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_teacher.svg') no-repeat center / cover; margin-right:5px;}
.page-teacher .container > .flex .list-content dl dd {position:relative; font-size:18px; line-height:1.3; padding-left:35px;}
.page-teacher .container > .flex .list-content dl dd:before {position:absolute; content:""; width:4px; height:4px; background:#333; border-radius:50%; left:25px; top:9px;}
@media (max-width:1100px){
.page-teacher .container > .flex .list-content {padding-left:50px;}
}
@media (max-width:991px){
.page-wrap {margin:30px 0 0;}
.page-wrap .page-icon {font-size:18px; margin:0 0 10px;}
.page-wrap .page-icon:before {margin:0 auto 10px; width:60px; height:60px;}
.page-wrap .page-title {margin:40px 0 0;}
.page-wrap h4 {font-size:28px;}
.page-wrap h5 {font-size:20px;}
.page-wrap .text p {font-size:17px;}
.page-wrap .text p br {display:none;}
.page-wrap .text p b {font-size:17px;}
.page-wrap .page-info ul li {width:calc(50% - 5px); padding:20px 20px 50px; border-radius:20px;}
.page-wrap .page-info ul li b {font-size:16px;}
.page-wrap .page-info ul li b:before {margin-right:10px;}
.page-wrap .page-info ul li p {font-size:15px; padding-left:30px;}
.page-wrap .page-table > strong {font-size:22px;}
.page-wrap .page-table > strong b {font-size:17px;}
.page-wrap .page-table > ul li {font-size:16px;}
.page-wrap .page-table table {table-layout:auto;}
.page-wrap .page-table table tr th {width:auto !important; padding:15px 10px; font-size:16px;}
.page-wrap .page-table table tr th small {font-size:14px;}
.page-wrap .page-table table tr td {font-size:15px; padding:10px;}
.page-wrap .page-intro .flex > img {width:100%;}
.page-wrap .page-intro .flex > div {width:100%; padding-left:0; flex:none;}
.page-wrap .page-intro .flex > div p {padding-left:0;}
.page-wrap .page-video .container > .flex .list-image {width:100%;}
.page-wrap .page-video .container > .flex .list-content {width:100%; flex:none; margin:15px 0 0;}
.page-wrap .page-video .container > .flex .list-content strong {font-size:27px;}
.page-wrap .page-video .container > .flex .list-content strong a {font-size:20px;}
.page-wrap .page-video .container > .flex .list-content p {margin:15px 0 0; font-size:18px;}
.page-wrap .page-video .container > .flex .list-content a.btn {margin:20px 0 0;}
.page-wrap .page-text ul li {font-size:18px;}
.page-wrap .page-text ul li b {font-size:18px;}
.page-wrap .page-text ul li:before {width:30px; height:30px; top:-4px;}
.page-wrap .page-order ul li > b {width:50px; height:50px; font-size:18px;}
.page-wrap .page-order ul li > div p {font-size:17px; margin:0 0 5px;}
.page-wrap .page-order ul li > div p b {font-size:17px;}
.page-wrap .page-step ul li {width:100%; text-align:left;}
.page-wrap .page-step ul li > strong {display:block; height:auto; width:auto; border-radius:0; font-size:20px; padding:10px 20px;}
.page-wrap .page-step ul li > strong b {font-size:20px; display:inline-block; margin:0; width:auto; margin-left:10px;}
.page-wrap .page-step ul li > p {font-size:17px; text-align:left; padding:15px;}
.page-wrap .page-step ul li > p:before {display:none;}
.page-teacher .container > .flex {flex-direction:column-reverse;}
.page-teacher .container > .flex .list-image {width:100%;}
.page-teacher .container > .flex .list-image img {display:block; margin:0 auto; max-width:700px;}
.page-teacher .container > .flex .list-content {width:100%; padding-left:0; flex:none; padding:0;} 
.page-teacher .container > .flex .list-content > strong {font-size:16px;}
.page-teacher .container > .flex .list-content h6 {font-size:28px; margin:10px 0 15px;}
.page-teacher .container > .flex .list-content h6 small {font-size:26px; margin-left:5px;}
.page-teacher .container > .flex .list-content dl dt {font-size:16px;}
.page-teacher .container > .flex .list-content dl dd {font-size:15px; line-height:1.3;}
}
@media (max-width:767px){
.page-wrap .page-icon:before {width:40px; height:40px;}
.page-wrap .page-title {margin:30px 0 0;}
.page-wrap h4 {font-size:23px;}
.page-wrap h5 {font-size:19px;}
.page-wrap .text p {font-size:15px;}
.page-wrap .text p b {font-size:15px;}
.page-wrap .page-info ul li {width:100%; margin:0 0 15px; padding:15px 15px 30px;}
.page-wrap .page-info ul li:last-of-type {margin:0;}
.page-wrap .page-info ul li p {padding-left:0;}
.page-wrap .page-table > strong {font-size:18px; margin:0 0 10px;}
.page-wrap .page-table > strong:before {width:15px; height:2px;}
.page-wrap .page-table > strong b {font-size:16px;}
.page-wrap .page-table > ul li {font-size:15px;}
.page-wrap .page-table table tr th {font-size:15px;}
.page-wrap .page-table table tr th small {font-size:13px;}
.page-wrap .page-table table tr td {font-size:14px;}
.page-wrap .page-intro .flex > div > b {font-size:16px;}
.page-wrap .page-intro .flex > div h6 {font-size:20px;}
.page-wrap .page-intro .flex > div h6 b {font-size:22px;}
.page-wrap .page-intro .flex > div p {font-size:16px;}
.page-wrap .page-video .container > .flex .list-content strong {font-size:24px;}
.page-wrap .page-video .container > .flex .list-content strong a {font-size:17px;}
.page-wrap .page-video .container > .flex .list-content p {margin:5px 0 0; font-size:15px;}
.page-wrap .page-video .container > .flex .list-content a.btn {margin:20px 0 0; width:180px; height:40px; font-size:16px;}
.page-wrap .page-text ul li {font-size:15px; padding-left:27px;}
.page-wrap .page-text ul li b {font-size:15px;}
.page-wrap .page-text ul li:before {width:27px; height:27px; top:-3px;}
.page-wrap .page-order ul li {padding:20px 15px;}
.page-wrap .page-order ul li > b {width:45px; height:45px; font-size:17px; margin-left:0;}
.page-wrap .page-order ul li > div {padding-left:15px;}
.page-wrap .page-order ul li > div p {font-size:15px;}
.page-wrap .page-order ul li > div p b {font-size:15px;}
.page-wrap .page-step ul li strong {font-size:18px;}
.page-wrap .page-step ul li strong b {font-size:18px;}
.page-wrap .page-step ul li p {font-size:15px;}
.page-teacher .container > .flex .list-image img {max-width:100%;}
.page-teacher .container > .flex .list-content dl dd {padding-left:10px;}
.page-teacher .container > .flex .list-content dl dd:before {left:0; width:3px; height:3px; top:8px;}
}

/* main-title */
.main-wrap h4 {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; color:#333; font-weight:700;}
.main-wrap h4 small {margin-left:20px; font-size:14px; color:#7d7878;}
@media (max-width:767px){
.main-wrap h4 {font-size:17px;}
.main-wrap h4 small {width:100%; margin:10px 0 0; font-size:13px;}
}

/* main-banner */
.main-wrap .main-banner {position:relative;}
.main-wrap .main-banner .bg {height:770px; background:url('../images/bg_main_banner.png') no-repeat center / cover;}
.main-wrap .main-banner .text {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:1220px; padding:0 10px; text-align:right;}
.main-wrap .main-banner .text h2 {font-size:33px; line-height:1.3; color:#fff;}
.main-wrap .main-banner .text h3 {font-size:64px; line-height:1.2; color:#fff;  font-weight:700;}
@media (max-width:991px){
.main-wrap .main-banner .bg {height:500px;}
.main-wrap .main-banner .text {text-align:center; top:65%;}
.main-wrap .main-banner .text h2 {font-size:25px;}
.main-wrap .main-banner .text h3 {font-size:55px;}
}
@media (max-width:767px){
.main-wrap .main-banner .text h2 {font-size:20px;}
.main-wrap .main-banner .text h3 {font-size:35px;}
}

/* main-top */
.main-wrap .main-top {display:flex; flex-wrap:wrap; background:#fff; max-width:1300px; margin:-80px auto 0; padding:0; position:relative;}
.main-wrap .main-top .main-top-left {flex:1; min-width:0; padding:30px 50px; position:relative;}
.main-wrap .main-top .main-top-right {width:430px; background:#f6f6f6;}
@media (max-width:1300px){
.main-wrap .main-top .main-top-left {padding:30px 20px;}
.main-wrap .main-top .main-top-right {width:374px;}
}
@media (max-width:991px){
.main-wrap .main-top {margin:0;}
.main-wrap .main-top .main-top-left {width:100%; flex:none;}
.main-wrap .main-top .main-top-right {width:100%;}
}

/* main-program */
.main-wrap .main-program ul {display:flex; flex-wrap:wrap; width:898px; border:1px solid #d9d9d9; border-width:1px 0 0 1px; margin:30px 0 0;}
.main-wrap .main-program ul li {width:33.33%; height:300px; border:1px solid #d9d9d9; border-width:0 1px 1px 0; background:#fff; padding:37px 20px;}
.main-wrap .main-program ul li a {display:block;}
.main-wrap .main-program ul li strong {display:block; font-size:24px; font-weight:700; color:#333; margin:0 0 35px; padding-left:10px;}
.main-wrap .main-program ul li p {font-size:16px; font-weight:500; color:#333; line-height:1.3; padding-left:10px;}
.main-wrap .main-program ul li .ico {position:relative; display:block; width:100%; height:64px; background-size:64px 64px; background-position:left center; background-repeat:no-repeat; margin:0 0 30px;}
.main-wrap .main-program ul li .ico:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:30px; height:2px; background:#000; content:"";}
.main-wrap .main-program ul li:nth-of-type(1) .ico {background-image:url('../images/icon_program_01.svg');}
.main-wrap .main-program ul li:nth-of-type(2) .ico {background-image:url('../images/icon_program_02.svg');}
.main-wrap .main-program ul li:nth-of-type(3) .ico {background-image:url('../images/icon_program_03.svg');}
.main-wrap .main-program ul li:nth-of-type(4) {background:#ffcd62;}
.main-wrap .main-program ul li:nth-of-type(4) .ico {background-image:url('../images/icon_program_04.svg');}
.main-wrap .main-program ul li:nth-of-type(5) {background:#fff5de;}
.main-wrap .main-program ul li:nth-of-type(5) .ico {background-image:url('../images/icon_program_05.svg');}
.main-wrap .main-program ul li:nth-of-type(6) {background:#3c342e;}
.main-wrap .main-program ul li:nth-of-type(6) {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.main-wrap .main-program ul li:nth-of-type(6) strong {color:#fff;}
.main-wrap .main-program ul li:nth-of-type(6) p {color:#bbb;}
.main-wrap .main-program ul li:nth-of-type(6) a {display:flex; flex-wrap:wrap; align-items:center;}
.main-wrap .main-program ul li:nth-of-type(6) a span {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#fff; font-weight:700; border-bottom:2px solid #fff; margin:45px 0 0; padding:0 0 10px;}
.main-wrap .main-program ul li:nth-of-type(6) a span:before {display:inline-block; content:""; width:13px; height:14px; background:url('../images/icon_pen.svg') no-repeat center / cover; margin-right:10px;}
@media (max-width:1300px){
.main-wrap .main-program ul {width:100%;}
.main-wrap .main-program ul li {height:263px; padding:20px 15px;}
.main-wrap .main-program ul li strong {font-size:20px; margin:0 0 15px;}
.main-wrap .main-program ul li p {font-size:14px;}
.main-wrap .main-program ul li p br {display:none;}
}
@media (max-width:991px){
.main-wrap .main-program ul li {height:auto; padding:30px 15px;}
.main-wrap .main-program ul li strong {font-size:18px; margin:0 0 10px;}
.main-wrap .main-program ul li p {font-size:15px;}
.main-wrap .main-program ul li .ico {width:100%; height:50px; background-size:50px 50px; margin:0 0 10px;}
.main-wrap .main-program ul li .ico:after {width:20px;}
.main-wrap .main-program ul li:nth-of-type(6) a span {margin:20px 0 0;}
}
@media (max-width:767px){
.main-wrap .main-program h4 small {display:block; padding-left:0; margin-left:0; margin-top:10px; width:100%;}
.main-wrap .main-program ul li {width:50%; padding:20px 10px;}
.main-wrap .main-program ul li strong {font-size:16px;}
.main-wrap .main-program ul li p {font-size:13px;}
.main-wrap .main-program ul li .ico {width:100%; height:40px; background-size:40px 40px;}
.main-wrap .main-program ul li .ico;after {width:15px;}
}

/* main-map */
.main-wrap .main-location {padding-left:86px;}
.main-wrap .main-location h4 {padding:20px 0 10px 0; margin:0 0 45px; border-bottom:1px solid #333;}
.main-wrap .main-location .map img {display:block; max-width:344px; margin-left:auto;}
.main-wrap .main-location .banner {margin-left:-86px; margin-top:107px;}
.main-wrap .main-location .banner img {display:block; max-width:100%;}
@media (max-width:1300px){
.main-wrap .main-location {padding-left:30px;}
.main-wrap .main-location .map img {max-width:100%;}
.main-wrap .main-location .banner {margin-left:0; margin-top:0;}
}
@media (max-width:991px){
.main-wrap .main-location {padding:30px 20px;}
.main-wrap .main-location h4 {border-bottom:0; margin:0; padding:0;}
.main-wrap .main-location .map img {max-width:100%;}
}

/* main-gallery */
.main-wrap .main-gallery {padding:50px 0 0; display:flex; flex-wrap:wrap;}
.main-wrap .main-gallery > div.tit {width:240px;}
.main-wrap .main-gallery > div.tit h4 small {line-height:1.3; width:100%; margin:20px 0 0;}
.main-wrap .main-gallery .swiper-container {width:calc(100% - 240px);}
.main-wrap .main-gallery .swiper-container ul li img {display:block; max-width:100%;}
.main-wrap .main-gallery .swiper-control {display:flex; flex-wrap:wrap; align-items:center; margin:40px 0 0;}
.main-wrap .main-gallery .swiper-control > div {position:static; margin:0; width:40px; height:40px;}
.main-wrap .main-gallery .swiper-control > div.swiper-button-prev {background:#d9d9d9 url('../images/icon_prev.svg') no-repeat center / cover; margin-right:10px;}
.main-wrap .main-gallery .swiper-control > div.swiper-button-next {background:#d9d9d9 url('../images/icon_next.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-wrap .main-gallery > div.tit {width:100%;}
.main-wrap .main-gallery > div.tit h4 small {margin:10px 0 0;}
.main-wrap .main-gallery .swiper-container {width:100%; margin:10px 0 0;}
.main-wrap .main-gallery .swiper-container ul li a {display:block;}
.main-wrap .main-gallery .swiper-container ul li img {display:block; width:100%;}
.main-wrap .main-gallery .swiper-control {margin:-25px 0 0; justify-content:flex-end; width:100%;}
.main-wrap .main-gallery .swiper-control > div {width:30px; height:30px;}
.main-wrap .main-gallery .swiper-control > div.swiper-button-prev {margin-right:5px;}
}

/* main-carri */
.main-carri {max-width:1220px; padding:0 10px; margin:60px auto 0; position:relative;}
.main-carri ul {margin:30px 0 0;}
.main-carri ul li a {display:block;}
.main-carri ul li a .list-image {width:100%; height:175px; background-size:cover; background-position:center;}
.main-carri ul li a .list-content {padding:20px 15px;}
.main-carri ul li a .list-content strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:700; color:#333; margin:0 0 20px;}
.main-carri ul li a .list-content p {font-size:16px; font-weight:400; color:#333; line-height:1.3; display:-webkit-box; max-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.main-carri ul li.bg01 a .list-content {background:#fff5de;}
.main-carri ul li.bg02 a .list-content {background:#ffcd62;}
.main-carri ul li.bg03 a .list-content {background:#3c342e;}
.main-carri ul li.bg03 a .list-content strong {color:#fff;}
.main-carri ul li.bg03 a .list-content p {color:#fff;}
.main-carri .swiper-control > div {width:44px; height:44px; margin:0;}
.main-carri .swiper-control > div.swiper-button-prev {left:-30px; background:url('../images/icon_prev_left.svg') no-repeat center / cover;}
.main-carri .swiper-control > div.swiper-button-next {right:-30px; background:url('../images/icon_next_right.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-carri {margin:30px 0 0;}
.main-carri ul {margin:15px 0 0;}
.main-carri ul li a .list-image {height:150px;}
.main-carri ul li a .list-content {padding:15px 10px;}
.main-carri ul li a .list-content strong {font-size:16px; margin:0 0 10px;}
.main-carri ul li a .list-content p {font-size:15px;}
.main-carri .swiper-control > div.swiper-button-prev {left:0;}
.main-carri .swiper-control > div.swiper-button-next {right:0;}
}
@media (max-width:767px){
.main-carri ul li a .list-content strong {font-size:15px;}
.main-carri ul li a .list-content p {font-size:14px;}
}

/* right-menu */
.section-wrap {position:relative; z-index:100; height:1px;}
.right-menu {position:absolute; top:40px; right:98px; transition:all ease 0.5s;}
.right-menu ul {width:160px;}
.right-menu ul li.apply a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; height:80px; font-size:16px; font-weight:700; color:#333; background:#FF7A00;}
.right-menu ul li.apply a:after {display:block; content:""; width:100%; height:4.5px; margin:10px 0 0; background:url('../images/icon_apply_arrow.svg') no-repeat center / 14px 14px;}
.right-menu ul li.cs {text-align:center; background:#fff; border:1px solid #d9d9d9; padding:25px 0;}
.right-menu ul li.cs span {display:block; font-size:14px; color:#333; margin:0 0 4px;}
.right-menu ul li.cs span:before {display:block; width:24px; height:24px; margin:0 auto 10px; content:""; background:url('../images/icon_cs.svg') no-repeat center / cover;}
.right-menu ul li.cs b {display:block; font-size:19px; color:#333; font-weight:800;}
.right-menu ul li.cs b:after {display:block; margin:20px auto; width:30px; height:1px; background:#d9d9d9; content:"";}
.right-menu ul li.cs small {display:block; font-size:12px; color:#333;}
.right-menu ul li.kakao a {background:#FEE500; padding:20px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; font-size:14px; font-weight:500; color:#333;}
.right-menu ul li.kakao a:before {display:block; width:100%; height:20px; content:""; margin:0 auto 10px; background:url('../images/icon_right_kakao.svg') no-repeat center / 22px 20px;}
.right-menu ul li.top a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:33px; background:#d9d9d9; font-size:11px; font-weight:800; color:#333;}
.right-menu a.toggle {display:none;}
@media (max-width:1855px){
.section-wrap {height:1px;}
.right-menu {position:fixed; right:-160px; top:50% !important; transform:translateY(-50%);}
.right-menu.active {right:0;}
.right-menu a.toggle {display:block; position:absolute; left:-40px; top:50%; transform:translateY(-50%); width:40px; height:40px; border:2px solid #000; background:#fff url('../images/icon_prev_left.svg') no-repeat center / cover; font-size:0;}
.right-menu.active a.toggle {transform:translateY(-50%) rotate(180deg);}
.right-menu.fixed {opacity:0;}
}
@media (max-width:767px){
.right-menu a.toggle {width:30px; height:30px; left:-30px;}
}