/**
 * common
 */
body { position: relative; overflow-x: hidden; }
header { display: block; }
/*img { max-width: 100%; }*/
.clearfix:after { content: ''; display: block; clear: both; }


/**
 * Header
 */
#header #menuToggle { position: absolute; top: 19px; right: 15px; display: none; width: 28px; color: #fff; font-size: 0; }
#header #menuToggle svg { fill: #fff; }


/**
 * Mobile menu
 */
#mobileMenu { position: fixed; top: 70px; right: -300px; display: none; width: 300px; height: 100vh; background-color: #24303e; color: #fff; opacity: 0; visibility: hidden; z-index: 999;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#mobileMenu .inner { }
#mobileMenu .upper { padding: 15px 15px 5px; background-color: #44526d; }
#mobileMenu .upper .utils { margin-bottom: 5px; font-size: 0; }
#mobileMenu .upper .utils a { position: relative; display: inline-block; margin-right: 9px; padding-right: 10px; color: #fff; font-size: 11px; line-height: 15px; vertical-align: middle; }
#mobileMenu .upper .utils a:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 10px; background-color: #fff;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#mobileMenu .upper .utils a:last-child { margin-right: 0; padding-right: 0; }
#mobileMenu .upper .utils a:last-child:after { display: none; }
#mobileMenu .upper .login-only { font-size: 0; }
#mobileMenu .upper .login-only span { display: inline-block; margin-right: 5px; padding: 6px 20px 6px 5px; background-color: #24303e; font-size: 12px; font-weight: 500; line-height: 15px; vertical-align: middle; }
#mobileMenu .upper .login-only a { display: inline-block; font-size: 0; vertical-align: middle; }
#mobileMenu .mobile-gnb { padding: 0 15px 15px; }
#mobileMenu .mobile-gnb ul { margin: 0; padding: 0; }
#mobileMenu .mobile-gnb .menu-item { border-bottom: 1px solid #fff; text-align: left; }
#mobileMenu .mobile-gnb .menu-item:last-child { border-bottom: 0; }
#mobileMenu .mobile-gnb .menu-item > a { position: relative; display: block; padding: 15px 0; color: #fff; font-size: 14px; line-height: 16px; }
#mobileMenu .mobile-gnb .menu-item > a:after { content: '\f107'; position: absolute; top: 15px; right: 0; font-family: 'Fontawesome'; font-size: 18px; }
#mobileMenu .mobile-gnb .menu-item .submenu { display: none; padding: 5px 10px 20px; }
#mobileMenu .mobile-gnb .menu-item .submenu .submenu-item { margin-bottom: 10px; }
#mobileMenu .mobile-gnb .menu-item .submenu .submenu-item:last-child { margin-bottom: 0; }
#mobileMenu .mobile-gnb .menu-item .submenu .submenu-item a { display: block; color: #fff; font-size: 12px; line-height: 14px; text-align: left; }
#mobileMenu .mobile-gnb .menu-item.show a:after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}
#mobileMenu .mobile-gnb .menu-item.show .submenu { display: block; }

#overlay { position: fixed; top: 70px; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; z-index: 90; }

.mb-menu-on { overflow: hidden; }
.mb-menu-on #mobileMenu { right: 0; display: block; opacity: 1; visibility: visible; overflow: scroll; }
.mb-menu-on #overlay { display: block; opacity: 1; visibility: visible; }



/**
 * Main
 */
