@charset "utf-8";
@font-face {
    font-family: 'NanumSquareR';
    font-weight: 400;
    font-style: normal;
    src: url('//bjsolution.co.kr/fonts/NanumSquareR.eot');
    src: url('//bjsolution.co.kr/fonts/NanumSquareR.woff') format('woff'),
         url('//bjsolution.co.kr/fonts/NanumSquareR.ttf') format("truetype");
    font-display: swap;
}
body, ol, ul, li, input, button, textarea, option, select {font-size:1rem; font-family: 'NanumSquareR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif!important; line-height:1.5; word-break: keep-all; word-wrap: break-word; text-align:left; letter-spacing:0;}
td, th, p {font-size:1rem; font-family: 'NanumSquareR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif!important; line-height:1.5; word-break: keep-all; word-wrap: break-word;}
table.dev_tbl td, table.dev_tbl th, table.dev_tbl li, input, button, textarea, option, select {font-size:0.9rem; font-family: 'NanumSquareR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif!important;}
input { font-family: 'Malgun Gothic','돋움',dotum,sans-serif!important;}
table.dev_tbl {font-size:0.9rem!important; }
body, div, table, ul, ol, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, strong {font-weight:bold;}
.skip{position:absolute; left:-999px; font-size:1px; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}
a:link, a:visited, a:active, a:hover{color:inherit; font-size:inherit; text-decoration:none; font-family: 'NanumSquareR', 'NanumGothic', 'Malgun Gothic','돋움',dotum,sans-serif;}
img, form{border:none;}
a img, p img, li img{vertical-align:top;}
img, select, input, button{vertical-align:middle;}
li { list-style:none;}
.none{background:none !important;  border:0 !important;}
.impo_none{background:none !important; padding:0 !important; margin:0 !important; border:0 !important;}
.red{color:red;}
.red1{color:red;}
.blue{color:blue;}
.blue1{color:#4375a0;}
.yellow{color:#FF0;}
.green{color:green;}
.orange{color:#ee6e19;}
.brown{color:#a96104;}
.pdl25{padding-left:25px;}
.font14{font-size:14px;}
.cb{clear:both;}
.left{float:left;}
.right{float:right;}
.hidden{overflow:hidden;}

.m_input{width:300px; padding:15px; margin-top:5px;}
.bt_log{width:332px; border:none; padding:15px 0; text-align:center; background: #c32d70; background: linear-gradient(90deg, #4375a0 0%, #c32d70 100%); color:#fff; margin-top:15px; font-size:20px;font-family:'NanumSquareR'; cursor: pointer;}

.mt05 { margin-top: 0.5rem!important;}
.mt10 { margin-top: 1rem!important;}
.mt15 { margin-top: 1.5rem!important;}
.mt20 { margin-top: 2rem!important;}

.mb10 { margin-bottom: 1rem!important;}
.mb15 { margin-bottom: 1.5rem!important;}
.mb20 { margin-bottom: 2rem!important;}

.pt05 { padding-top: 0.5rem!important;}
.pt10 { padding-top: 1rem!important;}
.pt15 { padding-top: 1.5rem!important;}
.pt20 { padding-top: 2rem!important;}

.pb10 { padding-bottom: 1rem!important;}
.pb15 { padding-bottom: 1.5rem!important;}
.pb20 { padding-bottom: 2rem!important;}

.pd10 { padding: 1%;}
.pd20 { padding: 2%;}
.pd30 { padding: 3%;}
.pd40 { padding: 4%;}
.pd50 { padding: 5%;}

/*[type="radio"] { vertical-align: middle; appearance: none; border: max(2px, 0.1rem) solid gray; border-radius: 50%; width: 0.8rem; height: 0.8rem; transition: border 0.5s ease-in-out; margin-bottom:0.4rem;}
[type="radio"]:checked { border: 0.4rem solid #248dc9;}
[type="radio"]:focus-visible { outline-offset: max(2px, 0.1rem); outline: max(2px, 0.1rem) dotted #248dc9;}
[type="radio"]:hover { box-shadow: 0 0 0 max(4px, 0.2rem) lightgray; cursor: pointer;}
[type="radio"]:disabled { background-color: lightgray; box-shadow: none; opacity: 0.7; cursor: not-allowed;}
[type="radio"]:disabled + span { opacity: 0.7; cursor: not-allowed;} */

@media screen and (max-width: 940px) {	
	img { max-width:100%!important;}
	/*input, textarea, option {font-size:0.9rem; max-width:75%;}*/
	.mbreak span, a { display:inline-block; word-break: keep-all;}
}

#back-to-top { position: fixed; display:none; right: 2rem; bottom: 2rem; z-index: 999; padding: 0.5rem; width:3rem;height:3rem; border-radius: 4rem; transition:all .5s ease-in-out; font-size:3rem; line-height:1; text-align:center; vertical-align:middle; cursor:pointer; user-select:none; background:#fff; color:#4375a0; opacity:0.5;}
#back-to-top:hover { opacity:1;}
#back-to-top:focus { outline: 0; box-shadow:0 0 0 .25rem rgba(19,76,140,0.25)}

body { /* -webkit-user-select:none; */ -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); background:#fff;}

.fixedclear:after {content:''; display:block; clear:both;}
.header{ width:100%; z-index:9;}
.main_menu{ width:100%; height:115px; background:#fff;}
.main_menu_wrap { max-width:1400px; margin:0 auto; display:flex; gap:0; justify-content: space-between; align-items: center; height:inherit; flex-wrap: wrap;}
.header_title { color:#4375a0; text-align:right; font-size:1.3rem; font-weight:bold; line-height:1.2; margin-left:0.5rem; flex-basis:200px; flex-grow:1; flex-shrink: 1; display:flex; justify-content:flex-start; order:2;}
.header_title strong { font-size:2rem; display:block; text-align:right;}
.header_title a img { max-height:60px;}
.main_menu_wrap .top_right {flex-basis:1400px; flex-grow:1; flex-shrink: 1;display:flex; gap:5px; flex-wrap:nowrap;justify-content: flex-end; align-items: center; order:1; padding:1rem 0 0;}
.main_menu_wrap .top_right li a { color:#666; padding:0.2rem 1rem; font-size:0.8rem; display:block; text-align:center; line-height:1.1;}
.main_menu_wrap .top_right li + li { border-left:1px solid #ccc;}
.main_menu_wrap .top_right li.d_day { display:inline-block; border: 1px solid #ccc; color:#4a4a4a; font-size:0.9rem; padding:0 0.5rem 0 0;}
.main_menu_wrap .top_right li.d_day span {display:inline-block; background:#c32d70; color:#fff; text-transform: uppercase; padding:0.2rem 0.5rem 0.1rem; }
.main_menu_wrap .top_right li.d_day strong { color:#000; padding: 0 0.5rem;}
.navbar_menu { flex-basis:825px; flex-grow:1; flex-shrink: 1; display:flex; justify-content:space-evenly; flex-wrap:nowrap; align-items: center; order:3;}
.navbar_menu>li { position:relative;}
.navbar_menu>li a { display:block; line-height:69px; color:#000; font-size:1.15rem; text-align:center; font-weight:bold;  transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; padding:0 0.5rem; letter-spacing:0;}
.navbar_menu>li:hover a, .navbar_menu>li.active a { color:#4375a0;}
.navbar_menu>li:hover .sub { opacity: 1; visibility: visible;}
.navbar_menu>li .sub {
	position: absolute;
	top: 60px;
	opacity: 0;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	visibility: hidden;
	background: rgba(0,0,0,0.7);
	border-top:7px solid #4375a0;
	width:100%; left:50%; transform:translateX(-50%); padding: 0;
	z-index:99;
	min-width:200px;
}
.navbar_menu>li .sub li { height:auto; width:100%;}
.navbar_menu>li .sub li a { display:block; font-size:1rem; line-height:1.2; padding:0.4rem 0; text-align:center; font-weight:normal; letter-spacing:-0.1px;}
.navbar_menu>li:hover .sub li a {color:#fff;}
.navbar_menu>li:hover .sub li:hover {background:#4375a0;}

@media screen and (min-width: 768px) {
.pcOnly {}
.mbOnly {display: none !important;}
}
/*  Mobile : ~ width:975px  */
@media screen and (max-width: 769px) {
.mbOnly {}
.pcOnly {display: none !important;}
}
@media screen and (max-width: 1365px) {	
	.header_title {font-size:1.1rem;}
	.header_title strong { font-size:1.3rem;}
	.navbar_menu>li a { font-size:1rem;}
}
@media screen and (max-width: 1130px) {
	.main_menu { height:65px; background:#fff; }
	.header_title {position:absolute; top:10px; left:0; display:block;}
	.header_title a img { max-height:50px;}
	.main_menu_wrap { position: fixed; z-index:9999; width:100%; background:#fff;}

.main_menu_wrap .top_right{position:fixed; top:65px; right:0; width:100%; height: 40px; background-color:#fff; flex-wrap: wrap; flex-direction:column; opacity:0; visibility:hidden; transform:translateX(100%); transition:0.3s; float:none;justify-content:center; align-items: center; padding:0 0;}
	.top_right.active{opacity:1; visibility:visible; transform:translateX(0); transition:0.3s;}
	.main_menu_wrap .top_right li { width:45%;}
	.main_menu_wrap .top_right li a { padding:0.5rem 0.5rem;}
	.main_menu_wrap .top_right li:nth-child(2), .main_menu_wrap .top_right li:nth-child(3) { display:none;}
	
.navbar_menu{position:fixed; top:105px; right:0; width:100%; background-color:#fff; flex-direction:column; opacity:0; visibility:hidden; transform:translateX(100%); transition:0.3s; float:none; display:block; bottom:0; overflow-y: auto;}
	.navbar_menu.active{opacity:1; visibility:visible; transform:translateX(0); transition:0.3s; overflow-y: auto;}
	.navbar_menu>li { border-top: 1px solid #666; padding: 0; box-sizing:border-box;}
	.navbar_menu>li>a { font-size: 1rem; padding: 15px 30px; line-height:1.1; text-align: left; display: block;}
	.navbar_menu>li>a.sub_menu {pointer-event:none;}
	.navbar_menu li:hover .sub { opacity: 1; visibility: visible;}
	.navbar_menu>li .sub { width: 100%; padding: 0; margin: 0; position: static; opacity: 1; transition: none; visibility: visible;  transform:translateX(0); border-top: 0; background: rgba(255,255,255,1);}
	.navbar_menu>li .sub li:last-child { border-bottom: 0 none;}
	.navbar_menu>li .sub li { border-bottom: 1px solid #efefef; list-style: none; width: 100%; padding: 7px 35px; box-sizing:border-box;}
	.navbar_menu>li .sub li a { text-align: left; font-size:.9rem; color:#3a3a3a;}
.navbar_menu>li:hover .sub li a {color:#3a3a3a;}
.navbar_menu>li:hover .sub li:hover {background:#efefef;}
	
.hamburger{ position:absolute; top: 20px; right:1rem;}
.hamburger .line { width: 25px; height: 4px; background-color: #636363; display: block; margin: 3px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hamburger:hover { cursor: pointer;}
/* ONE */
#hamburger-1.is-active .line:nth-child(2) { opacity: 0;}
#hamburger-1.is-active .line:nth-child(1) {
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
#hamburger-1.is-active .line:nth-child(5) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}
}

.container{position:relative; clear:both; width:100%; min-height: calc( 100vh - 120px - 8.5rem); background: url(/register/2026/images/main_bg.png) center bottom no-repeat #a7c3d8; background-size: 100%;}
.contents_wrap{max-width:1400px; margin:0 auto;}
.content_navi { width:100%; background:#fff; border-bottom:1px solid #ddd; display:flex; margin: 0; display:none;}
.content_navi p { padding:1rem; width:10rem; text-align: center; font-weight:bold;}
.content_navi ul { padding:1rem; width:calc( 100vw - 14rem); max-width: 300px; border-left:1px solid #ddd;}
.contents{padding: 3rem 2rem 3rem; background:#fff; min-height: calc( 100vh - 120px - 28rem );}
.con_center { width:100%; height:100%; min-height: calc( 100vh - 120px - 28rem ); display:flex; align-items: stretch; justify-content: center; flex-wrap: wrap;}
.under { display: flex; justify-content: center; align-items: center;min-height: calc( 100vh - 120px - 27rem );}
.img_xs img { max-width:100%;}
.info_img { display: flex; justify-content: center; align-items: center;}
.img_min { min-width:991px;}

@media screen and (max-width: 1035px) {
	.container{min-height: calc( 100vh - 70px - 13.7rem);}
	.contents{padding: 2rem 2rem;}
	.under img, .info_img img {width:100%;}
	.img_xs { overflow-x:auto;}
}
@media screen and (max-width: 768px) {
	.contents{padding: 2rem 1rem;}
}

.footer_wrap{clear:both; width:100%; background:#484848; color:#efefef; padding: 2rem 0;}
.footer{ max-width:1400px; margin: 0 auto; display:flex; gap: 2rem; justify-content: center; align-items: center;}
.footer_title { color:#4375a0; text-align:left; font-size:1.3rem; font-weight:bold; line-height:1.2;}
.footer_title strong { font-size:2rem; display:block; text-align:right;}
.footer_title img { max-height:78px; opacity: 0.5;}
.footer_info { display:flex; gap:2rem; justify-content: space-between; align-items: flex-start;}
.footer_info p, .footer_info a { font-size:0.8rem;}
.footer_info a{ color: #f0f0f0;}
.footer_info a.private, .footer_info a.agreement, .footer_info a.pcversion {color:#ffffff; background:#666666; border-radius:20px; padding: 3px 10px; text-align:center;  line-height:1.5!important;}

@media screen and (max-width: 768px) {
	.footer{ gap: 0.5rem; padding:0 1rem;}
	.footer_title { font-size:1rem; text-align:center;}
	.footer_title strong { font-size: 1.2rem; display:inline-block; margin-right:0.5rem;}
	.footer_info {text-align:left; flex-wrap: wrap;}
	.footer_info span, .footer_title span, .entry_fee tbody td span { display:inline-block; word-break:keep-all;}
}

.title{ font-size:2.2rem; padding:2rem 0 1.5rem; color:#0d3478; letter-spacing:-0.1px; text-align:center; font-weight:bold;/* text-shadow:0 0 2px #0d3478;*/ font-family:'NanumSquareB';/* background: rgba(255,255,255,0.7);*/}

/* 안내페이지 공통 */
.contents h3 {font-size:1.8rem; font-weight:bold; margin-top:1rem; margin-bottom:1rem; color:#4375a0; position:relative; line-height:1.2; text-align:left;}
.contents h3:before { position: absolute; content: ''; top: -1rem; left: 0; width: 2rem; height: 5px; background: linear-gradient(330deg, #4375a0 35%, #0d3478 65%);}
.contents h3:not(:first-child) { margin-top:3.5rem;}
.contents h4 {font-size:1.5rem; font-weight:bold; padding-left:1.2rem; margin-top:1rem; margin-bottom:0.8rem; color:#0d3478; position:relative; text-align:left;}
.contents h4:before { position: absolute; content: ''; top: 0.3rem; left: 0; width: 7px; height: 1.5rem; border-left: 7px solid #4375a0;}
.contents h4:not(:first-child) { margin-top:2rem;}
.contents h5 {font-size:1.3rem; font-weight:bold; padding-left:1.7rem; margin-left:1.2rem; margin-top:10px; margin-bottom:1rem; color:#0d3478; position:relative; line-height:1.5; text-align:left;}
.contents h5:before { position: absolute; content: ''; top: 5px; left: 0; width: 7px; height: 7px; border-radius:10px; border: 5px solid #4375a0;}
.contents h5 a, .line2 a { display: inline-block; margin-left:1rem; background:#4375a0; color:#fff; font-size:1.1rem; padding:0.2rem 0.5rem; border-radius:0.5rem;}
.contents h6 {font-size:1.2rem; font-weight:bold; padding-left:1.4rem; margin-left:3rem; margin-top:10px; margin-bottom:10px; color:#0d3478; position:relative; line-height:1.5; text-align:left;}
.contents h6:before { position: absolute; content: ''; top: 9px; left: 0; width: 10px; height: 10px; border-radius:10px; background: #4375a0;}
.guide_01{font-size:22px; font-weight:bold; margin-bottom:25px; color:#1c51a1; clear:both;}
.guide_06{font-size:26px; font-weight:bold; margin-bottom:5px; color:#331459; clear:both; font-family:'Calibri'}
.guide_02{ font-size:18px; padding-left:35px; margin-bottom:7px;}
.guide_03{padding-left:2rem;}
.guide_03 li {list-style-type:none; padding-left:15px; margin-bottom:20px; vertical-align:middle;}
.guide_03 li a img { vertical-align:middle!important; margin-right:20px;}
.guide_04{margin-left: 3rem;}
.guide_04 li {list-style-type:none; padding-left:20px; position:relative; font-size:1rem;}
.guide_04 li em { width:700px; float:right; text-align:left; font-style:normal;}
.guide_04 li:before { position:absolute; top:0.1rem; left:0; content:"▶"; color:#4375a0; font-size:0.8rem;}
.guide_04 li:not(:last-child) { margin-bottom:5px;}
.guide_05{font-size:20px; font-weight:bold; color:#1169a8; margin-bottom:25px; background-color:#f0f0f0; text-align:Center; padding:10px 0;}
.guide_07{padding-left:35px;}
.btn_down{ background:#4375a0; padding: 3px 0.5rem; text-align:center; border-radius:1.5rem; color:#fff!important; display:inline-block;}
.btn_link{ background:#4375a0; padding: 0 1rem; text-align:center; border-radius:1.5rem; color:#fff!important; display:inline-block; font-size:smaller!important; margin-left: 1rem;}

.down_list {display: flex; justify-content: space-between; margin: 20px 0;}
.down_list li { list-style:none;}
.down_list li a {display: block; width: 100%; background-color: #4375a0; color: #fff; text-align: center; padding: 10px 0; border-radius: 5px; font-size: 20px;}
.down_list li a:after { content:"⭳"; margin-left:10px;}
.down_list li a:hover {color:#fffc00;}
.list4 li { width:23%;}

.btn01{ margin: 2.5rem auto 3rem; width:80vw; max-width:400px; }
.btn01 a {color: #fff; font-size: 1.5rem; width:100%; height:5rem; line-height: 5rem; border-radius: 0.8rem; text-align: center; font-family:'NanumSquareB'; background: #c32d70; background: linear-gradient(90deg, #4375a0 0%, #c32d70 100%); transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; border:none;}
.btn01 a span {position: relative; display: block; width: 100%; height: 100%;}
.btn01 a:before, .btn01 a:after { position: absolute; content: ""; right: 0; top: 0; background: #c32d70; transition: all 0.3s ease;}
.btn01 a:before { height: 0%; width: 2px;}
.btn01 a:after { width: 0%; height: 2px;}
.btn01 a:hover{ background: transparent; box-shadow: none;}
.btn01 a:hover:before { height: 100%;}
.btn01 a:hover:after { width: 100%;}
.btn01 a span:hover{ color: #c32d70;}
.btn01 a span:before, .btn01 a span:after { position: absolute; content: ""; left: 0; bottom: 0; background: #c32d70; transition: all 0.3s ease;}
.btn01 a span:before { width: 2px; height: 0%;}
.btn01 a span:after { width: 0%; height: 2px;}
.btn01 a span:hover:before { height: 100%;}
.btn01 a span:hover:after { width: 100%;}

.btn_s{ margin: 1.5rem auto 1rem; width:15rem; }
.btn_s a {color: #fff; font-size: 1.5rem; width:100%; height:5rem; line-height: 5rem; border-radius: 0.8rem; text-align: center; font-family:'NanumSquareB'; background: #c32d70; background: linear-gradient(90deg, #4375a0 0%, #c32d70 100%); transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; border:none;}
.btn_s a span {position: relative; display: block; width: 100%; height: 100%;}
.btn_s a:before, .btn_s a:after { position: absolute; content: ""; right: 0; top: 0; background: #c32d70; transition: all 0.3s ease;}
.btn_s a:before { height: 0%; width: 2px;}
.btn_s a:after { width: 0%; height: 2px;}
.btn_s a:hover{ background: transparent; box-shadow: none;}
.btn_s a:hover:before { height: 100%;}
.btn_s a:hover:after { width: 100%;}
.btn_s a span:hover{ color: #c32d70;}
.btn_s a span:before, .btn_s a span:after { position: absolute; content: ""; left: 0; bottom: 0; background: #c32d70; transition: all 0.3s ease;}
.btn_s a span:before { width: 2px; height: 0%;}
.btn_s a span:after { width: 0%; height: 2px;}
.btn_s a span:hover:before { height: 100%;}
.btn_s a span:hover:after { width: 100%;}

.btn_list { margin: 2.5rem auto 3rem; width:100%; display:flex; gap: 1rem; flex-wrap:wrap; justify-content: center;}
.btn_list li { flex-basis:11rem; flex-grow:1; flex-shrink: 1;}
.btn_list li a{color: #fff; font-size: 1.1rem; display:block; background:#4375a0; padding: 1rem 1.5rem; border-radius: 0.8rem; border: 1px solid #fff; text-align: center;font-family:'NanumSquareB'; word-break: keep-all; white-space: nowrap;}
.btn_list li a:hover{color: #fffc66; background:#0d3478;}

.iframeContainer {position:relative; width:100%;}
/* 16:9 */
.iframe16To9 { padding-top: 56.25%;}
/* 4:3 */
.iframe4To3 { padding-top: 75%;}
.iframeContainer iframe { position:absolute; width:100%; height:100%; top:0; left:0;}
.map_wrap { max-width:1000px; width:100%; margin:0 auto; height:100%; max-height:450px;}

@media screen and (max-width: 1024px) {
	.title{ font-size:1.6rem; background:none;}
	.contents h3 {font-size: 1.5rem; margin-bottom:1rem;}
	.contents h3:not(:first-child) { margin-top:3rem;}
	.contents h4 {font-size:1.3rem; margin-top:1rem; margin-bottom:0.5rem;}
	.contents h4:not(:first-child) { margin-top:2rem;}
	.contents h5 {font-size: 1.2rem; margin-left:0.5rem;}
	.contents h6 {font-size: 1.1rem; margin-left:1rem;margin-bottom:0.3rem;}
	.contents h6 span { padding-left:7rem; display:block;}
	.contents h6 br {display:none;}
	.guide_03{padding-left:0;}
	.guide_04{margin-left: 2rem;}
	.guide_04 li em {display:none;}
	
	.btn_list { margin: 2.5rem auto 2.5rem; width:87vw;}
.btn_list li { flex-basis:7.5rem;}
	.btn_list li a{font-size: 1.1rem; padding: 1rem 0.5rem;}
}

@media screen and (max-width: 768px) {
	.contents h5 .red { display:block; text-align:right;}
}

/* main */
.main_banner { width:100%;}
.main_banner img { width:100%;}

.main01 { display:flex; flex-wrap:wrap; gap:1.5rem; margin-bottom:1.5rem;}
.main01 h3 { color:#000; font-size:1.5rem; font-weight:bold; margin-bottom:0.5rem; margin-top: 0;}
.main01 h3:before { position: absolute; content: ''; display:none;}

.info_date { flex-basis:280px; flex-grow:1; flex-shrink: 0; padding:1rem 2%; background:#f5f5f5;}
.info_date ul>li{font-size:1rem; margin-bottom:0.5rem; color:#4375a0;}
.progress {width:100%; height:2.5rem; border-radius:0.5rem; background:#ccc; box-sizing:border-box;  color:#fff; font-size:16px; position:relative; overflow:hidden;}
.progress-bar{position:absolute; background:#4375a0; width:40%; z-index:2; height:2.5rem;}
.progress .start{position:absolute; left:15px; line-height:2.7rem; z-index:9;}
.progress .end{position:absolute; right:15px; line-height:2.7rem; z-index:9;}
.info_date ul>li:nth-child(2) {color:#c32d70;}
.info_date ul>li:nth-child(3) {color:#84ab4b;}
.info_date ul>li:nth-child(2) .progress-bar{background:#c32d70;}
.info_date ul>li:nth-child(3) .progress-bar{background:#84ab4b;}

.info_quick { flex-basis:480px; flex-grow:1; flex-shrink: 1; max-width:100%;}
.info_quick ul { display:flex; gap:0; flex-wrap:wrap;}
.info_quick ul li { width:50%; background:#84ab4b; min-width:240px;}
.info_quick ul li a { display:flex; gap:1rem; align-items: center; color:#fff; text-align:left; padding:10% 5%; font-weight:bold; line-height:1.2; word-break:keep-all; font-size:1.2rem;}
.info_quick ul li a i { display: block; width:3.5rem; font-size:3.5rem; text-align:center; padding:1rem 1rem 0.6rem; border-radius:3.5rem; transition: all 0.3s ease;}
.info_quick ul li:hover {background:#84ab4b;}
.info_quick ul li:hover a i { background: #fff; color:#84ab4b;}

.info_quick ul li:nth-child(2) { background:#4375a0;}
.info_quick ul li:nth-child(2):hover {background:#4375a0;}
.info_quick ul li:nth-child(2):hover a i { color:#4375a0;}

.info_quick ul li:nth-child(3) { background:#c32d70;}
.info_quick ul li:nth-child(3):hover {background:#c32d70;}
.info_quick ul li:nth-child(3):hover a i { color:#c32d70;}

.info_quick ul li:nth-child(4) { background:#0d3478;}
.info_quick ul li:nth-child(4):hover {background:#0d3478;}
.info_quick ul li:nth-child(4):hover a i { color:#0d3478;}

.main02 { display:flex; gap:1.5rem; margin-bottom:1.5rem; overflow: hidden;}

.info_faculty { flex-basis:600px; background:#636363; padding:1rem; max-width:820px; flex-shrink: 1; flex-grow: 1;}
.info_faculty h3 { color:#fff; padding:0 3%;}
.info_faculty ul li { text-align:center; line-height:1.1; font-size:0.9rem; color:#fff;}
.info_faculty ul li img { display:block; max-width:8rem; border-radius:4rem; margin:0 auto; margin-bottom:0.5rem;}
.info_faculty ul li strong { display:block; font-size:larger; margin-bottom:0.5rem;}
.info_faculty ul li em { display:block; text-align:center; margin-top:0.3rem;}

.info_news { flex-basis:300px; padding:2rem 2%; background:#a7c3d8; flex-shrink: 1; flex-grow: 1;}
.info_news h3 { padding:0 3% 5%; border-bottom:1px solid #000; margin-bottom:10%;}
.info_news select{border:none; padding:1.5rem 0.5rem;width:100%; line-height:2;}
.info_news select option{line-height:2}

.main03 { display:flex; flex-wrap:wrap; gap:1.5rem; overflow: hidden;}
.info_sponsor{background:#f2f2f2; flex-basis:600px; padding: 1rem; flex-shrink: 1; flex-grow: 1; display: flex; gap: 1rem; flex-direction: column;}
.info_sponsor h3 { text-align:center; padding:0 3%;}

.spon_box{display:flex; gap:1rem; width:100%; align-items: center;}
.spon_box ul{ width:calc(100% - 8rem - 2px); list-style:none; display:flex; flex-wrap:wrap; gap:2px;}
.spon_box .bn_dia li{ width:100%; text-align:center;}
.spon_box .bn_dia li a { display: block; width:100%; padding:0.5rem; height:4rem; border:1px solid #ddd; background-color:#fff; line-height:4rem; text-align:center;}
.spon_box .bn_dia img{ vertical-align: middle;}

.spon_box .bn_pla li{width:calc(50% - 2px); text-align:center;}
.spon_box .bn_pla li a {display: block; width:100%; padding:0.5rem; height:3rem; border:1px solid #ddd; background-color:#fff; line-height:3rem; text-align:center;}
.spon_box .bn_gold {}
.spon_box .bn_gold li{width:100%; text-align:center;}
.spon_box .bn_gold li a {display: block; width:100%; padding:0.5rem; height:3rem; border:1px solid #ddd; background-color:#fff; line-height:3rem; text-align:center;}
.spon_box .bn_silver li{width:calc(33% - 3px); text-align:center;}
.spon_box .bn_silver li a {display: block; width:100%; padding:0.5rem; height:3rem; border:1px solid #ddd; background-color:#fff; line-height:3rem; text-align:center;}
.spon_box .bn_bronze li{width:calc(33% - 3px); text-align:center;}
.spon_box .bn_bronze li a {display: block; width:100%; padding:0.5rem; height:3rem; border:1px solid #ddd; background-color:#fff; line-height:3rem; text-align:center;}
.spon_box .bn_angel {}
.spon_box .bn_angel li{width:calc(33% - 3px); text-align:center;}
.spon_box .bn_angel li a {display: block; width:100%; padding:0.5rem; height:3rem; border:1px solid #ddd; background-color:#fff; line-height:3rem; text-align:center;}
.spon_box .bn_angel img{width:10rem; height:3rem;}
.spon_box ul li img {max-width: 100%;}

.spon_t {border-radius: 2rem; color:#fff; font-weight: bold; font-size: 1rem; line-height:2rem; height:2rem; text-align:Center; vertical-align:middle; width:6rem;}
.spon_t01 { background: #0c7bd5;}
.spon_t02 { background: #6cc6c1;}
.spon_t03 { background: #e5be36;}
.spon_t04 { background: #8a8a8a;}
.spon_t05 { background: #ae8b4d;}
.spon_t06 { background: #9751cb;}

.info_video{flex-basis:300px; display:flex; flex-direction:column; gap:1rem; justify-content: space-between; flex-shrink: 1; flex-grow: 1;}
.info_video h3 {color:#0d3478; padding:0;}

@media screen and (max-width: 1130px) {
	.info_faculty { max-width:587px;}
}

@media screen and (max-width: 940px) {
	.info_faculty ul li img { width:8rem; max-width:30vw!important; border-radius:4rem;}
}

@media screen and (max-width: 768px) {
.main01 { gap:1rem; margin-bottom:1rem;}
	.info_date { padding: 1rem 1rem;}
	.info_quick ul li { width:100%;}
	.info_quick ul li a {padding:0.5rem 1rem; height:5rem;}
	.info_quick ul li a i { width:2.5rem; font-size:2.5rem;}
.main02 { flex-wrap:wrap; gap:1rem; overflow: hidden;}
	.info_faculty { width: 90%;}
	.info_news { width:90%; padding:1rem 1rem;}
.main03 { gap:1rem;}
	.spon_box {flex-direction: column;}
	.info_video h3 { padding:0 1rem;}
}

.greeting { text-align:left; width:100%; max-width:930px; margin:0 auto; word-break: break-all;}
.greeting_title { color:#4375a0; font-size:1.1rem; font-style:italic;}
.greeting_bottom { margin:2rem auto 0; display: flex; gap:1rem; justify-content: space-between; flex-wrap: wrap;}
.greeting_bottom li { flex-basis:125px; display:flex; gap:0.5rem; flex-direction: column; align-items: center; line-height: 1.3; font-size:0.9rem; text-align: center;}
.greeting_bottom li strong { font-size:1rem;}
.greeting_bottom img {max-width:160px;}

/* overview */
.overview_list { display:flex; gap:3rem; justify-content: center; flex-direction: column; align-content: center;}
.overview_list h6 { text-align:center; padding-left:0; margin-left:0; margin-bottom:0; background:#4375a0; color:#fff; border-radius:1rem;}
.overview_list h6:before { display:none;}
.overview_list ul { display:flex; flex-wrap: wrap; gap:1rem; justify-content: center; align-content: center; position:relative; margin-top:3.5rem;}
.overview_list ul:before { position:absolute; display:block; width:100%; color:#fff; font-size:1.2rem; font-weight:bold; text-align:center; padding:0.5rem 0; top: -3.5rem; left: 50%; transform:translateX(-50%); border-radius:1rem;}
.overview_list ul:nth-child(1):before { content:'Program Director'; width:452px; max-width:100%; background:#84ab4b;}
.overview_list ul:last-child:before { content:'Program Co-Directors'; width:1394px; max-width:100%; background:#4375a0;}
.overview_list li { flex-basis:420px; flex-grow:0; flex-shrink: 1; border-radius:1rem; padding:1rem; box-shadow:3px 3px 3px 3px #ccc; text-align:left; display:flex; gap: 1rem; flex-wrap: nowrap; align-items: center;}
.overview_list li img { flex-basis:150px; flex-grow:0; flex-shrink: 1; max-width:150px; max-height:150px; border-radius:5rem;}
.overview_list li div { display:flex;flex-direction: column; gap:0.5rem;}
.overview_list li strong {font-size:larger; color:#4375a0;}

@media (min-width: 952px) and (max-width: 1452px) {
.overview_list ul:last-child:before {width:920px;}
}

@media screen and (max-width: 951px) {
	.overview_list ul:last-child:before {width:452px;}
	.overview_list li strong {font-size:1rem;}
}

/* Faculty */
.faculty_tab { width: 100%; display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center;}
.faculty_tab_item { width: 3rem; height: 3rem; background-color: #efefef; line-height: 3rem; font-size: 20px; text-align: center; color: #333; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 0.5rem; overflow:hidden; text-transform:uppercase;}
.faculty_tab_item:hover { background-color: #2e29b9; color:#fff; cursor: pointer;}
input[name="faculty_tab_item"] { display: none;}
.faculty_tab_content { display: none; padding: 1.5rem 0.5rem 0.5rem; clear: both; overflow: hidden; width:100%;}
#faculty_tab_a:checked ~ #faculty_tab_a_content,
#faculty_tab_b:checked ~ #faculty_tab_b_content,
#faculty_tab_c:checked ~ #faculty_tab_c_content,
#faculty_tab_d:checked ~ #faculty_tab_d_content { display: flex; justify-content: center;}
.faculty_tab input:checked + .faculty_tab_item { background-color: #4375a0; color: #fff; }

.con_faculty { display:flex; flex-wrap: wrap; gap:2rem; justify-content: flex-start; align-items: stretch; width: calc( 1260px + 10rem ); margin: 0 auto;}
.con_faculty li { flex-basis:420px; flex-grow:0; flex-shrink: 1; border-radius:1rem; padding:1rem; box-shadow:3px 3px 3px 3px #ccc; text-align:left; display:flex; gap: 1rem; flex-wrap: nowrap; align-items: center;}
.con_faculty li img { flex-basis:150px; flex-grow:0; flex-shrink: 1; max-width:150px; max-height:150px; border-radius:5rem;}
.con_faculty li div { display:flex;flex-direction: column; gap:0.5rem;}
.con_faculty li strong {font-size:larger; color:#4375a0;}

.dom_faculty { display:flex; flex-wrap: wrap; gap:2rem; justify-content: flex-start; align-items: stretch; width: calc( 1040px + 14rem ); margin: 0 auto;}
.dom_faculty li { flex-basis:260px; flex-grow:0; flex-shrink: 1; border-radius:1rem; padding:1rem; box-shadow:3px 3px 3px 3px #ccc; text-align:left; display:flex; gap: 1rem; flex-wrap: nowrap; align-items: center;}
.dom_faculty li div { display:flex;flex-direction: column; gap:0.5rem;}
.dom_faculty li strong {font-size:larger; color:#4375a0;}


.dom_faculty2{ width:1500px; margin:0 auto;}
.faculty2{clear:both; overflow:hidden; margin-bottom:50px; margin-top:20px;}
.faculty2 dt{float:left;border:10px solid #4375a0; text-align:center; width:40px; height:30px; margin-right:50px; padding:5px 0; font-weight:bold; font-size:20px; color:#4375a0;}
.faculty2 dd{line-height:43px; font-size:20px; font-weight:bold; float:left; width: calc(100% / 3 - 110px); margin-bottom:20px;}
.faculty2 dd span{font-size:14px; color:#5f5f5f; font-weight:normal; display:block; text-align:left; line-height:1.3;}
.faculty2 dd:nth-child(n+3){margin-left:110px;}

@media (min-width: 971px) and (max-width: 1504px) {
	.con_faculty { width: calc( 840px + 6rem );}
	.dom_faculty { width: calc( 780px + 10rem );}
	.dom_faculty2{ width: calc( 780px + 10rem ); }
	.faculty2 dt{ margin-right:30px;}
	.faculty2 dd:nth-child(n+3){margin-left:90px;}
	.faculty2 dd{ font-size:1.3rem; width: calc(100% / 3 - 90px); }
	.faculty2 dd span{font-size:1rem; min-height:50px;}
	
	
}
@media screen and (max-width: 970px) {	
	.con_faculty { width: 100%;}
	.con_faculty li {flex-basis:100%;}
	.con_faculty li img { flex-basis:100px; max-width:100px; max-height:100px;}
	.dom_faculty { width: 100%;}
	.dom_faculty li {flex-basis:100%;}
	
	.dom_faculty2{width: 100%; }
	.faculty2 dt{ margin-right:20px;}
	.faculty2 dd:nth-child(n+3){margin-left:80px;}
	.faculty2 dd{ font-size:1.2rem; width: calc(100% / 2 - 80px); min-width:190px;}
	.faculty2 dd span{font-size:0.9rem; }
	
}

/* program */
.pro_ul { display: flex; gap:1rem; flex-wrap: wrap;}
.pro_ul li { flex-basis: 360px; flex-grow: 1; flex-shrink: 1;}
.pro_ul li:nth-child(odd) .program thead td { color:#4375a0;}
.pro_ul li:nth-child(even) .program thead td { color:#c32d70;}

.program {border-collapse:collapse; border-bottom: 1px solid #192447; width:100%;}
.program th, .program td { padding:0.5rem; text-align:center; font-size:1rem; line-height: 1.2;}
.program thead th {background: #4375a0; color:#fff;}
.program thead th.day2 {background: #c32d70;}
.program thead th.day3 {background: #84ab4b;}
.program thead td {background:#efefef; font-weight:bold;}
.program thead td:nth-child(2), .program thead td:nth-child(3) {width:46%;}
.program tbody th {width:8%; border-right: 1px solid #ddd;border-top: 1px solid #ddd; font-weight: 200;}
.program tbody td { border-top: 1px solid #ddd; border-left: 1px solid #ddd; text-align:center; background:#ffefff;}
.program tbody td strong { color:#c32d70;}
.program tbody td.none { border-bottom:1px solid #fff;}
.program tbody .break td { background:#fff;}
.program tbody .bg01, .sprogram tbody .bg01 { background:#faf3d9!important;}
.program tbody .bg02, .sprogram tbody .bg02 { background:#e4efff!important;}
.program tbody .bg03, .sprogram tbody .bg03 { background:#f3fad9!important;}
.program tbody .bg04, .sprogram tbody .bg04 { background:#fbecdf!important;}

.sprogram_title { background: #84ab4b; color:#fff; display:block; text-align:center; padding: 0.7rem 0 0.4rem; font-size:1.3rem; border-radius:1rem; margin-bottom:2rem; font-weight:bold;}
.sprogram {border-collapse:collapse; border-bottom: 2px solid #4375a0; border-top: 1px solid #4375a0; width:100%;}
.sprogram th, .sprogram td { padding:10px; text-align:center; font-size:1rem;}
.sprogram thead th {background: #4375a0; color:#fff; text-align:center;}
.sprogram thead td { color:#4375a0; font-weight:bold; text-align: left;}
.sprogram tbody th {background:#f4f4ff; text-align:left; line-height:1.5; border-bottom: 1px solid #ddd;}
.sprogram tbody td { text-align:left; line-height:1.3; border-bottom: 1px solid #ddd;}
.sprogram thead th:nth-child(1) { width:105px;}
.sprogram tbody th:nth-child(1), .sprogram tbody td:nth-child(1) { text-align:center;}
/*.sprogram tbody th:nth-child(2), .sprogram tbody td:nth-child(2) {display:flex; flex-wrap:wrap; gap:0.2rem; justify-content: space-between; align-items: center;}
.sprogram thead th:nth-child(2) {display:flex; justify-content: space-around; align-items: center;} */
.sprogram tbody .break { background:#efefef;}
.sprogram em { float: right; margin-left: 1rem; font-style:normal; text-align:right;}
.sprogram em strong { font-size:smaller; font-weight:100;}
.sprogram tbody td .guide_04 { margin-left:0;}
.sprogram tbody a { display: inline-block; background:#4375a0; color:#fff; font-size:1rem; padding:0.2rem 0.5rem 0.1rem; border-radius:0.5rem;}
.sprogram th span { font-size:0.9rem; line-height: 1.2; color:#666;}
.sprogram em span { display: inline-block; font-size:inherit; word-break: keep-all; color: #000!important; line-height: 1.2;}
.handson tbody td:nth-child(2) { text-align: center;}
.handson thead th:nth-child(2) { width:105px;}

.table_min { min-width:991px;}

.pro_tab { width: 100%;}
.pro_tab_item { width: 31.3%; background-color: #efefef; line-height: 1.5; font-size: 1.1rem; text-align: center; color: #333; display: block; float: left; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 1.5rem 1.5rem 0 0; overflow:hidden; padding:1rem 1% 0.7rem; max-height:3rem;}
.pro_tab_item:hover { background-color: #4375a0; color:#fff; cursor: pointer;}
input[name="pro_tab_item"] { display: none;}
.pro_tab_content { display: none; padding: 1.5rem 0 0; clear: both; overflow: hidden;}
#pro_tab_01:checked ~ #pro_tab_01_content,
#pro_tab_02:checked ~ #pro_tab_02_content,
#pro_tab_03:checked ~ #pro_tab_03_content { display: block;}
.pro_tab input:checked + .pro_tab_item { background-color: #4375a0; color: #fff; }

.pro_tab2 { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; gap:1rem; margin-top:-1rem;}
.pro_tab2_item { width: 9rem; background-color: #efefef; line-height: 1; font-size: 1rem; text-align: center; color: #333; display: block; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 1.5rem; overflow:hidden; padding:1rem 0 0.7rem; max-height:2.5rem;}
.pro_tab2_item:hover { background-color: #bd80e4; color:#fff; cursor: pointer;}
.pro_tab2_item:nth-child(2):hover { background-color: #55bad0;}
input[name="pro_tab2_item"] { display: none;}
.pro_tab2_content { display: none; padding: 0 0 0; clear: both; overflow: hidden; width:100%;}
#pro_tab2_01:checked ~ #pro_tab2_01_content,
#pro_tab2_02:checked ~ #pro_tab2_02_content,
#pro_tab2_03:checked ~ #pro_tab2_03_content { display: block;}
.pro_tab2 input:checked + .pro_tab2_item { background-color: #bd80e4; color: #fff; }
.pro_tab2 input:checked + .pro_tab2_item:nth-child(2) { background-color: #55bad0; color: #fff; }

.pro_tab3 { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; gap:1rem; margin-top:-1rem;}
.pro_tab3_item { width: 9rem; background-color: #efefef; line-height: 1; font-size: 1rem; text-align: center; color: #333; display: block; font-weight: bold; transition: all 0.2s ease; border: none; border-radius: 1.5rem; overflow:hidden; padding:1rem 0 0.7rem; max-height:2.5rem;}
.pro_tab3_item:hover { background-color: #bd80e4; color:#fff; cursor: pointer;}
.pro_tab3_item:nth-child(2):hover { background-color: #55bad0;}
input[name="pro_tab3_item"] { display: none;}
.pro_tab3_content { display: none; padding: 0 0 0; clear: both; overflow: hidden; width:100%;}
#pro_tab3_01:checked ~ #pro_tab3_01_content,
#pro_tab3_02:checked ~ #pro_tab3_02_content,
#pro_tab3_03:checked ~ #pro_tab3_03_content { display: block;}
.pro_tab3 input:checked + .pro_tab3_item { background-color: #bd80e4; color: #fff; }
.pro_tab3 input:checked + .pro_tab3_item:nth-child(2) { background-color: #55bad0; color: #fff; }

.pflex301 { display:flex; gap: 3vw; flex-wrap: wrap; justify-content: center; align-items: flex-start; max-width:700px;}
.pflex301 li {flex-basis:165px; flex-grow:1; flex-shrink: 1; display:flex; gap: 0.5rem; flex-direction: column; justify-content: center; align-items: center; text-align:center; font-size:1.1rem; font-weight:bold;}
.pflex301 li p img { width: 90%; max-width:300px; border: 5px solid #4375a0; border-radius: 2rem;}
.pflex301 li span { font-size:1rem;}
.pflex302 { display:flex; gap: 3vw; flex-wrap: wrap; justify-content: center; align-items: flex-start; max-width:1100px; margin:2rem 0;}
.pflex302 li { width:45%; flex-basis:350px; flex-grow:1; flex-shrink: 1; display:flex; gap: 1rem; flex-direction: row; justify-content: center; align-items: center; text-align:left; font-size:1rem;}
.pflex302 li img { width:70px; flex-grow:1; flex-shrink: 1;}

@media screen and (max-width:1024px) {
	.program th, .program td { font-size:0.8rem; min-height:1.5rem;}
	.program thead th { font-size:1rem;}
	.table_xs { overflow-x:auto;}
	
	.sprogram_title {font-size:1.2rem;}
.sprogram th, .sprogram td, .sprogram tbody td .guide_04 li { font-size:0.9rem;}
.sprogram th, .sprogram td { padding:10px 5px 6px;}
.sprogram thead th:nth-child(1) { width:85px;}
.sprogram span { font-size:0.8rem;}
.sprogram em { font-size:0.8rem; }
.handson thead th:nth-child(2) { width:55px;}

.pro_tab_item { font-size: 1rem;}
}

@media screen and (max-width:767px) {
	.pro_ul:not(:last-child) { margin-bottom: 2rem;}
	.program td.mbOnly { display:contents!important;}
}

/* 기본 테이블 (반응형 조정x) */
.basic_table {border-collapse:collapse; border-bottom: 1px solid #4375a0; border-top: 3px solid #4375a0; overflow:hidden;}
.basic_table:not(:first-child) {margin-top:1rem; }
.basic_table th, .basic_table td { padding:0.5rem 1rem;}
.basic_table thead th {background: #4375a0; color:#fff;border-bottom: 1px solid #4375a0; text-align:center;}
.basic_table thead th:not(:first-child) {border-left: 1px solid #efefef;}
.basic_table thead td {background: rgba(19,78,124,0.1); color:#333; border-bottom: 1px solid rgba(19,78,124,0.3); text-align:center; font-weight:bold;}
.basic_table thead td:not(:first-child) {border-left: 1px solid rgba(19,78,124,0.3);}
.basic_table tbody th {border-top: 1px solid #fff; background:#efefef; text-align:center;}
.basic_table tbody td {border-top: 1px solid #efefef; background:#fff; text-align:center; overflow:hidden;}
.basic_table tbody th:not(:first-child) {border-left: 1px solid #fff;}
.basic_table tbody td:not(:first-child) {border-left: 1px solid #efefef;}
.basic_table tbody td span { word-break:keep-all; display:inline-block;}

@media screen and (max-width:1024px) {
.basic_table th, .basic_table td { padding:0.3rem 0.5rem; font-size:0.9rem;}
}

/* 사전등록비 테이블 */
.circle_graph{display:flex; gap:3rem; justify-content:center;}
.circle_graph li{border: 3px solid #84ab4b; background:#fff; width: 200px; height: 200px; border-radius:500px; text-align:center; padding:10px; font-size: 1rem; position:relative;}
.circle_graph li span { display:block; color:#84ab4b; font-size: 1.5rem; margin-top:2rem; margin-bottom:1rem; line-height:1;}
.circle_graph li span i{font-size: 4rem; font-weight:bold;}
.circle_graph li strong { display:block; color:#84ab4b; margin-top:0.5rem; font-size: 1.1rem;}
.circle_graph li:not(:first-child):before { position:absolute; content:'▶'; display:block; top: 50%; left:-2.5rem; transform:translateY(-50%);color:#84ab4b; font-size:2rem;}

.circle_graph li:nth-child(1){border: 3px solid #4375a0;}
.circle_graph li:nth-child(1) span, .circle_graph li:nth-child(1) strong, .circle_graph li:nth-child(2):before { color:#4375a0;}
.circle_graph li:nth-child(2){border: 3px solid #8a87af;}
.circle_graph li:nth-child(2) span, .circle_graph li:nth-child(2) strong, .circle_graph li:nth-child(3):before { color:#8a87af;}
.circle_graph li:nth-child(3){border: 3px solid #97627d;}
.circle_graph li:nth-child(3) span, .circle_graph li:nth-child(3) strong, .circle_graph li:nth-child(4):before { color:#97627d;}
.circle_graph li:nth-child(4){border: 3px solid #a53845;}
.circle_graph li:nth-child(4) span, .circle_graph li:nth-child(4) strong, .circle_graph li:nth-child(5):before { color:#a53845;}

@media (min-width: 951px) and (max-width: 1335px) {
.circle_graph{ gap:2rem;}
.circle_graph li{width: 150px; height: 150px; border-radius:300px; text-align:center; padding:10px; font-size: 1rem; position:relative;}
.circle_graph li span { margin-top:0.7rem; margin-bottom:5px;}
.circle_graph li span i{font-size: 3rem;}
.circle_graph li:not(:first-child):before {left:-1.6rem; font-size:1rem;}
	
.circle4 li{ width: 160px; height: 160px; border-radius:350px;}
}

@media screen and (max-width: 950px) {
.circle_graph{ gap:3rem; flex-wrap: wrap; padding-left:0;}
.circle_graph li{width: 100%; height: 5rem; border-radius:5rem; text-align:left; padding:0 2rem 0 7rem; position:relative; margin-bottom:0; display:flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.circle_graph li span{ position:absolute; top:0; left:-3px; display:block; width:6rem; height:3.5rem; color:#fff; margin-top:0; margin-bottom:0; text-align:center; background:#84ab4b; border-radius:5rem 0 0 5rem; padding:1.5rem 0 0 0.5rem;}
.circle_graph li span i{font-size: 3rem;}
.circle_graph li strong { margin-top:0;}
.circle_graph li:not(:first-child):before { content:'▼'; top: -3rem; left:50%; transform:translateX(-50%);}

.circle_graph li:nth-child(1) span{ background:#4375a0; color:#fff;}
.circle_graph li:nth-child(2) span{ background:#8a87af; color:#fff;}
.circle_graph li:nth-child(3) span{ background:#97627d; color:#fff;}
.circle_graph li:nth-child(4) span{ background:#a53845; color:#fff;}
	
.circle4 li{ width: 100%; height: 5rem; border-radius:5rem;}
	.circle4 li:nth-child(4) { letter-spacing: -1.1px;}
}

.bank_info{ padding: 0.5rem; border:3px solid #ddd; font-weight:bold; font-size:1.1rem; margin-bottom:0.5rem; max-width:700px;}
.bank_info .bank_kb {background:url('https://www.kbstar.com/2018/img/icon_set1_n2.png') no-repeat -280px 3px; width:30px; height:20px; float:left; display:block;}
.bank_info .bank_hn {background:url('https://image.kebhana.com/cont/common/img/newmain2021/logo.png') no-repeat 0 4px; background-size: 4.5rem; width:20px; height:20px; float:left; margin-right:0.5rem; display:block;}

.entry_fee {border-collapse:collapse; border-bottom: 1px solid #4375a0; border-top: 3px solid #4375a0; margin-top:1rem; overflow:hidden; margin-bottom:0.5rem;}
.entry_fee th, .entry_fee td { padding:0.5rem 1rem;}
.entry_fee thead th {background: #4375a0; color:#fff;border-bottom: 1px solid #4375a0; text-align:center;}
.entry_fee thead th:not(:first-child) {border-left: 1px solid #efefef;}
.entry_fee thead td {background: #cde6fc; color:#333; border-bottom: 1px solid rgba(19,78,124,0.3); text-align:center; font-weight:bold;}
.entry_fee thead td:not(:first-child) {border-left: 1px solid rgba(19,78,124,0.3);}
.entry_fee tbody th {border-top: 1px solid #fff; background:#efefef; text-align:center;}
.entry_fee tbody td {border-top: 1px solid #efefef; background:#fff; text-align:center; overflow:hidden;}
.entry_fee tbody th:not(:first-child) {border-left: 1px solid #fff;}
.entry_fee tbody td:not(:first-child) {border-left: 1px solid #efefef;}
.fix_layer { font-size:2rem; color:red; text-align:center; font-weight:bold; border: 2px solid #000; height:3rem; width:10rem; line-height:3.3rem; position:absolute; top:52.5rem; left: calc(50vw - 6rem); transform:rotate(345deg); background:rgba(255,255,255,0.5);}
/*table.dev_tbl td.dev_td2 textarea { width:97%;}*/

.table_ac01 { width:100%; margin-top:0; margin-bottom:0;}
.table_ac01 tbody th { width:25%;}
.table_ac01 tbody td { text-align: left;}
.table_ac01 tbody td a { word-break:break-all!important;}

.table_r01 thead td, .table_r02 thead td { display:none;}

.table_r02 { border-bottom: 1px solid #c32d70; border-top: 3px solid #c32d70;}
.table_r02 thead th {background: #c32d70; border-bottom: 1px solid #c32d70;}
.table_r02 thead td {background: #fdd6e8; border-bottom: 1px solid rgba(138,18,72,0.3);}
.table_r02 thead td:not(:first-child) {border-left: 1px solid rgba(138,18,72,0.3);}

.table_r03 tbody td { text-align:left!important;}

@media screen and (max-width: 768px) {
	.fix_layer { display:none;}
	.bank_info span { display:block; margin-left:2rem; font-size:1rem;}
.entry_fee thead th, .entry_fee thead td, .table_s02 tbody td:nth-child(1) { display:none;}
.entry_fee th, .entry_fee td { padding:2%;}
.entry_fee tbody th, .entry_fee tbody td {width:96%; display:block;}
.entry_fee tbody td:not(:first-child) {border-left: none}

/*	.dev_tbl { table-layout:auto!important; display:block; overflow:hidden;}
.dev_tbl th, .dev_tbl td { padding:2vw;}
.dev_tbl td table td { padding:0;}
.dev_tbl tbody th.dev_th1, .dev_tbl tbody td.dev_td2 {width:90vw; display:block;}
table.dev_tbl td.dev_td2 { border-left: none!important;overflow-x:auto;}
table.dev_tbl td.dev_td2 textarea, table.dev_tbl td.dev_td2 input[type=text], table.dev_tbl td.dev_td2 select { width:97%;}*/
	.table_ac01 tbody th, .table_ac01 tbody td { font-size:0.9rem;}
	.table_ac01 tbody td { text-align: center;}
	
  .table_s01 tbody th {background: #4375a0; color:#fff;}
  .table_s01 tbody td { position:relative; padding-left:51%; letter-spacing: -0.1rem; word-break:break-all; width:47%; min-height:1.5rem; line-height:1.5rem}
  .table_s01 td:before { display:block; position:absolute; left:0; top:0; width:50%; height:100%; min-height: 1.5rem; padding:2% 0; background: #efefef; word-break:break-all; letter-spacing: -0.1rem;}
  .table_s01 td:nth-child(2):before {content:'Diamond 40,000,000';}
  .table_s01 td:nth-child(3):before {content:'Platinum 20,000,000';}
  .table_s01 td:nth-child(4):before {content:'Gold 10,000,000';}
  .table_s01 td:nth-child(5):before {content:'Silver 5,000,000';}
	
  .table_s02 tbody th {background: #4375a0; color:#fff;}
  .table_s02 tbody td { position:relative; padding-left:31%; letter-spacing: -0.1rem; word-break:break-all; width:67%; min-height:1.5rem; line-height:1.5rem}
  .table_s02 td:before { display:block; position:absolute; left:0; top:0; width:30%; height:100%; min-height: 1.5rem; padding:2% 0; background: #efefef; word-break:break-all; letter-spacing: -0.1rem;}
  .table_s02 td:nth-child(3):before {content:'금액';}
  .table_s02 td:nth-child(4):before {content:'비고';}
	
  .table_r01 tbody th {background: #4375a0; color:#fff;}
  .table_r01 tbody td { position:relative; padding-left:51%; letter-spacing: -0.1rem; word-break:break-all; width:47%; min-height:1.5rem; line-height:1.5rem}
  .table_r01 td:before { display:block; position:absolute; left:0; top:0; width:50%; height:100%; min-height: 1.5rem; padding:2% 0; background: #efefef; word-break:break-all; letter-spacing: -0.1rem;}
  .table_r01 td:nth-child(2):before {content:'Early Registration';}
  .table_r01 td:nth-child(3):before {content:'Pre-registration';}
  .table_r01 td:nth-child(4):before {content:'On-Site Registration';}
	
  .table_r02 tbody th {background: #c32d70; color:#fff;}
  .table_r02 tbody td { position:relative; padding-left:51%; letter-spacing: -0.1rem; word-break:break-all; width:47%; min-height:1.5rem; line-height:1.5rem}
  .table_r02 td:before { display:block; position:absolute; left:0; top:0; width:50%; height:100%; min-height: 1.5rem; padding:2% 0; background: #efefef; word-break:break-all; letter-spacing: -0.1rem;}
  .table_r02 td:nth-child(2):before {content:'Early Registration';}
  .table_r02 td:nth-child(3):before {content:'Pre-registration';}
  .table_r02 td:nth-child(4):before {content:'On-Site Registration';}
	
  .table_r01 thead td, .table_r02 thead td { display:block;}
	
  .table_r03, .table_r04 { width:100%;}

  .table_c01 colgroup { display:none;}
    .table_c01 tbody th, .table_c01 tbody td { position:relative; padding-left:18%; letter-spacing: -0.5px; word-break: keep-all; width:80%; min-height:1.5rem; line-height:1.5rem}
/*  .table_c01 tbody th {background: #4375a0; color:#fff;}
  .table_c01 tbody td { position:relative; padding-left:31%; word-break:break-all; width:67%; min-height:1.5rem; line-height:1.5rem}*/
/*  .table_c01 td:before { display:block; position:absolute; left:0; top:0; width:30%; height:100%; min-height: 1.5rem; padding:2% 0; background: #efefef; word-break:break-all; }*/
     .table_c01 td:before, .table_c01 th:before { display:block; position:absolute; left:0; top:0; width:17%; height:100%; min-height: 1.5rem; padding:2% 0; background: #4375a0; color:#fff; word-break:break-all; letter-spacing: -0.1rem;}  
 .table_c01 th:nth-child(1):before {content:'Title';}    
  .table_c01 td:nth-child(2):before {content:'Name';}
  .table_c01 td:nth-child(3):before {content:'Affiliation';}
  .table_c01 td:nth-child(4):before {content:'Country';}
}

.write_btn{padding:20px 0;}
.write_btn p{color:#fff; background-color:#1d8ac3; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.btn_wrap{overflow:hidden; width:550px; margin:0 auto;}
.write_btn2{padding:20px 0; margin:0 auto;}
.write_btn2 p{color:#fff; background-color:#1d8ac3; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.write_btn3{padding:20px 0; float:right;}
.write_btn3 p{color:#fff; background-color:#48bb82; width:210px; margin:0 auto; text-align:center; padding:15px; font-size:16px; border-radius:6px; font-weight:bold;}
.write_btn6{ float:left; margin:10px;}
.write_btn6 p{color:#fff; background-color:#6362a3; width:80px; margin:0 auto; text-align:center; padding:15px; font-size:12px; border-radius:6px; font-weight:bold;}

/* case */
.abstract_box {border-radius: 1rem; padding: 1rem; box-shadow: 3px 3px 3px 3px #ccc; text-align: left;}
.abstract_box strong { font-size:larger; color:#4375a0;}

/* 후원 및 전시 */
.spon { border-radius: 2rem; /*border-width:5px; border-style: solid; margin-bottom:3rem;*/ display:flex; flex-wrap:nowrap; align-items: stretch; justify-content: flex-start;}
.spon p { flex-basis: 175px; flex-grow: 0; flex-shrink: 0; color:#fff; font-size:1.2rem; font-weight:bold; display:flex; align-items: center; justify-content: center; border-radius: 0.5rem 0 0 0.5rem;}
.spon ul {margin:0; display: flex; gap: 1rem; flex-wrap:wrap; justify-content: center;}
.spon ul li {flex-basis:250px; flex-grow:0; flex-shrink: 1; text-align: center;}
.diamond { border-color: #8c6cc6;}
.diamond p { background: #8c6cc6;}
.gold { border-color: #ddb86f;}
.gold p { background: #ddb86f;}
.silver { border-color: silver;}
.silver p { background: silver;}
.bronze { border-color: #CD7F32;}
.bronze p { background: #CD7F32;}
.spon2 p { color: #000!important;}
@media screen and (max-width: 768px) {
.spon { flex-wrap:wrap; justify-content: center; gap:1rem;}
.spon p { flex-basis: 500px; flex-grow:1; flex-shrink: 1; border-radius: 0.5rem 0.5rem 0 0;}
.spon ul { justify-content: center; margin:0 0 0 0;}
.spon ul li { flex-basis:200px; flex-grow:1;}
}

/* accom */
.accom01 { display:flex; gap:1.5rem; align-items: stretch;}
.accom01 img { max-width:35%!important;}

.booking_list { clear:both; display:flex; gap:2rem; justify-content: center; flex-wrap: wrap;}
.booking_list li { flex-basis:235px; width:100%; list-style:none;}
.booking_list li a { display:block; height:3rem; text-align:center; border: 1px solid #ccc; padding:0.5rem 1rem; line-height:3rem;}
.booking_list li a img { max-width:235px; max-height:3rem; vertical-align: middle;}

@media screen and (max-width: 768px) {
.accom01 { flex-wrap:wrap; gap:0.5rem; justify-content: center;}
	.accom01 img { max-width:100%!important;}
}

/* travel */
.general01 { display:flex; gap:1.5rem; align-items: flex-start;}
.general01 img { max-width:45%;}

.general02 {margin:2rem auto 0; display:flex; gap:2rem; flex-wrap: wrap;}
.general02 li { width: calc(50% - 1rem); display:flex; gap:0.5rem; flex-direction: column;}
.general02 li strong { display:block; padding:0.5rem 1rem; background:#4375a0; color:#fff; border-radius: 1rem 1rem 0 0;}
.general02 li p {display:flex; gap:0.5rem; flex-direction: row; align-items: flex-start;}
@media screen and (max-width: 768px) {
.general01 { flex-wrap:wrap; gap:0.5rem;}
	.general01 img { max-width:100%;}
	.general02 li { width:100%; flex-basis:250px; flex-grow: 1;}
	.general02 li p {flex-direction: column; align-items: center;}
}

/* transportation */
.venue_img { display:flex; flex-wrap: nowrap; gap: 2vw; justify-content: center;}
.venue_img li { text-align:center;}
.venue_img li img { max-width:100%;}
.sub_folding{ width: 100%; display: block; overflow: hidden;}
.folding_item{ border-top: 1px solid #efefef; border-radius: 10px; overflow: hidden; list-style:none;}
.folding_btn{ display: block; padding: 10px 20px; background-color: #4375a0; color: #fff!important; font-weight:bold; position: relative;}
.folding_btn:before{ content: ''; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right:8px solid transparent; border-top:10px solid #4375a0; right: 15px; bottom: -10px; z-index: 9; }
.folding_btn i { margin-right: 10px;}
.folding_btn:hover { color:#ffff00!important;}
.folding_btn:hover:after { content:"▶"; margin-left:10px;}
.folding_cont{background: #fff; overflow: hidden; transition: max-height 0.7s; max-height: 0;}
.folding_cont p { padding:10px 0;}
.folding_cont img { max-width:100%; margin:0 auto; margin-left:70px;}
.folding_item:target .folding_cont{ max-height: inherit;}
.folding_cont em { display: contents!important; font-style: normal; font-weight: bold; color: green;  }
.line2 strong { color:#1db359;}
.line2 li:before { content: "2"; display: block; font-size:1rem; font-weight: bold; line-height: 1.5rem; text-align: center; color: #fff; background: #1db359; border-radius: 1rem; width: 1.5rem; height:1.5rem; left:-1rem;}
.line5 strong { color:#9c60a8;}
.line5 li:before { content: "5"; display: block; font-size:1rem; font-weight: bold; line-height: 1.5rem; text-align: center; color: #fff; background: #9c60a8; border-radius: 1rem; width: 1.5rem; height:1.5rem; left:-1rem;}
.line8 strong { color:#ed2274;}
.line8 li:before { content: "8"; display: block; font-size:1rem; font-weight: bold; line-height: 1.5rem; text-align: center; color: #fff; background: #ed2274; border-radius: 1rem; width: 1.5rem; height:1.5rem; left:-1rem;}
.line9 strong { color:#b3a58b;}
.line9 li:before { content: "9"; display: block; font-size:1rem; font-weight: bold; line-height: 1.5rem; text-align: center; color: #fff; background: #b3a58b; border-radius: 1rem; width: 1.5rem; height:1.5rem; left:-1rem;}

/* Floor plan */
.floor_list {display:flex; flex-wrap: wrap; gap: 2vw; justify-content: center; align-items: flex-start; margin-top:2rem;}
.floor_list li { flex-basis:300px; flex-grow:0; flex-shrink: 1; text-align:center;}
.floor_tbl {border-collapse:collapse; border-bottom: 1px solid #4375a0; border-top: 3px solid #4375a0; margin-top:1rem; overflow:hidden; width:100%; max-width:500px;}
.floor_tbl th, .floor_tbl td { padding:0.5rem 1rem;}
.floor_tbl tbody th {border-top: 1px solid #fff; background:#efefef; text-align:center; width:2rem;}
.floor_tbl tbody td {border-top: 1px solid #efefef; background:#fff; text-align:center; overflow:hidden;}
.floor_tbl tbody td:not(:first-child) {border-left: 1px solid #efefef;}
@media screen and (max-width: 1024px) {
.cont .folding_cont h5 {margin-left:0;}
.folding_cont .guide_04, .folding_cont img { margin-left:1.2rem;}
.folding_cont .guide_04 li { padding-left:1rem;}
}

/* 회원 로그인 화면 */
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2026/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2026/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2026/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}


/* 등록 및 접수 폼 */
.write_form{border-collapse:collapse; border-top:2px solid #333; border-bottom:2px solid #333; }
.write_form thead th, .write_form tbody th, .write_form tbody td{padding:10px; border-bottom:1px solid #ddd;}
.write_form thead th{background-color:#fafafa; color:#444; margin:5px 0;}
.write_form tbody th{font-weight:normal; text-align:left;}
.write_form tbody td{line-height:24px;}
.write_form tbody .star{color:red; font-weight:bold;}
.write_form tbody td .in_radio{border:none;}
.write_form tbody td input{border:none; border:1px solid #999; vertical-align:middle; padding:2px;}
.write_form tbody select{font-size:12px; font-family:'돋움',dotum,sans-serif; padding:2px 3px;}
.write_form tbody textarea{margin-top:5px;}
.write_form tbody .section{background-color:#fafafa; font-weight:bold; text-align:center;}
.write_form tbody .btn{background-color:#444; border:1px solid #cbcbcb; padding:3px 7px; border-radius:5px;}
.write_form tbody .btn a{color:#fff; font-size:11px;}
.btn2{text-align:center; margin-top:30px;}
.btn2 span{background-color:#1d8ac3; border:1px solid #cbcbcb; padding:5px 15px; border-radius:5px; margin:0 2px;}
.btn2 a{color:#fff; font-size:13px; font-weight:bold;}
.btn2 a:hover{color:#fffc00;}
.nonmember{color:#fff; background-color:#b6c238; width:120px; margin:0 auto; text-align:center; padding:4px; font-size:12px; border-radius:6px; font-weight:bold;}
.agree_box { background:#f4f4f4; padding:2rem 2rem 1rem; border-radius:1rem; margin-top:1rem;}
.agree_box div:nth-child(2) { text-align:center; margin: 1rem auto;}
.agree_table { width:100%; max-width:800px; margin:1rem auto;}
.agree_table th { width:20%;}
@media screen and (max-width: 768px) {
.agree_box { background:#f4f4f4; padding:1rem; border-radius:1rem;}
}

/* admin 로그인 화면 */
.admin_login{background:#fff url('/register/2026/images/admin_login_bg.jpg') no-repeat center 200px; width:423px; height:471px; margin:0 auto;}
.admin_login fieldset{border:none; padding:365px 0 0 20px;}
.admin_idpw{float:left; margin-right:20px; margin-left:30px;}
.admin_id{margin-bottom:10px;}
.input_login{margin-top:6px;}
.id{border:1px solid #dcdcdc; background:#fff url('/register/2026/images/id_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.id.on{background:none; background-color:#fff;}
.pw{border:1px solid #dcdcdc; background:#fff url('/register/2026/images/pw_bg.gif') no-repeat 7px 7px; color:#666; width:205px; height:25px;}
.pw.on{background:none; background-color:#fff;}
.login_box{border:2px solid #ddd; border-radius:8px; padding:160px 40px 30px 40px; width:420px; margin:0 auto; background:url('/register/2026/images/login_bg.jpg') no-repeat 30px 30px;}
.login_box fieldset{border:none;}
.input_idpw{float:left; margin-right:20px; margin-left:30px;}
.input_id{margin-bottom:2px;}

/*영수증*/
.receipt{ background:url('/register/2026/images/receipt.gif?v=230901') no-repeat 0px 2px; width:480px; height:300px;}

/*이수증*/


/*My Account*/
.account th, .account th a{color:#000; font-family:'돋움',dotum,sans-serif; font-size:12px;}
.account td, .account td a{color:#666; font-family:'돋움',dotum,sans-serif; font-size:12px;}

.tab{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; width:100%;}
.tab li{list-style:none; flex-basis:130px;flex-grow:1; flex-shrink: 1;}
.tab li a{display:block; margin-right:1%; background-color:#999; color:#fff; text-align:center; padding:10px 0; border-radius:10px; font-family:'Score4'; font-size:1.1rem;}
.tab li:nth-child(6) a{margin-right:0;}
.tab li span{font-size:14px;}
.tab li:hover a{background-color:#4375a0; color:#fff;}
.tab li.over a{background-color:#4375a0; color:#fff;}
@media screen and (max-width: 768px) {
.tab li a{ font-size:1rem;}
}

/* 갤러리 */
.gallery_thumb {
	display: flex;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
	gap: 5px;
 width: calc(155px * 8 - 5px);
	margin: 0 auto;
}
.gallery_thumb img {
	width: 100%;
	max-width: 100%;
}
@media (min-width: 1001px) and (max-width: 1313px) {
.gallery_thumb {
 width: calc(155px * 6 - 5px);
}
}
@media (min-width: 651px) and (max-width: 1000px) {
.gallery_thumb {
 width: calc(155px * 4 - 5px);
}
}
@media screen and (max-width: 650px) {
.gallery_thumb {
 width: calc(155px * 2 - 5px);
}
}