@charset "utf-8";

.title_line .title {/* margin-left: 2.3%; */position: relative;}
.title_line .title:before {content: "";position: absolute;top: 45%;left: -0.5em;bottom: 0; width: 10.6em; background-color: #fbf3be;}
.title_line .title>div{position: relative;z-index:1;font-size: 1.4em;font-weight: 600;}
.mt_40{margin-top:40px;}
.mt_70{margin-top:70px;}
.mt_100{margin-top:100px;}
.mt_120{margin-top:120px;}
.mt_140{margin-top:140px;}
.title_line { display: flex; }
.title_line>a { margin-left: 14px;}


.container{/* overflow: hidden; */}
.banner_bg {background: url(../img/banner_bg.png);background-size: cover;width: 100%;position: absolute;top: 80px;bottom: -60px;}
.swiper_banner{overflow: hidden; margin-top: 40px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 40px !important;}
.swiper-buttons{max-width: 1200px; margin: 0 auto; position: relative;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -50px !important}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -50px !important}
.swiper-button-next, .swiper-button-prev{ margin-top: -300px !important}
.swiper-button-next{background-image:url(../img/next.png) !important; opacity: .6;}
.swiper-button-prev{background-image:url(../img/prev.png) !important; opacity: .6;}

.gallery{ margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; }
.gallery>li{width: 32%;margin-right: 2%; margin-bottom: 50px}
.gallery>li:nth-child(3n){margin-right: 0;}
.gallery_img img{width: 100%;}
.gallery_text{display: flex;flex-direction: column;margin-top: 0.5em;line-height: 1.8em;}
.gallery_text>div:nth-child(1){font-size: 1.3em; font-weight: 800; letter-spacing: -.15em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gallery_text>div:nth-child(2){font-size: .92em; letter-spacing: .006em;}
.gallery_text>div:nth-child(2) span:nth-child(1){font-weight: 800; color: #2d69d7;letter-spacing: -.15em;}
.gallery_text>div:nth-child(2) span:nth-child(2){font-size: 1.2em;letter-spacing: -.08em;padding-left: 0.7em;}
.gallery_text>div:nth-child(2) span:nth-child(2)::before{content:"♡";padding-right: .2em;color: #999999;}
.gallery_text>div:nth-child(2) span.on::before{content:"♥";padding-right: .2em; color: #cf2323;}
.gallery_text>div:nth-child(3){display: flex;flex-wrap: wrap;flex-direction: row;}
.gallery_text>div:nth-child(3) span{font-size: .9em;font-weight: 800;padding: 0em 1.3em;border: 1px solid;border-radius: 8px;margin: .3em .2em;height: 2.2em;display: flex;align-items: center;}
.gallery_text>div:nth-child(3) span:nth-child(1){margin-left:0;}
.gallery_text>div:nth-child(3) span.text1{background:#ffe9fd;color:#7c1f74;border-color:#7c1f74;}
.gallery_text>div:nth-child(3) span.text2{background:#d4eeff;color:#0a3d5e;border-color:#0a3d5e;}
.gallery_text>div:nth-child(3) span.text3{background:#ffe9e9;color:#802222;border-color:#802222;}
.gallery_text>div:nth-child(3) span.text4{background:#fcf7e0;color:#6a590c;border-color:#6a590c;}
.gallery_text>div:nth-child(3) span.text5{background:#e9ffeb;color:#105216;border-color:#105216;}

.flex_title{display: flex; align-items: center; justify-content: space-between;}
.flex_title>.right-box{display: flex; align-items: center;}
.flex_title>.right-box>a{margin-left: 13px;position: relative;top: 3px;}
.flex_title>.left-box{}

main .basic_search_con{background:#e9e9e9; width: 100%;}
main .basic_search{background:#e9e9e9;}
main .basic_search:focus {outline:none;background:#e9e9e9;}
main .basic_search_img{right:12px;}

main .board{ border-top: 3px solid #666666; border-bottom: 1px solid #666666; margin-top: 20px; }
main .board>li>a{display: flex;justify-content: space-between;align-items: center;flex-direction: row;border-bottom: 1px solid #dadada;padding: 25px 20px;}
main .board>li>a:hover{ background: #fafafa;}
main .board>li>a>div{text-align: center;}
main .board>li>a>div:nth-child(1){width: 63%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
main .board>li>a>div:nth-child(2){width: 10%;color: #2d69d7;}
main .board>li>a>div:nth-child(3){width: 10%;font-weight: 600;}
main .board>li>a>div:nth-child(4){width: 5%;font-weight: 600;}
main .board>li>a>div:nth-child(5){width: 4%;color: #2d69d7;}

main .title_line.list .title:before{ width: 10.6em;}
main .title_line.line_01 .title:before{ width: 10.6em !important;}
main .title_line.line_02 .title:before{ width: 9.4em !important;}
main .title_line.line_03 .title:before{ width: 9.4em !important;}

main .category_line{ text-align: center; }
main .category_line>a{font-size: 1.2em; font-weight: 500; word-break: keep-all; margin-bottom: 20px; padding: 0 1em; display: inline-block;}
main .category_line>a.select{}
main .category_line>a.select>span{border-radius: 5em; background: #317ce1; color: #ffffff; padding: 0.2em 1.5em;}
main .category_line>span{font-size: 1.2em; font-weight: 500; margin-bottom: 20px;}


main .btn_line{display: flex;align-items: center;justify-content: center;margin-bottom: 90px;}
main .btn_line>a{ font-size: 1.3em; font-weight: 800; background: #fbf3be; padding: 0.4em 9em; border-radius: 10px;}

footer {background: #363636;padding: 2em 0 2.6em;}
.footer-box {display: flex; flex-direction: row; justify-content: space-between;}
.footer-box>div {display: flex;}

footer .middle-box {display: flex; flex-direction: column;}
footer .middle-box>div {color:#8b8b8b; word-break: keep-all;}
footer .middle-box>div:nth-child(1) { font-size: 1.05em; font-weight: 600; letter-spacing: -0.03em; }
footer .middle-box>div:nth-child(2) { font-size: 1.05em; letter-spacing: -0.03em; margin-top: 0.23em; }
footer .middle-box>div:nth-child(3) { font-weight: 600; margin-top: 1em; font-size: .97em; letter-spacing: -0.02em; }
footer .right-box {padding: 0 3em;}

footer .top-menu {display: flex; align-items: center; justify-content: space-between;}
footer .top-menu a {font-size: 1.4em;font-weight: 600;margin: 0 .1em;}
footer .top-menu a:hover {color:#a8a8a8; }
footer .top-menu a:before {content: "|";position: relative;top: -0.1em;margin: 0 8px;font-size: 0.8em;opacity: .6;display: none;}
footer .top-menu a:first-of-type:before { display: none; }
footer .Sns_btn>a{width: 35px;margin: 0 12px;opacity:.7;}
footer .Sns_btn>a:before{display: none;}
footer .Sns_btn>a>img{width:100%;}

.Mob_menu{display:none;}
.Mob_btn{display:none;}
.Mob_view{display:none;}

header .logo-box button.close-button{display: none;}
header .top-box>div{z-index:6}


.menu-box .content {text-align: center;width: 100%;}
.menu-box .mainMenu li {font-size: 1.4em;padding: .45em 0 .55em;font-weight: 500;border-bottom: 1px solid #efefef;}
.menu-box ul.mainMenu {margin: 10px 20px 0;}
.sidebar_title{border-bottom: 1px solid #e7c915;padding-bottom: 30px;}
.social {display: flex;margin: 40px auto 0;width: 60%;}
.social li{ text-align: center;}
.social img{width: 65%;}
.sidebar_title { margin: 0 20px;}
.sidebar_footer{background: #363636;padding: 25px 20px;color: #8b8b8b;z-index: 4;position: relative;width: 100%;display: flex;flex-direction: column;align-items: center;}
.Siderbar_Foot_text{ margin-bottom: 15px; margin-top: 18px; }
.Siderbar_Foot_text>div:nth-of-type(1){font-size: 0.85em;font-weight: 600;color: #8b8b8b;text-align: center;}
.Siderbar_Foot_text>div>span{font-size: 1em;margin-top: 10px;color: #8b8b8b;position: relative;top: 7px;}
.Siderbar_Foot_logo img {width:160px}




.view_page{border-top: 1px solid #dadada;padding: 30px 0 0;}
.view_title_line{display: flex;justify-content: space-between;align-items: flex-end;}
.view_title_line .title{display: flex;font-size: 1.8em;font-weight: 800;letter-spacing: -.15em;flex-direction: row;align-items: center;word-break: keep-all;}
.view_title_line .title>span.category{font-size: 0.4em;font-weight: 800;padding: 0em 1.8em;border: 1px solid;border-radius: 8px;height: 1.8em;display: flex;align-items: center;margin: 0 1.2em;letter-spacing: .04em;}
.view_title_line .title>span.category:nth-child(1){margin-left: 0 !important;}
.view_title_line .title>span.category.text1{background:#ffe9fd;color:#7c1f74;border-color:#7c1f74;}
.view_title_line .title>span.category.text2{background:#d4eeff;color:#0a3d5e;border-color:#0a3d5e;}
.view_title_line .title>span.category.text3{background:#ffe9e9;color:#802222;border-color:#802222;}
.view_title_line .title>span.category.text4{background:#fcf7e0;color:#6a590c;border-color:#6a590c;}
.view_title_line .title>span.category.text5{background:#e9ffeb;color:#105216;border-color:#105216;}
.view_title_line .title>a.point{font-size: 0.6em;font-weight: 400;letter-spacing: -.08em; margin: 0 0.3em;}
.view_title_line .title>a.point::before{content: "♡"; padding-right: 7px; color: #999999;}
.view_title_line .title>a.point.on::before{content: "♥"; padding-right: 7px; color: #cf2323;}
.view_title_line .title>span.category.text5{background:#e9ffeb;color:#105216;border-color:#105216;}
.view_title_line .date{font-size: 1em;letter-spacing:0.01em}

a.point1{font-size: 0.6em;font-weight: 400;letter-spacing: -.08em; margin: 0 0.3em;}
a.point1::before{content:url(../img/Hit.gif); position: relative; padding-right: 7px; top: 4px;}

span.point1{font-size: 1.2em;font-weight: 400;letter-spacing: -.08em; margin: 0 0.3em;}
span.point1::before{content:url(../img/Hit.gif); position: relative; padding-right: 7px; top: 4px;}

.heart_point::before{content: "♡"; color: #999999; padding-right: 7px;}
.heart_point.on::before{content: "♥"; color: #cf2323; padding-right: 7px;}

.view_category{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;/* margin-top: 0.5em; */width: 85%;margin: 1.5em 0.2em 2.8em;}
.view_category li{font-size: 1em;font-weight: 800;color: #333333;padding: 0em 1.3em;/* margin: 1.3em 0.2em; */margin: 0.1em 0.2em;height: 1.8em;border-radius: 8px;display: flex;align-items: center;justify-content: center;}    .Mob_search .search_keyword li:nth-child(1) {background: #f6d9d9;}
.view_category li:nth-child(1) {background: #f6d9d9;}
.view_category li:nth-child(2) {background: #d7ddf8;}
.view_category li:nth-child(3) {background: #d1f8e6;}
.view_category li:nth-child(4) {background: #fefbc4;}
.view_category li:nth-child(5) {background: #fddbfb;}
.view_category li:nth-child(6) {background: #ffd9ba;}
.view_category li:nth-child(7) {background: #d1f9ff;}
.view_category li:nth-child(8) {background: #f6d9d9;}
.view_category li:nth-child(9) {background: #d7ddf8;}
.view_category li:nth-child(10) {background: #d1f8e6;}

.view_license  { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;/* margin-top: 0.5em; */
  width: 98%; margin: 1.5em 0.2em 2.8em; }
.view_license li  { font-size: 1em; font-weight: 800; color: #333333; padding: 0; }
.view_license li:last-child  { padding: 0 1.2em; width: calc(100% - 134px); }
.view_license li p { font-weight:100; word-break: break-all;}
.view_license li p:first-child { font-weight:bold; }

.Mob_search .search_keyword li:nth-child(1) {
  background: #f6d9d9;
}

.view_book{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;width: 85%;margin: 0.5em 0.2em 1em; }
.view_book span.book_title { font-weight:bold; }
.view_book span.book_diagonal { margin:0 10px; }

.view_main{font-weight: 500;font-size: 1.125em;padding: 1em 0 3em;}
.view_movie{width: 100%; margin: 1em 0; display: flex; align-items: center; justify-content: center;}
.view_movie>img{width: 100%;}
.view_pic{ display: flex; align-items: center; justify-content: space-around;}
.view_pic .pic{ width:33%;}
.view_pic .pic>img{ width:100%;}


.sample_page{ margin-top: 1em; border-top: 1px solid #dadada; padding: 20px 0; }
.sample_title_line{display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;}
.sample_title_line .title{display: flex;font-size: 1.8em;font-weight: 800;letter-spacing: -.15em;flex-direction: row;align-items: flex-end;}

.sample_title_line div:nth-child(2){margin-top: 1.1em;color: #666666;}
.sample_title_line div:nth-child(2)>span:nth-child(1){ color: #2199ff; font-weight: 800; }
.sample_title_line div:nth-child(2)>span:nth-child(2){ color: #2199ff; font-weight: 800; }

.sample_category{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;/* margin-top: 0.6em; */width: 85%;margin: 1.5em 0.2em 2.8em;}
.sample_category li{font-size: 1em;font-weight: 800;color: #333333;padding: 0em 1.3em;margin: 0.1em 0.2em;height: 1.8em;border-radius: 8px;display: flex;align-items: center;justify-content: center;}    .Mob_search .search_keyword li:nth-child(1) {background: #f6d9d9;}
.sample_category li:nth-child(1) {background: #f6d9d9;}
.sample_category li:nth-child(2) {background: #d7ddf8;}
.sample_category li:nth-child(3) {background: #d1f8e6;}
.sample_category li:nth-child(4) {background: #fefbc4;}
.sample_category li:nth-child(5) {background: #fddbfb;}
.sample_category li:nth-child(6) {background: #ffd9ba;}
.sample_category li:nth-child(7) {background: #d1f9ff;}
.sample_category li:nth-child(8) {background: #f6d9d9;}
.sample_category li:nth-child(9) {background: #d7ddf8;}
.sample_category li:nth-child(10) {background: #d1f8e6;}
.sample_contents{display: flex;justify-content: space-between;}
.sample_contents .sample_main{font-size: 1.16rem;margin: 2em 0 2.2em; width: 100%; line-height: 2em;}
.sample_contents .sample_main li { display:inline-block; }
.sample_contents .sample_main li:last-child { width:calc(100% - 300px); margin:0 1em; vertical-align: top; }
.sample_contents .sample_picture{width: 100%; display: flex; justify-content: flex-start;}
.sample_contents .sample_picture a img { margin:0 1.5em;}
.sample_contents .sample_picture a:first-child img { margin-left:0px;}
.sample_contents .sample_picture a:last-child img { margin-right:0px;}

.sample_contents .sample_pic{margin: 0px 4rem;max-width: 30%;/* text-align: center; */}
.sample_contents .sample_pic > img{width:100%}

.sample_page:nth-last-child(1){padding-bottom: 80px !important;}



.button_line{background: #eeeeee;padding: 1.4em 0;}
.button_line>.wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.button_line .left{}

.button_line a{padding: .3em 2em;background: #ffffff;border: 1px solid #999999;border-radius: 4px;margin: 0 0.3em;font-weight: 500;word-break: keep-all;}
.button_line a.point{letter-spacing: -.02em;}
.button_line a.point::before{content: "♡"; padding-right: 0.2em; color: #999999;}
.button_line a.point.on::before{content: "♥"; padding-right: 0.2em; color: #cf2323;}

.write-box{ border-top: 1px solid #dadada; padding: 30px 0; }
.write-box>.wrap>.title{display: flex; font-size: 1.8em; font-weight: 800; letter-spacing: -.15em; word-break: keep-all;}
.Box_Line{ font-size: 14px; width: 100%;}
.Box_TopLine{border-top: 4px solid #999999; margin-top:20px;width: 100%; }
.Box_BottomLine{border-bottom: 1px solid #333333 !important;}
.View_Title{display: flex; color: #666; vertical-align: middle; align-items: center; border-top: 1px solid #333333; border-bottom: 1px solid #dddddd; margin-top: 20px; padding: 20px 0;}
.View_Title>div:nth-of-type(1){width:60px; font-weight: 400; color: #4080ac; text-align: center;}
.View_Title>div:nth-of-type(2){font-size: 16px; width: calc( 100% - 60px);}
.View_Writer{display: flex; color: #666; text-align: center; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; align-items: center; border-bottom: 1px solid #dddddd; padding: 20px 0;}
.View_Writer>div:nth-of-type(1){ color:#aaaaaa; width: 60px;}
.View_Writer>div:nth-of-type(2){ color: #4080ac;}
.View_Writer>div:nth-of-type(3){ margin-left: 20px; color:#aaaaaa; width: 60px;}
.View_Writer>div:nth-of-type(4){  color:#aaaaaa;}
.View_Writer>div:nth-of-type(5){  margin-left: auto; width: 60px;}
.View_Writer>div:nth-of-type(6){  padding: 0 10px;}
.View_Box{overflow: hidden; padding: 10px; min-height: 200px; width: 100%; font-size: 14px; border-bottom: 1px solid #dadada;}
.View_DownLoad{ display: flex; color: #666; text-align: center; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; align-items: center; border-top: 1px solid #dddddd; padding: 20px 0;}
.View_DownLoad>div:nth-of-type(1){ width: 240px; color: #aaaaaa;}
.Receipt_Box{display: flex;color: #666;vertical-align: middle;align-items: center;font-size: 1em;border-bottom: 1px solid #dddddd;background: #f1f1f1;border-left: 4px solid #999999;border-right: 4px solid #999999;}
.Rec_Half{ width: 49.7%;display: inline-flex; }
.Receipt_Box>div:nth-of-type(1){width: 240px;text-align: center;background: #f1f1f1;padding: 15px 0;font-size: 1.2em;}
.Receipt_Box>div:nth-of-type(2){ width: calc( 100% - 240px); background: #ffffff; padding: 20px 0; min-height: 60px;}
.Receipt_Box>div:nth-of-type(2) span{/* padding: 0 4em; *//* display: flex; *//* float: left; */}
.Receipt_Box>div:nth-of-type(2) span>label{ margin-left: 7px; position: relative; top: -1px;}
.Receipt_Box>div select { width:calc(100% - 15px); border: none; padding: 0 15px; font-size: 16px;}
.Receipt_Box>div select:focus { outline:none; }
.List_Select select:focus { outline:none; }
.Receipt_Box>div { outline:none; }
.Receipt_Box>div input { border: none !important; padding: 0 15px; font-size: 16px; width: 100%;}
.Receipt_Box>div input::placeholder {color:#aaaaaa}
.Receipt_Box>div input[type="checkbox"] { width:auto; margin-left:25px;  }
.Receipt_Box>div>textarea::placeholder {color:#aaaaaa}
.Receipt_Box>div>textarea { border: none; padding:15px; font-size: 16px; width: 100%;}

.Receipt_Box_Group{width:100%; color: #666;vertical-align: middle;align-items: center;font-size: 1em;border-bottom: 4px solid #999999;background: #f1f1f1;border-left: 4px solid #999999;border-right: 4px solid #999999;}
.Receipt_Box_Group .No_Row_line { border:0px; }
.Receipt_Box_Group.attach_group>div.Receipt_Row_Box:nth-child(1) {margin-top: 50px;border-top: 1px solid #999999;display: flex;vertical-align: middle;align-items: center;border-bottom: 1px solid #dddddd;border-left: 1px solid #999999;border-right: 1px solid #999999;justify-content: center;padding: 15px 0;font-size: 1.2em;/* background: #666666; *//* color: #ffffff; */}
.Receipt_Box_Group.attach_group>div.Receipt_Row_Box:last-child {border-top: 4px solid #999999;display: flex;vertical-align: middle;align-items: center;border-bottom: 1px solid #999999;border-left: 1px solid #999999;border-right: 1px solid #999999;justify-content: center;padding: 15px 0;font-size: 1.2em;/* background: #666666; *//* color: #ffffff; */}

.Receipt_Box.attach_box { background: #ffffff; border-bottom: 1px solid #dddddd;}
.Receipt_Box.attach_box>div:nth-child(1){ background: #ffffff; border-right: 1px solid #f1f1f1; }


.Receipt_Textarea>div:nth-of-type(2) { padding: unset;}
.Receipt_TextBox {padding: 2%; overflow-y: scroll; max-height: 300px; margin-top: 30px; border: 1px solid #dadada;}
.Receipt_Agree {text-align: right; color: #d85252; vertical-align: middle; align-items: center; font-size: 12px; border-bottom: 1px solid #dddddd; padding: 10px 0;}
.Receipt_Agree span {padding: 0 10px; position: relative; top: 2px;}
.Receipt_Padding_20 {background:#f1f1f1}
.Receipt_Padding_20 div:nth-of-type(2) {padding: 20px 0; background: #ffffff}
.List_Page {clear: both; padding: 35px 0; width: 100%; text-align: center; font-size: 1.7rem;}
.List_Page li,.List_Page div{color:#aaaaaa; display:inline-block; padding: 1.4%; cursor: pointer;}
.List_Page li.on{ color: #729bbf; font-weight: 800;}
.next_step_link>img{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.next_step_link>a img{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.Receipt_Box>div>textarea:focus { outline:none; }
.Receipt_Box li.chk_box>label>span{padding: 0; margin: 0px 9px; position: relative; top: 4px;}
.Receipt_Box>.smarteditor2 {padding: 10px 0 !important;}
.Receipt_Box>div>input {box-shadow: none;}
.Receipt_Btn{ padding: 50px 0 20px;}
.Receipt_Btn>.center>a { padding: 5px 40px; font-size: 14px; line-height: 23px;}
.Receipt_Btn>.center>a:nth-of-type(1){background: #dedede;}
.Receipt_Btn>.center>a:nth-of-type(1):hover {background: #bbbaba;}
.Receipt_Btn>.center>button { padding: 5px 40px; font-size: 14px; line-height: 14px;}
.Receipt_Btn>.center>button:nth-of-type(1){background: #5a92b9; color: #fff;}
.Receipt_Btn>.center>button:nth-of-type(1):hover{background: #4080ac; color: #fff;}
.Login_Box{ border-top: 1px solid #333333; margin-top: 20px; width: 70%; margin: 7% auto; font-size: 14px; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; padding: 5% 2%; }
.Login_Title{ width: 80%; color: #333333; font-size: 30px; margin: auto; text-align: center;}
.Login_Box>div:nth-of-type(2){ margin-top: 40px;}
.Login_Line{display: flex; width: 80%; color: #666; vertical-align: middle; align-items: center; font-size: 14px; border: 1px solid #dddddd; margin: auto; margin-top: 20px; border-radius: 15px; overflow: hidden;}
.Login_Line>div:nth-of-type(1){ width: 240px; text-align: center; background: #f1f1f1; padding:20px 0}
.Login_Line>div:nth-of-type(2){ width: calc( 100% - 240px);}
.Login_Line>div:nth-of-type(2) span{ padding: 0 13px; display: block; float: left;}
.Login_Line>div:nth-of-type(2) span>label{ margin-left: 7px; position: relative; top: -1px;}
.Login_Line>div>input { border: none; padding: 0 15px; font-size: 16px; width: 100%;}
.Login_Line>div>input::placeholder {color:#aaaaaa}
.Login_Check {font-size: 13px; padding: 10px; width: 80%; margin: auto; color: #666666;}
.Login_Check > span {padding: 0 10px; position: relative; top: 2px;}
.Login_sub{ width: 80%; margin: auto; text-align: center; padding-top: 30px;}
.Login_sub a{color: #666; display: inline-block; width: 32.5%; text-align: center; position: relative; word-break: keep-all;}
.Login_sub a::after{content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 65%; background: #ccc; display: block;}
.Login_sub a:nth-last-of-type(1)::after{content: unset;}
.Login_Btn{ display: flex; padding: 35px 0 0; font-size: 14px; width: 100%;}
.Login_Btn>div.center{ margin: auto; width: 70%;}
.Login_Btn>div button{padding: 15px 15px; border: 1px solid #dadada; border-radius: 15px; margin: 0 5px; transition: .3s; background: #4080ac; color: #fff; font-size: 18px; font-weight: 500; width: 100%;}
.Login_Btn>div button:hover { background: #6199bf;}
.Agree_TopLine{border-top: 1px solid #333333; margin-top: 20px; width: 100%; font-size: 14px;}
.Agree_TopLine>div:nth-of-type(1){margin-top: 60px}
.Agree_Title{width: 100%; color: #333333; font-size: 20px; margin: auto; text-align: center; margin-top:30px}
.Agree_Notice{width: 100%; color: #d95752; font-size: 16px; margin: auto; text-align: center; margin-top: 40px; margin-bottom: 20px;}
.Agree_TextBox{padding: 2%; overflow-y: scroll; max-height: 300px; margin-top: 20px; border: 1px solid #dadada;}
.Agree_Check{text-align: right; color: #999999; vertical-align: middle; align-items: center; font-size: 12px; border-bottom: 1px solid #dddddd; padding: 10px 0;}
.Top_Line{border-top: 1px solid #dadada;}
.Box_padding{width: 40%;padding: 0 0.5em;}

.Receipt_Box.Padding_top{margin-top: 50px;border-top: 1px solid #999999;border-bottom: 1px solid #999999;}
.Receipt_Box.Padding_top>div:nth-of-type(1){ background: #666666; color: #ffffff; }
.Receipt_Box.Border-bottom{border-bottom: 4px solid #999999 !important;}
.Receipt_Box.Bg_white{background: #ffffff;}
.Receipt_Box.Bg_white>div:nth-of-type(1){background: #ffffff; border-right:1px solid #f1f1f1}
.Receipt_Box .title{ font-size: 1.2em; width:  100% !important; }
.Receipt_Box>div:nth-child(1) select{text-align: center;}
.Receipt_Box .button{display: flex;padding: .5em 1.5em !important;align-items: center;justify-content: space-between;}
.Receipt_Box .button>a{width: 100px;border: 1px solid #dadada;background: #3a3a3a;display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 5px;padding: .6em 1em;}


.list_page{border-top: 1px solid #dadada;padding: 60px 0 60px;}
.list_title_line{display: flex;justify-content: space-between;align-items: flex-end;}
.list_title_line .title{display: flex;font-size: 1.8em;font-weight: 800;letter-spacing: -.15em;flex-direction: row;align-items: flex-end;word-break: keep-all;max-width: 80%;}
.list_title_line .date{font-size: 1em;}

.list_page .btn_box{display: flex;padding: 20px 0 0;font-size: 1rem;align-items: center;justify-content: space-between;}
.list_page .btn_box>div>a { padding: 5px 15px; border: 1px solid #dadada; border-radius: 3px; margin: 0 5px; transition: .3s; word-break: keep-all; line-height: 3.4em; }
.list_page .list_box{padding: 30px 0 30px; color: #aaaaaa; font-size: 1rem; width: 65%; margin: auto; display: flex; align-items: center; justify-content: center;}
.list_page .list_box{padding: 30px 0 30px;color: #aaaaaa;font-size: 1rem;width: 65%;margin: auto;display: flex;align-items: center;justify-content: center;}
.list_page .list_box a>img { position: relative; top: -1px; }
.list_page .list_box li.on { font-weight: 600; color: #0072bc; }
.list_page .list_box li { width: 7%; text-align: center; }
.list_page .list_box a.next>img { -ms-transform: rotate(180deg); -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); }
.list_page .list_box a{width: 7%; text-align: center;}


.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.list_title_line .title_1 {font-size: 1.2em; font-weight: 800; letter-spacing: -.15em; word-break: keep-all; color: #2474a3;}
.list_title_line .title_2 {display: flex;font-size: 1.8em;font-weight: 800;letter-spacing: -.15em;flex-direction: row;align-items: flex-end;word-break: keep-all;margin:0 0 0.3em}

.cke_sc { display:none; }

.btn_submit{ padding: 0.3em 2em; border: 1px solid #999999; border-radius: 4px; margin: 0 0.3em; font-weight: 500; word-break: keep-all; font-size: 1em;}
.btn_box button {padding: 5px 15px; border: 1px solid #dadada; border-radius: 3px; margin: 4px 5px; transition: .3s; word-break: keep-all; line-height: 1.4em; font-size: 1em;}



.bookstartAbout .title {
    font-size: 17px;
  }
  .bookstartAbout .title h1 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 42px;
  }
  .bookstartAbout .title h1 strong {
    font-weight: 700;
    color: #f07b1d;
  }
  .bookstartAbout .title h2 {
    margin-bottom: 45px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
  }
  .bookstartAbout .meaning {
    margin-top: 95px;
  }
  .bookstartAbout .meaning li {
    float: left;
    width: 33.33%;
    margin-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .bookstartAbout .meaning li:nth-of-type(3n+1) {
    clear: left;
  }
  .bookstartAbout .meaning .num {
    display: block;
    position: relative;
    font-size: 62px;
    font-weight: 500;
    text-align: left;
    line-height: 1.1;
  }
  .bookstartAbout .meaning .num:before {
    content: "";
    position: absolute;
    top: 45%;
    left: 0.3em;
    bottom: 0;
    width: 1em;
    background-color: #cddeff;
  }
  .bookstartAbout .meaning .num em {
    position: relative;
    z-index: 1;
  }
  .bookstartAbout .meaning li:nth-of-type(4) .num:before,
  .bookstartAbout .meaning li:nth-of-type(5) .num:before,
  .bookstartAbout .meaning li:nth-of-type(6) .num:before {
    background-color: #ffe2e2;
  }
  .bookstartAbout .meaning .main:before {
    content: "";
    display: block;
    height: 180px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
  }
  .bookstartAbout .meaning li:nth-of-type(1) .main:before {
    background-image: url('../img/about_1.png');
  }
  .bookstartAbout .meaning li:nth-of-type(2) .main:before {
    background-image: url('../img/about_2.png');
  }
  .bookstartAbout .meaning li:nth-of-type(3) .main:before {
    background-image: url('../img/about_3.png');
  }
  .bookstartAbout .meaning li:nth-of-type(4) .main:before {
    background-image: url('../img/about_4.png');
  }
  .bookstartAbout .meaning li:nth-of-type(5) .main:before {
    background-image: url('../img/about_5.png');
  }
  .bookstartAbout .meaning li:nth-of-type(6) .main:before {
    background-image: url('../img/about_6.png');
  }
  .bookstartAbout .meaning .main {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
  }
  .bookstartAbout .meaning .sub {
    font-size: 13px;
  }
  .bookstartAbout .starting {
    margin-top: -30px;
    padding-top: 70px;
    font-size: 18px;
    letter-spacing: -0.04em;
    border-top: 1px solid #dadada;
  }
  .bookstartAbout .starting p {
    margin-top: 30px;
    word-break: keep-all;
  }
  .bookstartAbout .starting p:first-of-type {
    margin-top: 30px;
  }
  .bookstartAbout .sign {
    margin-top: 2.5em;
    text-align: right;
  }

  .c_orange {
    color: #f07b1d !important;
}
/* .highlight:before {
    content: "";
    position: absolute;
    top: 30%;
    left: -0.1em;
    right: -0.1em;
    height: 0.8em;
    background-color: #feeada;
} */
.barTitle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 100%;
    background-color: #f68021;
}
.barTitle {
    position: relative;
    margin-bottom: 50px;
    padding-left: 25px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

#bo_v_con p { line-height:28.8px; }

#captcha_img { vertical-align: middle;}

@media screen and (max-width:1000px){ 
  html, body { font-size: 14px;} 
  .sample_contents .sample_picture { display:block; }
  .sample_contents .sample_picture { padding:0 1.5em; text-align:center; }
  .sample_contents .sample_picture a img { margin:0px; }
}

@media screen and (max-width: 781px){
    .Pc_view{display: none;}
    .Mob_menu{display:block;}
    .Mob_view{display:block;}
    .Mob_btn{display:flex;padding: 0 .5rem !important;justify-content: flex-end;}
    header {display: flex;position: fixed;top: 0;left: 0;z-index: 2;width: 100% !important;height: 80px !important;align-items: center; justify-content: space-between;}
    header .menu-button {width: 2rem;height: 1.4rem;display: flex;flex-direction: column;justify-content: space-between;}
    header .menu-button .menu-button-line {width: 100%;height: 0.1rem;background-color: #000;display: block;}
    header nav .top-box { justify-content: flex-end;}
    header .header-box {padding: 0 2.4rem !important;}
    header .menu-box::-webkit-scrollbar { display: none; }
    body.menuOpen header nav { left: 0; }
    body.menuOpen { height: 100vh; overflow: hidden; }
    header .logo-box button.close-button {display: block;width: 1.8rem;height: 1.7rem;}
    header .logo-box button.close-button img { width: 100%; height: 100%; }
    header nav {width: 86.939820742637644%;display: block;flex-wrap: wrap;background-color: #fff;height: 100vh;position: absolute;z-index: 2;left: -100%;transition-duration: 0.7s;padding: 0rem 0rem;top: 0;display: flex;align-content: space-between;}
    header nav:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background-color: #fff; }
    header nav:after { content: ''; width: 100%; height: 100vh; position: fixed; background-color: rgba(0,0,0,0.4); top: 0; left: 0; display: none;}
    body.menuOpen header nav:after { display: block; }
    header .top-box { display: block; justify-content: space-between; flex-wrap: wrap; height: auto; align-items: center; width: 100%; }
    header .logo-box {display: flex;z-index: 4;flex-direction: column-reverse;position: relative;height: auto;align-items: initial;top: 20px;right: 16px;}
    header .menu-box {width: 100%;z-index: 4;position: relative;margin-top: -2rem;overflow: scroll;scrollbar-width: none;-ms-overflow-style: none;}
    header .Mob_btn>a{background: #fbf3be;font-size: .9em;font-weight: 800;width: 6.5em;border-radius: 8px;margin: 0 0.3em;height: 2em;display: flex;align-items: center;justify-content: center;}
    header .Mob_btn>a:nth-child(1){background: #333333; color:#ffffff}
    
    .top_menu_bg{box-shadow: 0px 4px 12px rgb(0 0 0 / 10%);}

    .Mob_search{ margin-top: 110px; margin-bottom: 0px; }
    .Mob_search .middle-box { 
      /* display: flex; flex-direction: column; align-items: center; */
      display: block;
    }
    .Mob_search .basic_search_con{background:#fffadc; width: 80%;}
    .Mob_search .basic_search{background:#fffadc;}
    .Mob_search .basic_search:focus {outline:none;background:#fffadc;}
    .Mob_search .basic_search_img{right:0px;}
    .Mob_search .search_keyword {display: flex;justify-content: center;flex-wrap: wrap;flex-direction: row;align-items: center;margin-top: 0.5em;width: 85%;}
    .Mob_search .search_keyword li {font-size: 1em;font-weight: 800;color: #333333;padding: 0em 1.3em;margin: 0.3em 0.2em;height: 2.2em;border-radius: 8px;display: flex;align-items: center;justify-content: center;}
    .Mob_search .search_keyword li:nth-child(1) {background: #f6d9d9;}
    .Mob_search .search_keyword li:nth-child(2) {background: #d7ddf8;}
    .Mob_search .search_keyword li:nth-child(3) {background: #d1f8e6;}
    .Mob_search .search_keyword li:nth-child(4) {background: #fefbc4;}
    .Mob_search .search_keyword li:nth-child(5) {background: #fddbfb;}
    .Mob_search .search_keyword li:nth-child(6) {background: #ffd9ba;}
    .Mob_search .search_keyword li:nth-child(7) {background: #d1f9ff;}

    .swiper_banner{ width: 80% !important; }
    .swiper-button-next, .swiper-button-prev {margin-top: -30% !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:2% !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:2% !important;}
    
    main .board>li>a>div:nth-child(1) {width: 65%}
    main .board>li>a>div:nth-child(2) {width: 15%}
    main .board>li>a>div:nth-child(3) {width: 10%}
    main .board>li>a>div:nth-child(4), main .board>li>a>div:nth-child(5) {display: none !important;}
    
    main .category_line > a { padding:0 0.2em; font-size:1em; }

    .gallery{ padding: 0 3%;}
    .gallery>li { width: 49%;}
    .gallery>li:nth-child(3n){ margin-right: 2%;}
    .gallery>li:nth-child(2n){ margin-right: 0;}
    .footer-box{ flex-direction: column;}
    .footer-box>div { justify-content: center;}
    footer .middle-box{ align-items: center; margin-top: 20px;}
    footer .middle-box>div{text-align: center;}
    footer .right-box{ margin-top: 35px ;}
    footer .middle-box>div:nth-child(1) { font-size: .8em;}
    footer .middle-box>div:nth-child(2) { font-size: .8em;}
    footer .middle-box>div:nth-child(3) { font-size: .8em;}

    .sample_contents .sample_main li { display:block; width:100% !important; margin:0 !important }
    .sample_contents .sample_main li:first-child { text-align:center; }
    .view_movie img  { width: 100%; height: auto; }

    .view_page { padding: 100px 0 0;}
    .write-box{ padding: 100px 0 30px;}
    .list_page {padding: 120px 0 30px;}
    .view_title_line {align-items: flex-start; flex-direction: column;}
    .view_title_line .title{/* align-items: flex-start; *//* flex-direction: column; *//* max-width: 100%; *//* margin: 0 0 0.6em; */}
    .sample_contents{ flex-direction: column-reverse;}
    .sample_contents .sample_pic {margin: 0;/* text-align: center; */max-width: 100%;}
    .sample_contents .sample_pic>img {max-width: 60%;}
    .button_line>.wrap{ justify-content: flex-start;}
    .button_line .right{ line-height: 2.6em; margin: 1.5em 0;}
    .view_title_line .title>span.category:nth-child(1){margin: 1.2em 1.2em 1.2em 0;}
    .view_title_line .title>a.point{/* margin-bottom: 0.6em; */}
    .view_title_line .title>a.point1{/* margin-bottom: 0.6em; */}
    
    .Receipt_Box>div:nth-of-type(1){width: 120px;}
    .Receipt_Box>div:nth-of-type(2),.Receipt_Textarea>div:nth-of-type(2){ width: calc( 100% - 120px);}
    .list_page .list_box{width:90%;}
    .write-btn.button_line>.wrap{ justify-content: center !important;}

    main .board>li>a{ padding: 25px 15px;}
}   

@media screen and (max-width: 450px){
    .swiper-button-next, .swiper-button-prev {margin-top: -60% !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:1% !important;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:1% !important;}
    .flex_title>.left-box { width: 48%; }
    main .board_search { background: #e9e9e9; width: 90%; margin: 0 0 0 auto;}
    .gallery>li { width: 100%; margin-right: 0%;}
    .gallery>li:nth-child(3n){ margin-right: 0%;}

    .view_pic { flex-direction: column; }
    .view_pic .pic { width: 100%; }

    .Receipt_Box{ flex-direction: column; border-bottom: 1px solid #999999; }
    .Receipt_Box .button>a{width: 72px; font-size: .8em !important;}
    .view_title_line { align-items: flex-start; flex-direction: column;}
    .Box_padding{width: 100%;}
    .Receipt_Box>div:nth-of-type(1) { width: 100%; font-size: 0.8em;}
    .Receipt_Box>div:nth-of-type(2),.Receipt_Textarea>div:nth-of-type(2){ width:  100%; font-size: 1em !important;}
    .Receipt_Box>div select,.Receipt_Box>div>input,.Receipt_Box>div>textarea{font-size: 1em !important;}
    .Receipt_Box.Bg_white>div:nth-of-type(1){ border-bottom: 1px solid #dadada;}
    .Receipt_Box.Bg_white>div:nth-of-type(2){ border-bottom: 1px solid #999999;}
    .list_page .btn_box{ flex-wrap: wrap;}

    .Receipt_Box.attach_box>div:nth-child(1){border-bottom: 1px solid #dddddd;}
}
@media screen and (max-width: 405px){
    main .btn_line>a{ padding: 0.4em 4em;}
}
@media screen and (max-width: 300px){
    main .category_line>a{ padding: 0 0.5em;}
    main .category_line>a.select>span{ padding: 0.2em 0.8em;}
    .title_line .title:before{width: 8em;}
    .title_line .title>div{ font-size: 1.2em;}
    .flex_title>.right-box>a>img{width:20px}
}

@media screen and (min-device-height: 800px){ .Mob_search {  } }
@media screen and (min-device-height: 1000px){ .Mob_search { } }
@media screen and (max-device-height: 800px){ .Mob_search {  } }
@media screen and (max-device-height: 700px){ .Mob_search {  } }
@media screen and (max-device-height: 600px){ .Mob_search {  } }