@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');

/* #wrap {overflow-x: hidden;} */
html{font-family: 'SCoreDream', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	cursor: url(../img/cursor.png), auto; word-break: keep-all; word-wrap: break-word; font-size: 16px; font-weight: 500; scroll-behavior: smooth;
}
a:hover, button {cursor: url(../img/cursor_hover.png), auto;}	
img {max-width: 100%; text-align: center;}
td {overflow: hidden; word-wrap:break-word; word-break: break-all;}
select {background:#fff; font-family: 'SCoreDream', sans-serif;}
button, input {font-family: 'SCoreDream', sans-serif;}

/* 반응형 백그라운드 비디오 */
.bg_video {width: 100vw; height: 100vh;}
.bg_video iframe,
.bg_video video {position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; transform: translate(-50%, -50%);}

@media (min-aspect-ratio: 16/9) {
	.bg_video iframe,
	.bg_video video {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}

@media (max-aspect-ratio: 16/9) {
	.bg_video iframe,
	.bg_video video {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}

/* 쿠키팝업 */
#layerPopup {display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
#layerPopup .popupBox {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#111; width:500px; max-width: 600px;}
#layerPopup .popupBox img {width:100%;}
#layerPopup .popupClose {text-align:right; background:#111; padding:10px;}
#layerPopup .popupClose input {vertical-align:middle;}
#layerPopup .popupClose label {color:#fff; font-size:14px; vertical-align:middle;  margin-left:3px;}
#layerPopup .popupClose a{color:#fff; width:15px; display:inline-block; vertical-align:middle; margin-left:10px; }


.lock_scroll {overflow: hidden;}
.draggable { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.inner {width:90%; max-width:1600px; margin:0 auto;}
.btn_arr {position: relative;}
.btn_arr:after {
	content:""; width: 7px; height: 7px; border-top:2px solid #fff; border-right: 2px solid #fff;
	display: inline-block; transform: rotate(45deg) translateY(-50%); position: absolute; top:50%; right:16px;
}

.pink {color:#EB0069;}
.blue {color:#11238c;}

.box_img { position: relative; display:block !important; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #fff;}
.box_img img {position:absolute;  top:50%; left:50%; transform: translate(-50%,-50%); height: 100%; width: 100%; object-fit: cover;}

.popup {overflow-y:auto; display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
.popup.on {display:block;}
.popup .popup_inner {width:100%; height: 100%; padding:15px; position: relative; margin:0 auto; box-sizing: border-box;}
.popup .popup_wrap {position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.pop_img_zoomin .view_box {overflow: hidden; width: 100%; height: auto; max-width: 1200px; max-height: 90vh; position: relative; margin: 0 auto;}
.pop_img_zoomin .view_box .close {position: absolute; width: 40px; height: 40px; background: rgba(0,0,0,.8); top: 0; right:0; cursor: url(../img/cursor_hover.png), auto;}
.pop_img_zoomin .view_box .close:after {
	display: block; content: ""; background: url('../img/close_w.png') no-repeat center center / cover; width: 20px;height: 20px;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.pop_img_zoomin .view_box .img img {object-fit: contain;}

.paging {text-align: center; }
.paging a {display: inline-block; vertical-align: middle;  }
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a  { display: inline-block; vertical-align: middle; padding:0 5px; border:1px solid #ddd; border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #11238c; color:#fff;}

.cate_top {width:100%; height:380px; background:url(../img/b2b/cate_top.png) no-repeat center center; position: relative;}
.cate_top .top_tit {font-size: 60px; color:#fff; font-weight: 600; position: absolute; bottom:110px; left:50%; transform: translateX(-50%); text-align: center;}


.sub_cate {border-bottom:1px solid #ddd;}
.sub_cate ul {font-size: 0; display: flex; align-items:stretch; justify-content: center; }
.sub_cate ul li {width: 100% !important; text-align: center; padding:0 10px; display: flex;  border-bottom:5px solid transparent; height: 78px;}
.sub_cate ul li.active {border-bottom:5px solid #11238c;}
.sub_cate ul li.active a {color:#11238c; font-weight: 600;}
.sub_cate ul a {font-size: 18px; line-height: 1.4; font-weight: 500; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.sub_cate_tit {padding:80px 0 60px;}
.sub_cate_tit .tit {text-align: center; font-size:40px; font-weight: 700;}
.sub_cate_tit .line {width:2px; height: 35px; background: #EB0069; margin:30px auto 50px; display: none;}


.sub_tit {width: 100%; font-size: 32px; font-weight: 700; color:#000; margin-bottom:25px;}
.sub_tit:before {
	content:""; display: inline-block; vertical-align: middle; width:35px; height: 32px; 
    background: url('../img/bar_icon_b2.png') no-repeat; background-size: contain;  margin-bottom:2px; margin-right: 6px;
}

.sub_tit_2 {width: 100%; font-size: 24px; font-weight: 700; color:#000; margin-bottom:25px;}
.sub_tit_2:before {
	content:""; display: inline-block; vertical-align: middle; width:30px; height: 30px; 
    background: url('../img/bar_icon_b2.png') no-repeat; background-size: contain;  margin-bottom:2px; margin-right: 6px;
}


.list_guide3:after {display:block; clear:both; content: ""}
.list_guide3 li {float:left; width:31.666%; margin-right:2%; position: relative; margin-bottom: 40px;}
.list_guide3 li:nth-child(3n) {margin-right:0;}

.list_guide4:after {display:block; clear:both; content: ""}
.list_guide4 li {float:left; width:23.5%; margin-right:2%; position: relative; margin-bottom: 40px;}
.list_guide4 li:nth-child(4n) {margin-right:0;}

.all_cont {font-size: 18px; color:#000; font-weight: 500;}
.all_cont img {vertical-align: middle; margin-right:6px; margin-bottom:3px;}
.all_cont .number {color:#11238c; font-weight: 700;}

.form_box {padding:15px 0; font-size: 0;}
.form_box .sort {display: inline-block; width: 10%; font-size: 16px; color:#11238c;  font-weight: 700; vertical-align: top; line-height: 24px}
.form_box .check {display: inline-block; width: 90%; font-size: 16px; font-weight: 600;  vertical-align: top; line-height: 24px; }
.form_box .check label {margin-right:30px; display: inline-block;}
.form_box .check label input {
	-webkit-appearance : none; -moz-appearance:none; appearance:none; 
	border:1px solid #ccc;
	width:15px; height:15px; vertical-align:middle; margin-right:7px; margin-top:1px;
}
.form_box .check label input:checked {appearance:auto;}
.form_box .search input {border:none; border-bottom:1px solid #ddd; width: 400px; font-size: 16px; padding:7px 0;}
.form_box .search button {background: #11238c; color:#fff; border:1px solid #11238c; padding:7px 20px; font-size: 16px; margin-left: 15px;}





/* header style */
#header { position:fixed; width:100%; top:0; left:0; height:100px; background:rgba(255,255,255,0); z-index: 999; }
#header .header_inner {width:100%; height:100px; position: absolute; top:50%; left: 0; transform: translateY(-50%);}
#header .header_inner:after {display:block; clear:both; content:""; }
#header .header_inner img.on {display: none;}
#header .header_inner .logo_top {width:10%; position: absolute; top:50%; left: 30px; transform: translateY(-50%);}
#header .header_inner .nav_top {width: 75%; text-align: center; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
#header .header_inner .nav_top > li {display: inline-block; padding:0 30px; line-height: 100px; position: relative;}
#header .header_inner .nav_top > li > a {font-weight:600; font-size: 18px; color:#fff;}
#header .header_inner .nav_top .gga a {background: #11238c; padding: 7px 12px; border-radius: 100px; vertical-align: middle;} 
#header .header_inner .nav_top .gga a::before {
	display: inline-block; content: ""; vertical-align: middle; margin:0 3px 3px 0;
	background: url('../img/b2b/icon_link.png') no-repeat center center / cover; width: 20px; height: 20px;
}
#header .header_inner .nav_top > li:hover:after {
	display: block; content: ""; background: #a3e1ff; width: 100%; height: 3px;
	position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);
}
#header .header_inner .nav_top > li:hover > a {color:#a3e1ff}
#header .header_inner .nav_top .gga:hover:after {display: none;}
#header .header_inner .nav_top .gga:hover > a {color: #fff;}

#header .header_inner .nav_right {position: absolute; top:50%; right: 30px; transform: translateY(-50%);}
#header .header_inner .nav_right a {font-size: 14px; color:#fff; margin-left:20px; display: inline-block;}
#header .header_inner .nav_right a span {vertical-align: middle; margin-right: 5px; }
#header .header_inner .nav_right .mypage_btn {position: relative; padding-right: 18px;}
#header .header_inner .nav_right .mypage_btn .mypage_alarm {
	position: absolute; top: -10px; right:0; width: 18px; height: 18px; line-height: 18px; text-align: center;
	background: #ff0000; color: #fff; border-radius: 100px; font-size: 11px; margin-right:0;
}

#header .header_inner .nav_right .b2c {background: #EB0069; color: #fff; padding:3px 5px; border-radius: 0 7px 0 7px;}

#header.active,
#header:hover {background:rgba(255,255,255,1); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05)}
#header.active .header_inner img.off,
#header:hover .header_inner img.off  {display: none;}
#header.active .header_inner img.on,
#header:hover .header_inner img.on {display: inline-block;}
#header.active .header_inner .nav_top > li > a,
#header:hover .header_inner .nav_top > li > a {color:#111;}
#header.active .header_inner .nav_top > li:hover:after,
#header:hover .header_inner .nav_top > li:hover:after {background: #11238c;}
#header.active .header_inner .nav_top > li:hover > a,
#header:hover .header_inner .nav_top > li:hover > a {color:#11238c}
#header.active .header_inner .nav_top .gga a,
#header:hover .header_inner .nav_top .gga a {color: #fff;}
#header.active .header_inner .nav_top .gga:hover a,
#header:hover .header_inner .nav_top .gga:hover a {color: #fff;}
#header.active .header_inner .nav_right a,
#header:hover .header_inner .nav_right a {color:#333;}
#header.active .header_inner .nav_right .b2c,
#header:hover .header_inner .nav_right .b2c {color: #fff;}


.menu {position:relative;}
.menu .sub_menu {
	display:none; position: absolute; top:101px; left:50%; transform:translate(-50%,0); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	background: rgba(255,255,255,1); padding: 15px; width:max-content; min-width: 100%; z-index: 1;
	}
.menu .sub_menu ul > li {width:100%; }
.menu .sub_menu ul > li > a {font-size:16px; line-height: 20px; padding:7px 0; display:block; color:#111; font-weight: 500;}
.menu .sub_menu ul > li > a:hover {color:#11238c; }

.m_menu {display:none;}
.aside .logo_top {display: none;}


/* footer style */
#footer {width:100%; border-top:1px solid #ddd;}
#footer .footer_box1 {padding:20px 0;}
#footer .footer_box1 p {display: inline-block; font-size: 20px; font-weight: 700; vertical-align: middle; margin-right:90px;} 
#footer .footer_box1 p img {vertical-align: middle; margin-left:15px; }

#footer .footer_box2 {background: #21243A; color:#fff; padding-bottom: 50px;}
#footer .footer_box2 .inner {position: relative;}
#footer .footer_box2 .move_top {
	position: absolute; right: 0; bottom: 0; border:1px solid #ddd; width:50px; height: 50px; transition: all .5s;
}
#footer .footer_box2 .move_top:after {
	position: absolute; border-top:2px solid #fff; border-right: 2px solid #fff; width:15px; height: 15px;
	content: ""; display: block; top:60%; left:50%; transform: translate(-50%,-50%) rotate(315deg); 
}
#footer .footer_box2 .move_top:hover {background: #fff;}
#footer .footer_box2 .move_top:hover:after {border-color: #11238c}
#footer .footer_box2 .ft_btn {padding: 25px 0; text-align: right; border-bottom: 1px solid #90919C;}
#footer .footer_box2 .ft_btn a {color: #fff;}
#footer .footer_box2 .ft_info {padding-top: 30px;}
#footer .footer_box2 .ft_info li {margin-bottom: 20px;}
#footer .footer_box2 .ft_info .name {background: #fff; color: #21243A; display: inline-block; font-weight: 700; padding: 2px 5px; border-radius: 0 7px 0 7px;}
#footer .footer_box2 .ft_info .info p {display: inline-block; margin-top: 10px; margin-right: 20px;}
#footer .footer_box2 .ft_info .info span {font-size: 16px; line-height: 1.4;}
#footer .footer_box2 .ft_info .info .gubun {font-weight: 700; margin-right: 3px;}
#footer .footer_box2 .ft_copy {font-size: 14px; color: #90919C; margin-top: 40px;}

/* main_style */
.main_inner {width: 1600px; margin:0 auto;}
.main_sec_tit {width: 100%; font-size: 32px; font-weight: 700; color:#000; margin-bottom:25px; position: relative;}
.main_sec_tit:before {
	content:""; display: inline-block; vertical-align: middle; width:35px; height: 32px; 
    background: url('../img/bar_icon_p2.png') no-repeat; background-size: cover;  margin-bottom:2px; margin-right: 6px;
}
.main_sec_tit .more_btn {position:absolute; bottom: 0; right: 0; font-size: 16px; font-weight: 500;}
.main_sec_tit .more_btn:after {
	display: inline-block; content: "+"; margin-bottom:4px; margin-left:2px; vertical-align: middle;
	font-weight:400; font-size:20px; color:#e50065;
}


.main_top {
	width: 100%; min-height: 100vh; overflow: hidden; scroll-snap-type:mandatory; position: relative; z-index: 1;
	background: #000; background: url('../img/b2b/main_top_bg.jpg'); display: flex; align-items: center;
}

/* 2024 행사 종료 ver */
.main_top .inner {display: flex; align-items: center; padding: 120px 0; gap: 60px;}
.main_top_tit {width: calc(70% - 60px); text-align: center;}
.main_top_tit img {max-width: 600px; width: 100%;}
.main_top_video {width: 30%; display: flex; flex-direction: column; gap: 20px;}
.main_top_video .box {border-radius: 20px; overflow: hidden; width: 100%;}
.main_top_video .text {background: #fff; padding: 15px; display: flex; align-items: center;}
.main_top_video .text .day {font-size: 16px; flex:  1 0 0;}
.main_top_video .text .day span {color: #11238c; font-weight: 700;}
.main_top_video .text a {font-size: 12px; color: #777; padding-right: 10px; position: relative;}
.main_top_video .text a:after {
	display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777;
	transform: rotate(45deg); position: absolute; right: 0; top:3px;
}

/* 배경에 비디오 있을 경우 - 2024 행사 ver
.main_top .main_top_bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.main_top .main_top_bg:before {
	display: block; content: ""; z-index: 1;
	position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.58);
}
.main_top .main_top_tit {position: absolute; top: 52%; left: 50%; transform: translate(-50%,-50%); z-index: 2; max-width: 500px; width: 90%; text-align: center}
.main_top .main_top_tit .dday {border-top: 2px solid rgba(255,255,255,.5); margin-top: 20px; padding-top: 20px; display: flex; gap: 20px; align-items: center; justify-content: center;}
.main_top .main_top_tit .dday .text {color: #ADD8FF; font-size: 33px;}
.main_top .main_top_tit .dday .day_count {color: #fff; font-size: 68px; font-family: 'Montserrat', sans-serif; font-weight: 700;} */

.main_top .main_top_scroll {
	position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3; color: #fff; font-size: 16px;
	animation: scrollMove .5s linear infinite alternate;
}
.main_top .main_top_scroll .arrow {
	border-top: 1px solid #fff; border-right: 1px solid #fff; width: 10px; height: 10px; margin: 5px auto 0;
	rotate: 135deg;
}

@keyframes scrollMove {
	from {bottom: 30px;}
	to {bottom: 40px;} 
}


.main_box_1 {padding: 120px 0; background: url('../img/b2b/bg_main_01.jpg') no-repeat center center / cover;}
.main_box_1 .box_list {display: flex; gap: 60px;}
.main_box_1 .box_list li {width: 100%; border-radius: 20px; height: 330px; background: #F5F9FE;}
.main_box_1 .box_list a { padding: 40px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}
.main_box_1 .box_list .text_box {line-height: 1.4;}
.main_box_1 .box_list .text_box .big {font-size: 28px; font-weight: 700;}
.main_box_1 .box_list .text_box .small {font-size:18px; color: #555; margin-top: 5px;}
.main_box_1 .box_list .icon_box {display: flex; justify-content: flex-end;}
.main_box_1 .box_list .icon_box .icon {width: 80px;}


/* 개발사 */
.dev_sec1 {padding-top: 80px;}
.dev_sec1 .box {border-top:2px solid #11238c; border-bottom:2px solid #11238c; padding:10px 0 3px;}

.intro_cp2 {padding: 40px 0 20px;}
.intro_cp2:after {display:block; clear:both; content:"";}
.intro_cp2 .download {font-size: 16px; color:#fff; float:left; }
.intro_cp2 .download a {display:block; color:#fff; background: #11238c; padding:15px; }
.intro_cp2 .download a:after {
	content:""; clear: both; display: inline-block; vertical-align: middle; width:20px; height: 15px; 
    background: url('../img/down_icon1.png') no-repeat; background-size: 100%;  margin-bottom:2px; margin-left: 10px;
}
.intro_cp2 .select {float:right; display: inline-block; width: 10%; }
.intro_cp2 .select select {display:block; width:100%; border:none; border-bottom:1px solid #000; padding:10px 0; font-size: 16px;}

.intro_cp3 {padding-bottom:90px; overflow: hidden;}
.intro_cp3 .box {padding:20px 0; display: flex; flex-wrap: wrap; gap: 40px; align-items:stretch}
.intro_cp3 .box li {margin-right: 0; margin-bottom: 0; width: calc(25% - 30px); height: auto !important;}
.intro_cp3 .box .basic {outline:5px solid #11238c; background: #F5F9FE; padding-bottom: 20px; border-radius: 20px; overflow: hidden; height: 100%;}
.intro_cp3 .box .basic .company {margin: 20px 20px 0; font-size:18px; font-weight: 600; display: flex; align-items: center; gap: 3px; align-items: flex-start;} 
.intro_cp3 .box .basic .company .icon {width: 30px; flex-shrink:0;}
.intro_cp3 .box .basic .company .name {flex: 1; word-break: break-word; margin-top: 2px; line-height: 1.4;}
.intro_cp3 .box .basic .flag {margin: 12px 22px 0; width: 24px;}
.intro_cp3 .box .basic .game {margin:12px 20px 0; font-size: 16px; font-weight: 500; color:#555;}
.intro_cp3 .box .basic .onoff {margin:12px 20px 0; font-size: 16px; font-weight: 500; color:#555;}

.intro_cp3 .box .em_both .basic{outline: 5px solid #11238c;}
.intro_cp3 .box .em_both .img{position: relative;}
.intro_cp3 .box .em_both .img .babge {position: absolute; top:5px; right: 5px;}
.intro_cp3 .box .em_both .img .babge img {width: 80px;}

.intro_cp3 .box li:hover .hover{display: block;}
.intro_cp3 .box .hover {
	display: none; z-index: 1;
	position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background:#11238c; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 105%; border-radius: 20px; overflow: hidden;  border:3px solid #11238c;
}
.intro_cp3 .box .hover p {margin: 15px 20px 0; font-size: 14px; line-height:20px; color:#fff; font-weight: 500;}
.intro_cp3 .box .hover .img,
.intro_cp3 .box .hover .video {margin: 0;}
.intro_cp3 .box .hover .company { margin: 20px 20px 0; font-size:20px; font-weight: 600; color:#fff;}
.intro_cp3 .box .hover .game {margin:12px 20px 0; font-size: 18px; font-weight: 500; color:#fff;}
.intro_cp3 .box .hover .onoff {margin:12px 20px 0; font-size: 14px; font-weight: 500; color:#fff;}
.intro_cp3 .box .hover .line {height: 1px; background:#fff; opacity: .2}
.intro_cp3 .box .hover .sort {color:#bcc6ff; font-weight: 14px; margin-right:10px;}
.intro_cp3 .box .hover .btn {padding-bottom:20px; font-size: 0; text-align: center; display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap;}
.intro_cp3 .box .hover .btn a {
	border:1px solid #ddd; border-radius: 50px; color:#fff; font-size: 13px; line-height: 16px;
	display: flex; align-items: center; justify-content: center; text-align: center; height: 40px;
	padding:0 10px; min-width: 31%;

}
.intro_cp3 .box .hover .btn a:last-child {margin-right:0;}
.intro_cp3 .box .hover .btn a.like_w {position: relative;}
.intro_cp3 .box .hover .btn a.like_w:before {
	content:""; clear: both; display: inline-block; vertical-align: middle; width:16px; height: 16px; 
    background: url('../img/like_w.png') no-repeat; background-size: 100%; margin-right:4px; margin-bottom: 2px;
 }
.intro_cp3_swiper {position: relative; padding: 60px 0 100px; border-bottom: 1px solid #ddd;}
.intro_cp3_swiper::before,
.intro_cp3_swiper::after {
	display: block; content: ""; width: 100%; height: 100%; background: #fff;
	position: absolute;  z-index: 2; top: 0;
}
.intro_cp3_swiper::before {left: -100%;}
.intro_cp3_swiper::after {right: -100%;}

.intro_cp3_swiper .swiper-btn-wrap > div {position: absolute; top: 57%; transform: translateY(-50%); width: 40px; height: 40px;}
.intro_cp3_swiper .swiper-btn-wrap > div:after {font-size: 38px;}
.intro_cp3_swiper .swiper-button-prev {left: -30px;}
.intro_cp3_swiper .swiper-button-next {right: -30px;}
.intro_cp3 .swiper {padding:0 20px; overflow:unset;}

.intro_cp3 .swiper .box {flex-wrap: nowrap; gap: 0; height: auto !important; padding: 0;}

.dev_det_sec1 {font-size: 0; padding:80px 0 40px; }
.dev_det_sec1 .inner {border-top:2px solid #11238c; padding-top: 40px;}
.dev_det_sec1 .inner:after {display: block; content:""; clear: both;}
.dev_det_sec1 .box1 {width: 48%; float: left;}
.dev_det_sec1 .box1 .dev_det_btn1,
.dev_det_sec1 .box1 .dev_det_btn2 {float:left; text-align:center; font-size: 18px; border:1px solid #11238c; padding:15px;}
.dev_det_sec1 .box1 .dev_det_btn1 {width:30%; margin-right:2%; color:#11238c; background:#fff;}
.dev_det_sec1 .box1 .dev_det_btn2 {width:68%; color:#fff; text-align:center;background:#11238c;}
.dev_det_sec1 .box2 {float: right;}
.dev_det_sec1 .box2 a {display: inline-block; vertical-align: middle; margin-left:10px;}
.dev_det_sec1 .box2 .like_b {font-size: 16px; border:1px solid #777;  padding:15px 15px 15px 33px; width:100px; text-align:right; border-radius: 50px; position: relative;}
.dev_det_sec1 .box2 .like_b:before {
	position: absolute; top:50%; left:15px; transform: translateY(-50%);
	content: ""; clear: both; display: inline-block; width: 20px; height: 20px; background: url('../img/like_b.png') no-repeat; background-size: 100%; 
}
.dev_det_sec1 .box2 .like_b.on:before {background: url('../img/like_b_on.png') no-repeat;}

.dev_det_sec2 {margin-bottom:90px;}
.dev_det_sec2:after {display: block; content:""; clear: both;}
.dev_det_sec2 .box1 {float:left; width:48%; margin-right:4%;}
.dev_det_sec2 .box1 .mySwiper2 {margin-bottom:20px;}
.dev_det_sec2 .box1 .swiper-wrapper {height: auto;}
.dev_det_sec2 .box1 .swiper-slide .box_img {border:1px solid #ddd; }

.dev_det_sec2 .box2 {float:left; width:48%;}
.dev_det_sec2 .box2 .tit {width: 100%; margin-bottom:20px; }
.dev_det_sec2 .box2 .tit .big {font-size: 45px; font-weight: 700; color:#000;}
.dev_det_sec2 .box2 .tit .small {font-size: 22px; font-weight: 400; color:#777; margin-top:10px; }
.dev_det_sec2 .box2 .infor {border-top:2px solid #11238c; border-bottom:2px solid #11238c; }
.dev_det_sec2 .box2 .infor li {border-bottom:1px solid #ddd; font-size: 0; padding:20px 0;}
.dev_det_sec2 .box2 .infor li:last-child {border:none;}
.dev_det_sec2 .box2 .infor .sort {font-size: 18px; font-weight: 700; color:#11238c; display: inline-block; vertical-align: middle; width: 22%}
.dev_det_sec2 .box2 .infor .cont {font-size: 18px; font-weight: 500; color:#000; display: inline; vertical-align: middle; width: 78%}
.dev_det_sec2 .box2 .infor .cont2 {margin-top:10px; font-size: 18px; font-weight: 500; color:#000; line-height: 24px;}
.dev_det_sec2 .box2 .infor .gauge span {font-size: 18px;}
.dev_det_sec2 .box2 .infor .gauge .gauge_bar {margin-right:10px;}
.dev_det_sec2 .box2 .infor .gauge .gauge_bar progress {-webkit-appearance: none; appearance: none; width: 50%; height: 10px; vertical-align: middle;}
.dev_det_sec2 .box2 .infor .gauge .gauge_bar progress::-webkit-progress-bar {background: #ededed; border-radius: 50px;}
.dev_det_sec2 .box2 .infor .gauge .gauge_bar progress::-webkit-progress-value {background: #EB0069;  border-radius: 50px;}
.dev_det_sec2 .box2 .infor .gauge .gauge_bar progress::-moz-progress-bar {background: #ededed; border-radius: 50px;}

.dev_det_sec3 {background:#f8f8f8; padding:90px 0;}
.dev_det_sec3 .box {width: 1000px; margin:0 auto;}

.dev_det_sec4 {padding:90px 0;}
.dev_det_sec4:after {display: block; content:""; clear: both;}
.dev_det_sec4 .box1 {float:left; width:48%; margin-right: 4%;}
.dev_det_sec4 .box1:after {display:block; content: ""; clear:both;}
.dev_det_sec4 .box1 .img {float:left; width:48%; margin-right:4%; border:1px solid #ddd;}
.dev_det_sec4 .box1 .txt {float:left; width: 48%;}
.dev_det_sec4 .box1 .txt .big {font-size: 32px; font-weight: 700;}
.dev_det_sec4 .box1 .txt .small {font-size: 20px; font-weight: 500; color:#777; margin-top:10px;}
.dev_det_sec4 .box1 .txt .adress {font-size: 18px; line-height:24px: 500; margin-top:30px;}
.dev_det_sec4 .box1 .txt .homepage {font-size: 18px; font-weight: 500; margin-top:10px;}
.dev_det_sec4 .box1 .txt img {vertical-align: middle; margin-right:10px;}
.dev_det_sec4 .box1 .intro {float:left; width:100%; margin-top:20px; font-size: 18px; font-weight: 500; line-height: 24px;}
.dev_det_sec4 .box2 {float:left; width: 48%;}
.dev_det_sec4 .box2 {border-top:2px solid #11238c; border-bottom:2px solid #11238c;}
.dev_det_sec4 .box2 > li {border-bottom:1px solid #ddd; padding:20px 0; display: flex; word-break: break-all; flex-wrap: wrap; gap: 10px;}
.dev_det_sec4 .box2 > li:last-child {border:none;}
.dev_det_sec4 .box2 .sort {font-size: 18px; line-height:1.4; font-weight: 700; color:#11238c; flex-basis: 170px; flex-shrink: 0; word-break: keep-all;}
.dev_det_sec4 .box2 .cont {font-size: 18px; line-height:1.4; font-weight: 500; color:#000; flex: 1; }
.dev_det_sec4 .box2 .time_list_wrap {font-size: 15px;}

.dev_det_sec5 {background:#f8f8f8; padding:90px 0 50px;}
.dev_det_sec5 .box li .box_img {border:1px solid #ddd;}
.dev_det_sec5 .box li span {font-size: 18px; margin-top:15px; font-weight: 500; display: inline-block;}

.dev_det_sec6 {padding:90px 0;}
.dev_det_sec6 .box {width: 1000px; margin:0 auto;}


/* 라이브러리 */
.lib_sec1 .box {border-top:2px solid #11238c; border-bottom:2px solid #11238c; padding:10px 0 3px;}

.lib_sec2 {padding:40px 0 90px;}
.lib_sec2 .box {padding:20px 0;}
.lib_sec2 .box li {background:#f8f8f8; padding-bottom:20px; border:1px solid #ddd;}
.lib_sec2 .box .img {border-bottom:1px solid #ddd; margin:0;}
.lib_sec2 .box .company {font-size: 20px; font-weight: 700; margin:20px 20px 15px;}
.lib_sec2 .box p {margin:10px 20px 0; font-size: 0;}
.lib_sec2 .box p:after {display: block; clear: both; content: "";}
.lib_sec2 .box p .sort {
	font-size: 14px; font-weight: 600; color:#11238c; display: block; float:left; width: 25%; line-height: 18px;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}
.lib_sec2 .box p .cont {
	font-size: 14px; font-weight: 600; color:#333; display: block; line-height: 18px; float:left; width:75%;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}


.lib_view .view_box {width:780px; max-width: 780px; background:#fff; padding:10px 0 40px; margin:0 auto; position: relative;}
.lib_view .view_box .view_tit {font-size:20px; font-weight: 700; color:#11238c; padding-bottom: 10px;}
.lib_view .view_box .close {position: absolute; right:0; top:-35px; width:25px; height: 25px;}
.lib_view .view_box .box1 {padding:30px; font-size: 0;}
.lib_view .view_box .box1 .img {display: inline-block; vertical-align: middle; width: 48%; margin-right: 4%;}
.lib_view .view_box .box1 .img .box_img {border:1px solid #ddd;}
.lib_view .view_box .box1 .txt {display: inline-block; vertical-align: middle; width: 48%;}
.lib_view .view_box .box1 .txt .company {font-size: 32px; font-weight: 700; margin-bottom:20px;}
.lib_view .view_box .box1 .txt p {margin-top:10px;}
.lib_view .view_box .box1 .txt p span {overflow: hidden; word-wrap:break-word; word-break: break-all;}
.lib_view .view_box .box1 .txt p .sort {display:inline-block; font-size: 14px; width: 100px; color:#11238c; font-weight: 600; line-height: 18px;}
.lib_view .view_box .box1 .txt p .cont {display:inline-block; font-size: 14px; color:#333; font-weight: 600; line-height: 18px;}
.lib_view .view_box .box2 {padding:0 30px 30px;}
.lib_view .view_box .box2 .txt {border-top:2px solid #11238c;}
.lib_view .view_box .box2 .txt li {padding:15px 0; border-bottom:1px solid #ddd; }
.lib_view .view_box .box2 .txt li span {font-size: 14px; display: inline-block; vertical-align: top; overflow: hidden; word-wrap:break-word; word-break: break-all; line-height: 18px;}
.lib_view .view_box .box2 .txt li .sort {color:#11238c; font-weight: 700; width:15%;}
.lib_view .view_box .box2 .txt li .cont {color:#333; font-weight: 600; width:85%; }
.lib_view .view_box .box3 {padding:0 30px 30px;}
.lib_view .view_box .box3 .txt {border-top:2px solid #11238c; border-bottom:1px solid #ddd; padding:20px 0; font-weight:500; font-size: 14px; line-height: 18px; max-height: 150px;  overflow-y: auto;}
.lib_view .view_box .list_btn {width:400px; margin:0 auto; padding:20px; background:#11238c; color:#fff; font-size: 18px; font-weight: 600; text-align: center;}

/* 멘토링부스 */
.mento_sec1 ul {font-size: 0; text-align: center;}
.mento_sec1 ul li {display:inline-block; width:10.75%; margin-right:2%; margin-bottom:20px;}
.mento_sec1 ul li:nth-child(8n) {margin-right:0;}
.mento_sec1 ul li a {display:block; font-size: 16px; color: #11238c; border:1px solid #11238c; border-radius: 100px; padding:15px; font-weight: 600; text-align:center;}
.mento_sec1 ul li.active a {color:#fff; background: #11238c;}

.mento_sec2 {padding:40px 0 90px;}
.mento_sec2 .list_result {text-align: center; font-size: 30px; padding-top: 20px;}
.mento_sec2 .box {padding:0 0 20px;}
.mento_sec2 .box li {background:#f8f8f8; padding-bottom:20px; border:1px solid #ddd;}
.mento_sec2 .box .img {border-bottom:1px solid #ddd; margin:0;}
.mento_sec2 .box .mento_sort {font-size: 14px; font-weight: 500; margin:20px 20px 0; color:#11238c; font-weight: 600;}
.mento_sec2 .box .tit {font-size: 20px; font-weight: 700; margin:10px 20px 10px;}
.mento_sec2 .box p {margin:10px 20px 0; font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mento_sec2 .box p:after {display: block; clear: both; content: "";}
.mento_sec2 .box p span {font-size: 14px; font-weight: 600; display: inline-block; line-height: 18px; }
.mento_sec2 .box p .sort {color:#11238c; margin-right: 10px;}
.mento_sec2 .box p .cont {color:#333;}

.mento_inner {width: 1200px; margin:0 auto;}
.mento_det_sec1 {font-size: 0; padding:0px 0 20px; }
.mento_det_sec1 .mento_inner {border-top:2px solid #11238c; padding-top: 20px;}
.mento_det_sec1 .mento_inner:after {display: block; content:""; clear: both;}
.mento_det_sec1 .box1 {width: 46%; float: left;}
.mento_det_sec1 .box1 .mento_det_btn {display:block; width:100%; color:#fff; text-align:center;background:#11238c; text-align:center; font-size: 18px; border:1px solid #11238c; padding:15px;}
.mento_det_sec1 .box2 {float: right;}
.mento_det_sec1 .box2 a {display: inline-block; vertical-align: middle; margin-left:10px;}
.mento_det_sec1 .box2 .like_b {font-size: 16px; border:1px solid #777;  padding:15px 15px 15px 33px; width:100px; text-align:right; border-radius: 50px; position: relative;}
.mento_det_sec1 .box2 .like_b:before {
	position: absolute; top:50%; left:15px; transform: translateY(-50%);
	content: ""; clear: both; display: inline-block; width: 20px; height: 20px; background: url('../img/like_b.png') no-repeat; background-size: 100%; 
}
.mento_det_sec1 .box2 .like_b.on:before {background: url('../img/like_b_on.png') no-repeat;}

.mento_det_tit {font-weight:700; font-size: 20px; color:#11238c; padding-bottom: 10px; }
.mento_det_sec2 {padding-top:20px;}
.mento_det_sec2 .mento_inner { position: relative;}
.mento_det_sec2 .mento_inner:after {display: block; clear: both; content:"";}
.mento_det_sec2:after {display:block; clear:both; content: "";}
.mento_det_sec2 .box1 {float: left; width:46%; margin-right:4%; border:1px solid #ddd;}
.mento_det_sec2 .box2 {float: left; width:50%; }
.mento_det_sec2 .box2 p {overflow: hidden; word-wrap:break-word; word-break: break-all;}
.mento_det_sec2 .box2 .mento_sort {font-size: 18px; color:#11238c; font-weight: 600; margin-top:20px;}
.mento_det_sec2 .box2 .tit {font-size: 32px; font-weight: 700; margin-top:5px; line-height: 38px;}
.mento_det_sec2 .box2 .name {font-size: 18px; font-weight: 600; margin-top:25px;}
.mento_det_sec2 .box2 .dep {font-size: 16px; font-weight: 500; margin-top:7px;}

.mento_det_sec3 {padding-top:50px;}
.mento_det_sec4 {padding:50px 0 90px;}
.mento_det_sec3 .box,
.mento_det_sec4 .box {border-top:2px solid #11238c; border-bottom:1px solid #ddd; padding:20px 0; font-size:16px; font-weight: 500; line-height: 22px;}



/* 바이어 */
.buy_sec1 {padding-top: 80px; background: #fff;}
.buy_sec1 .box {border-top:2px solid #11238c; border-bottom:2px solid #11238c; padding:10px 0 3px;}
.buy_sec2 {padding: 0 0 20px;}
.buy_view {}
.buy_view .view_box {width:100%; max-width:1000px; height:100%; overflow:auto; background:#fff;  margin:0 auto; position: relative; padding-bottom:30px;}
.buy_view .view_box .view_tit {font-size:18px; font-weight: 700; color:#11238c; padding-bottom: 10px;}
.buy_view .view_box .close {
	position: absolute; right:0; top:0; width:40px; height: 40px; background: #11238c;
	display: flex; align-items: center; justify-content: center;
}
.buy_view .view_box .close img {width:20px;}
.buy_view .view_box .box1 {background:#11238c; color:#fff; text-align: center; padding:15px 0;}
.buy_view .view_box .box1 .big {font-size: 20px; font-weight: 700;}
.buy_view .view_box .box1 .small {font-size: 14px; margin-top:5px;}
.buy_view .view_box .box2 {padding:20px 30px 0;}
.buy_view .view_box .box3 {padding:0 30px 20px}
.buy_view .view_box .box4 {padding:20px 30px}
.buy_view .view_box .list_btn {cursor: url(../img/cursor_hover.png), auto; padding:20px; width: 400px; margin:0 auto; background:#12238c; color:#fff; font-size: 16px; font-weight: 600; text-align: center;}

.buy_view .view_box .box2 {text-align: right}
.buy_view .view_box .box2 a {border-radius: 50px; padding:10px 15px; font-size: 14px; font-weight: 500; margin-left: 5px; display: inline-block;}
.buy_view .view_box .box2 .like_b {border:1px solid #777;  padding:10px 15px 10px 40px; width:105px; text-align:right;position: relative;}
.buy_view .view_box .box2 .like_b:before {
	position: absolute; top:50%; left:15px; transform: translateY(-50%);
	content: ""; clear: both; display: inline-block; width: 20px; height: 20px; background: url('../img/like_b.png') no-repeat; background-size: 100%; 
}
.buy_view .view_box .box2 .like_b.on:before  {background: url('../img/like_b_on.png') no-repeat;}
.buy_view .view_box .box2 .interest {border:1px solid #12238c; background: #12238c; color:#fff;}
.buy_view .view_box .box2 .biz {border:1px solid #EB0069; background: #EB0069; color:#fff;}

.buy_view .view_box .box3 .txt,
.buy_view .view_box .box4 .txt {border-top:2px solid #12238c;}
.buy_view .view_box .box3 .txt > li,
.buy_view .view_box .box4 .txt > li {
	padding:5px 0 5px 110px; border-bottom:1px solid #ddd; position: relative; font-size: 14px; line-height: 1.4;
	min-height: 50px;
}
.buy_view .view_box .box3 .txt > li .sort,
.buy_view .view_box .box4 .txt > li .sort {color:#12238c; font-weight: 700; position: absolute; left:0; margin:10px 0;}
.buy_view .view_box .box3 .txt > li .cont,
.buy_view .view_box .box4 .txt > li .cont {color:#333; font-weight: 600; display:block; margin:10px 0;}

.time_list_wrap {position: relative;}
.time_list_wrap .tab_btn {display: flex; margin:0 20px}
.time_list_wrap .tab_btn li {border:1px solid #ddd; width: 100%; text-align: center; cursor: pointer; padding: 10px; background: #fff;}
.time_list_wrap .tab_btn li.on {background: #11238c; color: #fff;}
.time_list_wrap .tab_content {padding:10px 40px; margin:0 20px; min-height: 150px; border:1px solid #ddd; border-top: 0;}
.time_list_wrap .tab_content > div {display: none;}
.time_list_wrap .tab_content > div.on {display: block;}
.time_list_wrap .tab_content .time_list_box p {margin: 5px 0;} 
.time_list_wrap .time_list_arr {position: absolute; top:50%; left: 50%; transform: translate(-50%,-10%); display: flex; justify-content: space-between; width: 100%}
.time_list_wrap .time_list_arr > div {width: 40px; height: 40px; background: #11238c; border-radius: 100px; position: relative; text-indent: -9999px;}
.time_list_wrap .time_list_arr > div:after {
	display: block; content: ""; border-top: 2px solid #fff; border-right:2px solid #fff; width: 12px; height: 12px; 
	position: absolute; top: 50%; left: 50%; 
}
.time_list_wrap .time_list_arr .tab_content_prev:after {transform: translate(-30%,-50%) rotate(-135deg);}
.time_list_wrap .time_list_arr .tab_content_next:after {transform: translate(-70%,-50%) rotate(45deg);}
.time_list_wrap .no_time {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 130px;}
.time_list_wrap .no_time .icon {width: 60px;}
.time_list_wrap .no_time .text {font-size: 14px; text-align: center; word-break: keep-all;}

/* 매칭 팝업 */
.schedule_view .view_box {width:400px; max-width: 400px; background:#fff;  margin:0 auto; position: relative;}
.schedule_view .view_box .tit {font-size: 20px; font-weight: 500; color:#fff; background:#11238c; padding:15px 0;text-align: center;}
.schedule_view .view_box .txt {padding:20px;}
.schedule_view .view_box .txt .txt_s {font-size: 15px; line-height:20px; padding-bottom:15px; font-weight:500;}
.schedule_view .view_box .txt .txt_s span {font-weight: 600; color:#11238c;}
.schedule_view .view_box .txt table {}
.schedule_view .view_box .txt tr td,
.schedule_view .view_box .txt tr th {border:1px solid #ddd; padding:10px; font-size: 14px; vertical-align: middle; font-weight: 500;}
.schedule_view .view_box .txt tr th {background:#f5f5f5;}
.schedule_view .view_box .txt input[type="text"] {border:1px solid #ddd;}
.schedule_view .view_box .txt select {border:1px solid #ddd;}
.schedule_view .view_box .txt textarea {width: 100%; border:1px solid #ddd; height: 100px; resize: none;}
.schedule_view .view_box .txt label {display: inline-block; margin:3px 5px 3px 0;}
.schedule_view .view_box .txt .onBox {display: none}
.schedule_view .view_box .txt .offBox {display: none;}
.schedule_view .view_box .txt .onbox12 {display: none;}
.schedule_view .view_box .txt .onbox13 {display: none;}
.schedule_view .view_box .btn {padding:0 20px 20px;}
.schedule_view .view_box .btn span {display:inline-block; width:48.5%; text-align: center; cursor: url(../img/cursor_hover.png), auto;}
.schedule_view .view_box .btn .close {background:#555; color:#fff; font-size: 16px; padding:12px 0;}
.schedule_view .view_box .btn .confirm {margin-left: 3%; }
.schedule_view .view_box .btn .confirm input {cursor: url(../img/cursor_hover.png), auto; width: 100%; padding:10px 0 11px; display: block; background:#11238c; color:#fff; font-size: 16px; border:none;}



/* 행사안내 */
.intro1_sec1 .inner:after {display: block; clear: both; content: "";}
.intro1_sec1 .box1 {float:left; width:48%; margin-right:4%;}
.intro1_sec1 .box2 {float:right; width:48%; margin-top:35px;}
.intro1_sec1 .box2 .summary li {margin-bottom:30px; font-size: 0;}
.intro1_sec1 .box2 .summary li > div {display: table-cell; vertical-align: top; }
.intro1_sec1 .box2 .summary .icon {width:50px; height: 50px;}
.intro1_sec1 .box2 .summary .txt {width:auto;}
.intro1_sec1 .box2 .summary .sort {font-size: 18px; color:#11238c; font-weight: 700; margin-left:20px;}
.intro1_sec1 .box2 .summary .cont {color:#000; font-weight: 600; font-size: 22px; margin-top:3px; line-height: 32px;  margin-left:20px;}
.intro1_sec1 .box2 .summary .cont span { margin-top:5px; display:block; font-size: 17px; color:#555; font-weight: 500; line-height: 24px;}
.intro1_sec1 .box2 .host {border-top:2px solid #11238c; border-bottom:2px solid #11238c; padding:10px 0;}
.intro1_sec1 .box2 .host p {display: flex; align-items: center; gap: 5px;}
.intro1_sec1 .box2 .host p .sort {flex-basis: 50px;}

.intro1_sec2 {padding-top:90px;}
.intro1_sec2 .box {font-size: 0;}
.intro1_sec2 .box li {border:2px solid #11238c; padding:30px; height:250px; position: relative; width: 49%; display: inline-block; vertical-align: top;}
.intro1_sec2 .box li:nth-child(2) {margin-left: 2%}
.intro1_sec2 .box li .icon {text-align: left;}
.intro1_sec2 .box li .txt {text-align: right; position: absolute; bottom:30px; right: 30px;}
.intro1_sec2 .box li .txt .small {font-size: 18px; font-weight: 500;}
.intro1_sec2 .box li .txt .big {font-size: 30px; font-weight: 700; color:#11238c; margin-top:10px;}
.intro1_sec2 .box li .txt .big p {font-size: 17px; margin-top: 10px; line-height: 24px; }
.intro1_sec2 .box li .txt .big p span {font-size: 13px; display: block; color:#555; font-weight: 600; line-height: 18px;}
.intro1_sec2 .box li.blue_bg {background:#11238c;}
.intro1_sec2 .box li.blue_bg .txt .big {color:#fff;}
.intro1_sec2 .box li.blue_bg .txt .small {color:#C1C8F9;}
.intro1_sec2 .box li.blue_bg  .txt .btn {display:inline-block; font-size: 15px; font-weight: 600; padding:13px 10px 10px; color:#11238c; border:1px solid #fff; background:#fff; margin-top:20px;}
.intro1_sec2 .box li.blue_bg  .txt .btn:after {
	content:""; clear: both; display: inline-block; vertical-align: middle; width:20px; height: 15px; 
    background: url('../img/down_icon_b1.png') no-repeat; background-size: 100%;  margin-bottom:4px; margin-left: 10px;
}
.intro1_sec2 .box li.blue_bg  .txt .btn:hover {background: #12238c; color:#fff; transition:all 0.5s;}
.intro1_sec2 .box li.blue_bg  .txt .btn:hover:after {width:20px; height: 15px; background: url('../img/down_icon1.png') no-repeat; background-size: 100%;}


.intro1_sec3 {padding-bottom:90px;}
.intro1_sec3 .box {font-size: 0;}
.intro1_sec3 .box .box_cont {vertical-align: middle; display: inline-block; width:49%; border:2px solid #11238c; text-align: center; padding: 170px 0;}
.intro1_sec3 .box .box_cont .icon {}
.intro1_sec3 .box .box_cont .time {margin-top:10px; font-size: 24px; font-weight: 700;}
.intro1_sec3 .box .box_cont .place {margin-top:10px; font-size: 20px; font-weight: 500;}
.intro1_sec3 .box .daytime {margin-right:2%; background:#fff;}
.intro1_sec3 .box .daytime .time {color:#11238c;}
.intro1_sec3 .box .night {background:#11238c;}
.intro1_sec3 .box .night .time {color:#fff;}
.intro1_sec3 .box .night .place {color:#C1C8F9;}

.intro1_sec4 {padding-bottom :90px; padding-top: 60px;}
.intro1_sec4 .box table tr th,
.intro1_sec4 .box table tr td {border:1px solid #ccc; font-size: 18px; padding: 15px; vertical-align: middle; font-weight: 500; line-height: 28px;}
.intro1_sec4 .box table tr td > span {display:block; color:#555; font-size: 16px;}
.intro1_sec4 .box table tr th {width: 20%; background: #11238c; color: #fff;}

.intro1_sec5 {padding:90px 0;}
.intro1_sec5 .inner {padding-bottom: 90px;}
.intro1_sec5 .inner:last-child {padding-bottom: 0;}
.intro1_sec5 .m_img {display:none;}

/* 연혁 */
.intro2_sec1 {padding-bottom: 60px;}
.intro2_sec1 .box p {margin-bottom:15px; font-size: 20px;}
.intro2_sec1 .box p {text-indent:-120px; margin-left:120px;}
.intro2_sec1 .box p .sort,
.intro2_sec1 .box p .sort2 {
	color:#fff; background:#11238c; color:#fff; width: 100px; text-align: center; line-height: 30px; border-radius: 50px; margin-right: 15px;
	text-indent: 0; display: inline-block;
}
.intro2_sec1 .box p .cont2 {font-weight: 700;}
.intro2_sec2 {padding-bottom: 80px;}
.intro2_sec2 .box {border:1px solid #ddd;}
.intro2_sec2 .box .m_img {display: none;}
.intro2_sec2:last-child {padding-bottom: 90px;}


/* 교통안내 */
.traffic_s {padding:0 0 90px;}
.traffic_s .inner { position: relative; }
.traffic_s .traffic_tab {display: flex; padding-bottom:  40px; position: sticky; top: 100px; z-index: 1; background: #fff;}
.traffic_s .traffic_tab li {width: 100%; display: flex; border: 1px solid #ddd; height: 60px; background: #fff;}
.traffic_s .traffic_tab li.on {background: #11238c;}
.traffic_s .traffic_tab li.on a {color: #fff;}
.traffic_s .traffic_tab li a {
	text-align: center; width: 100%; height: 100%; padding: 10px; font-size: 18px; line-height: 1.4;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.traffic_s .cont_box {font-size: 0; position: relative;}
.traffic_s .img_box,
.traffic_s .info_box {display: inline-block; vertical-align: top;}
.traffic_s .img_box {border:1px solid #ddd; margin-right: 40px; width: calc(45% - 40px); position: sticky; top: 205px; cursor: url(../img/cursor_hover.png), auto; } 
.traffic_s .info_box {width: 55%;}
.traffic_s .img_box p {font-size: 18px; font-weight: 500; padding:20px; border-top:1px solid #ddd;}
.traffic_s .img_box p span {display: block; font-size: 14px; color:#555; margin-top: 10px;}
.traffic_s .img_box .txt:after {display: block; clear:both; content: "";}

.traffic_s .traffic_box {margin-top: 40px;}
.traffic_s .traffic_box:first-child {margin-top: 0;}
.traffic_s .traffic_box .traffic_box_tit {border-radius: 50px; color:#fff; font-size: 20px; }
.traffic_s .traffic_box .traffic_box_tit.center {text-align: center; padding:7px 0;}
.traffic_s .traffic_box .traffic_box_tit span {
	border-radius: 50px; background:#fff; width: 30px; height: 30px; line-height: 30px;
	display: inline-block; text-align: center; margin-right: 20px; font-weight: 700;
}
.traffic_s .traffic_box .em {font-weight: 600;}
.traffic_s .traffic_box .traffic_box_txt {}
.traffic_s .traffic_box .traffic_box_txt .big {font-size: 18px; font-weight: 500; padding:20px 5px 15px;}
.traffic_s .traffic_box .traffic_box_txt .small {margin-top: 20px;}
.traffic_s .traffic_box .traffic_box_txt .small .cont{line-height: 24px; margin-top: 15px; font-size: 14px; font-weight: 500;}
.traffic_s .traffic_box .traffic_box_txt .small .cont > span {font-size: 16px;}
.traffic_s .traffic_box table {margin-top:20px;}
.traffic_s .traffic_box table tr th {color:#fff;}
.traffic_s .traffic_box table tr th,
.traffic_s .traffic_box table tr td {border:1px solid #ddd; padding: 10px; vertical-align: middle; font-size: 14px; font-weight: 500;}
.traffic_s .traffic_box table .em_bg {text-align: center; color:#fff;}

.traffic_s .traffic_box.subway .traffic_box_tit {background: #f47931; border:3px solid #f47931} 
.traffic_s .traffic_box.subway .traffic_box_tit span {color:#f47931;}
.traffic_s .traffic_box.subway .em {color:#f47931;}
.traffic_s .traffic_box.subway .traffic_box_txt .big {border-bottom: 2px dotted #f47931}

.traffic_s .traffic_box.bus1 .em {color:#64afc1;}
.traffic_s .traffic_box.bus1 .traffic_box_tit {background: #64afc1; border:3px solid #64afc1} 
.traffic_s .traffic_box.bus1 .traffic_box_tit span {color:#64afc1;}
.traffic_s .traffic_box.bus1 .traffic_box_txt .big {border-bottom: 2px dotted #64afc1}
.traffic_s .traffic_box.bus1 table tr th {background: #64afc1;}
.traffic_s .traffic_box.bus1 table .em_bg {background: #64afc1;}

.traffic_s .traffic_box.bus2 .em {color:#e65a41;}
.traffic_s .traffic_box.bus2 .traffic_box_tit {background: #e65a41; border:3px solid #e65a41} 
.traffic_s .traffic_box.bus2 .traffic_box_tit span {color:#e65a41;}
.traffic_s .traffic_box.bus2 .traffic_box_txt .big {border-bottom: 2px dotted #e65a41}
.traffic_s .traffic_box.bus2 table tr th {background: #e65a41;}
.traffic_s .traffic_box.bus2 table .em_bg {background: #e65a41;}

.traffic_s .traffic_box.bus3 .em {color:#ad74b1}
.traffic_s .traffic_box.bus3 .traffic_box_tit {background: #ad74b1; border:3px solid #ad74b1} 
.traffic_s .traffic_box.bus3 .traffic_box_tit span {color:#ad74b1;}
.traffic_s .traffic_box.bus3 .traffic_box_txt .big {border-bottom: 2px dotted #ad74b1}
.traffic_s .traffic_box.bus3 table tr th {background: #ad74b1;}
.traffic_s .traffic_box.bus3 table .em_bg {background: #ad74b1;}

.traffic_s .traffic_box.car {width: 100%; }
.traffic_s .traffic_box.car .em {color:#b69f6c}
.traffic_s .traffic_box.car .traffic_box_tit {background: #b69f6c; border:3px solid #b69f6c} 
.traffic_s .traffic_box.car .traffic_box_tit span {color:#b69f6c;}
.traffic_s .traffic_box.car .traffic_box_txt .big {border-bottom: 2px dotted #b69f6c}
.traffic_s .traffic_box.car .traffic_box_txt .small {font-size: 0;}
.traffic_s .traffic_box.car .traffic_box_txt .cont {display:inline-block; vertical-align: top; width: 100%;}

.traffic_s .traffic_box.ktx {width: 100%;}
.traffic_s .traffic_box.ktx .em {color:#256aaf}
.traffic_s .traffic_box.ktx .traffic_box_tit {background: #256aaf; border:3px solid #256aaf} 
.traffic_s .traffic_box.ktx .traffic_box_tit span {color:#256aaf;}
.traffic_s .traffic_box.ktx .traffic_box_txt .big {border-bottom: 2px dotted #256aaf}

.traffic_s .traffic_box.taxi {margin-right: 0;}
.traffic_s .traffic_box.taxi .em {color:#7b8f1c}
.traffic_s .traffic_box.taxi .traffic_box_tit {background: #7b8f1c; border:3px solid #7b8f1c} 
.traffic_s .traffic_box.taxi .traffic_box_tit span {color:#7b8f1c;}
.traffic_s .traffic_box.taxi .traffic_box_txt .big {border-bottom: 2px dotted #7b8f1c}

.traffic_s .table_box p {font-size: 18px;}
.traffic_s .table_box table {margin-top:30px;}
.traffic_s .table_box tr th, 
.traffic_s .table_box tr td {border: 1px solid #ddd; padding:15px; vertical-align: middle; line-height: 20px; font-size: 16px;}
.traffic_s .table_box tr th {background: #f5f5f5;}
.traffic_s .table_box ul {margin-top: 30px;}
.traffic_s .table_box ul li {list-style: disc; margin-left: 20px; line-height: 1.4; font-size: 16px; margin-top: 7px;}



/* 참가사 등록신청 */
.guide1_sec1 {padding:0 0 90px;}
.guide1_sec1 .box {font-size: 0;}
.guide1_sec1 .box li {
	display: inline-block; vertical-align: middle; position: relative; text-align: center; 
	height: 270px; width: 16%; margin-right:4%; border:2px solid #11238c; padding:20px;
}
.guide1_sec1 .box li:last-child {margin-right:0;}
.guide1_sec1 .box li:after {
	display: inline-block; content: ""; width: 30px; height: 30px; border-top:5px solid #11238c; border-right:5px solid #11238c;
	transform: rotate(45deg) translateY(-50%); position: absolute; top:50%; right: -11%;
}
.guide1_sec1 .box li:last-child:after {display: none;}
.guide1_sec1 .box li .number {
	width:35px; height: 35px; line-height:35px; color:#fff; background: #11238c; font-size: 18px; position: absolute; top:0; left: 0;}
.guide1_sec1 .box li .icon {margin-top:25px;}
.guide1_sec1 .box li .tit {font-size: 18px; color:#11238c; font-weight: 700; margin-top:20px;}
.guide1_sec1 .box li .txt {font-size: 15px; color:#000; font-weight: 600; margin-top:15px; line-height: 18px;}


.guide1_sec2 {padding:90px 0; background:url('../img/b2b/guide1_bg.png') no-repeat center center; background-size: cover;}
.guide1_sec2:after {display: block; clear: both; content: ""}
.guide1_sec2 .box {float: left; display: block; width:48%; margin-right: 4%; border:2px solid #fff; position: relative; padding: 70px 30px; font-size: 0; transition: all .5s}
.guide1_sec2 .box:after {
	position: absolute; top:50%; right:30px; transform: translateY(-50%); content:"";
	background:url('../img/down_icon2.png') no-repeat; background-size: 100%; width:44px; height: 32px;
}
.guide1_sec2 .box:nth-child(2) {margin-right:0;}
.guide1_sec2 .box > div {vertical-align: middle; display: table-cell; color:#fff;}
.guide1_sec2 .box .txt .big {font-size: 24px; margin-left: 20px; font-weight: 700;}
.guide1_sec2 .box .txt .small {font-size: 20px; margin-left: 20px; margin-top:10px;}
.guide1_sec2 .box:hover {background: #fff;}
.guide1_sec2 .box:hover:after {background:url('../img/down_icon_p2.png') no-repeat; background-size: 100%; width:44px; height: 32px;}
.guide1_sec2 .box:hover > div {color:#EB0069;}


.guide1_sec3 {padding:50px 0 90px;}
.guide1_sec3 li {width:100%; max-width:600px; margin:0 auto; background: #11238c; text-align: center; position: relative;}
.guide1_sec3 li:after {position: absolute; top:50%; right: 30px; transform: translateY(-50%); content: "";}
.guide1_sec3 li.move:after {width: 10px; height: 10px; border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg) translateY(-50%);} 
.guide1_sec3 li a {color:#fff; font-size: 20px; font-weight: 500; padding:25px; display: block; transition: all .5s; border:1px solid #11238c;}
.guide1_sec3 li:hover a {color:#11238c; background:#fff;}
.guide1_sec3 li.move:hover:after {border-top:2px solid #11238c; border-right:2px solid #11238c;}


/* 참가사 지원사항 */
.guide2_sec1 {padding:0 0 90px;}
.guide2_sec1 .box {font-size: 0;}
.guide2_sec1 .box li {
	display: inline-block; vertical-align: middle; height: 270px; width:22%; margin-right: 4%;
	position: relative; border:2px solid #11238c; text-align: center; padding:20px;
}
.guide2_sec1 .box li:last-child {margin-right: 0;}
.guide2_sec1 .box li:after {
	position: absolute; top:50%; right: -15%; transform: translateY(-50%); content: "";
	background:url('../img/b2b/plus_icon.png') no-repeat; background-size:100%; width:34px; height: 34px;
}
.guide2_sec1 .box li:last-child:after {display:none;}

.guide2_sec1 .box li .icon {margin-top:22px;}
.guide2_sec1 .box li .tit {font-size: 18px; color:#11238c; font-weight: 700; margin-top:20px;}
.guide2_sec1 .box li .txt {font-size: 15px; color:#000; font-weight: 500; line-height: 18px; margin-top:15px;}

.guide2_sec2 {padding:90px 0 60px; background:#f8f8f8;}
.guide2_sec3 {padding:90px 0 60px;}

.guide2_sec2-3 .txt_box {margin-bottom: 25px; font-size: 18px; line-height: 26px;}
.guide2_sec2-3 .box {margin-bottom:40px;}
.guide2_sec2-3 .box .img {width:25%; margin-right: 2%; }
.guide2_sec2-3 .box .img img {border:1px solid #ddd;}
.guide2_sec2-3 .box .txt {width:73%;}
.guide2_sec2-3 .box .txt .big {font-size: 24px; font-weight: 500; color:#11238c;}
.guide2_sec2-3 .box .txt .big span {font-weight: 700;}
.guide2_sec2-3 .box .txt .small {margin-top:30px;}
.guide2_sec2-3 .box .txt .small li {margin-bottom:20px; font-size: 18px; line-height: 22px; padding-left: 30px; text-indent: 0;}
.guide2_sec2-3 .box .txt .small li span {text-indent: -30px; display: inline-block;}

.guide2_sec2-3 .box table {min-width: 700px;}
.guide2_sec2-3 .box table tbody {border-bottom:2px solid #11238c;}
.guide2_sec2-3 .box table tr th,
.guide2_sec2-3 .box table tr td {font-size:15px; line-height: 22px; padding:20px 15px; border:1px solid #ddd; vertical-align: middle; word-break: keep-all;}
.guide2_sec2-3 .box table tr th:first-child,
.guide2_sec2-3 .box table tr td:first-child {border-left: 0;}
.guide2_sec2-3 .box table tr th:last-child,
.guide2_sec2-3 .box table tr td:last-child {border-right: 0;}
.guide2_sec2-3 .box table tr th {font-weight: 700; background: #11238c; color: #fff}
.guide2_sec2-3 .box table tr td {font-weight: 500;}
.guide2_sec2-3 .box table tr td p {margin:7px 0; padding-left: 17px;}
.guide2_sec2-3 .box table tr td p .hd {text-indent: -17px; display: inline-block;}
.guide2_sec2-3 .comment {margin-top:20px;}
.guide2_sec2-3 .comment li {font-size: 15px; line-height:17px; font-weight:500; margin-top:5px; padding-left: 20px;}
.guide2_sec2-3 .comment li .hd {text-indent: -17px; display: inline-block;} 




/* 뉴스레터 */
.board_top {padding:0 0 10px;}
.board_top .inner:after {display: block; clear: both; content: "";}
.board_top .inner .all_cont {float: left; margin-top:25px;}
.board_top .inner .search_box {float: right;}
.board_top .inner .search_box .select {display: inline-block; }
.board_top .inner .search_box .select select {display:block; width: 100px;  border:none; border-bottom:1px solid #000; background:#fff; padding:10px 0; font-size: 16px;}
.board_top .inner .search_box .search {margin-left: 10px; display: inline-block; position: relative;}
.board_top .inner .search_box .search input {border:none; border-bottom:1px solid #000; width: 300px; font-size: 16px; padding:10px 0;}
.board_top .inner .search_box .search button {
	position: absolute; top:50%; right: 2px; transform: translateY(-50%); display: block;
	background:url('../img/search_icon.gif') no-repeat; width: 20px; height: 20px; background-size: 100%; border:none; padding:10px;
}

.board_list {padding-bottom:90px;}
.board_list .box {width: 100%; margin:20px 0 40px;}
.board_list .box .board_box {width: 100%; border-top:2px solid #11238c; border-bottom:2px solid #11238c;}
.board_list .box .board_box .list_number {width:10%;}
.board_list .box .board_box .list_title {width:60%;}
.board_list .box .board_box .list_title a {display: block;}
.board_list .box .board_box .list_writer,
.board_list .box .board_box .list_date {width:15%;}
.board_list .box .board_box tr th {background: #f1f2f9;}
.board_list .box .board_box tr th,
.board_list .box .board_box tr td {
	border-right:1px solid #ddd; border-bottom:1px solid #ddd;
	text-align: center; vertical-align: middle; font-size: 16px; line-height: 22px; padding:15px; word-break: keep-all;
}
.board_list .box .board_box tr th:nth-child(1),
.board_list .box .board_box tr td:nth-child(1)  {border-left: 1px solid #ddd}


.board_view {padding:0 0 90px;}
.board_view .box1 {border-top:3px solid #11238c; background: #11238c; border-bottom:2px solid #11238c; text-align: center; padding:25px 30px;}
.board_view .box1 .tit {font-size: 24px; line-height: 30px; font-weight: 500; color:#fff;}
.board_view .box1 .date {font-size: 18px; font-weight: 500; color:#C1C8F9; margin-top:10px;}

.board_view .box2 {padding:30px; border-bottom:1px solid #ddd;}
.board_view .box2:after {display: block; clear: both; content: "";}
.board_view .box2 .file {float:left; width:85%; font-size: 18px; line-height:24px; color:#000; font-weight: 500; overflow: hidden; word-wrap:break-word; word-break: break-all;}
.board_view .box2 .file .icon {margin-right: 20px;}
.board_view .box2 .file .icon:before {
	display: inline-block; vertical-align: middle; content:""; background: url(../img/down_icon_bk1.png) no-repeat; background-size:100%;
	width:23px; height: 17px; margin-right:5px; margin-bottom:3px;
}
.board_view .box2 .file a {margin-right:15px; color:#555; display: inline-block;}
.board_view .box2 .file a:hover {text-decoration: underline;}
.board_view .box2 .count {float: right; text-align:right; width:10%; font-size: 18px; color:#000; font-weight: 500;}

.board_view .box3 {padding:30px; font-size: 18px; line-height: 24px; font-weight: 500; }

.board_view .box4 {border:1px solid #ddd; border-top:none;}
.board_view .box4 > div {font-size: 0; border-top:1px solid #ddd;}
.board_view .box4 > div > span {display: inline-block; font-size: 18px; font-weight: 500; padding:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_view .box4 .sort {width:10%; background: #f1f2f9; border-right:1px solid #ddd;}
.board_view .box4 .cont {width:90%;}

.board_view .box5 {text-align: right; margin-top:30px;}
.board_view .box5 .move_list {display:inline-block; padding:15px 40px; color:#fff; font-weight: 500; font-size: 18px; background:#11238c;}


/* 보도자료 */
.board_gallery {padding:0 0 90px;}
.board_gallery .box {padding:20px 0;}
.board_gallery .box li {border:1px solid #ddd; background: #f8f8f8;}
.board_gallery .box li .box_img {border-bottom:1px solid #ddd;}
.board_gallery .box li .date { padding:7px 20px 20px; font-size: 14px; color:#11238c; font-weight: 500;}
.board_gallery .box li .tit {
	 font-size: 18px; color:#000; padding:20px 20px 0; font-weight: 500;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
}


/* 자주묻는 질문 */
.board_faq_top  {padding-bottom: 40px;}
.board_faq_top .box {background:#11238c; color:#fff; padding:40px; margin-top:20px;}
.board_faq_top .box  .tit {font-size: 32px; font-weight: 500;}
.board_faq_top .box  .tit:before {
	display: inline-block; vertical-align: middle; content: ""; width:35px; height: 32px;
	background: url('../img/bar_icon_w2.png') no-repeat; background-size: 100%; margin-right:10px; margin-bottom: 4px;
}
.board_faq_top .box .information {font-size: 0; margin-top:30px;}
.board_faq_top .box .information > div {display: inline-block; vertical-align: top; width:48%; margin-right:4%;}
.board_faq_top .box .information > div > p {display: table-cell; vertical-align: top; margin-right: 20px;}
.board_faq_top .box .information .txt .sort {margin-left:20px; font-size: 18px; color:#cdd3ff; display: block;}
.board_faq_top .box .information .txt .cont {margin-left:20px; font-size: 20px; color:#fff; display: block; margin-top:10px; line-height: 28px;}
.board_faq_top .box .information .mail {margin-right: 0;}
.board_faq_top .box .information .icon {width: 50px; height:50px;}

.board_faq {padding:10px 0 90px;}
.board_faq .box { border-top:2px solid #11238c; padding:0 0 40px;}
.board_faq .box li > div {padding:25px 25px 25px 90px; font-weight: 500;  position: relative;}
.board_faq .box li > div:before {
	position:absolute; left:25px; top:16px; border-radius: 50px; width:40px; height: 40px;
	font-size:25px; font-weight: 700; text-align: center; line-height: 40px; margin-right: 15px; 
}
.board_faq .box li {border-bottom:1px solid #ddd;}
.board_faq .box .ask {font-size: 18px; line-height:24px;}
.board_faq .box .ask:before {content:"Q"; color: #11238c; border:1px solid #11238c;}
.board_faq .box .ask:after {
	content:""; width:10px; height: 10px; border-top:2px solid #000; border-right:2px solid #000;
	display: inline-block; transform: rotate(135deg) translateY(-50%); position:absolute; top:31%; right:30px; 
}
.board_faq .box .ask.on:before {color: #fff; background:#11238c;}
.board_faq .box .ask.on:after {transform: rotate(315deg) translateY(-50%); top:50%; right:20px;}

.board_faq .box .answer {display:none; border-bottom:1px solid #ddd; background:#f8f8f8; font-size: 16px; font-weight: 500; line-height: 24px;}
.board_faq .box .answer:before {content:"A"; color: #fff; background:#EB0069; border:1px solid #EB0069; }


/* 로그인 */
.member_sort {font-size: 16px;}
.member_sort label {/*margin:0 10px;*/}
.member_sort label input {margin-right:7px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.member_sort label input[type="radio"] {
	width: 20px; height: 20px; border:1px solid #ddd; border-radius: 10px; margin-bottom:5px; vertical-align: middle;
}
.member_sort label input[type="radio"]:checked {border:5px solid #11238c;}
.member_sort label input[type="checkbox"] {
	width: 20px; height: 20px; border:1px solid #ddd; margin-bottom:5px; vertical-align: middle;
}
.member_sort label input[type="checkbox"]:checked {border:5px solid #11238c;}


.member_sec {background:#f8f8f8; padding:80px 0;}
.member_sec .box {width:500px; max-width:500px; margin:0 auto;}
.member_sec .box .top_txt {text-align: center; font-size: 18px; margin-bottom:25px;}
.member_sec .box .box_cont {background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 20px; padding:50px 40px; text-align: center;}
.member_sec .box .box_cont input,
.member_sec .box .box_cont button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.member_sec .box .box_cont .member_sort {margin-bottom:20px; font-size: 18px;}

.login_sec .box .box_cont .id {margin-bottom:10px;}
.login_sec .box .box_cont .pw {margin-bottom:20px;}
.login_sec .box .box_cont .id input,
.login_sec .box .box_cont .pw input {width: 100%; border:1px solid #ddd; border-radius: 50px; padding:15px 20px; font-size: 18px;}
.login_sec .box .box_cont .find {text-align: right; margin-bottom:30px;}
.login_sec .box .box_cont .find a { font-size: 15px; color:#555;}
.login_sec .box .box_cont .find span {font-size: 14px; color:#777; margin:0 5px;}
.login_sec .box .box_cont .btn_login {margin-bottom:10px;}
.login_sec .box .box_cont .btn_login button,
.login_sec .box .box_cont .btn_join {width: 100%; color:#fff; border-radius: 50px; padding:15px 20px; font-size: 18px;}
.login_sec .box .box_cont .btn_login button {border:1px solid #11238c; background:#11238c;}
.login_sec .box .box_cont .btn_join {border:1px solid #EB0069; background:#EB0069; display: block;}


/* 아이디 비밀번호 찾기 */
.find_sec .box .box_cont .sort {margin-bottom:40px;}
.find_sec .box .box_cont .sort:after {display: block; clear: both; content: "";}
.find_sec .box .box_cont .sort a {float:left; width:50%; font-size: 18px; padding:20px; border-bottom:1px solid #000; color:#aaa;}
.find_sec .box .box_cont .sort a.active {border:1px solid #000; border-bottom:none; color:#000;}
.find_sec .box .box_cont .name,
.find_sec .box .box_cont .tel {margin-bottom:10px;}
.find_sec .box .box_cont .phone,
.find_sec .box .box_cont .mail {margin-bottom:40px;}
.find_sec .box .box_cont .name input,
.find_sec .box .box_cont .phone input,
.find_sec .box .box_cont .tel input,
.find_sec .box .box_cont .mail input {width: 100%; border:1px solid #ddd; border-radius: 50px; padding:15px 20px; font-size: 18px;}
.find_sec .box .box_cont .btn_check button {
	width: 100%; color:#fff; border-radius: 50px; padding:15px 20px; font-size: 18px;
	border:1px solid #11238c; background:#11238c;
}


/* 회원가입, 마이페이지폼 */
.my_box {border-top:2px solid #11238c;}
.my_box input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.my_box input[type="text"],
.my_box input[type="password"],
.my_box input[type="tel"],
.my_box input[type="email"],
.my_box input[type="date"] {padding:10px; font-size:16px; border:1px solid #ddd; margin-right:0;}
.my_box .number input[placeholder="국가코드"] {width: 100px; margin-right: 5px;}
.my_box .number input[placeholder="Country code"] {width: 130px; margin-right: 5px;}
.my_box .my_th {background: #f8f8f8; width: 15%; border-right: 1px solid #ddd}
.my_box tr th,
.my_box tr td {border-bottom:1px solid #ddd; padding:15px; vertical-align: middle;}
.my_box tr .essential:after {content:"*"; display: inline-block; color:#EB0069; font-weight: 500; margin-left: 5px;}
.my_box tr td .idpw {max-width:600px; font-size: 0;}
.my_box tr td .idpw input {width:75%; display: inline-block;}
.my_box tr td .idpw a {
	margin-left:3%; width:22%;  display: inline-block;
	font-size: 16px; background: #11238c; color:#fff; text-align: center; padding:13px;
}
.my_box tr td .cmnt {font-size: 14px; color:#000; margin-top:10px; font-weight:500; text-indent: -20px; margin-left: 20px;}
.my_box tr td .cmnt:before {
	text-indent: 0;
	display: inline-block; content:"!"; width:20px; height: 20px; line-height: 20px;
	background:#EB0069; color:#fff; border-radius: 10px; text-align: center; margin-right: 5px;
}
.my_box tr td .cmnt_b {font-size: 14px; color:#000; margin-top:10px; font-weight:500;}
.my_box tr td .userK {display:inline-block; width:40%; margin-right:3%;}
.my_box tr td .userE {display:inline-block; width:40%;}
.my_box tr td .addressK {margin-bottom: 10px;}
.my_box tr td .userK span,
.my_box tr td .userE span{margin-right: 20px; display: inline-block;}
.my_box tr td .number span,
.my_box tr td .email span {margin:0 5px;}
.my_box tr td .email select {border:1px solid #ddd; font-size: 16px; padding:8px 10px 10px; margin-top:1px;}
.my_box tr td .addressK span,
.my_box tr td .addressE span{margin-right: 20px; display: inline-block;}
.my_box tr td .homepage span{margin-right: 20px; display: inline-block;}
.my_box tr td .userK input,
.my_box tr td .userE input {width:80%;}
.my_box tr td .text input {width:50%;}
.my_box tr td .percent input {width:100px; margin-right:10px;}
.my_box tr td .addressK input,
.my_box tr td .addressE input{width:80%;}
.my_box tr td .introduction textarea {width:100%; height: 200px; resize:none;}
.my_box tr td .member_sort label {margin-right:20px; display: inline-block; line-height: 30px;}
.my_box tr td .member_sort input[type="text"] {margin-left: 10px;}


/* file 폼 디자인 변경 */
.my_box tr td .file_box label {
	display: inline-block; vertical-align: middle; padding:10px; color:#fff; font-size:14px; background: #11238c; border:1px solid #11238c;
	cursor: url(../img/cursor_hover.png), auto;
}
.my_box tr td .file_box input[type="file"] {
	position: absolute; width: 1px; height: 1px; padding:0; margin:-1px; overflow:hidden; border:0; clip:rect(0,0,0,0);
}
.my_box tr td .file_box .upload_name {
	display: inline-block; padding: 10px; font-size: 14px; vertical-align: middle; border:1px solid #ddd; background: #fff;
}

/* 개발사 마이페이지 상용화 */
.my_box tr td .comm_box .comm1 {display: none;}
.my_box tr td .comm_box {width:600px; background:#f5f5f5; padding:10px 20px; margin-top:10px;}
.my_box tr td .comm_box p {padding:10px 0; font-size: 0;}
.my_box tr td .comm_box p span {display: inline-block; vertical-align: middle; font-size: 15px;}
.my_box tr td .comm_box p .sort {width:25%; margin-right:5%;}
.my_box tr td .comm_box p .cont {width:70%;}
.my_box tr td .comm_box p .cont > input[type="text"] {width:100%}
.my_box tr td .comm_box p .cont > input[type="date"] {width:auto;}
.my_box tr td .comm_box .cmnt {font-size: 14px; color:#EB0069; margin-top:10px; font-weight:500;}
.my_box tr td .comm_box .cmnt:before {
	display: inline-block; content:"!"; width:20px; height: 20px; line-height: 20px;
	background:#EB0069; color:#fff; border-radius: 10px; text-align: center; margin-right: 5px;
}

/* 기타 선택 시 input[type="text"] 노출 */
input[type="checkbox"].check_etc + input[type="text"] {display:none;}
input[type="checkbox"].check_etc:checked + input[type="text"] {display: inline-block;}
input[type="radio"].check_etc + input[type="text"] {display:none;}
input[type="radio"].check_etc:checked + input[type="text"] {display: inline-block;}


/* 소재지(국가)선택 */
.country_sort .none_select {display: none !important;}
.country_sort .country_select {display: none; border:1px solid #ddd; font-size: 16px; padding:8px 10px 10px; margin-top:1px;}



/* 회원가입 */
.join_type_sec {padding-bottom: 90px; text-align: center;}
.join_type_sec a {display: inline-block; width:400px; padding:70px 20px; margin:0 20px;  transition: all .5s;}
.join_type_sec a .tit {margin-top:20px; font-size: 24px; font-weight: 700;}
.join_type_sec a .txt {margin-top:10px; font-size: 18px; font-weight: 400;}
.join_type_sec .join_dev_btn {border:2px solid #11238c; color:#11238c;}
.join_type_sec .join_dev_btn:hover {background: #11238c; color:#fff;}
.join_type_sec .join_buyer_btn {border:2px solid #EB0069; color:#EB0069;}
.join_type_sec .join_buyer_btn:hover {background: #EB0069; color:#fff;}


.join_step {text-align: center; margin-bottom:60px;}
.join_step > div {display: inline-block; vertical-align: middle;}
.join_step .step .icon {opacity: .3;}
.join_step .step.active .icon {opacity: 1;}
.join_step .step .txt {font-size: 18px; font-weight: 500; margin-top:15px;}
.join_step .arrow {margin:0 10px 30px;}

.join_sec1, .join_sec2 {padding-bottom: 60px;}
.join_sec1 .box, .join_sec2 .box {border:1px solid #ddd;}
.join_sec1 .box .box_tit, .join_sec2 .box .box_tit {font-size: 20px; margin: 10px 0; font-weight: 600;}
.join_sec1 .box .box_tit:before, .join_sec2 .box .box_tit:before {
	content:""; display: inline-block; vertical-align: middle; width:25px; height: 23px;
	background:url('../img/bar_icon_b1.png') no-repeat; background-size: 100%; margin-bottom:4px; margin-right: 5px;	
}
.join_sec1 .box .box_titt, .join_sec2 .box .box_titt {font-size: 16px; font-weight: 600;}
.join_sec1 .box .box_txt, .join_sec2 .box .box_txt {font-size: 14px; line-height: 20px;}
.join_sec1 .box .box_txt li, .join_sec2 .box .box_txt li {padding-left: 20px; text-indent: -20px; margin:10px;}
.join_sec1 .box .box_txt li span, .join_sec2 .box .box_txt li span {font-weight: 600;}

.join_sec1 .box .txt, .join_sec2 .box .txt{
	background:#f8f8f8; height:200px; border-bottom:1px solid #ddd; padding:20px; font-size: 14px; line-height: 24px;
	overflow-y: auto; word-wrap:break-word; word-break: break-all;
}
.join_sec1 .box .member_sort, .join_sec2 .box .member_sort {text-align: right; padding:20px;}

.join_sec3 .box {padding-bottom: 60px;}
.join_sec3 .box .top_txt {margin-bottom:15px;}
.join_sec3 .box .top_txt:after {display:block; clear:both; content:"";}
.join_sec3 .box .top_txt .txt1 {float: left; font-size: 24px; font-weight: 500;}
.join_sec3 .box .top_txt .txt1 span {display: block; font-size: 16px; margin-top:10px; color:#555; }
.join_sec3 .box .top_txt .txt2 {float:right; font-size: 16px;}
.join_sec4 {padding-bottom:90px;}
.join_sec4 .join_next_btn {width:400px; color:#fff; background:#11238c; padding:25px; margin:0 auto; display: block; text-align: center; font-size: 20px;}


.com_sec {text-align: center; padding: 90px 0; background: #f8f8f8}
.com_sec .box {margin:0 auto;}
.com_sec .box .tit {font-size: 30px; line-height: 36px; font-weight: 400;}
.com_sec .box .tit span {font-weight: 700;}
.com_sec .box .login_btn {
	font-size: 18px; padding:20px 30px; background:#EB0069; color:#fff;
	display: inline-block; margin:30px auto; border-radius: 50px;
}
.com_sec .box .txt {font-size: 16px; color:#333; line-height: 20px; font-weight: 500; margin-top: 20px;}

/* 마이페이지 */
.my_check_btn {width:400px; color:#fff; background:#11238c; border:none; padding:20px; margin:0 auto; display: block; text-align: center; font-size: 20px;}
.mypage_tit {padding:80px 0 60px; text-align: center;}
.mypage_tit .tit {font-size: 40px; font-weight: 600;}
.mypage_tit .txt {font-size: 18px; color:#555; margin-top:15px;}
.mypage_tit .line {width:40px; height: 2px; background:#EB0069; margin:30px auto 0;}

.my_cate {margin-bottom:40px;}
.my_cate ul {font-size: 0; display: flex;}
.my_cate li {width:100%; border:1px solid #11238c; border-right: 0;}
.my_cate li:last-child {border-right:1px solid #11238c;}
.my_cate li a {display: block; text-align: center; color:#11238c; font-size: 18px; padding:20px; }
.my_cate li.active {background:#11238c;}
.my_cate li.active a { color:#fff;}

.my_list_box {width: 100%; border-top:2px solid #11238c; border-bottom:2px solid #11238c;}
.my_list_box tr th {background: #f1f2f9;}
.my_list_box tr th,
.my_list_box tr td {
	border-right:1px solid #ddd; border-bottom:1px solid #ddd;
	text-align: center; vertical-align: middle; font-size: 14px; line-height: 22px; padding:15px; word-break: keep-all;
}
.my_list_box tr th:nth-child(1),
.my_list_box tr td:nth-child(1)  {border-left: 1px solid #ddd}

.my1_sec {padding-bottom: 90px;}
.my1_sec .txt {margin:20px 0 60px 20px; font-size: 16px; line-height: 20px; text-indent: -20px;}
.my1_sec .txt:before {
	content: "!"; display: inline-block; margin-right: 7px; background:#EB0069; color:#fff; border-radius: 10px;
	width:20px; height: 20px; line-height: 20px; text-align: center; text-indent: 0;
}

.my1_sec2 {padding-bottom: 90px;}
.my1_sec2 .box {padding-bottom: 60px;}
.my1_sec2 .box .top_txt {margin-bottom:15px;}
.my1_sec2 .box .top_txt:after {display:block; clear:both; content:"";}
.my1_sec2 .box .top_txt .txt1 {float: left; font-size: 24px; font-weight: 500;}
.my1_sec2 .box .top_txt .txt1 span {display: block; font-size: 16px; margin-top:10px; color:#555; }

.my2_sec1 {padding-bottom:90px;}
.my2_sec1 .box {padding-bottom: 60px;}



.my4_sec1 .inner {display:flex; justify-content:space-between; align-items:center; justify-content: center;}
.my4_sec1 .btn {display: flex; align-items: stretch; max-width: 700px; width: 100%;}
.my4_sec1 .btn li {
	width: 100%; font-size: 16px; line-height: 1.4; text-align: center; padding:15px;  
	border:1px solid #11238c; border-right: 0; color: #11238c; font-weight: 500;
	cursor: url(../img/cursor_hover.png), auto; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.my4_sec1 .btn li:last-child {border-right:1px solid #11238c; }
.my4_sec1 .btn li.active {background:#11238c; color:#fff;}
.my4_sec1 .print {float:right; border:1px solid #ccc; padding:5px 10px; border-radius: 3px; margin-top:25px; font-size: 16px;}
.my4_sec1 .print:before {
	width:14px; height:14px; margin-right:5px;
	content: ""; display: inline-block; background:url('../img/ico_print.png');
}
.my4_sec2 .txt {font-size:16px; color:#11238c; font-weight: 600; padding-top:20px;}
.my4_sec2 .box {width: 100%; margin:20px 0 40px;}
.my4_sec2 .box .my_list_box {width: 100%; border-top:2px solid #11238c; border-bottom:2px solid #11238c;}
.my4_sec2 .box .my_list_box .list_message {width:25%}
.my4_sec2 .box .my_list_box tr td .state_confirm {border:1px solid #11238c; background:#11238c; color:#fff; font-size: 14px; font-weight: 500; padding:5px 10px; margin-left: 5px;}
.my4_sec2 .box .my_list_box tr td .state_refuse {border:1px solid #333; background:#333; color:#fff; font-size: 14px; font-weight: 500; padding:5px 10px; margin-left: 5px;}
.my4_sec2 .box .my_list_box tr td .state_dday {color:#E40065; font-weight:700; font-size:16px;}
.my4_sec2 .box .my_list_box tr td .time_setting {border:1px solid #11238c; background:#11238c; color:#fff; font-size: 16px; font-weight: 500; padding:5px 10px; margin-left: 5px;}
.my4_sec2 .box .my_list_box tr td .cscan,
.my4_sec2 .box .my_list_box tr td .csbooth {border:1px solid #11238c; background:#11238c; color:#fff; font-size: 14px; font-weight: 500; padding:5px 10px; margin-left: 5px; display:inline-block;}
.my4_sec2 .box .my_list_box tr td p {margin-top:10px;}
.my4_sec2 .box .my_list_box tr td .time_txt {font-size: 14px;}
.my4_sec2 .box .my_list_box tr td .counseling {margin-top:10px;}
.my4_sec2 .box .my_list_box tr td .counseling a {
	background:#EB0069; color:#fff; font-sidx:14px; font-weight: 500; padding:5px; text-align: center; display: inline-block;
}
.my4_sec2 .box .my_list_box tr td .s_t_k {display: block;}
.my4_sec2 .box .my_list_box tr td .s_t_l {display: block; color:red;} 
.my4_sec2 .box .my_list_box .list_off {color:#E40065; font-weight: 700;}
.my4_sec2 .box .my_list_box .list_on {color:#12238C; font-weight: 700;}



.my4_sec2 .skd_tb {
	border-top: 2px solid #11238c; border-bottom: 2px solid #11238c; table-layout: fixed; margin-top: 20px;
	border-left: 1px solid #ddd;
}
.my4_sec2 .skd_tb tr th {background:#f1f2f9}
.my4_sec2 .skd_tb tr th,
.my4_sec2 .skd_tb tr td {
	border-right: 1px solid #ddd; border-bottom:1px solid #ddd; text-align: center; vertical-align: middle;
	font-size: 16px; line-height: 24px; padding:15px; word-break: keep-all; 
}
.my4_sec2 .skd_tb .time {width: 25%;}
.my4_sec2 .skd_tb .meetOn {background:#12238C; color: #fff; }
.my4_sec2 .skd_tb .meetOff {background:#E40065; color: #fff;}
.my4_sec2 .skd_tb .view {
	font-size: 14px; line-height: 18px; padding:6px 10px; color: #000; font-weight: 700; background: #fff; border-radius: 50px;
	border: 1px solid #fff; display: block; width:100%; max-width: 120px; margin:7px auto 0;
}
.my4_sec2 .skd_tb .meetOn .view {color:#12238C;}
.my4_sec2 .skd_tb .meetOff .view {color:#E40065;}
.my4_sec2 .skd_tb .enter {
	font-size: 14px; line-height: 18px; padding:6px 10px; color: #12238C; font-weight: 700; background: #ffc543; border-radius: 50px;
	border: 1px solid #12238C; display: block; width:100%; max-width: 120px; margin:7px auto 0;
}
.my4_sec2 .skd_tb .timeK {color: #000; font-weight: 500;}
.my4_sec2 .skd_tb .timeE {color: red; margin-top: 10px;}


.my_skd_view .view_box {width:90%; max-width:500px; background:#fff;  margin:0 auto; position: relative;}
.my_skd_view .view_box .view_tit {font-size:20px; font-weight: 700; color:#11238c; padding-bottom: 10px;}
.my_skd_view .view_box .close {position: absolute; right:0; top:-35px; width:25px; height: 25px;}
.my_skd_view .box {padding:0 20px 20px; font-size: 16px; line-height: 20px;}
.my_skd_view .box table {table-layout: fixed; width: 100%;}
.my_skd_view .box td {border-bottom: 1px solid #ddd; padding:20px 5px; font-weight: 500; font-size: 16px; line-height: 22px; word-break: break-word;}
.my_skd_view .box tr:last-child td {border-bottom: 0;}
.my_skd_view .box .tb_hd {width: 110px; color: #12238c; font-weight: 700;}
.my_skd_view .box .meetEnter {display: inline-block; background: #e40065; padding:10px; color: #fff; font-size: 14px; margin-left: 10px;}
.my_skd_view .box .closebtn {background: #12238c; display: block; color: #fff; padding:20px; text-align: center;}

.my4_sec3 {padding-bottom: 90px;}
.my4_sec3 p {font-size: 16px; color:#555; font-weight: 500; margin-bottom: 10px;}
.my4_sec3 p button {border:1px solid #11238c; background:#11238c; color:#fff; font-size: 13px; font-weight: 500; padding:5px 10px; margin-left: 5px;}

.my5_sec {padding-bottom: 90px;}
.my5_sec .box {width: 100%; margin:0 0 40px;}
.my5_sec .box .my_list_box .list_number {width:10%;}
.my5_sec .box .my_list_box .list_sort,
.my5_sec .box .my_list_box .list_company,
.my5_sec .box .my_list_box .list_name,
.my5_sec .box .my_list_box .list_position,
.my5_sec .box .my_list_box .list_view,
.my5_sec .box .my_list_box .list_remove {width:15%;}
.my5_sec .box .my_list_box .my_buyer_remove {font-size: 30px; font-weight: 300;}


/* 상담불가시간 설정 팝업 */
.my_time_sett_view .view_box {width:400px; max-width: 400px; background:#fff;  margin:0 auto; position: relative;}
.my_time_sett_view .view_box .tit {font-size: 20px; font-weight: 500; color:#fff; background:#11238c; padding:15px 0;text-align: center;}
.my_time_sett_view .view_box .txt {padding:10px 20px;}
.my_time_sett_view .view_box .txt > div {font-size: 0;}
.my_time_sett_view .view_box .txt > div > p {display: inline-block; font-size: 16px; padding:20px 0; vertical-align: middle;}
.my_time_sett_view .view_box .txt > div > p:nth-child(1) {width: 35%; margin-right: 3%; font-weight: 600;}
.my_time_sett_view .view_box .txt > div > p:nth-child(2) {width: 62%;}
.my_time_sett_view .view_box .txt .usestate p label {margin-right: 5px;}
.my_time_sett_view .view_box .txt .usetime {border-top: 1px solid #ddd; display: none;}
.my_time_sett_view .view_box .txt .usetime p select {padding:5px; margin:3px 0;}
.my_time_sett_view .view_box .txt .usetime p span {margin: 0 3px;}
.my_time_sett_view .view_box .btn {padding: 0 20px 20px;}
.my_time_sett_view .view_box .btn span {display: inline-block; width: 48.5%; text-align: center; cursor: url('../img/cursor_hover.png'), auto;}
.my_time_sett_view .view_box .btn .close {background:#555; color:#fff; font-size: 16px; padding:12px 0;}
.my_time_sett_view .view_box .btn .confirm {margin-left: 3%; }
.my_time_sett_view .view_box .btn .confirm input {cursor: url(../img/cursor_hover.png), auto; width: 100%; padding:10px 0 11px; display: block; background:#11238c; color:#fff; font-size: 16px; border:none;}

/* 거절사유 설정 팝업 */
.my_refuse_view .view_box {width:400px; max-width: 400px; background:#fff;  margin:0 auto; position: relative;}
.my_refuse_view .view_box .tit {font-size: 20px; font-weight: 500; color:#fff; background:#11238c; padding:15px 0;text-align: center;}
.my_refuse_view .view_box .txt {padding:20px 20px 10px;}
.my_refuse_view .view_box .txt label {display: block; margin-bottom: 10px;}
.my_refuse_view .view_box .txt input[type="text"] {width: 100%; padding:10px; border: 1px solid #ddd; margin-top: 5px;}
.my_refuse_view .view_box .btn {padding: 0 20px 20px;}
.my_refuse_view .view_box .btn span {display: inline-block; width: 48.5%; text-align: center; cursor: url('../img/cursor_hover.png'), auto;}
.my_refuse_view .view_box .btn .close {background:#555; color:#fff; font-size: 16px; padding:14px 0;}
.my_refuse_view .view_box .btn .confirm {margin-left: 3%; }
.my_refuse_view .view_box .btn .confirm input {cursor: url(../img/cursor_hover.png), auto; width: 100%; padding:10px 0 11px; display: block; background:#11238c; color:#fff; font-size: 16px; border:none;}


/* 개인정보수집내용 팝업 */
.footer_view .view_box {width:700px; max-width:700px; background: #fff; margin:0 auto; position: relative;}
.footer_view .view_box .close {position: absolute; right: 0; top:-35px; width: 25px; height: 25px;}
.footer_view .pop_tit {font-size: 24px; background:#21243A; color:#fff; padding:15px; text-align: center;} 
.footer_view .pop_layer {padding:20px;}
.footer_view .pop_layer .pop_sc_in {width: 100%; max-height: 400px; overflow-x: hidden; overflow-y: auto;}
.footer_view .pop_box {padding:10px;}
.footer_view .pop_box .box_tit {font-size: 20px; margin: 40px 0 10px;}
.footer_view .pop_box .box_tit:before {
	content:""; display: inline-block; vertical-align: middle; width:25px; height: 23px;
	background:url('../img/bar_icon_b1.png') no-repeat; background-size: 100%; margin-bottom:4px; margin-right: 5px;
}
.footer_view .pop_box .box_txt {font-size: 14px; line-height: 20px;}
.footer_view .pop_box .box_txt li {padding-left: 20px; text-indent: -20px; margin:10px;}
.footer_view .pop_box .box_txt li span {font-weight: 600;}

.email_view .pop_layer .pop_sc_in {width: 100%; max-height: 200px; overflow-x: hidden; overflow-y: auto;}


/* 매칭 취소, 부스 변경 팝업 */
.my_cscan_view .view_box {width:400px; max-width: 400px; background:#fff;  margin:0 auto; position: relative;}
.my_cscan_view .view_box .tit {font-size: 20px; font-weight: 500; color:#fff; background:#11238c; padding:15px 0;text-align: center;}
.my_cscan_view .view_box .txt {padding:20px; text-align: center;}
.my_cscan_view .view_box .btn {padding: 0 20px 20px;}
.my_cscan_view .view_box .btn .close,
.my_cscan_view .view_box .btn .confirm {display: inline-block; width: 48.5%; text-align: center; cursor: url('../img/cursor_hover.png'), auto;}
.my_cscan_view .view_box .btn .close {background:#555; color:#fff; font-size: 16px; padding:14px 0;}
.my_cscan_view .view_box .btn .confirm {margin-left: 3%; }
.my_cscan_view .view_box .btn .confirm {cursor: url(../img/cursor_hover.png), auto; padding:10px 0 11px; background:#11238c; color:#fff; font-size: 16px; border:none;}

.my_csbooth_view .view_box {width:400px; max-width: 400px; background:#fff;  margin:0 auto; position: relative;}
.my_csbooth_view .view_box .tit {font-size: 20px; font-weight: 500; color:#fff; background:#11238c; padding:15px 0;text-align: center;}
.my_csbooth_view .view_box .txt {padding:20px; text-align: center;}
.my_csbooth_view .view_box .btn {padding: 0 20px 20px;}
.my_csbooth_view .view_box .btn .close,
.my_csbooth_view .view_box .btn .confirm {display: inline-block; width: 48.5%; text-align: center; cursor: url('../img/cursor_hover.png'), auto;}
.my_csbooth_view .view_box .btn .close {background:#555; color:#fff; font-size: 16px; padding:14px 0;}
.my_csbooth_view .view_box .btn .confirm {margin-left: 3%; }
.my_csbooth_view .view_box .btn .confirm {cursor: url(../img/cursor_hover.png), auto; padding:10px 0 11px; background:#11238c; color:#fff; font-size: 16px; border:none;}

/* 마이페이지 상담스케줄 레이아웃변경 20240131 */
.my_matching_wrap {margin: 40px 0;}
.my_matching_wrap .list_number_wrap {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
.my_matching_wrap .list_number_wrap .print {border:1px solid #ccc; padding:5px 10px; border-radius: 3px; font-size: 14px;}
.my_matching_wrap .list_number_wrap .list_number {font-size: 16px; line-height: 1.4; position: relative; padding-left: 26px;}
.my_matching_wrap .list_number_wrap .list_number:before {
	display: block; content: ""; width: 22px; height: 22px; background:url('../img/bar_icon_b1.png') no-repeat center center / contain;
	position: absolute; left: 0;
}
.my_matching_wrap .list_number_wrap .list_number span {font-weight: 700;}
.my_matching_wrap .list_number_wrap .print:before {
	width:12px; height:12px; margin-right:5px; 
	content: ""; display: inline-block; background:url('../img/ico_print.png') no-repeat center center / cover ;
}
.my_matching_list {border-top: 2px solid #11238c;}
.my_matching_list .list_item {border-bottom: 1px solid #ddd; padding: 30px 10px; gap:10px; display: flex; align-items: center; font-size: 15px; line-height: 1.4;}
.my_matching_list .number_box {flex-basis: 90px; text-align: center;}
.my_matching_list .state_box {flex-basis: 110px; text-align: center;}
.my_matching_list .state_box > div {background:#000; color: #fff; border-radius: 100px; padding:10px; position: relative;}
.my_matching_list .state_box .on {background: #11238c;}
.my_matching_list .state_box .off {background: #E40065;}
.my_matching_list .state_box .cancel {background: #777;}
.my_matching_list .state_box .reaction:after {
	display: block; content: ""; width: 14px; height: 14px; background: #ff0000; border-radius: 100px; border: 2px solid #fff;
	position: absolute; top: -7px; right: 0; animation: reactionBlink 1s infinite;
}
@keyframes reactionBlink {
	50% {
		background: #fff;
	}
}
.my_matching_list .info_box {flex: 1; display: flex; flex-wrap: wrap; gap: 15px 40px; margin:0 40px;}
.my_matching_list .info_box li.w100 {width: 100%;}
.my_matching_list .info_box li {display: flex; align-items: flex-start; gap: 6px;}
.my_matching_list .info_box li .gubun {color: #777; width: 66px;}
.my_matching_list .info_box li .gubun::before {display: inline-block; content: "·"; margin-right: 2px;}
.my_matching_list .info_box li .naeyong {flex: 1;}
.my_matching_list .info_box li .naeyong .company_view {display: inline-block;}
.my_matching_list .info_box li .naeyong .company_view:after {
	width:18px; height:18px; margin-left:5px; margin-bottom: 5px; vertical-align: middle;
	content: ""; display: inline-block; background:url('../img/b2b/icon_company_view.png') no-repeat center center / cover ;
}
.my_matching_list .info_box li .naeyong .time {display: inline-block; margin-right: 5px;}
.my_matching_list .info_box li .naeyong .chage_msg {margin-left: 5px; display: inline-block; color: #ff0000;}
.my_matching_list .info_box li .naeyong .chage_msg a {background: #11238c; color: #fff; display: inline-block; padding: 3px 6px; font-size: 14px; margin-left: 3px;}
.my_matching_list .btn_box {flex-basis: 220px; text-align: center; display: flex; flex-direction: column; gap: 10px;}
.my_matching_list .btn_box .text {font-weight: 700;}
.my_matching_list .btn_box .btn {display: flex; gap: 10px; align-items: center; justify-content:center}
.my_matching_list .btn_box .btn a {background:#000; color: #fff; width: 100%; max-width: 110px; display: block; text-align: center; line-height: 40px; height: 40px;}
.my_matching_list .btn_box .btn .accept {background: #11238c;}
.my_matching_list .btn_box .btn .refuse {background: #777;}
.my_matching_list .btn_box .btn .cancel {background: #777;}
.my_matching_list .btn_box .btn .enter {background: #E40065;}

.my_matching_table .table {border-top: 2px solid #11238c;}
.my_matching_table li {display: flex; border-bottom: 1px solid #ddd; align-items: stretch;}
.my_matching_table li > div {text-align: center; font-size: 12px; line-height: 1.4; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.my_matching_table .time {padding: 10px; flex-basis: 200px; font-size: 12px; }
.my_matching_table .time .timeE {color: #ff0000;}
.my_matching_table .day {padding: 10px; flex: 1; border-left: 1px solid #ddd;}
.my_matching_table .table_top {background: #f1f2f9;}
.my_matching_table .table_content .day a {
	width: 100%; height: 100%; display: flex; align-items: flex-start; align-content: center; gap: 4px; flex-wrap: wrap; gap: 5px 10px;
}
.my_matching_table .table_content .day .item_box {min-width: calc(50% - 5px); max-width: 100%; text-align: left;}
.my_matching_table .table_content .day.offline .item_box .gubun {background: #e40065;}
.my_matching_table .table_content .day.online .item_box .gubun {background: #11238c;}
.my_matching_table .table_content .day .item_box .gubun {color: #fff; font-size: 10px; border-radius: 3px; padding: 2px 0; display: inline-block; width: 40px; text-align: center;}
.my_matching_table .table_content .day .item_box .naeyong {flex: 1; text-align: left; word-break: break-word; display: inline-block;}



/* .my_matching_table .table_content .day .gubun > div {width: 65px; background: #000; color: #fff;padding: 2px; border-radius: 3px; font-size: 12px;}
.my_matching_table .table_content .day .gubun .online {background: #11238c;}
.my_matching_table .table_content .day .gubun .offline {background: #e40065;}
.my_matching_table .table_content .day .naeyong {
	display: flex; flex-wrap: wrap; justify-content: center;
}
.my_matching_table .table_content .day .naeyong p:after {
	display: inline-block; content: "/"; margin: 0 2px; 
}
.my_matching_table .table_content .day .naeyong p:last-child:after {display: none;} */

.my_matching_time_wrap {margin-top: 60px; padding-bottom: 90px;}
.my_matching_time_wrap .inner {max-width: 900px;}

.my_matching_time_tit {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px;}
.my_matching_time_tit .title {font-size: 20px; line-height: 1.4; font-weight: 700; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.my_matching_time_tit .utc_btn {background: #E40065; color: #fff; display: block; height: 30px; line-height: 30px; padding:0 10px; font-size: 14px; width: 140px; text-align: center;}
.my_matching_time_tit .hover_text {position: relative;}
.my_matching_time_tit .hover_text .icon {
	width: 25px; height: 25px; border-radius: 100px; background:#fff; border:2px solid #e40065; cursor: pointer; position: relative;
}
.my_matching_time_tit .hover_text .icon::after {
	display: block; content: "?"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	font-size: 16px; font-weight: 700; color: #e40065
}
.my_matching_time_tit .hover_text .hidden {
	position: absolute; width: 100%; font-size: 14px; line-height: 1.4; font-weight: 500; display: none; width: 100vw; max-width: 500px;
	background: #fff; border: 2px solid #e40065; padding: 10px; z-index: 2; left: 0; top:calc(100% + 5px);
}
.my_matching_time_tit .hover_text:hover .hidden {display: block;}

.my_matching_utc .select_wrap {
	display: flex; align-items: center; flex-wrap: wrap;
	border-top: 2px solid #11238c; border-bottom: 1px solid #ddd; padding: 15px 0; gap: 10px;
	
}
.my_matching_utc .select_wrap select {padding: 5px; height: 45px; font-size: 14px;}
.my_matching_utc .select_wrap .reg_btn {background: #11238c; color: #fff; display: block; height: 45px; line-height: 45px; padding:0 10px; font-size: 15px; width: 140px; text-align: center;}
.my_matching_utc .select_wrap .utc_place {width: 100%; font-size: 15px; line-height: 1.4; background: #11238c; padding: 15px;  color: #fff;}
.my_matching_utc .select_wrap .utc_place .point {font-weight: 700; color: #ffff00;}

.my_matching_time {font-size: 16px; line-height: 1.4; margin-top: 40px;}
.my_matching_time .time_select_all {display: flex; align-items: center; justify-content: flex-end; gap: 7px;}
.my_matching_time .switch_wrap {position: relative;}
.my_matching_time .switch_wrap input[type="checkbox"] {position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.my_matching_time .switch_label {
	position: relative; cursor: pointer; display: inline-block; width: 58px; height: 28px; background: #ccc;
	border: 2px solid #ccc; border-radius: 20px; transition: 0.2s;
}
.my_matching_time .onf_btn {
	position: absolute; top: 2px; left: 2px; display: inline-block;
	width: 20px; height: 20px; border-radius: 20px; background: #fff; transition: 0.2s;
}
.my_matching_time .switch_wrap input[type="checkbox"]:checked+.switch_label {background: #12238C; border: 2px solid #12238C;}
.my_matching_time .switch_wrap input[type="checkbox"]:checked+.switch_label .onf_btn {left: 32px; background: #fff; box-shadow: 1px 2px 3px #00000020;}

.my_matching_time .time_list {border-top: 2px solid #11238c; font-size: 15px;}
.my_matching_time .time_list li {display: flex; border-bottom: 1px solid #ddd;}
.my_matching_time .time_list li > div {padding: 10px; text-align: center;}
.my_matching_time .time_list li .gubun {border-right: 1px solid #ddd; width: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.my_matching_time .time_list li .gubun p {font-size: 14px; color: #555; margin-top: 3px;}
.my_matching_time .time_list li .time {
	flex: 1; gap: 10px; text-align: left;
	display: flex; align-items: center; justify-content: space-between;
}
.my_matching_time .time_list li .time span {display: inline-block;}
.my_matching_time .list_top {background: #f1f2f9;}
.my_matching_time .time_list_save {margin-top: 20px; display: flex; justify-content: space-between;}
.my_matching_time .time_list_save .notice_cmnt p {position: relative; padding-left: 20px; font-size: 14px; line-height: 1.4;}
.my_matching_time .time_list_save .notice_cmnt p::before {
	display: block; content: "!"; width: 16px; height: 16px; background: #11238c;
	border-radius: 100px; color: #fff; line-height: 16px; text-align: center;
	position: absolute; left: 0; top: 2px;
}
.my_matching_time .time_list_save .save_btn {
	background: #11238c; width: 120px; height: 40px; height: 40px; line-height: 40px; color: #fff; display: block; text-align: center;
}

.admin_notice_wrap {margin-bottom: 40px; font-size: 16px; line-height:1.4;}
.admin_notice_wrap .inner {border: 1px solid #11238c; display: flex; align-items: stretch;}
.admin_notice_tit {background: #11238c; display: flex; align-items: center; position: relative; flex-basis: 220px; }
.admin_notice_tit .alarm {
	position: absolute; width: 26px; height: 26px; background: #ff0000; top: -10px; left: -10px;
	border-radius: 100px; text-align: center; line-height: 24px; color: #fff; font-size: 14px; border: 2px solid #fff;
}
.admin_notice_tit .tit {color: #fff; text-align: center; width: 100%; height: 70px; padding: 0 10px; display: flex; align-items: center; justify-content: center;}
.admin_list_wrap {position: relative; height: 70px; overflow: hidden; width: 100%; transition: height 0.5s ease;}
.admin_list_wrap .admin_list {padding:0 50px 0 20px; position: absolute; top: 0; left: 0; width: 100%;}
.admin_list_wrap .admin_list li {height: 70px; display: flex; align-items: center; border-bottom: 1px solid #ddd;}
.admin_list_wrap .admin_list li .point {color: #11238c; font-weight: bold;}
.admin_list_wrap .admin_list_view {
	position: absolute; cursor: pointer; top: 0; right: 0; width: 50px; height: 70px; background: #fff;
}
.admin_list_wrap .admin_list_view {background: #fff;}
.admin_list_wrap .admin_list_view:after {
	position: absolute; top: 50%; left: 50%; display: block; content: "";
	width: 10px; height: 10px; border-top: 2px solid #11238c; border-right: 2px solid #11238c;
	transform: translate(-50%,-50%) rotate(135deg);
}

/* 참가구분 설명(가입 시) */
.part_box {margin-top: 15px; display: flex; text-align: left;}
.part_box > div {background: #fff; border: 2px solid #ddd;}
.part_box .part_off {width: 64%; margin-right: 2%; display: flex; flex-wrap: wrap; align-content: flex-start;}
.part_box .part_on {width: 32%; align-content: flex-start;}
.part_box .part_tit {font-size: 16px; font-weight: 700; color: #fff; text-align: center; padding:15px 5px; width: 100%; height: 45px;}
.part_box .part_off .part_tit {background: #010D51;}
.part_box .part_on .part_tit {background: #12238C;}
.part_box .both, .part_box .lounge, .part_box .online {padding: 30px;}
.part_box .both, .part_box .lounge {width: 50%;}
.part_box .both {border-right: 1px solid #ddd;}
.part_box .box_tit {
	background: #12238c; padding: 10px 15px 10px 10px; border-radius: 0 30px 30px 0;
	display: inline-block; color: #fff; font-size: 16px;
}
.part_box .box_cont {margin-top: 20px; word-break: keep-all; display: flex; flex-direction: column; gap: 10px;}
.part_box .box_cont .box_stit {padding-left: 20px; position: relative; font-size: 16px; line-height:20px; font-weight: 700;}
.part_box .box_cont .box_stit:before {
	display: block; content: ""; width: 5px; height: 5px; border-radius: 100px;
	border:5px solid #11238c; background: #fff; position: absolute; left: 0; top: 2px;
}
.part_box .box_cont ul {padding-left: 20px;}
.part_box .box_cont li {padding-left: 12px; position: relative; margin:7px 0; font-size: 14px; line-height:18px; }
.part_box .box_cont li:before {
	display: block; content: ""; width: 6px; height: 6px; background: #11238c;
	position: absolute; left: 0; top: 6px;
}
.part_box .box_cont li p {margin:4px 0; font-size: 13px; line-height:17px; padding-left: 18px; color:#555; position: relative;}
.part_box .box_cont li p:before {display: block; position: absolute; left: 0;}
.part_box .box_cont li .mark1:before {content: "※";} 
.part_box .box_cont li .mark2:before {content: "→";} 

/* 상담가능시간 선택(가입 시) */
/*
.cons_box {display: flex; margin-top: 10px;}
.cons_box.first {margin-top: 0;}
.cons_box .cons_time select {border: 1px solid #ddd; height:40px; padding:0 10px; font-size: 16px;}
.cons_box .cons_btn {font-size: 0;}
.cons_box .cons_btn a {
	width: 40px; height: 40px; line-height: 40px; font-size: 24px; margin-left: 7px;
	text-align: center; color:#fff; display:inline-block;
}
.cons_box .cons_btn .btn_add {background:#11238c;}
.cons_box .cons_btn .btn_remove {background:#aaa;}
*/

.cons_ckbox {display: flex; align-items:stretch; flex-wrap: wrap;}
.cons_ckbox .ckbox {width: 50%; max-width: 500px; padding:20px; }
.cons_ckbox .ckbox:nth-child(odd) {border-right: 1px solid #ddd;}
.cons_ckbox .ckbox:nth-child(-n+2) {border-bottom: 1px solid #ddd;}
.cons_ckbox .cons_txt {border-left: 5px solid #11238c; padding-left: 10px;}
.cons_ckbox .cons_txt .day {color: #11238c; font-weight: 700;}
.cons_ckbox .cons_txt .txt {color:#000; margin-top: 5px; line-height: 120%;}
.cons_ckbox .cons_time {padding-left: 10px; padding-top: 5px;}
.cons_ckbox .cons_time label {
	display:block !important; padding-left: 33px; position: relative; font-size: 16px; line-height: 20px !important;
	margin:10px 0;
}
.cons_ckbox .cons_time label input {position: absolute; left: 0; top:-3px;}

/* 가입완료 후 조감도 팝업 노출 */
.map_view {display: block; overflow:hidden; background:rgba(0, 0, 0, .7);}
.map_view .popup_inner {display: block;}
.map_view .popup_wrap {display: block; width: 90%; max-width: 1350px; height: 100%;}
.map_view .view_box {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.map_view .close {
 background: #111; margin-top: -3px;
	width: 100%; height: 50px; line-height: 50px; padding:0 20px;  text-align: right;
}
.map_view .close a {display: inline-block; color: #fff;}
.map_view .swiper_box {position: relative;}
.map_view .next_map,
.map_view .prev_map {
	position: absolute; top:50%; transform: translateY(-50%); z-index: 1;cursor: pointer;
	}
.map_view .next_map {right: -40px;}
.map_view .prev_map {left: -40px;}
.map_view .next_map:after,
.map_view .prev_map:after {
	display: block; content: ""; width: 30px; height: 30px; border-top:5px solid #fff; border-right: 5px solid #fff;
}
.map_view .next_map:after {transform: rotate(45deg);}
.map_view .prev_map:after {transform: rotate(225deg);}


/* 참가사 지원사항 행사장 조감도 */
.guide2_map {padding-bottom: 90px;}
.guide2_map .inner {background: #fff;}
.guide2_map .swiper_box {position: relative; max-width: 1280px; margin:0 auto; width: 85%;}
.guide2_map .swiper-wrapper {height: auto;}
.guide2_map .next_map,
.guide2_map .prev_map {
	position: absolute; top:50%; transform: translateY(-50%); z-index: 1;cursor: pointer; background: #11238c; width: 60px; height: 60px;
	}
.guide2_map .next_map {right: -80px;}
.guide2_map .prev_map {left: -80px;}
.guide2_map .next_map:after,
.guide2_map .prev_map:after {
	display: block; content: ""; width: 25px; height: 25px; border-top:4px solid  #fff; border-right: 4px solid  #fff;
	position: absolute; top:50%; 
}
.guide2_map .next_map:after {transform: translate(-50%, -50%) rotate(45deg); left: 40%; }
.guide2_map .prev_map:after {transform: translate(-50%, -50%) rotate(225deg); left: 60%; }


/* 브로슈어 팝업  */
.popBc .popup_wrap {
	width: 90%; max-width: 1400px; margin:0 auto; display: block;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}
.popBc .close {background:#11238c; text-align:right; padding:20px; }
.popBc .close img {width: 30px;}
.popBc .view_box {height: 80vh; overflow-y: scroll;}

/* 프린트 */
@media print { 
	@page {
		margin:0; /* 머리글 바닥글 제거 */
		size: auto;
		
	} 
	*{
		margin: 0; 
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	#header, #footer {display:none}
	.cate_top, .sub_cate, .mypage_tit, .my4_sec1, .admin_notice_wrap, .print, .my4_sec3 {display:none}

	.my_matching_wrap {zoom :60%;}
	.my_matching_table li {page-break-inside: avoid}
	.my_matching_table li > div {font-size: 12px;}
	.my_matching_table .time {padding: 5px;}
	.my_matching_table .day {padding: 5px;}
	.my_matching_table .table_content .day .item_box {width: 100%;}
	
	.my_matching_list .list_item {page-break-inside: avoid;}

}