.main-buttons {}
.main-buttons .wrap2 { max-width: 1000px; margin: 0 auto; }
.main-section { }
.main-section .outer { height: 300px; min-height: 90px; background-color: #2E9AFE; line-height:150px; }
.main-section .inner { padding: 40px 0 20px; text-align: center; } 
.main-section .inner img { width: 900px; max-width: 100%; }
.main-visual { height: 1100px; background: url(/images/190910_sub_8_02.png) no-repeat center / cover; }
.main-bg-01 { max-height: 1250px;  min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }
.main-bg-02 { max-height: 1550px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }
.main-bg-03 { max-height: 1200px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }
.main-bg-04 { max-height: 1800px; min-height: 423.2px; background-color: #0B0B61;line-height:150px;  }
.section-01 { max-height: 1050px; min-height: auto; }

.im_title.is-main { background-color: #2E9AFE; font-size: 40px; line-height: 40px; }
.im_title.is-main .inner { padding: 0px 5%  0px; text-align: center; } 
.im_title.is-main .inner img { width: 900px; max-width: 100%; }
.head_breadcrumb .m_head_div { max-width: 1000px; width: 100%; }
/**
 * Sub 2
 */
.sub-2-top { background: url(/images/200102_01.png) no-repeat center / cover; }
.sub-2-top .image-wrap { padding: 40px 0; font-size: 0; text-align: center; }
.sub-2-top .image-wrap img { width: 900px; max-width: 100%; }
.sub-2-top .text-wrap { text-align: center; }
.sub-2-top .text-wrap p { line-height: 20px; font-weight: bold; font-size: 12px; color: #0000FF; }
.sub-2-top .button-wrap {}
.sub-2-top .button-wrap .inner-wrap { max-width: 900px; margin: 0 auto; }
.sub-2-top .button-wrap .inner-wrap .left { float: left; }
.sub-2-top .button-wrap .inner-wrap .left .bnt3 { font-size: 18px; text-align: center; }
.sub-2-top .button-wrap .inner-wrap .right { float: right; width: 400px; }
.sub-2-top .button-wrap .inner-wrap .right .inner { height: 45px; margin: 20px 0px 10px 0px; padding: 0 10px 0 20px; border: 1px solid #ccc; }
.sub-2-top .button-wrap .inner-wrap .right .inner .right-text { float: left; line-height: 45px; font-size: 12px; }
.sub-2-top .button-wrap .inner-wrap .right .inner .right-button { float: right; margin-top: 9px; }

.image-wrapper { max-width: 1000px; margin: 0 auto;  padding: 40px 0 20px; text-align: center; font-size: 0; }
.image-wrapper img { width: 100%; max-width: 900px; }

.sub-2-section { }
.sub-2-section .outer { height: 300px; min-height: 90px; background-color: #2E9AFE; line-height:150px; }
.sub-2-section .inner { padding: 40px 0 20px; text-align: center; } 
.sub-2-section .inner img { width: 900px; max-width: 100%; }

.sub-2-section > .im_title { background-color: #0B610B; }
.sub-2-section > .im_title.is-lh { line-height: 1.1em; }
.sub-2-section > .im_title.is-green { background-color: #04B45F; font-size: 25px; }
.sub-2-section .im_title .colored { color: #FF6; }
.sub-2-section .im_title .fsz-14 { font-size: 14px; }
.sub-2-section .im_title .fsz-16 { font-size: 16px; }

.sub-2-section.sec-2 .content-wrap { padding:30px 0px; background-color: #f2f2f2; }
.sub-2-section.sec-3 .content-upper { padding: 20px 0px 0px 0px ; background: #F2F2F2 url(/images/db_bg_01.png);  background-length: 1592 837.594 ;repeat-x ; }
.sub-2-section.sec-3 .content-upper .image-wrapper { margin-top: 40px; padding: 40px 0 0 0px;}
.sub-2-section.sec-3 .content-downer { padding: 20px 0px;  }
.sub-2-section.sec-3 .content-downer .image-wrapper { max-width: 1000px; margin: 0 auto;  padding: 0px 0 20px; text-align: center; font-size: 0; }
.sub-2-section.sec-4 .content-wrap { padding: 20px 0px; background-color: #F2F2F2; }
.sub-2-section.sec-5 .content-wrap { padding: 20px 0px; background: url(/images/db_bg_03.png); }
.sub-2-section.sec-5 .iframe-wrap { max-width: 900px; margin: 0 auto; padding: 40px 0; }
.sub-2-section.sec-5 .iframe-wrap iframe { max-width: 100%; }
.sub-2-section.sec-6 .image-wrapper { padding-top: 30px; }
.sub-2-section.sec-6 .bnt3 { font-size: 18px; text-align: center; }

.sub-2-bg-01 { max-height: 600px;  min-height: 190px; background-color: #0B610B;  }



/**
 * sub-9
 */
.sub-9-section { }
.sub-9-section .outer { height: 600px; min-height: 90px; background-color: #FA5882; line-height:150px; }
.sub-9-section .inner { padding: 40px 0 20px; text-align: center; } 
.sub-9-section .inner img { width: 900px; max-width: 100%; }
.sub-9-section .content-wrap { max-width: 1000px; margin: 0 auto; padding: 40px 0; text-align: center; }
.sub-9-section .content-wrap img { width: 100%; max-width: 900px; }
.sub-9-section .im_title { background-color: #FA5882; font-size: 1.5rem; line-height: 1.5rem; }
.sub-9-section .im_title .colored { color: #FF6; font-size: 0.875rem; }
.sub-9-bg-01 {max-height: 850px; min-height: 190.85px; background: url(/images/200107_01.png) no-repeat center / cover; }
.sub-9-bg-02 {max-height: 600px;  min-height: 190px; background-color: #FA5882;line-height:150px;  }
.sub-9-bg-03 { max-height: 1700px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }

/**
 * sub-10
 */
.sub-10-section { }
.sub-10-section .outer { height: 300px; min-height: 90px; background-color: #2E9AFE; line-height:150px; }
.sub-10-section .inner { padding: 40px 0 20px; text-align: center; } 
.sub-10-section .inner img { width: 900px; max-width: 100%; }
.sub-10-visual {max-height: 1100px; min-height: 190.85px; background: url(/images/191220_bg_01.png) no-repeat center / cover; }
.sub-10-bg-01 { max-height: 600px;  min-height: 190px; background-color: #DBA901;line-height:150px;  }
.sub-10-bg-02 { max-height: 1700px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }


/**
 * sub-11
 */
.sub-11-section { }
.sub-11-section .outer { height: 300px; min-height: 90px; background-color: #2E9AFE; line-height:150px; }
.sub-11-section .inner { padding: 40px 0 20px; text-align: center; } 
.sub-11-section .inner img { width: 900px; max-width: 100%; }
.sub-11-visual {max-height: 850px; min-height: 190.85px; background: url(/images/191228_01.png) no-repeat center / cover; }
.sub-11-bg-01 { max-height: 600px;  min-height: 190px; background-color: #5F04B4;  }
.sub-11-bg-02 { max-height: 1700px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }
.sub-11-bg-03 { max-height: 1700px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }

/**
 * sub-12
 */
.sub-12-section { }
.sub-12-section .outer { height: 300px; min-height: 90px; background-color: #2E9AFE; line-height:150px; }
.sub-12-section .inner { padding: 40px 0 20px; text-align: center; } 
.sub-12-section .inner img { width: 900px; max-width: 100%; }
.sub-12-visual {max-height: 880px; min-height: 190.85px; background: url(/images/191229_01.png) no-repeat center / cover; }
.sub-12-bg-01 { max-height: 750px;  min-height: 190px; background-color: #585858;  }
.sub-12-bg-02 { max-height: 1700px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }
.sub-12-bg-03 { max-height: 1700px; min-height: 423.2px; background-color: #F2F2F2;line-height:150px;  }
.sub-12-section .text-wrap { text-align: center; padding: 20px 0 20px; }
.sub-12-section .text-wrap p { line-height: 24px; font-weight: bold; font-size: 14px; color: #FACC2E; }

/**
 * sub-13
 */
.sub-13-section { }
.sub-13-section .outer { height: 300px; min-height: 90px; background-color: #2E9AFE; line-height:150px; }
.sub-13-section .inner { padding: 40px 0 20px; text-align: center; } 
.sub-13-section .inner img { width: 900px; max-width: 100%; }
.sub-13-visual {max-height: 900px; min-height: 190.85px; background: url(/images/200324_02.png) no-repeat center / cover; }
.sub-13-bg-01 { max-height: 650px;  min-height: 190px; background-color: #086A87;  }

/**
 * Sub-1
 */
.container .sub-1-top { left: 0; width: 100%; height: auto; margin-left: 0; background: url(/images/view_visual_3-2.jpg); }
.container .sub-1-top .inner-wrap { position: relative; max-width: 1000px; margin: 0 auto; padding-top: 100px; }
.container .sub-1-top .inner-wrap .left { float: left; width: 340px; }
.container .sub-1-top .inner-wrap .right { float: left; width: -webkit-calc( 100% - 340px ); width: calc( 100% - 340px ); }
.container .sub-1-top .inner-wrap .right .tab_box1 { position: static; max-width: 570px; height: 270px; text-align: right; }
.container .sub-1-top .inner-wrap .right .tab_box2 { position: static; width: auto; height: auto; margin-top: 10px; }
.container .sub-1-top .inner-wrap .right .tab_box2 .wrap { position: static; width: 100%; margin-top: 0; margin-left: 0; }

.sub-1-section { }
.sub-1-section .content-wrap { padding: 3% 0; text-align: center; }
.sub-1-section .content-wrap .image-wrapper { font-size: 0; text-align: center; }
.sub-1-section .content-wrap .image-wrapper img { width: 100%; max-width: 900px; }

.sub-1-section.sec-1 { background: url(/images/200107_06.png) no-repeat center / cover;}
.sub-1-section.sec-2 { background-color: #0B3861; text-align: center;}
.sub-1-section.sec-3 .im_title { background-color: #04B45F; font-size: 25px; }
.sub-1-section.sec-4 { background: url(/images/m_bg_m.JPG); }
.sub-1-section.sec-5 { background-color: #fff; }
.sub-1-section.sec-6 .im_title { background-color: #0B3861;}
.sub-1-section .text-wrap { text-align: center; padding: 20px 0 20px; max-width: 500px;}
.sub-1-section .text-wrap p { line-height: 24px; font-weight: bold; font-size: 14px; color: #FACC2E; }

/**
 * Pay
 */
#pay-content .pay-container { padding: 0 15px; }
#pay-content .pay-container .row { padding: 20px 0; margin: 0 -15px; }
#pay-content .pay-container .row .col-6 { float: left; width: 50%; padding: 0 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/**
 * event
 */
.body-event { position: relative; padding-top: 0; }
.body-event > .content { max-width: 1200px; margin: 0 auto; }
.body-event .form-body { max-width: 1200px; margin: 0 auto; }
.body-event .review-body { max-width: 1200px; margin: 0 auto; }
.body-event .review-body .list_table * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.body-event .review-body .list_table tr td.photo { width: 100px; padding: 0 20px; }
.body-event .review-body .list_table tr td.photo img {  }
.body-event .review-body .list_table tr td.profile { font-size: 14px; text-align:left; }
.body-event .review-body .list_table tr td.content { position: relative; height: 49px; padding: 5px 0; padding-right: 40px; font-size: 14px; text-align:left; }
.body-event .review-body .list_table tr td.content .button { position: absolute; bottom: 0; right: 0; display: block; width: 30px; background-color: #ccc; border: 0; font-size: 24px; cursor: pointer; }
.body-event .review-body .list_table tr td.intro { font-size: 14px; text-align: left; }
.body-event .review-body .list_table tr td.date { font-size: 14px; text-align: right; }
.body-event .table-utils { margin-bottom: 10px; }
.body-event .table-utils .left { float: left; font-size: 0; }
.body-event .table-utils .left > * { display: inline-block; vertical-align: middle; }
.body-event .table-utils .left .check-item { margin-right: 5px; font-size: 14px; line-height: 32px; }
.body-event .table-utils .left .check-item input { line-height: 32px; }
.body-event .table-utils .left #search_text { height: 32px; margin: 0; margin-right: 5px; padding: 0; font-size: 14px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.body-event .table-utils .left a { height: 32px; }
.body-event .table-utils .right { float: right; font-size: 0; }
.body-event .table-utils .right > * { display: inline-block; vertical-align: middle; }
.body-event .table-utils .right .check-item { margin-right: 5px; font-size: 14px; line-height: 32px; }
.body-event .table-utils .right .check-item input { line-height: 32px; }
.body-event .table-wrap {}
.body-event .table-wrap .list_table { width: 100%; font-size: 14px; }
.body-event .table-wrap .list_table .no { width: 45px; }
.body-event .table-wrap .list_table .category { width: 55px; }
.body-event .table-wrap .list_table .date { width: 115px; }
.body-event .table-wrap .list_table .day { width: 70px; }
.body-event .table-wrap .list_table .time { width: 80px; }
.body-event .table-wrap .list_table .title { color: #000; }
.body-event .table-wrap .list_table .teacher {width: 75px;}
.body-event .table-wrap .list_table .place {}
.body-event .table-wrap .list_table .object {}
.body-event .table-wrap .list_table .limit { width: 75px; }
.body-event .table-wrap .list_table .price { width: 80px; }
.body-event .table-wrap .list_table .request {}
.body-event .table-wrap .list_table thead { background-color: #e4e8ee; }
.body-event .table-wrap .list_table thead tr {} 
.body-event .table-wrap .list_table thead tr th { padding: 5px; font-size: 14px; font-weight: 700; text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.body-event .table-wrap .list_table tbody tr td { padding: 5px; font-size: 14px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.body-event .table-wrap .list_table tbody tr td div { font-size: 14px; }
.body-event .footer-content { max-width: 1200px; margin: 0 auto; }

.body-event .review-button { padding: 20px 0; font-size: 0; text-align: center; }
.body-event .review-button .button { display: inline-block; padding: 15px 35px; background: #C7D4E4; border: 0px; color: #4b657c; font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.body-event #writeForm { margin-bottom: 30px; }
.body-event .slide-wrap { position: relative; margin-bottom: 30px; padding: 0 30px; }
.body-event .slide-wrap .slide-item { margin: 0 5px; }
.body-event .slide-wrap .desc-wrap { margin-top: 0px; padding: 5px 10px; border: 1px solid #d9d9d9; text-align: center;  }
.body-event .slide-wrap .slide-arrows { position: absolute; top: 50%; left: 0; width: 100%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.body-event .slide-wrap .slide-arrows .arrow { position: absolute; top: 0; margin: 0; padding: 0; background-color: transparent; border: 0; color: #4b657c; font-size: 55px; cursor: pointer;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.body-event .slide-wrap .slide-arrows .arrow.prev { left: 0; }
.body-event .slide-wrap .slide-arrows .arrow.next { right: 0; }

.body-event #floating-menu { position: fixed; top: 85%; right: 1;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.body-event #floating-menu ul { margin: 0; padding: 0; list-style: none; }
.body-event #floating-menu .menu { margin-bottom: 10px;
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.35);
	        box-shadow: 5px 5px 10px rgba(0,0,0,0.35);
}
.body-event #floating-menu .menu a { display: block; width: 180px; font-size: 0; }

#terms { padding-top: 0; }
#terms .terms-wrap { padding: 15px; }
#terms .terms-wrap .title { margin-bottom: 20px; color: #222; line-height: 1.4; }
#terms .terms-wrap .desc { font-size: 16px; line-height: 24px; }

.body-event .review-body #writeForm .list_table tr td { padding-left: 10px; border-bottom: 1px solid #ccc; text-align: left; }
.body-event .review-body #writeForm .list_table tr td textarea { width: 1020px; height:250px; }


/**
 * Pay 2
 */
.pay-wrap {  }
.pay-wrap .pay-header { padding: 40px 0; font-size: 0; text-align: center; }
.pay-wrap .pay-header .radio-item { display: inline-block; margin: 0 15px; vertical-align: middle; }
.pay-wrap .pay-header .radio-item input { display: none; }
.pay-wrap .pay-header .radio-item input ~ label { position: relative; display: inline-block; padding-left: 25px; font-size: 20px; font-weight: 500; line-height: 30px; cursor: pointer; }
.pay-wrap .pay-header .radio-item input ~ label:before { content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; border: 1px solid #cacaca; border-radius: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.pay-wrap .pay-header .radio-item input ~ label:after { content: ''; position: absolute; top: 50%; left: 5px; width: 10px; height: 10px; background-color: #777; border-radius: 50%; opacity: 0; visibility: hidden;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.pay-wrap .pay-header .radio-item input:checked ~ label:after { opacity: 1; visibility: visible; }

.pay-wrap .table-wrap { margin-bottom: 30px; }
.pay-wrap .table-wrap * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.pay-wrap .table-wrap .row { margin: 0 -15px; }
.pay-wrap .table-wrap .row:after { content: ''; display: block; clear: both; }
.pay-wrap .table-wrap .row .col-4 { float: left; width: 33.3333%; padding: 0 15px; }
.pay-wrap .table-wrap .row .col-6 { float: left; width: 50%; padding: 0 15px; }
.pay-wrap .table-wrap .view_table { width: 100%; border: 1px solid #ccc; }
.pay-wrap .table-wrap .view_table .colored { padding: 15px 0; background-color: #f4f4f4; font-weight: bold; }
.pay-wrap .table-wrap .view_table .colored2 { padding: 15px 0; background-color: #fff2cc; font-weight: bold; }
.pay-wrap .table-wrap .view_table .colored3 { padding: 15px 0; background-color: #fff2cc; font-weight: bold; }
.pay-wrap .table-wrap .view_table .fw-bold { font-weight: 700; word-break: keep-all; }
.pay-wrap .table-wrap .view_table.active .colored { background-color: #dcf19d; font-size: 150% }
.pay-wrap .table-wrap .view_table.active .colored2 { background-color: #dcf19d; font-size: 150% }
.pay-wrap .table-wrap .view_table .colored.active { background-color: #dcf19d; font-size: 150% }
.pay-wrap .table-wrap .view_table .colored2.active { background-color: #dcf19d; font-size: 150% }
.pay-wrap .table-wrap .view_table .colored3.active { background-color: #dcf19d; font-size: 140% }
.pay-wrap .table-wrap .view_table thead { }
.pay-wrap .table-wrap .view_table thead tr {}
.pay-wrap .table-wrap .view_table thead tr th { border-bottom: 1px solid #ccc; font-size: 16px; line-height: 20px; }
.pay-wrap .table-wrap .view_table tbody {}
.pay-wrap .table-wrap .view_table tbody tr {}
.pay-wrap .table-wrap .view_table tbody tr td {}
/*.pay-wrap .table-wrap .view_table tbody tr:first-child td { background-color: transparent; text-align: left; }*/
.pay-wrap .table-wrap .view_table tbody tr:last-child td { border-bottom: 0; font-size: 16px; }
/*.pay-wrap .table-wrap .view_table tbody tr td:first-child { border-left: 0; }*/

.pay-wrap .notice {  }
.pay-wrap .notice * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.pay-wrap .notice .row { margin: 0 -15px; }
.pay-wrap .notice .row:after { content: ''; display: block; clear: both; }
.pay-wrap .notice .row .col-6 { float: left; width: 50%; padding: 0 15px; }
.pay-wrap .notice .notice-box { padding: 20px; }
.pay-wrap .notice .notice-box.is-grey { min-height: 115px; background-color: #f4f4f4; }
.pay-wrap .notice .notice-box.is-green { background-color: #539210; color: #fff; }
.pay-wrap .notice .notice-box .upper { height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; }
.pay-wrap .notice .notice-box .downer { line-height: 20px; } 
.pay-wrap .notice .notice-box .downer .title { font-weight: bold; }


.pay-wrap .bottom-notice {}
.pay-wrap .bottom-notice * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.pay-wrap .bottom-notice .row { margin: 0 -15px; }
.pay-wrap .bottom-notice .row:after { content: ''; display: block; clear: both; }
.pay-wrap .bottom-notice .row .col-6 { float: left; width: 50%; padding: 0 15px; }
.pay-wrap .bottom-notice .a1 { margin-bottom: 25px; }
.pay-wrap .bottom-notice .view_table { width: 100%; margin-bottom: 10px; }



/**
 * Laptop ( ~ 1200 )
 */
.body-event .table-wrap { overflow-x: scroll; }
.body-event .table-wrap .list_table { width: 1200px; }


/**
 * Tablet ( 768 ~ 1023 )
 */
@media all and ( max-width: 1023px ) {
	body { padding-top: 70px; }
	#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
	#header .h_div { position: relative; width: auto; max-width: 100%; padding: 0 15px; }
	#header .header-gnb,
	#header .head_right { display: none; }
	#header .head_left { height: auto; padding: 10px 0 5px; line-height: 1; }
	#header .head_left img { width: auto !important; height: 55px !important; margin-top: 0; }
	#header #menuToggle { display: block; }

	.breadcrumb { overflow: hidden; }
	.breadcrumb .m_div { padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	.midle_div.foot_1 { height: 25px; line-height: 1; }
	.midle_div.foot_1 a { display: inline-block; line-height: 24px; }
	.midle_div.foot_1,
	.m_div.foot_2 { width: auto; max-width: 100%; height: auto; padding: 20px 15px; }

	.main-visual { height: auto; }
	.main-section .inner { padding: 40px 15px; }
	.main-buttons {}
	.main-buttons .wrap2 { max-width: 530px; margin: 0 auto; padding: 40px 0; font-size: 0; }
	.main-buttons .wrap2 a { margin: 0 30px 15px 0; font-size: 18px; }
	.main-buttons .wrap2 a:nth-child(2n) { margin-right: 0; }
	.main-buttons .wrap2 a:nth-last-child(-n+2) { margin-bottom: 0; }

	.sub-2-section .content-wrap,
	.sub-2-section .content-upper,
	.sub-2-section .content-downer,
	.sub-2-section .iframe-wrap { padding-left: 15px !important; padding-right: 15px !important; }

	.sub-9-section .content-wrap { padding-left: 15px !important; padding-right: 15px !important; }

	.container .sub-1-top { background: #fafafa; }
	.container .sub-1-top .inner-wrap { padding: 40px 0; }
	.container .sub-1-top .inner-wrap .left  { display: none; }
	.container .sub-1-top .inner-wrap .right { float: none; width: 100%; }

	.sub-1-section .content-wrap { padding-left: 15px !important; padding-right: 15px !important; }

	#pay-content .m_div { width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#pay-content .pay .a4 .a4_1 { display: none; }

	.form-body { padding: 0 15px; }
}

/**
 * Mobile ( ~ 767 )
 */
@media all and ( max-width: 767px ){
	.main-buttons .wrap a { width: 160px; margin-right: 10px; padding: 15px 0; font-size: 12px; }
	.main-buttons .wrap2 a { width: 160px; margin-right: 10px; padding: 15px 0; font-size: 12px; }
	.section-01 { height: auto; padding-bottom: 58%; }
	.section-01 .outer { height: 130px; }
	.sub-2-top .button-wrap .inner-wrap { padding: 0 15px; }
	.sub-2-top .button-wrap .inner-wrap .left { float: none; width: 100%; }
	.sub-2-top .button-wrap .inner-wrap .right { float: none; width: 100%; }

	.container .sub-1-top .inner-wrap .right .tab_box1 { width: 100%; max-width: 100%; height: auto; padding-left: 15px; padding-right: 15px; 
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		        box-sizing: border-box;
	}
	.container .sub-1-top .inner-wrap .right .tab_box1 .jBanner { max-width: 100%; width: 100% !important; padding-right: 90px !important; }
	.container .sub-1-top .inner-wrap .right .tab_box2 .wrap { padding-left: 15px; padding-right: 15px; font-size: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.container .sub-1-top .inner-wrap .right .tab_box2 .wrap a { width: -webkit-calc( 50% - 10px ); width: calc( 50% - 10px ); margin: 0; margin-right: 10px; margin-bottom: 10px; padding: 20px 0; font-size: 16px; }
	.container .sub-1-top .inner-wrap .right .tab_box2 .wrap a:nth-child(2n) { margin-right: 0; }
	.container .sub-1-top .inner-wrap .right .tab_box2 .wrap a:nth-last-child(-n+2) { margin-bottom: 0; }

	#pay-content .pay-container .row .col-6 { width: 100%; }
	#pay-content .pay .a4 .a4_2 { float: none; width: 100%; }
	
	.body-event #floating-menu { top: 80%; }
	.body-event #floating-menu .menu { margin-bottom: 5px;
		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
		        box-shadow: 2px 2px 5px rgba(0,0,0,0.35);
	}
	.body-event #floating-menu .menu a { width: 100px; }

	.pay-wrap .m_div { width: 100%; }
	.pay-wrap .table-wrap {  }
	.pay-wrap .table-wrap .row .col-4 { width: 100%; }
	.pay-wrap .table-wrap .row .col-6 { width: 100%; }
	.pay-wrap .table-wrap .view_table { margin-bottom: 35px; }

	.pay-wrap .notice .row .col-6 { width: 100%; }
	.pay-wrap .notice .notice-box.is-grey { min-height: 1px; margin-bottom: 10px; }
	.pay-wrap .bottom-notice .row .col-6 { width: 100%; }

	.body-event .review-body #writeForm .list_table { border-top: 1px solid #ccc; table-layout: fixed; }
	.body-event .review-body #writeForm .list_table tr { display: block; border-bottom: 1px solid #ccc; }
	.body-event .review-body #writeForm .list_table tr th { display: block; height: auto; padding: 5px 15px; }
	.body-event .review-body #writeForm .list_table tr td { display: block; height: auto; padding: 5px 15px; border-bottom: 0; }
	.body-event .review-body #writeForm .list_table tr:first-child td { border-top: 0; }
	.body-event .review-body #writeForm .list_table tr td input[type="text"] { width: 100%; border: 1px solid #333; }
	.body-event .review-body #writeForm .list_table tr td textarea { width: 100%; border: 1px solid #333; resize: none; }
}

#reviewSlider img {height:200px;}
#reviewSlider .desc-wrap {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}