/* container */
html, body {overflow-x:hidden;}
.container {width:100%; max-width:1180px; padding:0 15px; margin:0 auto;}

/* header */
header {border-bottom:1px solid #ddd; padding:20px 0 0;}
header .container {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
header .header-logo h1 a img {width:70px; margin:0 0 15px;}
header .header-menu .menu-head {display:none;}
header .header-menu .menu-body .menu-body-member {margin:0 0 14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-menu .menu-body .menu-body-member ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin-right:50px;}
header .header-menu .menu-body .menu-body-member ul:last-of-type {margin:0;}
header .header-menu .menu-body .menu-body-member ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu .menu-body .menu-body-member ul li:after {display:inline-block; content:""; width:1px; height:10px; background:#878E98; margin:0 12px;}
header .header-menu .menu-body .menu-body-member ul li:last-of-type:after {display:none;}
header .header-menu .menu-body .menu-body-member ul li a {color:#21252a; display:flex; flex-wrap:wrap; align-items:center;}
header .header-menu .menu-body .menu-body-member ul li a em {height:16px; padding:0 6px; background:#666; font-size:12px; color:#fff; margin-right:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-menu .menu-body .menu-body-member ul li.message a:before {display:inline-block; content:""; width:18px; height:14px; margin-right:4px; background:url('../images/icon_message.png') no-repeat center / cover;}
header .header-menu .menu-body .menu-body-category {margin-right:-60px;}
header .header-menu .menu-body .menu-body-category ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-menu .menu-body .menu-body-category ul li {position:relative; z-index:100;}
header .header-menu .menu-body .menu-body-category ul li button.link {display:none;}
header .header-menu .menu-body .menu-body-category ul li a.link {padding:20px 60px; font-size:18px; font-weight:500; color:#333;}
header .header-menu .menu-body .menu-body-category ul li dl {display:none; position:absolute; background:#fff; width:100%; padding:20px 0; border-top:1px solid #ddd;}
header .header-menu .menu-body .menu-body-category ul li dl dd {margin:0 0 10px;}
header .header-menu .menu-body .menu-body-category ul li dl dd:last-of-type {margin:0;}
header .header-menu .menu-body .menu-body-category ul li dl dd a {display:block; text-align:center; font-size:16px; color:#21252a;}
header .header-menu .menu-body .menu-body-category ul li dl dd a:hover {font-weight:500;}
header .header-menu .menu-body .menu-body-category ul li:hover a.link {font-weight:bold;}
header .header-menu .menu-body .menu-body-category ul li:hover dl {display:block;}
header .header-bar {display:none;}
@media (max-width:991px){
header {padding:15px 0;}
header .header-logo h1 a img {margin:0; width:60px;}
header .header-menu {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; transition:all ease 0.5s;}
header .header-menu .inner {pointer-events:none; opacity:0; position:absolute; right:-50px; top:0; width:250px; height:100%; background:#fff; overflow-y:auto; transition:all ease 0.5s; padding:15px;}
header .header-menu .menu-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #ddd;}
header .header-menu .menu-head img {width:60px;}
header .header-menu .menu-head a {display:block; font-size:0; width:22px; height:22px; position:relative;}
header .header-menu .menu-head a:after {position:absolute; left:0; top:10px; width:100%; height:2px; background:#000; content:""; transform:rotate(45deg);}
header .header-menu .menu-head a:before {position:absolute; left:0; top:10px; width:100%; height:2px; background:#000; content:""; transform:rotate(-45deg);}
header .header-menu .menu-body .menu-body-member ul {width:100%; margin:0;}
header .header-menu .menu-body .menu-body-member ul:last-of-type {margin:10px 0 0;}
header .header-menu .menu-body .menu-body-member ul li a em {font-size:10px;}
header .header-menu .menu-body .menu-body-member ul li.message a:before {width:14px; height:10px;} 
header .header-menu .menu-body .menu-body-category {margin-right:0;}
header .header-menu .menu-body .menu-body-category ul {display:block;}
header .header-menu .menu-body .menu-body-category ul li a.link {display:none;}
header .header-menu .menu-body .menu-body-category ul li button.link {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:16px; font-weight:500; color:#333; height:50px; width:100%;}
header .header-menu .menu-body .menu-body-category ul li button.link:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_select.png') no-repeat center / cover;}  
header .header-menu .menu-body .menu-body-category ul li:hover dl {display:none;}	
header .header-menu .menu-body .menu-body-category ul li.active button.link:after {transform:rotate(180deg);}
header .header-menu .menu-body .menu-body-category ul li.active dl {display:block; position:static;}
header .header-menu .menu-body .menu-body-category ul li.active dl dd a {text-align:left; display:flex; flex-wrap:wrap; align-items:center; font-size:14px;}
header .header-menu .menu-body .menu-body-category ul li.active dl dd a:before {display:inline-block; content:""; width:3px; height:3px; border-radius:50%; background:#21252a; margin:0 5px;}
header .header-bar {display:block;}
header .header-bar a {display:block; width:25px; height:20px; border:2px solid #000; border-width:2px 0; position:relative; font-size:0;}
header .header-bar a:after {position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; width:100%; height:2px; background:#000;}
header.fixed .header-menu {pointer-events:inherit; opacity:1;}
header.fixed .header-menu .inner {pointer-events:inherit; opacity:1; right:0;}
}


/* footer */
footer {border-top:1px solid #eee; padding:40px 0;}
footer .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-left .footer-left-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .footer-left-link ul li {margin-right:24px;}
footer .footer-left .footer-left-link ul li a {font-size:16px; font-weight:600; color:#535961;}
footer .footer-left .footer-left-link ul li:last-of-type {margin:0;}
footer .footer-left .footer-left-link ul li:last-of-type a {color:#21252A;}
footer .footer-left .footer-left-info {margin:20px 0 0;}
footer .footer-left .footer-left-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
footer .footer-left .footer-left-info ul li:last-of-type {margin:20px 0 0;}
footer .footer-left .footer-left-info ul li p {display:flex; flex-wrap:wrap; align-items:center; color:#333;}
footer .footer-left .footer-left-info ul li p:after {display:inline-block; content:""; width:1px; height:10px; background:#333; margin:0 12px;}
footer .footer-left .footer-left-info ul li p:last-of-type:after {display:none;}
footer .footer-right .footer-right-logo img {width:82px;}
@media (max-width:991px){
footer {padding:20px 0;}
footer .footer-left {width:100%; order:2;}
footer .footer-left .footer-left-link ul {justify-content:center;}
footer .footer-left .footer-left-info ul li {justify-content:center;}
footer .footer-left .footer-left-info ul li p {font-size:13px;}
footer .footer-left .footer-left-info ul li p:after {margin:0 7px;}
footer .footer-right {width:100%; order:1; margin:0 0 25px;}
footer .footer-right .footer-right-logo img {display:block; margin:0 auto; width:60px;}
}

/* section */
section {padding:60px 0;}
@media (max-width:991px){
section {padding:30px 0 60px;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:4px; border:1px solid #dedede; background:#F7F8F9;}
.input-box input {flex:1; min-width:0; background:none; height:50px; padding:0 14px; font-size:16px; color:#21252a;}
.input-box input::placeholder {color:#666;}
.input-box a {height:40px; border-radius:4px; border:1px solid #dedede; background:#fff; font-size:16px; font-weight:700; padding:0 14px; color:#666; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:6px;}
.input-box.focus {background:#fff; border-color:#333;}
.input-box.active {background:#fff; border-color:#333;}
.input-box input[type=date]::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.input-box.date {position:relative;}
.input-box.date:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_date.png') no-repeat center / cover; margin:0 5px 0 10px;}
@media (max-width:991px){
.input-box input {height:45px; padding:0 10px; font-size:14px;}
.input-box a {padding:0 10px; font-size:13px; height:35px;}
.input-box input[type=date]:before {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0 14px; content:attr(data-placeholder); width:100%;}	
.input-box.focus input[type=date]:before {display:none;}
.input-box.active input[type=date]:before {display:none;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:4px; border:1px solid #dedede; background:#f7f8f9;}
.select-box select {flex:1; min-width:0; background:url('../images/icon_select.png') no-repeat calc(100% - 15px) center / 20px; height:50px; padding:0 40px 0 14px; font-size:16px; color:#666;}
.select-box.active {background:#fff; border-color:#333;}
@media (max-width:991px){
.select-box select {height:45px; padding:0 30px 0 10px; font-size:14px; background-size:15px;}
}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap;}
.check-box label:before {display:inline-block; content:""; width:32px; height:32px; margin-right:10px; background:url('../images/icon_check.png') no-repeat center / cover;}
.check-box label p {flex:1; min-width:0; text-align:left; font-size:16px; line-height:1.3; color:#5e5e5e; word-break:keep-all; padding:7px 0 0;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}
@media (max-width:991px){
.check-box label:before {width:24px; height:24px; margin-right:5px;}
.check-box label p {font-size:14px; padding:2px 0 0;}
}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:230px; background:#f7f8f9; border:1px solid #DEDEDE; border-radius:4px; padding:20px; font-size:16px; line-height:1.3; color:#21252a;}
.textarea-box textarea::placeholder {color:#666;}
@media (max-width:991px){
.textarea-box textarea {height:150px; padding:10px; font-size:14px;}
}

/* text-box */
.text-box p {font-size:16px; line-height:1.3; color:#666; word-break:keep-all;}
@media (max-width:991px){
.text-box p {font-size:14px;}
}

/* message-box */
.message-box p {font-size:12px; line-height:1.3; font-weight:500; color:#ff0000; margin:4px 0 0;}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {border-radius:4px; height:50px; font-size:16px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0;}
.button-box .btn.sm {height:35px; font-size:14px;}
.button-box .btn-gray {background:#666; color:#fff;}
.button-box .btn-white {background:#fff; color:#666; border:1px solid #666;}
@media (max-width:991px){
.button-box .btn {height:45px; font-size:14px;}
.button-box .btn.sm {font-size:12px;}
}

/* login-box */
.login-box {max-width:915px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center;}
.login-box .login-left {width:447px; margin-right:12px;}
.login-box .login-left img {max-width:100%; display:block; margin:0 auto;}
.login-box .login-right {flex:1; min-width:0;}
.login-box .login-right .login-right-form form {display:flex; flex-wrap:wrap;}
.login-box .login-right .login-right-form form .form-left {flex:1; min-width:0;}
.login-box .login-right .login-right-form form .form-right a {width:115px; border-radius:4px; background:#666; color:#fff; font-size:16px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100%;}
.login-box .login-right .login-right-link {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.login-box .login-right .login-right-link ul {display:flex; flex-wrap:wrap; align-items:center;}
.login-box .login-right .login-right-link ul li {margin-right:12px;}
.login-box .login-right .login-right-link ul li:last-of-type {margin:0;}
.login-box .login-right .login-right-link ul li a {font-size:16px; font-weight:500; color:#666;}
.login-box .login-right .login-right-link ul:last-of-type li a {color:#333;}
@media (max-width:991px){
.login-box .login-right {flex:none; width:100%; margin:24px 0 0;}
.login-box .login-right .login-right-form form .form-right a {width:100px; font-size:14px;}
.login-box .login-right .login-right-link ul li {margin-right:7px;}
.login-box .login-right .login-right-link ul li a {font-size:13px;}
}

/* inner-box */
.inner-box {max-width:400px; margin:0 auto;}
.inner-box.lg {max-width:920px; margin:0 auto;}

/* write-box */
.write-box > ul > li {margin:0 0 12px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li > strong {display:block; margin:0 0 4px; font-size:14px; font-weight:500; color:#21252A;}

/* paging-box */
.paging-box {margin:40px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 2px;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:27px; height:27px; font-size:14px; color:#000;}
.paging-box ul li.active a {background:#CDCDCD; border-radius:4px; font-weight:bold;}
.paging-box ul li.pg a {font-size:0;}
.paging-box ul li.pg.first a {background:url('../images/icon_paging_first.png') no-repeat center / 7px auto;}
.paging-box ul li.pg.prev a {background:url('../images/icon_paging_prev.png') no-repeat center / 4px auto;}
.paging-box ul li.pg.next a {background:url('../images/icon_paging_next.png') no-repeat center / 4px auto;}
.paging-box ul li.pg.last a {background:url('../images/icon_paging_last.png') no-repeat center / 7px auto;}
@media (max-width:991px){
.paging-box ul li a {width:23px; height:23px; font-size:13px;}
.paging-box ul li.mo {display:none;}
}

/* banner-box */
.banner-box {margin:-60px 0 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; position:relative;}
.banner-box .banner-right {width:450px; position:relative; z-index:2;}
.banner-box .banner-right img {width:100%;}
.banner-box .banner-left {background:#ECF0F1; border-radius:12px; padding:55px 60px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#ECF0F1; width:100%;}
.banner-box .banner-left h2 {font-size:28px; font-weight:700; line-height:1.3; color:#666;}
.banner-box .banner-left p {margin:8px 0 0; font-size:16px; font-weight:500; line-height:1.3; color:#666;}
.banner-box .banner-location {width:100%; position:relative; margin-top:-15px; top:-15px;}
.banner-box .banner-location ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.banner-box .banner-location ul li {display:flex; flex-wrap:wrap; align-items:center;}
.banner-box .banner-location ul li:after {display:inline-block; content:""; width:12px; height:12px; margin:0 6px; background:url('../images/icon_location.png') no-repeat center / cover;}
.banner-box .banner-location ul li:last-of-type:after {display:none;}
.banner-box .banner-location ul li > * {font-size:12px; color:#333;}
.banner-box .banner-location ul li.home > * {display:flex; flex-wrap:wrap; align-items:center;}
.banner-box .banner-location ul li.home > *:before {display:inline-block; content:""; width:12px; height:12px; margin-right:6px; background:url('../images/icon_home.png') no-repeat center / cover;}
@media (max-width:991px){
.banner-box {margin:0 0 24px;}
.banner-box .banner-right {display:none; width:200px;}
.banner-box .banner-left {position:static; transform:none; border-radius:5px; padding:30px 15px;}
.banner-box .banner-left h2 {font-size:24px; text-align:center;}
.banner-box .banner-left p {font-size:14px; text-align:center; word-break:keep-all;}
.banner-box .banner-location {display:none;}
}

/* guide-box */
.guide-box {display:flex; flex-wrap:wrap; align-items:center;}
.guide-box:before {display:inline-block; content:""; width:42px; height:37px; background:url('../images/icon_guide.png') no-repeat center / 42px auto;}
.guide-box p {flex:1; min-width:0; padding-left:18px; font-size:16px; line-height:1.3; color:#666;}
.guide-box p b {font-size:16px; font-weight:600; color:#ff0000; line-height:1.3; word-break:keep-all;}
@media (max-width:991px){
.guide-box p {font-size:14px; padding-left:12px;}
.guide-box p b {font-size:14px; display:inline-block;}
.guide-box p br {display:none;}
}

/* border-box */
.border-box {border:1px solid #E4E5E8; border-radius:4px; padding:33px 25px;}
.border-box .button-box {max-width:400px; margin:0 auto;}
@media (max-width:991px){
.border-box {padding:30px 15px;}
}

/* order-box */
.order-box ul {display:flex; flex-wrap:wrap; justify-content:center;}
.order-box ul li {flex:1; min-width:0; position:relative;}
.order-box ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:34px; height:34px; background:url('../images/icon_order.png') no-repeat center / cover;}
.order-box ul li:last-of-type:after {display:none;}
.order-box ul li img {display:block; margin:0 auto; width:48px;}
.order-box ul li p {margin:15px 0 0; font-size:16px; font-weight:500; text-align:center;}
.order-box ul li small {display:block; margin:4px 0 0; font-size:14px; line-height:1.3; color:#666; text-align:center;}
@media (max-width:991px){
.order-box ul {margin:0 0 20px;}
.order-box ul li {width:50%; flex:none; margin:0 0 20px;}
.order-box ul li:after {right:-17.5px;}
.order-box ul li:nth-of-type(even):after {display:none;}
.order-box ul li img {width:40px;}
.order-box ul li p {margin:10px 0 0; font-size:15px;}
.order-box ul li small {font-size:13px;}
}  

/* notice-box */
.notice-box {background:#F7F8FA; max-width:800px; margin:0 auto; border-radius:12px; padding:20px;}
.notice-box dl dt {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; margin:0 0 10px;}
.notice-box dl dt:before {display:inline-block; content:""; width:20px; height:20px; margin-right:10px; background:url('../images/icon_notice.png') no-repeat center / cover;}
.notice-box dl dd {margin:0 0 5px; position:relative; font-size:14px; line-height:1.3; padding-left:20px; word-break:keep-all;}
.notice-box dl dd:before {position:absolute; left:5px; top:7px; width:3px; height:3px; background:#333; border-radius:50%; content:"";}

/* table-box */
.table-box {overflow-x:auto; white-space:nowrap;}
.table-box table {table-layout:auto;}
.table-box table thead tr th {background:#f5f5f5; height:41px; font-size:14px; font-weight:500; color:#666; padding:0 10px;}
.table-box table tbody tr td {border-bottom:1px solid #DEDEDE; font-size:14px; color:#666; padding:15px 10px;}
.table-box table tbody tr td.subject {width:400px;}
.table-box table tbody tr td a.subject {display:block; text-align:left; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.table-box table tbody tr td input {appearance:auto; cursor:pointer; width:18px; height:18px;}
@media (max-width:991px){
.table-box {margin:0 -15px;}
.table-box table {margin-left:15px; padding-right:15px;}
.table-box table tbody tr td {font-size:13px;}
.table-box table tbody tr td.subject {width:200px;}
.table-box table tbody tr td a.subject {font-size:13px;}
}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; transition:all ease 0.5s;}
.popup-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; max-height:90%; overflow-y:auto; background:#fff; border-radius:12px; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:615px;}
.popup-box .box::-webkit-scrollbar {display:none;}
.popup-box .box .popup-body {padding:40px 20px;}
.popup-box .box .popup-body .popup-body-logo {border-bottom:1px solid #D9D9D9; padding:0 0 40px; margin:0 0 40px;}
.popup-box .box .popup-body .popup-body-logo img {display:block; margin:0 auto; width:82px;}
.popup-box .box .popup-body .popup-body-text p {font-size:16px; font-weight:500; line-height:1.4;}
.popup-box .box .popup-foot {background:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:18px;}
.popup-box .box .popup-foot .check {position:relative; overflow:hidden;}
.popup-box .box .popup-foot .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.popup-box .box .popup-foot .check label {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#fff;}
.popup-box .box .popup-foot .check label:before {display:inline-block; content:""; width:12px; height:12px; background:url('../images/icon_check_sm.png') no-repeat center / cover; margin-right:5px;}
.popup-box .box .popup-foot .check input:checked ~ label {color:#fff;}
.popup-box .box .popup-foot .check input:checked ~ label:before {background-image:url('../images/icon_check_sm_on.png');}
.popup-box .box .popup-foot a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#fff;}
.popup-box .box .popup-foot a:after {display:inline-block; content:""; width:12px; height:12px; margin-left:5px; background:url('../images/icon_popup_close.png') no-repeat center / cover;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}

/* board-list-box */
.board-list-box > ul {border-top:1px solid #333;}
.board-list-box > ul > li {border-bottom:1px solid #E4E5E8;}
.board-list-box > ul > li > a {display:block; padding:24px;}
.board-list-box > ul > li > a .list-top .list-top-check {position:relative; overflow:hidden;}
.board-list-box > ul > li > a .list-top .list-top-check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.board-list-box > ul > li > a .list-top .list-top-check label {display:flex; flex-wrap:Wrap; align-items:center; font-size:12px; color:#666;}
.board-list-box > ul > li > a .list-top .list-top-check label:before {display:inline-block; content:""; width:18px; height:18px; margin-right:4px; background:url('../images/icon_check_sm.png') no-repeat center / cover;}
.board-list-box > ul > li > a .list-top .list-top-check input:checked ~ label:before {background-image:url('../images/icon_check_sm_on.png');}
.board-list-box > ul > li > a .list-top .list-top-info {display:flex; flex-wrap:wrap; margin:8px 0 0;}
.board-list-box > ul > li > a .list-top .list-top-info strong {flex:1; min-width:0; padding-right:15px; font-size:14px; font-weight:500; color:#333; line-height:1.3;}
.board-list-box > ul > li > a .list-top .list-top-info ul {display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box > ul > li > a .list-top .list-top-info ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:#666;}
.board-list-box > ul > li > a .list-top .list-top-info ul li:after {display:inline-block; content:""; width:1px; height:8px; background:#666; margin:0 12px;}
.board-list-box > ul > li > a .list-top .list-top-info ul li:last-of-type:after {display:none;}
.board-list-box > ul > li > a .list-bottom {margin:25px 0 0;}
.board-list-box > ul > li > a .list-bottom p {font-size:14px; line-height:1.3; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board-list-box > ul > li > a:hover .list-bottom p {text-decoration:underline;}
@media (max-width:991px){
.board-list-box > ul > li > a {padding:15px 0;}
.board-list-box > ul > li > a .list-top .list-top-info strong {padding-right:0; flex:none; width:100%;}
.board-list-box > ul > li > a .list-top .list-top-info ul {width:100%; margin:5px 0 0;}
.board-list-box > ul > li > a .list-top .list-top-info ul li:after {margin:0 8px;}
.board-list-box > ul > li > a .list-bottom {margin:10px 0 0;}
.board-list-box > ul > li > a .list-bottom p {font-size:13px; line-height:1.4;}
}

/* board-write-box */
.board-write-box {border-top:1px solid #333;}
.board-write-box > ul > li {border-bottom:1px solid #E4E5E8; padding:24px 16px;}
@media (max-width:991px){
.board-write-box > ul > li {padding:15px 0;}
}

/* board-view-box */
.board-view-box {border-top:1px solid #333;}
.board-view-box .view-head {border-bottom:1px solid #E4E5E8; padding:20px 15px;}
.board-view-box .view-head h3 {font-size:18px; font-weight:500; line-height:1.3; word-break:keep-all; color:#333;}
.board-view-box .view-head dl {margin:8px 0 0;}
.board-view-box .view-head dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-head dl dd b {font-size:12px; color:#333; margin-right:5px; opacity:0.5;}
.board-view-box .view-head dl dd p {font-size:12px; color:#333;}
.board-view-box .view-body {padding:80px 15px; border-bottom:1px solid #E4E5E8;}
.board-view-box .view-body p {font-size:14px; line-height:1.4; color:#333;}
@media (max-width:991px){
.board-view-box .view-head {padding:15px 0;}
.board-view-box .view-head h3 {font-size:16px;}
.board-view-box .view-body {padding:20px 0;}
}

/* charge-write-box */
.charge-write-box {border-bottom:1px solid #E4E5E8; padding:0 0 24px; margin:0 0 24px;}
.charge-write-box > ul > li {margin:0 0 25px; display:flex; flex-wrap:wrap;}
.charge-write-box > ul > li:last-of-type {margin:0;}
.charge-write-box > ul > li > b {font-size:14px; font-weight:500; width:110px; position:relative; top:1px;}
.charge-write-box > ul > li > div {flex:1; min-width:0;}
.charge-write-box > ul > li > div p {font-size:16px; font-weight:500;}
.charge-write-box > ul > li > div small {display:block; margin:5px 0 0; font-size:14px; line-height:1.3; color:#ff0000; word-break:keep-all;}
@media (max-width:991px){
.charge-write-box > ul > li > b {width:100%; top:0;}
.charge-write-box > ul > li > div {width:100%; flex:none; margin:10px 0 0;}
.charge-write-box > ul > li > div small {font-size:12px;}
}

/* charge-input-box */
.charge-input-box {display:flex; flex-wrap:wrap; align-items:center;}
.charge-input-box > input {width:375px; padding:0 14px; text-align:right; font-size:14px; font-weight:bold;height:41px; background:#F7F8F9; border:1px solid #DEDEDE; border-radius:4px;}
.charge-input-box > em {margin:0 17px 0 12px; font-size:14px; font-weight:500;}
.charge-input-box > div {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.charge-input-box > div a {height:24px; border-radius:4px; background:#D9D9D9; border:1px solid #CDCDCD; padding:0 4px; font-size:12px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:8px;}
.charge-input-box > div a:last-of-type {margin:0;}
@media (max-width:991px){
.charge-input-box > input {flex:1; min-width:0;}
.charge-input-box > div {width:100%; margin:10px 0 0; flex:none;}
}

/* main-table-box */
.main-table-box {display:flex; flex-wrap:wrap;}
.main-table-box > div {border-radius:12px;}
.main-table-box > div.table-left {flex:1; min-width:0;}
.main-table-box > div.table-right {width:292px; margin-left:118px;}
.main-table-box > div .table-head a {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:bold;}
.main-table-box > div .table-head a:after {display:inline-block; content:""; margin-left:12px; width:20px; height:20px; background:url('../images/icon_link.png') no-repeat center / cover;}
.main-table-box > div .table-body {margin:12px 0 0;}
.main-table-box > div .table-body table thead tr td {border-width:1px 0; background:#ECF0F1; font-size:14px; height:40px; padding:0 10px;}
.main-table-box > div .table-body table thead tr td:first-of-type {border-radius:12px 0 0 12px;}
.main-table-box > div .table-body table thead tr td:last-of-type {border-radius:0 12px 12px 0;}
.main-table-box > div .table-body table tbody tr td {border-bottom:1px solid #C9C9C9; height:40px; font-size:14px; color:#666;}
.main-table-box > div .table-body table tbody tr td em {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:14px; color:#666;}
.main-table-box > div .table-body table tbody tr td em:after {display:inline-block; content:""; width:8px; height:6px; background-size:cover; background-position:center; margin-left:5px;}
.main-table-box > div .table-body table tbody tr td em.up:after {background-image:url('../images/icon_arrow_top.png');}
.main-table-box > div .table-body table tbody tr td em.down:after {background-image:url('../images/icon_arrow_bottom.png');}
@media (max-width:991px){
.main-table-box > div {border-radius:5px;}
.main-table-box > div.table-left {flex:none; width:100%;}
.main-table-box > div.table-right {width:100%; margin-left:0; margin-top:30px;}
.main-table-box > div .table-body {margin:10px 0 0;}
.main-table-box > div .table-body table thead tr td:first-of-type {border-radius:6px 0 0 6px;}
.main-table-box > div .table-body table thead tr td:last-of-type {border-radius:0 6px 6px 0;}
}

/* main-benefit-box */
.main-benefit-box {margin:80px 0 0; padding:45px 0; background:#ECF0F1;}
.main-benefit-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.main-benefit-box ul li {position:relative; flex:1; min-width:0; text-align:center;}
.main-benefit-box ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:1px; height:60px; background:#c9c9c9;}
.main-benefit-box ul li:last-of-type:after {display:none;}
.main-benefit-box ul li strong {display:block; text-align:center; font-size:16px; font-weight:bold; color:#333;}
.main-benefit-box ul li a {display:block; text-align:center; font-size:16px; font-weight:bold; color:#333;}
.main-benefit-box ul li p {margin:12px 0 0; text-align:center; font-size:14px; line-height:1.3; color:#333;}
@media (max-width:991px){
.main-benefit-box {margin:60px 0 0; padding:20px 0;}
.main-benefit-box ul li {width:100%; flex:none; margin:0 0 15px; padding:0 0 15px; border-bottom:1px dashed #c9c9c9;}
.main-benefit-box ul li:after {display:none;}
.main-benefit-box ul lI:last-of-type {margin:0; padding:0; border:0;}
.main-benefit-box ul li p {margin:8px 0 0; font-size:13px;}
}

/* main-board-box */
.main-board-box {display:flex; flex-wrap:wrap; margin:50px 0 0;}
.main-board-box .board-left {flex:1; min-width:0; margin-right:80px;}
.main-board-box .board-left .board-left-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-board-box .board-left .board-left-head h2 {font-size:18px; font-weight:bold;}
.main-board-box .board-left .board-left-head a {font-size:14px; color:#666;}
.main-board-box .board-left .board-left-body {margin:18px 0 0;}
.main-board-box .board-left .board-left-body ul li {margin:0 0 12px;}
.main-board-box .board-left .board-left-body ul li:last-of-type {margin:0;}
.main-board-box .board-left .board-left-body ul li a {display:flex; flex-wrap:wrap; align-items:center;}
.main-board-box .board-left .board-left-body ul li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333;}
.main-board-box .board-left .board-left-body ul li a time {font-size:14px; color:#666; margin-left:20px;}				   
.main-board-box .board-right .board-right-head a {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:bold;}
.main-board-box .board-right .board-right-head a:after {display:inline-block; content:""; margin-left:12px; width:20px; height:20px; background:url('../images/icon_link.png') no-repeat center / cover;}
.main-board-box .board-right .board-right-body {margin:18px 0 0;}
.main-board-box .board-right .board-right-body ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 -10px;}
.main-board-box .board-right .board-right-body ul li {margin:0 10px;}
.main-board-box .board-right .board-right-body ul li b {display:block; text-align:center; font-size:14px; color:#666;}
.main-board-box .board-right .board-right-body ul li b:before {display:block; content:""; width:24px; height:24px; margin:0 auto 6px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main-board-box .board-right .board-right-body ul li p {margin:4px 0 0; text-align:center; font-size:16px; font-weight:500; color:#333;}
.main-board-box .board-right .board-right-body ul li:nth-of-type(1) b:before {background-image:url('../images/icon_main_board_01.png');}	
.main-board-box .board-right .board-right-body ul li:nth-of-type(2) b:before {background-image:url('../images/icon_main_board_02.png');} 
.main-board-box .board-right .board-right-body ul li:nth-of-type(3) b:before {background-image:url('../images/icon_main_board_03.png');} 
@media (max-width:991px){
.main-board-box .board-left {flex:none; width:100%; margin-right:0;}
.main-board-box .board-right {width:100%; margin:60px 0 0;}
.main-board-box .board-right .board-right-body ul li {flex:1; min-width:0;}
}

/* main-intro-box */
.main-intro-box {margin:0 0 80px; display:flex; flex-wrap:wrap; align-items:center;}
.main-intro-box .intro-left {flex:1; min-width:0; margin-right:84px; display:flex; flex-wrap:wrap; align-items:center;}
.main-intro-box .intro-left .intro-left-content {flex:1; min-width:0;}
.main-intro-box .intro-left .intro-left-content h2 {font-size:38px; font-weight:bold; color:#333;}
.main-intro-box .intro-left .intro-left-content p {margin:8px 0 0; font-size:16px; font-weight:500; color:#666;}
.main-intro-box .intro-left .intro-left-image img {width:256px;}
.main-intro-box .intro-right {width:332px;}
.main-intro-box .intro-right .intro-right-image ul {display:flex; flex-wrap:wrap;}
.main-intro-box .intro-right .intro-right-image ul li {flex:1; min-width:0; margin-right:12px;}
.main-intro-box .intro-right .intro-right-image ul li:last-of-type {margin:0;}
.main-intro-box .intro-right .intro-right-image ul li a {display:block; padding:32px 0; border-radius:12px;}
.main-intro-box .intro-right .intro-right-image ul li a img {width:100%;}
.main-intro-box .intro-right .intro-right-image ul li a p {font-size:20px; font-weight:bold; color:#fff; text-align:center;}
.main-intro-box .intro-right .intro-right-image ul li a p:after {display:block; content:""; margin:12px auto 0; width:20px; height:5px; background:url('../images/icon_intro_more.png') no-repeat center / cover;}
.main-intro-box .intro-right .intro-right-image ul li:first-of-type a {background:#175747;}
.main-intro-box .intro-right .intro-right-image ul li:last-of-type a {background:#008B6E;}
.main-intro-box .intro-right .intro-right-kakao {margin:35px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.main-intro-box .intro-right .intro-right-kakao:before {display:inline-block; content:""; width:56px; height:55px; margin-right:15px; background:url('../images/icon_kakao.png') no-repeat center / cover;}
.main-intro-box .intro-right .intro-right-kakao > div {flex:1; min-width:0;}
.main-intro-box .intro-right .intro-right-kakao > div p {font-size:16px; font-weight:500; color:#333; margin:0 0 5px;}
.main-intro-box .intro-right .intro-right-kakao > div a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #D9D9D9; border-radius:4px; font-size:14px; font-weight:500; height:35px;}
.main-intro-box .intro-right .intro-right-kakao > div a:after {display:inline-block; content:""; margin-left:12px; width:20px; height:20px; background:url('../images/icon_link.png') no-repeat center / cover;}
@media (max-width:991px){
.main-intro-box {margin:0 0 60px;}
.main-intro-box .intro-left {margin-right:0; flex:none; width:100%;}
.main-intro-box .intro-left .intro-left-content {width:100%; order:2; flex:none;}
.main-intro-box .intro-left .intro-left-content h2 {font-size:25px; text-align:center;}
.main-intro-box .intro-left .intro-left-content p {font-size:14px; text-align:center;}
.main-intro-box .intro-left .intro-left-image {order:1; width:100%; margin:0 0 24px;}
.main-intro-box .intro-left .intro-left-image img {width:200px; display:block; margin:0 auto;}
.main-intro-box .intro-right {width:100%; margin:24px 0 0;}
.main-intro-box .intro-right .intro-right-kakao:before {width:46px; height:45px; margin-right:10px;}
.main-intro-box .intro-right .intro-right-kakao > div p {font-size:14px; margin:0 0 10px}
}